17,235
edits
MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Want an adless experience? Log in or Create an account.
copy columns styles that were in warriors theme and used on main page
m (fix specificity issue with dark thumb) |
(copy columns styles that were in warriors theme and used on main page) |
||
| Line 66: | Line 66: | ||
.user_welcome .welcome_content { padding: 5px 0; } | .user_welcome .welcome_content { padding: 5px 0; } | ||
/* | /* 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; | |||
} | |||
} | |||
/* Common boxes */ | /* Common boxes */ | ||