MediaWiki:Common.css

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

/*
 * Dynamic Layouts
 */
#text-wrap { margin-left:3em; position:relative; }
#text-container {}
#text {}

/* make the list of references look smaller and highlight clicked reference in blue */
ol.references { font-size: 100%; }
.references-small { font-size: 90%;}

ol.references > li:target { background-color: #ddeeff; }
sup.reference:target { background-color: #ddeeff; }
 
/* Ensure refs in table headers and the like aren't bold or italic */
sup.reference {
    font-weight: normal;
    font-style: normal;
}

/* Highlight clicked reference in blue to help navigation */
ol.references li:target,
sup.reference:target,
span.citation:target { 
    background-color: #DEF;
}
 
/* Styling for citations */
span.citation, cite {
    font-style: normal;
    word-wrap: break-word;
}
 
/* For linked citation numbers and document IDs, where
   the number need not be shown on a screen or a handheld,
   but should be included in the printed version
*/
@media screen, handheld {
    span.citation *.printonly {
        display: none;
    }
}

/* Infobox template style */
.infobox {
background-color:#F9F9F9;
border:1px solid #AAAAAA;
clear:right;
color:black;
float:right;
margin:0.5em 0 0.5em 1em;
padding:0.2em;
text-align: left;
font-size: 88%;
line-height: 1.5em;
}
.infobox caption {
    font-size: 125%;
    font-weight: bold;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.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.sisterproject {
    width: 20em;
    font-size: 90%;
}
 
.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;
}

/* Allow transcluded pages to display in lists rather than a table.
   Compatible in Firefox; incompatible in IE6. */
.listify td    { display: list-item; }
.listify tr    { display: block; }
.listify table { display: block; }

/* Styles for geography infoboxes, eg countries,
   country subdivisions, cities, etc.            */
.infobox.geography {
    text-align: left;
    border-collapse: collapse;
    line-height: 1.2em; 
    font-size: 90%;
}
 
.infobox.geography  td,
.infobox.geography  th {
    border-top: 1px solid #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
    border-top: 1px solid #aaa;
    padding: 0.4em 0.6em 0.2em 0.6em;
}
 
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}
 
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: 1px solid #aaa;
    padding: 0 0.6em 0.4em 0.6em;
}
 
.infobox.geography .maptable td,
.infobox.geography .maptable th {
    border: 0;
    padding: 0;
}

/* Side box formatting */
.sidebox {
clear: right;
padding: 4px;
border: 1px solid #a3b0bf; 
background: #f1f5fc;
margin: 0 0 1em 1em;
font-size: 0.9em; 
text-align: left; 
float: right;
}

/* Tablebox formatting */
.tablebox {               /* new name for old .navbox class */
clear: both;
padding: 4px;
border: 1px solid #a3b0bf; 
background: #f1f5fc;
margin: 0 auto 1em auto;
font-size: 0.9em; 
text-align: center; 
}

/* Default skin for navigation boxes */
table.navbox {            /* Navbox container style */
    border: 1px solid #aaa;
    margin: auto;
    width: 100%;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)       */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
    text-align: center;      /* Title and above/below styles */
    padding-left: 1em;
    padding-right: 1em;
}
.navbox-group {              /* Group style */
    white-space: nowrap;
    text-align: right;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
}
.navbox, .navbox-subgroup {
    background: #fdfdfd;     /* Background color */
}
.navbox-list {
    border-color: #fdfdfd;   /* Must match background color */
}
.navbox-title,
table.navbox th {
    background: #ccccff;     /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;     /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;     /* Even row striping */
}
.navbox-odd {
    background: transparent; /* Odd row striping */
}
table.collapsed tr.collapsible {
        display: none;
}
.collapseButton {          /* 'show'/'hide' buttons created dynamically */
    float: right;          /* by the CollapsibleTables javascript in    */
    font-weight: normal;   /* [[MediaWiki:Common.js]] are styled here   */
    text-align: right;     /* so they can be customised.                */
    width: auto;
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
    width: 6em;            /* the vde links from [[Template:Navbar]],    */
}                          /* so they need to be the same width.         */

