MediaWiki:Common.css

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Konqueror: Click Reload or press F5
• Opera: Clear the cache in Tools → Preferences

@charset "utf-8";
/* This stylesheet affects all skins. */
/* Always check with the [http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fcommons.wikimedia.org%2Fw%2Findex.php%3Ftitle%3DMediaWiki%3ACommon.css%26action%3Draw%26ctype%3Dtext%2Fcss&usermedium=all W3C CSS Validation Service] after any changes. */
/*(In [[w:Mozilla|Mozilla]] and [[w:Opera (web browser)|Opera]], you can test style changes dynamically with the [http://www.squarefree.com/bookmarklets/webdevel.html test styles] bookmarklet from squarefree.com. It pops up a window for adding style rules, and updates the page as you type.)*/
 
 
/*
 * Dynamic Layouts
 */
#text-wrap { margin-left:3em; position:relative; }
 
/* sidenotes */
body.ns-104 .sidenote-left { position:absolute; left:0; width:6em; padding-right:1em; text-indent:0em; text-align:left;}
body.ns-104 .sidenote-right { position:absolute; right:0; width:6em; padding-left:1em; text-indent:0em; text-align:left;}
 
 
/* make user experience moar-kewl */
a:link,
a:visited
{
 -webkit-transition: color 0.4s ease;
    -moz-transition: color 0.4s ease;
      -o-transition: color 0.4s ease;
         transition: color 0.4s ease;
}
 
/*********
** Various tweaks
*********/
 
/* Fix copy&paste formatting */
.verse pre
{
 margin: 0;
 padding-left: 2em;
 border: 0;
 background-color: #FFF;
 font-family: sans-serif;
 white-space: pre;
 line-height: 150%;
}
.verse p
{
 white-space: pre;
}
 
/* Short lines preferred by some editors */
.prose
{
 padding-left: 3em;
 max-width: 35em;
 margin: 0 auto;
}
 
/* show deleted text hidden by CopyVio template */
.page-Special_Undelete div#copyvio
{
 display: block !important;
}
 
/* 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;     }
 
/* indent page text on screen out of the way of the page numbers */
@media screen, handheld, projection
{
 div.indented-page
 {
  margin-left:3em;
 }
 cite *.printonly
 {
  display: none;
 }
}
 
/* Dont display the URL onto the screen */
@media screen, handheld, projection
{
 cite *.printonly
 {
  display: none;
 }
}
 
/*********
** Most-used standard templates
*********/
/* TextInfo template */
.textinfo
{
 margin: 1px;
 padding: 1px;
 border: 1px solid #0E8605;
 background-color: #B0E0A0;
 text-align: left;
}
.textinfo th
{
 background-color: #0E8605;
 text-align: center;
 font-weight: normal;
 color: #FFF;
}
.textinfo td
{
 background-color: #C6FFC6;
}
 
/* Featured template */
#cornerbox
{
 position: absolute;
 top: 0.3em;
 right: 0.2em;
 border: 1px solid #BBB;
 font-size: 0.8em;
}
 
