Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(Added clearfix and columns) |
|||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
+ | /* | ||
+ | Clearfix for floats and columns | ||
+ | */ | ||
+ | .clearfix:after { | ||
+ | visibility: hidden; | ||
+ | display: block; | ||
+ | font-size: 0; | ||
+ | content: " "; | ||
+ | clear: both; | ||
+ | height: 0; | ||
+ | } | ||
+ | * html .clearfix { zoom: 1; } /* IE6 */ | ||
+ | *:first-child+html .clearfix { zoom: 1; } /* IE7 */ | ||
+ | .column { | ||
+ | float: left; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | .w50 { | ||
+ | width: 50%; | ||
+ | } | ||
+ | .w25 { | ||
+ | width: 25% | ||
+ | } | ||
+ | /* | ||
+ | infoboxes | ||
+ | */ | ||
+ | |||
.infobox { | .infobox { | ||
− | float: right; | + | float: right; |
− | padding: .5em; | + | padding: .5em; |
− | border: 1px solid #999; | + | border: 1px solid #999; |
− | background: #f9f9f9; | + | background: #f9f9f9; |
+ | margin-left: 1em; | ||
} | } | ||
.infobox .details > ul >li { | .infobox .details > ul >li { | ||
− | list-style:none; | + | list-style:none; |
− | padding:0; | + | padding:0; |
− | margin:0; | + | margin:0; |
} | } | ||
.infobox .divider { | .infobox .divider { | ||
− | padding-bottom:.5m; | + | padding-bottom:.5m; |
− | margin-bottom:.5em; | + | margin-bottom:.5em; |
− | border-bottom:1px solid #ccc; | + | border-bottom:1px solid #ccc; |
} | } | ||
.infobox .title { | .infobox .title { | ||
− | text-align: center; | + | text-align: center; |
} | } |
Revision as of 10:45, 22 April 2012
/* CSS placed here will be applied to all skins */
/*
Clearfix for floats and columns
*/
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.column {
float: left;
margin: 0;
padding: 0;
}
.w50 {
width: 50%;
}
.w25 {
width: 25%
}
/*
infoboxes
*/
.infobox {
float: right;
padding: .5em;
border: 1px solid #999;
background: #f9f9f9;
margin-left: 1em;
}
.infobox .details > ul >li {
list-style:none;
padding:0;
margin:0;
}
.infobox .divider {
padding-bottom:.5m;
margin-bottom:.5em;
border-bottom:1px solid #ccc;
}
.infobox .title {
text-align: center;
}