MediaWiki:Mobile.css

From WikiVet English
Revision as of 15:43, 23 November 2020 by Admin (talk | contribs) (Created page with "→‎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-t...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Jump to navigation Jump to search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* 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;
   }
}