Difference between revisions of "MediaWiki:Common.css"

From Nordic Larp Wiki
Jump to navigation Jump to search
m (28 revisions)
Line 33: Line 33:
 
     border: 1px solid #ccc;
 
     border: 1px solid #ccc;
 
     background: #fcfcfc;
 
     background: #fcfcfc;
     width: 20em;
+
     width: 240px;
     -webkit-border-radius: .5em;
+
     -webkit-border-radius: 4px;
     -moz-border-radius: .5em;
+
     -moz-border-radius: 4px;
     border-radius: .5em;
+
     border-radius: 4px;
     margin: 0 0 1.5em 1.5em;
+
     margin: 0 0 16px 16px;
 
}
 
}
 
.infobox .details > ul >li {
 
.infobox .details > ul >li {
Line 45: Line 45:
 
}
 
}
 
.infobox .divider {
 
.infobox .divider {
     padding-bottom:.5m;
+
     padding-bottom: 5px;
     margin-bottom:.5em;
+
     margin-bottom: 5px;
     border-bottom:1px solid #ccc;
+
     border-bottom: 1px solid #ccc;
 
}
 
}
 
.infobox .title {
 
.infobox .title {

Revision as of 20:08, 7 May 2013

/* 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: 1em;
    border: 1px solid #ccc;
    background: #fcfcfc;
    width: 240px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 0 16px 16px;
}
.infobox .details > ul >li {
    list-style:none;
    padding:0;
    margin:0;
}
.infobox .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
}
.infobox .title {
    text-align: center;
}
.infobox dt, .infobox dd {
    float: left;
    padding: 0;
    margin: 0;
}
.infobox dt {
    clear: left;
}
.infobox dd {
    clear: right;
    margin: 0 0 0 .5em;
}
.infobox dt:after {
    content: ": ";
    font-weight:bold;
}
.infobox .name {
    font-size: 1.6em;
    margin: .25 em 0 .5em;
    padding: 0 0 .5em;
    border-bottom: 1px solid #ccc;
    line-height: 100%;
}
.infobox .name .english {
    font-size: 66%;
    font-style: italic;
    color: #235;
}
.infobox .tagline {
    font-style: italic;
    margin: .25 em 0 .5em;
    padding: 0 0 .5em;
    border-bottom: 1px solid #ccc;
}
/*
    Top boxes
*/
.topbox {
   border: 1px solid #ccc;
   background: #fcfcfc;
   padding: 1em;
   margin: 0 0 1em;
}
.topbox.stub {
    border-color: #9cd;
    background-color: #f0f6fc;
}
.topbox.stub > a.image {
   float: left;
   margin-right: 1em;
}
/*
    Specific class
*/
.mission {
    font-size: 1.5em; 
    line-height: 125%; 
    padding: .5em 0 1.5em;
    font-style: italic;
    color: #036;
}
.redirect {
    font-style: italic;
    margin-bottom: 1em;
}