MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */
.test-title { color: red; }
.three-column .wikitable { width:100%;}
/* --------------------------------------------
Column
-------------------------------------------- */
.column {
margin: 0 -20px;
}
.one-column,
.two-third-column,
.two-column,
.three-column,
.four-column,
.column-1,
.column-2,
.column-3,
.column-4 {
float: left;
padding: 0 20px 40px;
}
.one-column,
.column-1
{
width:100%;
}
.two-third-column {
width:65%;
}
.two-column,
.column-2 {
width: 50%;
}
.three-column,
.column-3,
.boxed-layout-small .four-column-full-width,
.three-column-full-width {
width: 30%;
}
.four-column,
.column-4,
.four-column-full-width {
width: 25%;
}
.two-column:nth-child(2n+3),
.three-column:nth-child(3n+4),
.four-column:nth-child(4n+5),
.column-2:nth-child(2n+3),
.column-3:nth-child(3n+4),
.column-4:nth-child(4n+5) {
}
/* 9.0 Universal Clearfix
================================================== */
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
.mobile-only {
display:none;
}
.desktop-only {
display:block;
}
@media only screen and (max-width: 480px) {
.bbp-search-form input[type="submit"] {
height: 29px;
}
.one-column,
.two-third-column,
.two-column,
.three-column,
.four-column,
.column-1,
.column-2,
.column-3,
.column-4 {
float: left;
padding: 0;
width:100%;
text-align:center;
}
.mobile-only{
display:block;
}
.desktop-only {
display:none;
}
}