Difference between revisions of "MediaWiki:Mobile.css"

From WikiVet Commons
Jump to navigation Jump to search
(Created page with "→‎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:90...")
 
Tag: Replaced
 
Line 1: Line 1:
 
/* 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;
 
  }
 
}
 

Latest revision as of 11:19, 27 November 2020

/* All CSS here will be loaded for users of the mobile site */