| Line 32: |
Line 32: |
| | border: 1px solid #f00; | | border: 1px solid #f00; |
| | padding: 1.5em; | | padding: 1.5em; |
| | + | } |
| | + | .header-banner{ |
| | + | padding-left:11em; |
| | + | margin-top:25px; |
| | + | width:100%; |
| | + | box-sizing: border-box; |
| | + | height:90px; |
| | + | } |
| | + | #mw-head-base{ |
| | + | height: 165px !important; |
| | + | } |
| | + | #left-navigation, #right-navigation{ |
| | + | margin-top: 10px !important; |
| | + | } |
| | + | .header-banner img{ |
| | + | max-width:100%; |
| | + | height:auto; |
| | + | } |
| | + | .header-banner .mobile-banner{ |
| | + | display:none; |
| | + | } |
| | + | @media screen and (max-width: 981px){ |
| | + | .header-banner{ |
| | + | padding-left:10em; |
| | + | } |
| | + | } |
| | + | @media screen and (max-width: 720px){ |
| | + | .header-banner{ |
| | + | position:absolute; |
| | + | padding-left:0; |
| | + | top:35px; |
| | + | height:50px; |
| | + | text-align:center; |
| | + | margin-top:10px; |
| | + | } |
| | + | .header-banner .desktop-banner{ |
| | + | display:none; |
| | + | } |
| | + | .header-banner .mobile-banner{ |
| | + | display:inline-block; |
| | + | } |
| | + | #mw-head-base{ |
| | + | height: 145px !important; |
| | + | } |
| | + | #left-navigation, #right-navigation{ |
| | + | margin-top: 0px !important; |
| | + | } |
| | + | #p-namespaces, #p-views, #p-variants{ |
| | + | top: 105px !important; |
| | + | } |
| | } | | } |