MediaWiki:Monobook.css: Difference between revisions
Jump to navigation
Jump to search
Want an adless experience? Log in or Create an account.
(add css for columns (was in Warrior styles, needed for Main Page)) |
(footer color) |
||
| Line 11: | Line 11: | ||
/* Beige foreground */ | /* Beige foreground */ | ||
#content, #sidebar .portlet, #sidebar .pBody, #p-cactions li a, #p-cactions li.selected > a { | #content, #sidebar .portlet, #sidebar .pBody, #p-cactions li a, #p-cactions li.selected > a, #footer { | ||
background-color: #FBF0D4; | background-color: #FBF0D4; | ||
} | } | ||
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;
}
}