div#divMediaWiki-Proofreadpage_header_template
{
 width: 100%;
 float: left; /* containment ;) */
 padding: 0.5em 0; /* do any l/r padding on an inner element */
 text-align: center;
}
/* colours common to Template:Header and MediaWiki:Proofreadpage header template */
table.headertemplate,
table.footertemplate,
div#divMediaWiki-Proofreadpage_header_template
{
 border: 1px solid #ADA;
 background-color: #E4F2E4;
}
div#divMediaWiki-Proofreadpage_header_template div.hAuthor
{
 padding-top: 0.5em;
 padding-bottom: 0.4em;
 font-size: 100%;
 font-weight: bold;
}
div#divMediaWiki-Proofreadpage_header_template div.hTitle
{
 padding-top: 0.4em;
 padding-bottom: 0.4em;
 font-size: 120%;
 font-weight: bold;
}
div#divMediaWiki-Proofreadpage_header_template div.hDetails
{
 padding-top: 0.4em;
 padding-bottom: 0.5em;
 font-size: 90%;
}
div#divMediaWiki-Proofreadpage_header_template div.hNavigation
{
 width: 100%;
 float: left; /* containment ;) */
 padding: 0.2em 0; /* do any l/r padding on an inner element */
/* don't like this
 border-top: 1px solid #ADA;
 */
}
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavPrev
{
 float: left;
 text-align: left;  /* override ambient for containing element */
 padding-left: 1em;
}
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavNext
{
 float: right;
 text-align: right; /* override ambient for containing element */
 padding-right: 1em;
}
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavCurrent
{
 text-align: center; /* after floats in source order! */
}
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavPrev,
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavNext
{
 width: 20%; /* as in Header and Author templates */
}
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavPrev span,
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavNext span
{
 color: #808080;
}
 
/* All header templates */
 
    .processheadertemplate,
    .portalheadertemplate,
    .authortemplate,
    .headertemplate,
    .footertemplate
    {
     width: 100%;
     margin-bottom: 5px;
    }
 
    /* Forward and backward link */
        .gen_header_backlink,
        .gen_header_forelink
        {
         width: 20%;
         font-size: 0.9em;
         line-height: normal;
        }
 
        .gen_header_backlink
        {
         text-align: left;
        }
 
        .gen_header_forelink
        {
         text-align: right;
        }
 
    /* Title field */
        .gen_header_title
        {
         width: 60%;
         text-align:center;
        }
 
    /* Notes field */
        .process_notes,
        .author_notes,
        .portal_notes,
        .header_notes
        {
         width: 100%;
         font-size: 0.9em;
         line-height: 1.4em;
         margin-bottom: 0.5em; /* a bit of space before body-text; 1em might be better... */
        }
 
/* Specific header templates */
    /* For Header template, see above with ProofreadPage code */
 
    /* Template:Header (footer) */
        .footertemplate
        {
         font-size: 0.9em;
         text-align: center;
        }
 
        .header_notes
        {
         border-bottom: 1px solid #A88;
         background-color: #FAFAFF;
        }
 
 
    /* Template:Author */
        .authortemplate
        {
         border: 1px solid #BEA2A2;
         background-color: #E4D8D8;
        }
 
        .author_notes
        {
         border-bottom: 1px solid #A88;
         background-color: #FFFBFC;
        }
 
        .author_seealso /* Remove this if we change to Plain_sister usage */
        {
         float: right;
         padding: 2px;
         margin: 0 0 0.5em 1em;
         border: 1px solid #CCC;
        }
 
 
    /* Process_header template */
        .processheadertemplate
        {
         border: 1px solid #966;
         background-color: #DCA;
        }
 
        .process_notes
        {
         border-bottom: 1px solid #A88;
         background-color: #FFFBFC;
        }
 
    /* Portal_header template */
        .portalheadertemplate
        {
         border: 1px solid #36A;
         background-color: #DDE;
        }
 
        .portal_notes
        {
         border-bottom: 1px solid #88A;
         background-color: #FCFBFF;
        }
 
/*********
** Standard formatting classes
*********/
/* messagebox */
.messagebox
{
 width: 80%;
 margin: 0 auto 1em;
 padding: 0.2em;
 border: 1px solid #aaa;
 background-color: #f9f9f9;
 text-align: justify;
}
.messagebox.standard-talk
{
 border: 1px solid #C0C090;
 background-color: #F8EABA;
}
 
/* Table documentation at [[Wikisource:Style guide/Tables]] */
/* grayscale tables */
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;
}
 
/* stylistic tables */
/* '''valign''' ; rows vertically aligned to top*/
/* '''table-c75vtop''' ; table centred, 75% width, rows vertically aligned to top*/
table.table-c75vtop
{
 width: 75%;
 margin-left: auto;
 margin-right: auto;
}
.table-c75vtop, .valign tr
{
 vertical-align: top;
}
 
