Difference between revisions of "MediaWiki:Common.css"

From Nordic Larp Wiki
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 11: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;
}