Difference between revisions of "MediaWiki:Mobile.css"

Revision as of 15:43, 23 November 2020

/* All CSS here will be loaded for users of the mobile site */
/* 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;
   }
}