/* tablecolhdborder; borders around table/columns/<th>; centre <th>; <td> align left with padding */
/* as used in [[Template:Hussey Churches table header]] */
 
table.tablecolhdborder
{
 border: 1px solid;
 margin: 0;
 border-collapse:collapse;
}
table.tablecolhdborder th
{
 border-bottom: 1px solid;
 border-left: 1px solid;
 text-align: center;
}
table.tablecolhdborder td
{
 border-left: 1px solid;
 padding-left: 5px;
}
 
/*Add a border to the bottom of a table row*/
tr.tablebtmborder td
{
 border-bottom: 1px solid;
}
 
/* '''valignb''' ; rows vertically aligned to bottom*/
.valignb tr
{
 vertical-align: bottom;
}
 
/* enable a standard means to insert a 1em padding in the first column of a table; Mostly used in book table of contents -- ab 20120122 */
.rpadCol1 td:first-child
{
 padding-right: 1.0em !important;
}
 
/* *********
 * Main page
 */
body.page-Main_Page .firstHeading,
body.page-Main_Page #siteSub
{
 display: none;
}
div.main_page
{
 position: static;
}
/* some new stuff for styling the main page header */
table.tblMain_page_header
{
 margin: 0 0 1em 0;
 /* border and background-color properties set in shared rules; see further down */
 width: 100%;
}
table.tblMain_page_header h1,
table.tblMain_page_header h2
{
 margin: 0 !important; /* insist on overriding #bodyContent h1 selector in main.css */
 border: 0;
 padding: 0;
}
table.tblMain_page_header div.divMPheading_wrapper
{
 float: left;
 padding-right: 7em;
}
table.tblMain_page_header h1
{
 font-size: 150%;
 padding-bottom: 0.15em;
}
table.tblMain_page_header h2
{
 font-size: 90%;
}
table.tblMain_page_header ul
{
 margin: 0; /* override margin-top to better align with h1-element; margin-left isn't applicable in this context */
}
table.tblMain_page_header hr
{
 color: #569BBB;
 background-color: #569BBB;
}
/* may want to loosen specificity a bit... and rename. more likely, it'll become floats... */
div.main_page table.subheader
{
 width: 100%;
 margin: -0.8em 0 -0.7em 0;
 background: none;
 font-size: 0.95em;
}
div.main_page table.subheader td
{
 padding: 10px 0;
}
 
/* some new stuff for styling the layout and look of the main page columns and modules */
div#divMain_page-ColumnWrapper
{
 float: left;
 width: 100%;
}
div#divMain_page-PrimaryMaterial
{
 float: left;
 width: 51%;
}
div#divMain_page-SecondaryMaterial
{
 float: right;
 width: 49%;
}
div#divMain_page-TertiaryMaterial
{
 float: left;
 width: 100%;
}
div#divMain_page-PrimaryMaterial   table.tblMPmodule,
div#divMain_page-SecondaryMaterial table.tblMPmodule,
div#divMain_page-TertiaryMaterial  table.tblMPmodule
{
 width: 100%;
 background-color: transparent;
}
div#divMain_page-PrimaryMaterial   table.tblMPmodule td.tdMPmodule,
div#divMain_page-SecondaryMaterial table.tblMPmodule td.tdMPmodule,
div#divMain_page-TertiaryMaterial  table.tblMPmodule td.tdMPmodule
{
 border: 1px solid #cedff2;
 padding: 1em 1em 0.5em;
 font-size: 100%;
}
div#divMain_page-PrimaryMaterial   table.tblMPmodule td.tdMPmodule h2,
div#divMain_page-SecondaryMaterial table.tblMPmodule td.tdMPmodule h2,
div#divMain_page-TertiaryMaterial  table.tblMPmodule td.tdMPmodule h2
{
 font-size: 135%;
 background-color: #569BBB;
 color: White;
 margin: 0 0 3px 0;
 padding: 1px 0 0 0;
 text-align: center;
 line-height: 1.3em;
}
 
