| Line 492: |
Line 492: |
| | padding: 8px 16px; | | padding: 8px 16px; |
| | font-size: 16px; | | font-size: 16px; |
| | + | } |
| | + | /* All CSS here will be loaded for users of the mobile site */ |
| | + | .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; |
| | + | } |
| | } | | } |