MediaWiki:Monobook.css: Difference between revisions
Jump to navigation
Jump to search
Want an adless experience? Log in or Create an account.
m (fix some priority issues) |
(add css for columns (was in Warrior styles, needed for Main Page)) |
||
Line 18: | Line 18: | ||
div#p-personal a { | div#p-personal a { | ||
color: #ffffff; | 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; | |||
} | |||
} | } |
Revision as of 00:36, 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 { 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; } }