Difference between revisions of "MediaWiki:Common.css"

From Nordic Larp Wiki
Jump to navigation Jump to search
(Tweaked topbox.)
Line 34: Line 34:
 
     background: #fcfcfc;
 
     background: #fcfcfc;
 
     width: 240px;
 
     width: 240px;
    -webkit-border-radius: 4px;
 
    -moz-border-radius: 4px;
 
 
     border-radius: 4px;
 
     border-radius: 4px;
     margin: 0 0 16px 16px;
+
     margin: 0 0 1rem 1rem;
 
}
 
}
.infobox .details > ul >li {
+
.infobox .details > ul > li {
 
     list-style:none;
 
     list-style:none;
 
     padding:0;
 
     padding:0;
Line 95: Line 93:
 
   margin: 0 0 1em;
 
   margin: 0 0 1em;
 
}
 
}
.topbox.stub {
+
.topbox--stub {
 
     border-color: #9cd;
 
     border-color: #9cd;
 
     background-color: #f0f6fc;
 
     background-color: #f0f6fc;
 
}
 
}
.topbox.stub > a.image {
+
.topbox--stub > a.image {
 
   float: left;
 
   float: left;
 
   margin-right: 1em;
 
   margin-right: 1em;

Revision as of 22:30, 28 December 2018

/* 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;
    border-radius: 4px;
    margin: 0 0 1rem 1rem;
}
.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;
}
/*
 Temporary Logo fix
*/
#p-logo a {
    background-size: 100%;
}
/*
 ToC fix
*/
.toc {
    border-radius: 3px;
    background-color: #e7e7e7;
    border: 1px solid #b9b9b9;
    color: #333;
    padding: .75em;
    margin: 1em 0;
}
/*
 Headline spacing
*/
h1, h2, h3, h4 {
margin-top: 1em;
}
.toc h2, .title {
    margin-top: 0;
}