.navbar {                  /* Navbox template links */
    font-size: 88%;        /* Default font-size */
    font-weight: normal;
}
.navbox .navbar {
    font-size: 100%;       /* Font-size when nested within navbox */
}

/* Standard Navigationsleiste, aka box hiding thingy
   from .de.  Documentation at [[Wikipedia:NavFrame]]. */
div.NavFrame {
    margin: 0;
    padding: 4px;
    border: 1px solid #aaa;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
}
div.NavPic {
    background-color: #fff;
    margin: 0;
    padding: 2px;
    float: left;
}
div.NavFrame div.NavHead {
    height: 1.6em;
    font-weight: bold;
    background-color: #ccf;
    position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
    font-size: 100%;
}
div.NavEnd {
    margin: 0;
    padding: 0;
    line-height: 1px;
    clear: both;
}
a.NavToggle {
    position: absolute;
    top: 0;
    right: 3px;
    font-weight: normal;
    font-size: 90%;
}

/* Prevent line breaks in silly places: 
   1) Links when we don't want them to
   2) Bold "links" to the page itself
   2) HTML formulae
   3) Ref tags with group names <ref group="Note"> --> "[Note 1]"
*/
.nowraplinks a,
.nowraplinks .selflink,
span.texhtml,
sup.reference a { 
    white-space: nowrap;
}

/* Normal font styling for table row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row] {
    font-weight: normal;
    text-align: left;
}
 
/* lists in data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
    text-align: left;
}

/* Hatnotes and disambiguation notices */
.rellink,
.dablink {
    font-style: italic;
    padding-left: 2em;
    margin-bottom: 0.5em;
}
.rellink i,
.dablink i {
    font-style: normal;
}

/* Notice box formatting (for alerts, etc.) */
.noticebox 
{
 width: 80%;
 margin: 0 auto 1em;
 padding: 0.2em;
 border: 1px solid #f28500;
 background-color: #f4c430;
 text-align: center;
}

/* For template documentation */
.template-documentation {
    clear: both;
    margin: 1em 0 0 0;
    border: 1px solid #aaa; 
    background-color: #ecfcf4; 
    padding: 1em;
}

/* Pretty table */
table.prettytable
{
 margin: 1em 1em 1em 0;
 background-color: #f9f9f9;
 border: 1px #aaa solid;
 border-collapse: collapse;
}
table.prettytable th,
table.prettytable td
{
 padding: 0.2em;
 border: 1px #aaa solid;
}
table.prettytable th
{
 background-color: #f2f2f2;
 text-align: center;
}

/* message box formatting */
.messagebox
{
 width: 80%;
 margin: 0 auto 1em;
 padding: 0.2em;
 border: 1px solid #a3b0bf;
 background-color: #f1f5fc;
 text-align: center;
}
.messagebox.standard-talk
{
 border: 1px solid #C0C090;
 background-color: #F8EABA;
}
/* Hide heading on main page */
body.page-Main_Page h1.firstHeading { display:none; }

/* Styling for Template:Quote */
blockquote.templatequote { 
     margin-top: 0; 
}
blockquote.templatequote div.templatequotecite { 
    line-height: 1em;
    text-align: left;
    padding-left: 2em;
    margin-top: 0;
}
blockquote.templatequote div.templatequotecite cite {
    font-size: 85%;
}

/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text {   /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.9em;     /* 0.9em left/right */
    width: 100%;               /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {                /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
    text-align: center; 
}
td.mbox-imageright {           /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
    text-align: center; 
}
td.mbox-empty-cell {           /* An empty narrow cell */
    border: none;
    padding: 0px;
    width: 1px;
}

/* These mbox-small classes must be placed after all other 
   ambox/tmbox/ombox etc classes. "body.mediawiki" is so 
   they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
    clear: right;
    float: right;
    margin: 4px 0 4px 1em;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em;
}
body.mediawiki table.mbox-small-left {   /* For the "small=left" option. */
    margin: 4px 1em 4px 0;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;
}