/* common rule for main page header and for prettytables embedded in main page moldules  */
table.tblMain_page_header,
div#divMain_page-ColumnWrapper table.tblMPmodule table.prettytable,
div#divMain_page-ColumnWrapper table.tblMPmodule table.prettytable th,
div#divMain_page-ColumnWrapper table.tblMPmodule table.prettytable td
{
 border: 1px solid #569BBB;
}
 
table.tblMain_page_header,
div#divMain_page-ColumnWrapper table.tblMPmodule table.prettytable th
{
 background-color: #f1f5fc;
}
 
/* When <div class="nonumtoc"> is used on the table of contents,
   the ToC will display without numbers */
.nonumtoc .tocnumber { display: none; }
.nonumtoc #toc ul,
.nonumtoc .toc ul {
    line-height: 1.5em;
    list-style: none;
    margin: .3em 0 0;
    padding: 0;
}
.nonumtoc #toc ul ul, 
.nonumtoc .toc ul ul { 
    /* @noflip */
    margin: 0 0 0 2em; 
}
 
/* Deprecated - apply using the above definitions instead */
#hideTOCnumbers { display: none; }
 
/* main page stuff beyond here still to-review */
   .main_page h1
   {
    margin: 0 !important;
    padding: 0;
    border: 0;
    font-size: 1.75em;
   }
   .main_page .titlebox
   {
    width: 100%;
    padding-left: 2em;
    border: 1px solid #CCC;
    background-color: #FCFCFC;
   }
   .main_page .titlebox div
   {
    margin-left: 2em;
    font-size: 0.95em;
   }
   .main_page .portals
   {
    width: 11%;
    font-size: 0.95em;
   }
   .main_page th
   {
    padding-left: 0.4em;
    border: 1px solid #A3B0BF;
    background-color: #ECDCC8;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
   }
   .main_page .blurb
   {
    width: 60%;
    padding: 1em;
    border: 1px solid #68A;
    background-color: #FFE4C4;
   }
   .main_page .blurb img
   {
    float: left;
    margin: 0 .7em 0 .3em;
   }
   .main_page .mpsidebox
   {
    width: 30%;
    border: 1px solid #68A !important;
   }
   .main_page .featuredtext
   {
    border: 1px solid #68A;
   }
   .main_page .mpsidebox table,
   .main_page .featured_text table
   {
    width: 100%;
    vertical-align: top;
   }
   .main_page .sisterprojects
   {
    margin: 0 -8px;
    border-spacing: 8px;
   }
   .main_page .sisterprojects .sptd
   {
    padding: 10px;
    border: 1px solid #BBB;
    vertical-align: top;
   }
/* above main page stuff that is indented does not appear to be used these days; will review further and eventually remove */
 
/*********
** Template namespace
*********/
 
/*Template documentation*/
.template-documentation
{
 clear:both;
 margin:1em 0 0 0;
 border:1px solid #AAA;
 background:#ECFCF4;
 padding:5px;
}
 
/*********
** 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(//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; }
/* not in remarks */ 
div#remarks a.quality4 { background:#ffffff; }
div#remarks a.quality3 { background:#ffffff; }
div#remarks a.quality2 { background:#ffffff; }
div#remarks a.quality1 { background:#ffffff; }
div#remarks a.quality0 { background:#ffffff; }
 
