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; |
| + | } |
| } | | } |