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