/*********
** special formatting classes
*********/
/* ordered-list flavours; see [[History of the Rise, Progress, and Termination of the American Revolution/Chapter II]] for first deployment */
div.divRomanOL ol
{
 list-style-type: upper-roman;
}
div.divRomanOL-lower ol
{
 list-style-type: lower-roman;
}
div.divAlphaOL ol
{
 list-style-type: upper-alpha; /* or upper-latin; q: which is better supported? */
}
div.divAlphaOL-lower ol
{
 list-style-type: lower-alpha; /* or lower-latin...*/
}
div.divGreekOL-lower ol
{
 list-style-type: lower-greek;
}
div.divDecimalOL-leading-zero ol
{
 list-style-type: decimal-leading-zero;
}
div.divDecimalOL-normal ol
{
 list-style-type: decimal;     /* could be useful in nested situations - but computer says no... */
}
/* georgian && armenian as needed... */
 
/*********
** tabber
*********/
/*
Generic defaults
 
Copied from http://www.barelyfitz.com/projects/tabber/example.css used under mit license
see http://www.barelyfitz.com/projects/tabber/
*/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */
 
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display: none;
}
 
/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top: 1em;
}
 
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin: 0;
 padding: 3px 0;
 border-bottom: 1px solid #CCC;
 font: bold 12px Verdana, sans-serif;
}
 
ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}
 
ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #ccc;
 border-bottom: none;
 background-color: #f2f7ff;
 text-decoration: none;
}
 
ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }
 
ul.tabbernav li a:hover
{
 color: #000;
 background-color: #fff9f2;
 border-color: #CCC;
}
 
ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}
 
ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background-color: White;
 border-bottom: 1px solid White;
}
 
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding: 5px;
 border: 1px solid #CCC;
 border-top: 0;
 
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */
 
 /* height: 200px; */
 
 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */
 
 /* overflow: auto; */
}
 
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display: none;
}
.tabberlive .tabbertab h3 {
 display: none;
}
 
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height: 200px;
 overflow: auto;
}
/*--------------------------------------------------*/
 
/* Use for inputting Hebrew pointing in MediaWiki:Edittools */
span.nikud
{
 color: #002bb8;
 cursor: pointer;
}
 
/* International Phonetic Alphabet [[Template:IPA]] */
.IPA
{
 font-family: 'Arial Unicode MS', Code2000, Gentium, GentiumAlt, 'DejaVu Sans', 'Segoe UI', 'Lucida Grande', 'Charis SIL', 'Doulos SIL', 'TITUS Cyberbit Basic', 'Lucida Sans Unicode', sans-serif;
 font-size: 110%;
}
 
/* typos */
.coquille
{
 border-bottom: 1px dashed #666;
}
 
/* poem tag : avoid extra margins between transcluded pages */
.poem
{
 margin-bottom: 0em;
 margin-top: 0em;
 line-height: 1.6em;
 text-indent: 0em;
}
.poem p
{
 margin-top: 0em ! important;
 margin-bottom: 0em ! important;
 text-indent: 0em !important;
}
 
/* highlights the anchor text obtained using Template:Anchor+ */
/* this relies on CSS3, and thus is not seen by many browsers, but it is only added-value eye-candy so that's OK. */
span.HighlightedAnchor:target
{
 background-color: #DEF;
} 
 
 
/* .pagenum_container:hover {background-color:#eeeeee; opacity:0.5; } */
 
 
/**
 * Icons on the top right of the article.
 * See also JS
 *
 * @source: http://www.mediawiki.org/wiki/Snippets/Top_icons
 * @rev: 2
 */
/* Hide without javascript */
.Top_icon_raw {
        display: none;
}
/* With JavaScript */
.Top_icon_dynamic {
        float: right;
        padding-left: 10px;
        font-size: 50%;
        width: auto !important;
}
.Top_icon_raw p, .Top_icon_dynamic p {
        padding: 0; margin: 0;
}
 
