Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
| Line 5: | Line 5: | ||
border-top: 2px double #3399FF; | border-top: 2px double #3399FF; | ||
clear: both; | clear: both; | ||
| + | } | ||
| + | |||
| + | .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: 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; | ||
| + | } | ||
} | } | ||
Revision as of 23:31, 11 March 2015
/* CSS placed here will be applied to all skins */
#footer {
background: #333333;
border-top: 2px double #3399FF;
clear: both;
}
.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: 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;
}
}