1,021 bytes added ,  15:43, 23 November 2020
no edit summary
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;
 +
  }
 
}
 
}
1,157

edits