/* Style for horizontal lists (separator following item) */
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
    line-height: 1.5em;
}
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
}
.hlist dd,
.hlist dt,
.hlist li { 
    display: inline;
    margin: 0;
}
/* Display nested lists inline */
.hlist dl dl,
.hlist ol ol,
.hlist ul ul {
    display: inline;
}
/* Generate interpuncts */
.hlist dd:after,
.hlist dt:after,
.hlist li:after {
    content: " ·";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* for IE 8 */
.hlist dd.nopunct:after,
.hlist dt.nopunct:after,
.hlist li.nopunct:after {
    content: none;
}
/* Add parens around nested lists */
.hlist dl dl:before,
.hlist ol ol:before,
.hlist ul ul:before {
    content: "(";
}
.hlist dl dl:after,
.hlist ol ol:after,
.hlist ul ul:after {
    content: ")";
}
/* Put numbers in ordered lists */
.hlist.hnum ol li {
    counter-increment: level1;
}
.hlist.hnum ol li:before {
    content: counter(level1) " ";
}
.hlist.hnum ol ol li {
    counter-increment: level2;
}
.hlist.hnum ol ol li:before {
    content: counter(level2) " ";
}
 
/* Unbulleted lists */
.plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0;
}
.plainlist ul li {
    margin-bottom: 0;
}
 
/* Default style for navigation boxes */
table.navbox {            /* Navbox container style */
    border: 1px solid #aaa;
    width: 100%; 
    margin: auto;
    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;
    /* @noflip */
    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 */
}
.navbox .hlist dl,
.navbox .hlist ol,
.navbox .hlist ul {
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}
.navbox .hlist dd,
.navbox .hlist dt,
.navbox .hlist li {
    white-space: nowrap;      /* Nowrap list items in navboxes */
    white-space: normal !ie;  /* IE < 8 no-wraps entire list, so disable it */
}
.navbox .hlist dd dl,
.navbox .hlist dt dl,
.navbox .hlist li ol,
.navbox .hlist li ul {
    white-space: normal;      /* But allow parent list items to be wrapped */
}
ol + table.navbox,
ul + table.navbox {
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */
}
 
/* Default styling for Navbar template */
.navbar {
    display: inline;
    font-size: 88%;
    font-weight: normal;
    padding-right: 0.25em;
    word-spacing: -0.125em;
}
.navbar ul {
    display: inline;
    white-space: nowrap;
}
/* Navbar styling when nested in navbox */
.navbox .navbar {
    display: block;
    float: left;
    font-size: 100%;
    text-align: left;
    width: 6em;
}
.navbox .navbar ul {
    display: block;
}
 
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {       
    /* @noflip */
    float: right;
    font-weight: normal;
    /* @noflip */
    margin-left: 0.5em;
    /* @noflip */
    text-align: right;
    width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
   from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
    width: 6em;
}
 
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
    font-weight: normal;
    /* @noflip */
    text-align: right;
}
.navbox .mw-collapsible-toggle {
    width: 6em;
}
 
/* Standard Navigationsleisten, aka box hiding thingy
   from .de.  Documentation at [[Wikipedia:NavFrame]]. */
div.mw-collapsible,
div.NavFrame {
    margin: 0;
    padding: 4px;
    border: 1px solid #aaa;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
div.mw-collapsible + div.mw-collapsible,
div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
}
div.NavPic {
    background-color: #fff;
    margin: 0;
    padding: 2px;
    /* @noflip */
    float: left;
}
div.mw-collapsible div.NavHead,
div.NavFrame div.NavHead {
    height: 1.6em;
    font-weight: bold;
    background-color: #ccf;
    position: relative;
}
div.mw-collapsible p,
div.mw-collapsible div.NavContent,
div.mw-collapsible div.NavContent p,
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;
    /* @noflip */
    right: 3px;
    font-weight: normal;
    font-size: 90%;
}
 
/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: 0.5em 0.0em 0.5em 1.0em;
    padding: 0.2em;
    /* @noflip */
    float: right;
    /* @noflip */
    clear: right;
    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;
}
 
/* Styles for geography infoboxes, eg countries,
   country subdivisions, cities, etc.            */
.infobox.geography {
    /* @noflip */
    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;
}