Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(Replaced content with "→CSS placed here will be applied to all skins: ") |
|||
| (18 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
| + | |||
| + | .pagination-nav { | ||
| + | clear: both; | ||
| + | padding-right: 20%; | ||
| + | } | ||
| + | |||
| + | .pagination-nav a { | ||
| + | color: #0000FF; | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | |||
| + | .pagination-nav .previous { | ||
| + | float: left; | ||
| + | } | ||
| + | |||
| + | .pagination-nav .next { | ||
| + | float: right; | ||
| + | } | ||
| + | |||
| + | .column { | ||
| + | float: left; | ||
| + | padding: 10px; | ||
| + | } | ||
| + | |||
| + | .col-2 { | ||
| + | max-width: 50%; | ||
| + | } | ||
| + | |||
| + | .col-3 { | ||
| + | max-width: 33%; | ||
| + | } | ||
| + | |||
| + | .col-4 { | ||
| + | max-width: 25%; | ||
| + | } | ||
| + | |||
| + | |||
| + | @media screen and (max-width: 900px) { | ||
| + | .pagination-nav { | ||
| + | padding-right: 0; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @media screen and (max-width: 720px) { | ||
| + | .col-2 { | ||
| + | max-width: 100%; | ||
| + | clear: both; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @media screen and (max-width: 600px) { | ||
| + | .col-3 { | ||
| + | max-width: 100%; | ||
| + | clear: both; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @media screen and (max-width: 480px) { | ||
| + | .col-2 { | ||
| + | max-width: 100%; | ||
| + | clear: both; | ||
| + | } | ||
| + | } | ||
Latest revision as of 05:38, 12 March 2015
/* CSS placed here will be applied to all skins */
.pagination-nav {
clear: both;
padding-right: 20%;
}
.pagination-nav a {
color: #0000FF;
font-size: 16px;
}
.pagination-nav .previous {
float: left;
}
.pagination-nav .next {
float: right;
}
.column {
float: left;
padding: 10px;
}
.col-2 {
max-width: 50%;
}
.col-3 {
max-width: 33%;
}
.col-4 {
max-width: 25%;
}
@media screen and (max-width: 900px) {
.pagination-nav {
padding-right: 0;
}
}
@media screen and (max-width: 720px) {
.col-2 {
max-width: 100%;
clear: both;
}
}
@media screen and (max-width: 600px) {
.col-3 {
max-width: 100%;
clear: both;
}
}
@media screen and (max-width: 480px) {
.col-2 {
max-width: 100%;
clear: both;
}
}