Difference between revisions of "MediaWiki:Common.css"

From WikiVet Commons
Jump to navigation Jump to search
Line 32: Line 32:
 
  border: 1px solid #f00;
 
  border: 1px solid #f00;
 
  padding: 1.5em;
 
  padding: 1.5em;
 +
}
 +
.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;
 +
  }
 
}
 
}

Revision as of 15:47, 23 November 2020

/* CSS placed here will be applied to all skins */

/* Increased size of search box */
#simpleSearch input#searchInput {width: 14em;}
 
/* Moved upload link from toolbox into the MediaWiki:Sidebar thus suppressing the old duplicate */
div#p-tb li#t-upload { display: none; }

/* Make sure the license dropdown of the upload form doesn't extend beyond the browser's
 window, even if there are some long license descriptions. (If that happens, the description
 box *also* goes beyond the right edge of the window.)
*/
select#wpLicense {
 width: 100%;
 overflow: hidden;
}
 
/* Give the upload form a little breathing space. */
form#upload * td {
 padding-bottom: 8px;
}
table#mw-upload-table * td {
 padding-bottom: 8px;
}
 
/* Show a border for warning messages on Special:Upload */
td#wpDestFile-warning {
 padding-bottom: 0;
}
#wpDestFile-warning ul {
 margin-left: 0;
 border: 1px solid #f00;
 padding: 1.5em;
}
.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;
   }
}