MediaWiki:Common.css

From The Powder Toy
Revision as of 17:07, 21 August 2013 by triclops200 (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search
/* CSS placed here will be applied to all skins */
/* Infobox template style */
div.ForumSaveBlock {
        box-sizing: border-box;
        height: 136px;
        width: 159px;
        border:1px dashed #CCCCCC;
        margin: 9px;
        display: inline-block;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        background-image: url("/Themes/Next/Design/Images/ajax-loader.gif");
        background-position: center center;
        background-repeat: no-repeat;
        vertical-align: top;
}
div.ForumSaveBlock a {
        display: none;
        margin: 38% auto 0 auto;
        width: 60px;
        text-align: center;
}
div.ForumSaveBlock b {
        display: none;
}
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
    border-collapse: separate;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox caption {
    font-size: larger;
    font-weight: bold;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}
 
.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
}
 
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
 
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid #aaa;
}
.collapsed {
	display: none;
}
.spoiler:hover .collapsed {
	display: inline;
}