MediaWiki:Monobook.css: Difference between revisions

Latest revision as of 00:38, January 21, 2020

/* CSS placed here will affect users of the MonoBook skin */

/* Green background */
body {
	background-color: #253125;
	background-image: none;
}
div#globalWrapper {
	background-image: none;
}

/* Beige foreground */
#content, #sidebar .portlet, #sidebar .pBody, #p-cactions li a, #p-cactions li.selected > a, #footer {
	background-color: #FBF0D4;
}

/* White text on dark background */
div#p-personal a {
	color: #ffffff;
}

/* Main Page Columns */
.row {
  position: relative;
  margin: 0 -8px;
  border-radius: 0;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.row > * {
  display: block;
  float: left;
  box-sizing: border-box;
  padding: 1%;
  width: 100%;
}
.row > h2 { border-bottom: 1px solid #B2B2B2; }
.row .row { margin: 0; }
.row > .xs-1 { width: 8.33333333333%; }
.row > .xs-2 { width: 16.66666666667%; }
.row > .xs-3 { width: 25%; }
.row > .xs-4 { width: 33.33333333333%; }
.row > .xs-5 { width: 41.66666666667%; }
.row > .xs-6 { width: 50%; }
.row > .xs-7 { width: 58.33333333333%; }
.row > .xs-8 { width: 66.66666666667%; }
.row > .xs-9 { width: 75%; }
.row > .xs-10 { width: 83.33333333333%; }
.row > .xs-11 { width: 91.66666666667%; }
@media (min-width: 475px ) {
  .row > .sm-1 { width: 8.33333333333%; }
  .row > .sm-2 { width: 16.66666666667%; }
  .row > .sm-3 { width: 25%; }
  .row > .sm-4 { width: 33.33333333333%; }
  .row > .sm-5 { width: 41.66666666667%; }
  .row > .sm-6 { width: 50%; }
  .row > .sm-7 { width: 58.33333333333%; }
  .row > .sm-8 { width: 66.66666666667%; }
  .row > .sm-9 { width: 75%; }
  .row > .sm-10 { width: 83.33333333333%; }
  .row > .sm-11 { width: 91.66666666667%; }
}
@media (min-width: 730px ) {
  .row { margin: 0 -12px; }
  .row > .md-1 { width: 8.33333333333%; }
  .row > .md-2 { width: 16.66666666667%; }
  .row > .md-3 { width: 25%; }
  .row > .md-4 { width: 33.33333333333%; }
  .row > .md-5 { width: 41.66666666667%; }
  .row > .md-6 { width: 50%; }
  .row > .md-7 { width: 58.33333333333%; }
  .row > .md-8 { width: 66.66666666667%; }
  .row > .md-9 { width: 75%; }
  .row > .md-10 { width: 83.33333333333%; }
  .row > .md-11 { width: 91.66666666667%; }
}
@media (min-width: 1201px ) {
  .row {
    margin: 0 auto;
  }
}