Difference between revisions of "MediaWiki:Mobile.css"

From WikiVet English
Jump to navigation Jump to search
 
 
(4 intermediate revisions by 2 users not shown)
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 */
/* All CSS here will be loaded for users of the mobile site */
+
 
.header-banner{
+
@media(max-width:576px) {
  padding-left:11em;
+
   .frontpage-tpl .tpl-body{
  margin-top:25px;
+
      padding: 0 10px 10px;
  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;
+
.learning-resources .floatleft, .wikiclinical .floatleft{
 +
   float:none;
 
}
 
}
@media screen and (max-width: 981px){
+
 
  .header-banner{
+
.system-images img{
    padding-left:10em;
+
   padding:10px;
  }
 
}
 
@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 17:01, 8 December 2020

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

@media(max-width:576px) {
   .frontpage-tpl .tpl-body{
      padding: 0 10px 10px;
   }
}

.learning-resources .floatleft, .wikiclinical .floatleft{
   float:none;
}

.system-images img{
   padding:10px;
}