MediaWiki:Common.css: Difference between revisions

Latest revision as of 06:49, 11 April 2014

/* CSS placed here will be applied to all skins */

/* For [show]/[hide] link of javascript collapsible tables */
.collapseButton {         /* 'show'/'hide' buttons created dynamically by the        */
    float: right;         /* CollapsibleTables javascript in [[MediaWiki:Common.js]] */
    font-weight: normal;  /* are styled here so they can be customised.              */
    text-align: right;
    width: auto;
}

/* Gives the "Fade to transparent" effect in DIV, H2, table cells, etc. */
/* Used in conjunction with "background-color:<colour>" */
#gradient, .gradient, .gradient-horizontal { 
    background-image: url(http://images1.wikia.nocookie.net/templates/images/1/14/Gradient-1pixel-horizontal.png); 
}
 
.gradient-vertical {
    background-image: url(http://images1.wikia.nocookie.net/templates/images/1/14/Gradient-1pixel-horizontal.png);
}

/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
    font-style: italic;
}
.allpagesredirect:after {
    color: #808080;
    content: " (redirect)"
}
.watchlistredir {
    font-style: italic;
}

/* Infobox template style */
.infobox {
    border: 1px solid #aaaaaa;
    background-color: #f9f9f9;
    color: black;
    margin-bottom: 0.5em;
    margin-left: 1em;
    padding: 0.2em;
    float: right;
    clear: right;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox caption {
    font-size: larger;
    margin-left: inherit;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}

/* Forum formatting (by -Algorithm & -Splaka) */
.forumheader {
    border: 1px solid #aaa;
    margin-top: 1em;
    padding: 12px;
}
.forumlist td.forum_edited a {
    color: black;
    text-decoration: none;
}
.forumlist td.forum_title a {
    padding-left: 20px;
}
.forumlist td.forum_title a.forum_new {
    font-weight: bold;
    background: url(/images/4/4e/Forum_new.gif) center left no-repeat;
    padding-left: 20px;
}
.forumlist td.forum_title a.forum_new:visited {
    font-weight: normal;
    background: none;
    padding-left: 20px;
}
.forumlist th.forum_title {
    padding-left: 20px;
}

/* Image frame fix */
div.tright, div.tleft {
    border: 1px solid silver;
}

div.thumbinner {
    background: inherit;
    border: none;
    color: inherit;
}
#article div.thumb {
    color: inherit;
}

/* === Babel === */

div.babelbox {
    float: right;
    margin-left: 1em;
    margin-bottom: 0.5em;
    width: 246px;
    border: 1px solid #99B3FF;
    padding: 2px 0 2px 0;
}
.lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 {
    margin: 2px 4px 2px 4px; /* t, l, b, r */
    width: 238px;
    border-collapse: collapse;
}
td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 {
    text-align: center;
    font-size: 14pt;
    width: 45px;
    height: 45px;
}
td.lang-descriptionN, td.lang-description0, td.lang-description1,
td.lang-description2, td.lang-description3 {
    font-size: 8pt;
    padding: 4pt;
    line-height: 1.25em;
}

.lang-block0 {
    border:1px solid #FFB3B3;
}
td.lang-code0 {
    background-color: #FFB3B3;
    color: black;
}
td.lang-description0 {
    background-color: #FFE0E8;
    color: black;
}

.lang-block1,
.lang-block2,
.lang-block3  {
    border:1px solid #99B3FF;
}
td.lang-code1,
td.lang-code2,
td.lang-code3 {
    background-color: #99B3FF;
    color: black;
}
td.lang-description1,
td.lang-description2,
td.lang-description3 {
    background-color: #E0E8FF;
    color: black;
}

.lang-blockN {
    border:1px solid #6EF7A7;
}
td.lang-codeN {
    background-color: #6EF7A7;
    color: black;
}
td.lang-descriptionN {
    background-color: #C5FCDC;
    color: black;
}

/* === Template:Ambox designs === */
 
/* Ambox design */
.ambox {
    width: 80%; 
    margin: 0 auto;
    border: 1px #AAA solid;
    border-left: 10px solid #228b22;
    border-collapse: collapse;
    background-color: #EEE;
}
 
/* Ambox colours */
.ambox-blue {
    border-left: 10px solid #1e90ff;       /* Blue (notice) */
}
.ambox-red {
    border-left: 10px solid #b22222;       /* Red (delete/serious) */
}
.ambox-orange {
    border-left: 10px solid #f28500;       /* Orange (content) */
}
.ambox-yellow {
    border-left: 10px solid #f4c430;       /* Yellow (style) */
}
.ambox-purple {
    border-left: 10px solid #9932cc;       /* Purple (merge) */
}
.ambox-gray {
    border-left: 10px solid #bba;          /* Gray (protection) */
}
.ambox-green {
    border-left: 10px solid #228b22;       /* Green */
}
 
/* Ambox small text */
.ambox-smalltext {
    font-size: smaller;
    margin-top:0.5em;
    margin-left:0.8em;
}
 
/* Ambox image */
.ambox-image {                          /* The left image cell */
    width: 60px; 
    padding: 2px 0px 2px 0.5em;            /* 0.5em left, 0px right */
    text-align: center; 
}
 
@media print { .ambox { display: none; } } /* no ambox when printing */

/* === Template:Reflist design === */
.references-small {
    font-size: 90%;
}

/* === USERBOXES  === */
table.userbox {
    float: left;
    margin: 0.2em;
    padding: 0;
    border-width: 1px;
    border-style: solid;
}
table.userbox td.left,
table.userbox td.right {
    text-align: center;
    vertical-align: middle;
    font-size: 1.6em;
    padding: 0;
}
table.userbox td.main {
    padding: 0 4px;
    vertical-align: middle;
    line-height: 125%;
    font-size: 0.9em;
}

table.userbox {
    border-color: #aaa;
    background: #f8f8f8;
}
table.userbox td.left,
table.userbox td.right {
    background: #d8d8d8;
}