/*
 * Classes used by MediaWiki:Proofreadpage_header_template
 */
 
#headertemplate {
 text-align: center;
}
.headerlabel {
 display:none;
}
.headertemplate {
 width: 98%; 
 padding:0.5em; 
 border-top: 1px solid #A0A0A0; 
 background-color: #f4f0e5; 
}
.headertemplate-journal {
  border-bottom: 1px;
  solid #CCCCCC; 
  background-color: #f4f4f4; 
  padding: 0.5em; 
  width: 98%;
}
.headertemplate-author { padding-top:0.5em; padding-bottom:0.4em; font-size:100%; font-weight:bold; }
.headertemplate-title { padding-top:0.4em; padding-bottom:0.4em; font-size:120%; font-weight:bold; }
.headertemplate-reference { padding-top:0.4em; padding-bottom:0.5em; font-size:90%; }
.headertemplate-notes { padding-top:0.2em; padding-bottom:0.2em; font-size:90%; }
 
.footertemplate {
 width: 98%; 
 padding-left: 0.5em;
 padding-right: 0.5em;
 padding-top: 0.2em;
 padding-bottom: 0em;
 border-top: 1px solid #A0A0A0;
 border-bottom: 1px solid #A0A0A0;
 background-color: #f8f8f0;
 text-align: center;
 font-size:90%;
}
 
 
.references { 
 color:darkslategray; 
 font-size:90%; 
 border-style:solid; 
 border-width:1px; 
 border-color:whitesmoke; 
 background-color:snow; 
 padding:20px; 
 margin-top:20px;
}

div.headertemplate-manual
 text-align: center;
 display:none;
 width: 30em; 
 padding:0.5em; 
 border-top: 1px solid #A0A0A0; 
 background-color: #f4f0e5; 
}

/* Make the list of references smaller */
div.references {
    font-size: 90%;
}

/* Content in columns with CSS instead of tables [[Template:Columns]] */
div.columns-2 div.column {
    float: left;
    width: 50%;
    min-width: 300px;
}
div.columns-3 div.column {
    float: left;
    width: 33.3%;
    min-width: 200px;
}
div.columns-4 div.column {
    float: left;
    width: 25%;
    min-width: 150px;
}
div.columns-5 div.column {
    float: left;
    width: 20%;
    min-width: 120px;
}

/*********
** Page namespace
*********/
/* transcluded pages */
.lefttext p
{
 text-indent: 2em;
}
.lefttext .poem p
{
 text-indent: 0;
}
.lefttext .tiInherit p
{
 text-indent: inherit;
}
.lefttext
{
 width: 33em;
 text-align: justify;
 margin-left: 5em;
}
 
.leftoutdent
{
 padding-left: 2em;
 text-indent: -2em;
 max-width: 33em;
 margin-left: 5em;
}
 
/* similar to tiInherit, above; wrap something with a div of this class and set line-height; poem-tags, too */
.lhInherit p
{
 line-height: inherit;
}
.quote
{
 color: #2F4F4F; /* darkslategray (not a valid color name) */
 margin-left: 2em;
 margin-right: 2em;
}
 
/* Justify */
body.ns-104
{
 text-align: justify;
}
 
/* Paragraph markers (no IE6 support) */
body.ns-104 div.pagetext>p
{
 background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/b/b6/Paragraph-mark.svg/6px-Paragraph-mark.svg.png) 0 .3em no-repeat;
 margin-left: -10px;
 padding-left: 10px;
}
 
/* ProofreadPage */
.quality4 { background-color: #90ff90; }
.quality3 { background-color: #ffe867; }
.quality2 { background-color: #b0b0ff; }
.quality1 { background-color: #ffa0a0; }
.quality0 { background-color: #ddd; }
.ns-104 .editsection { visibility:hidden; }

/* Reduce size of sidebar headings */
.portal h5 {
   padding:0 1em 0 .5em;  /* example only */
   font-size:90%;
   font-weight:normal;
}