Difference between revisions of "MediaWiki:Common.css"

From DKC Speedruns
Jump to: navigation, search
m
 
(8 intermediate revisions by 3 users not shown)
Line 4: Line 4:
 
     font-style: inherit;  /* Reset default styling for <dfn> */
 
     font-style: inherit;  /* Reset default styling for <dfn> */
 
}
 
}
    display: inline;
+
q {
    font-size: 88%;
+
     quotes: '"' '"' "'" "'"; /* Straight quote marks for <q> */
     font-weight: normal;
 
 
}
 
}
.navbar ul {
+
blockquote {
    display: inline;
+
overflow: hidden; /* Avoid collision of background with floating elements */
    white-space: nowrap;
 
 
}
 
}
.mw-body-content .navbar ul {
+
strong.selflink {
     line-height: inherit;
+
     font-weight: 700; /* Prevent the 'double bold' bug in Firefox when using DirectWrite */
 
}
 
}
.navbar li {
+
 
     word-spacing: -0.125em;
+
/* Consistent size for <sub> and <sup> */
 +
.mw-body sub,
 +
.mw-body sup,
 +
span.reference /* for Parsoid */ {
 +
     font-size: 80%;
 
}
 
}
.navbar.mini li span {
+
 
  font-variant: small-caps;
+
/* Main page fixes */
 +
#interwiki-completelist {
 +
    font-weight: bold;
 
}
 
}
/* Navbar styling when nested in infobox and navbox */
+
body.page-Main_Page #ca-delete {
.infobox .navbar {
+
     display: none !important;
     font-size: 100%;
 
 
}
 
}
.navbox .navbar {
+
body.page-Main_Page #mp-topbanner {
     display: block;
+
     clear: both;
    font-size: 100%;
 
 
}
 
}
.navbox-title .navbar {
+
 
    /* @noflip */
+
/* Edit window toolbar */
    float: left;
+
#toolbar {
    /* @noflip */
+
     height: 22px;
     text-align: left;
+
     margin-bottom: 6px;
    /* @noflip */
 
     margin-right: 0.5em;
 
    width: 6em;
 
 
}
 
}
  
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
+
/* WikiEditor CSS for #wpTextbox1 is not loaded on .css/.js pages, so load here. [[phab:T97299]] */
  in [[MediaWiki:Common.js]] are styled here so they can be customised. */
+
.wikiEditor-ui-text #wpTextbox1 {
.collapseButton {
+
     line-height: 1.5em;
     /* @noflip */
+
    resize: vertical;
     float: right;
+
}
     font-weight: normal;
+
 
    /* @noflip */
+
/* Hide charinsert base for those not using the gadget */
     margin-left: 0.5em;
+
#editpage-specialchars {
     /* @noflip */
+
     display: none;
     text-align: right;
+
}
     width: auto;
+
 
 +
/* Highlight data points in the info action if specified in the URL */
 +
body.action-info :target {
 +
    background: #DEF;
 +
}
 +
 
 +
/* Make the list of references smaller */
 +
ol.references,
 +
div.reflist,
 +
div.refbegin {
 +
     font-size: 90%;           /* Default font-size */
 +
     margin-bottom: 0.5em;
 +
}
 +
div.refbegin-100 {
 +
     font-size: 100%;          /* Option for normal fontsize in {{refbegin}} */
 +
}
 +
div.reflist ol.references {
 +
     font-size: 100%;           /* Reset font-size when nested in div.reflist */
 +
     list-style-type: inherit; /* Enable custom list style types */
 
}
 
}
/* In navboxes, the show/hide button balances the v·d·e links
+
 
  from [[Template:Navbar]], so they need to be the same width. */
+
/* Highlight clicked reference in blue to help navigation */
.navbox .collapseButton {
+
span.citation:target {
     width: 6em;
+
     background-color: #DEF;
 
}
 
}
  
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
+
/* Ensure refs in table headers and the like aren't bold or italic */
.mw-collapsible-toggle {
+
sup.reference {
 
     font-weight: normal;
 
     font-weight: normal;
     /* @noflip */
+
     font-style: normal;
     text-align: right;
+
}
 +
 
 +
/* Allow hidden ref errors to be shown by user CSS */
 +
span.brokenref {
 +
     display: none;
 
}
 
}
.navbox .mw-collapsible-toggle {
+
 
     width: 6em;
+
/* Styling for citations (CSS3). Breaks long urls, etc., rather than overflowing box */
 +
.citation {
 +
     word-wrap: break-word;
 
}
 
}
  
/* Infobox template style */
+
/* For linked citation numbers and document IDs, where
.infobox {
+
  the number need not be shown on a screen or a handheld,
    border: 1px solid #aaa;
+
  but should be included in the printed version */
    border-spacing: 3px;
+
@media screen, handheld {
    background-color: #f9f9f9;
+
     .citation .printonly {
    color: black;
+
        display: none;
    /* @noflip */
+
     }
    margin: 0.5em 0 0.5em 1em;
 
     padding: 0.2em;
 
    /* @noflip */
 
    float: right;
 
    /* @noflip */ 0.2em;
 
    /* @noflip */
 
    float: right;
 
     /* @noflip */
 
    clear: right;
 
    font-size: 88%;
 
    line-height: 1.5em;
 
 
}
 
}
.infobox caption {
+
 
     font-size: 125%;
+
/* Reset top margin for lists embedded in columns */
    font-weight: bold;
+
div.columns {
    padding: 0.2em;
+
     margin-top: 0.3em;
 
}
 
}
.infobox td,
+
div.columns dl,
.infobox th {
+
div.columns ol,
     vertical-align: top;
+
div.columns ul {
    /* @noflip */
+
     margin-top: 0;
    text-align: left;
 
 
}
 
}
.infobox.bordered {
+
 
     border-collapse: collapse;
+
/* Avoid elements from breaking between columns */
 +
.nocolbreak,
 +
div.columns li,
 +
div.columns dd dd {
 +
     -webkit-column-break-inside: avoid;
 +
    page-break-inside: avoid;
 +
    break-inside: avoid-column;
 
}
 
}
.infobox.bordered td,
+
 
.infobox.bordered th {
+
/* Style for [[Template:Flowlist]] that Lets lists flow around floating objecs */
     border: 1px solid #aaa;
+
.flowlist ul {
 +
     overflow-x: hidden;
 +
    margin-left: 0;
 +
    padding-left: 1.6em;
 
}
 
}
.infobox.bordered .borderless td,
+
.flowlist ol {
.infobox.bordered .borderless th {
+
    overflow-x: hidden;
     border: 0;
+
     margin-left: 0;
 +
    padding-left: 3.2em;
 
}
 
}
 
+
.flowlist dl {
.infobox.sisterproject {
+
     overflow-x: hidden;
     width: 20em;
 
    font-size: 90%;
 
 
}
 
}
  
.infobox.standard-talk {
+
/* Style for horizontal lists (separator following item).
     border: 1px solid #c0c090;
+
  IE8-specific classes are assigned in [[MediaWiki:Common.js]].
     background-color: #f8eaba;
+
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
 +
  @revision 6 (2014-05-09)
 +
  @author [[User:Edokter]]
 +
*/
 +
.hlist dl,
 +
.hlist ol,
 +
.hlist ul {
 +
     margin: 0;
 +
     padding: 0;
 
}
 
}
.infobox.standard-talk.bordered td,
+
/* Display list items inline */
.infobox.standard-talk.bordered th {
+
.hlist dd,
     border: 1px solid #c0c090;
+
.hlist dt,
 +
.hlist li {
 +
     margin: 0;
 +
    display: inline;
 
}
 
}
 
+
/* Display nested lists inline */
/* styles for bordered infobox with merged rows */
+
.hlist.inline,
.infobox.bordered .mergedtoprow td,
+
.hlist.inline dl,
.infobox.bordered .mergedtoprow th {
+
.hlist.inline ol,
    border: 0;
+
.hlist.inline ul,
    border-top: 1px solid #aaa;
+
.hlist dl dl, .hlist dl ol, .hlist dl ul,
    /* @noflip */
+
.hlist ol dl, .hlist ol ol, .hlist ol ul,
     border-right: 1px solid #aaa;
+
.hlist ul dl, .hlist ul ol, .hlist ul ul {
 +
     display: inline;
 
}
 
}
 
+
/* Generate interpuncts */
.infobox.bordered .mergedrow td,
+
.hlist dt:after {
.infobox.bordered .mergedrow th {
+
     content: ": ";
     border: 0;
 
    /* @noflip */
 
    border-right: 1px solid #aaa;
 
 
}
 
}
 
+
.hlist dd:after,
/* Styles for geography infoboxes, eg countries,
+
.hlist li:after {
  country subdivisions, cities, etc.           */
+
    content: " · ";
.infobox.geography {
+
    font-weight: bold;
     border-collapse: collapse;
+
}
     line-height: 1.2em;
+
.hlist dd:last-child:after,
     font-size: 90%;
+
.hlist dt:last-child:after,
 +
.hlist li:last-child:after {
 +
    content: none;
 +
}
 +
/* For IE8 */
 +
.hlist dd.hlist-last-child:after,
 +
.hlist dt.hlist-last-child:after,
 +
.hlist li.hlist-last-child:after {
 +
    content: none;
 +
}
 +
/* Add parentheses around nested lists */
 +
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
 +
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
 +
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
 +
     content: " (";
 +
    font-weight: normal;
 +
}
 +
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
 +
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
 +
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
 +
    content: ") ";
 +
     font-weight: normal;
 +
}
 +
/* For IE8 */
 +
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
 +
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
 +
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
 +
    content: ") ";
 +
     font-weight: normal;
 
}
 
}
 
+
/* Put ordinals in front of ordered list items */
.infobox.geography  td,
+
.hlist ol {
.infobox.geography  th {
+
     counter-reset: listitem;
     border-top: 1px solid #aaa;
 
    padding: 0.4em 0.6em 0.4em 0.6em;
 
 
}
 
}
.infobox.geography .mergedtoprow td,
+
.hlist ol > li {
.infobox.geography .mergedtoprow th {
+
     counter-increment: listitem;
     border-top: 1px solid #aaa;
 
    padding: 0.4em 0.6em 0.2em 0.6em;
 
 
}
 
}
 
+
.hlist ol > li:before {
.infobox.geography .mergedrow td,
+
     content: " " counter(listitem) " ";
.infobox.geography .mergedrow th {
+
     white-space: nowrap;
     border: 0;
 
     padding: 0 0.6em 0.2em 0.6em;
 
 
}
 
}
 
+
.hlist dd ol > li:first-child:before,
.infobox.geography .mergedbottomrow td,
+
.hlist dt ol > li:first-child:before,
.infobox.geography .mergedbottomrow th {
+
.hlist li ol > li:first-child:before {
    border-top: 0;
+
     content: " (" counter(listitem) " ";
    border-bottom: 1px solid #aaa;
 
     padding: 0 0.6em 0.4em 0.6em;
 
 
}
 
}
  
.infobox.geography .maptable td,
+
/* Unbulleted lists */
.infobox.geography .maptable th {
+
.plainlist ol,
     border: 0;
+
.plainlist ul {
     padding: 0;
+
     line-height: inherit;
 +
    list-style: none none;
 +
    margin: 0;
 +
}
 +
.plainlist ol li,
 +
.plainlist ul li {
 +
     margin-bottom: 0;
 
}
 
}
  
/* Normal font styling for table row headers with scope="row" tag */
+
/* Default style for navigation boxes */
.wikitable.plainrowheaders th[scope=row] {
+
.navbox {                    /* Navbox container style */
     font-weight: normal;
+
    border: 1px solid #aaa;
 +
    width: 100%;
 +
    margin: auto;
 +
    clear: both;
 +
    font-size: 88%;
 +
    text-align: center;
 +
    padding: 1px;
 +
}
 +
.navbox-inner,
 +
.navbox-subgroup {
 +
    width: 100%;
 +
}
 +
.navbox-group,
 +
.navbox-title,
 +
.navbox-abovebelow {
 +
    padding: 0.25em 1em;      /* Title, group and above/below styles */
 +
    line-height: 1.5em;
 +
    text-align: center;
 +
}
 +
th.navbox-group {             /* Group style */
 +
     white-space: nowrap;
 
     /* @noflip */
 
     /* @noflip */
     text-align: left;
+
     text-align: right;
 
}
 
}
 
+
.navbox,
/* Lists in data cells are always left-aligned */
+
.navbox-subgroup {
.wikitable td ul,
+
     background: #fdfdfd;      /* Background color */
.wikitable td ol,
 
.wikitable td dl {
 
     /* @noflip */
 
    text-align: left;
 
 
}
 
}
/* ...unless they also use the hlist class */
+
.navbox-list {
.toc.hlist ul,
+
    line-height: 1.5em;
#toc.hlist ul,
+
    border-color: #fdfdfd;    /* Must match background color */
.wikitable.hlist td ul,
+
}
.wikitable.hlist td ol,
+
.navbox th,
.wikitable.hlist td dl {
+
.navbox-title {
     text-align: inherit;
+
    background: #ccccff;      /* Level 1 color */
 +
}
 +
.navbox-abovebelow,
 +
th.navbox-group,
 +
.navbox-subgroup .navbox-title {
 +
     background: #ddddff;     /* Level 2 color */
 
}
 
}
 
+
.navbox-subgroup .navbox-group,
/* Icons for medialist templates [[Template:Listen]],
+
.navbox-subgroup .navbox-abovebelow {
  [[Template:Multi-listen_start]], [[Template:Video]],
+
     background: #e6e6ff;      /* Level 3 color */
  [[Template:Multi-video_start]] */
 
div.listenlist {
 
     background: url("//upload.wikimedia.org/wikipedia/commons/4/47/Sound-icon.svg") no-repeat scroll 0 0 transparent;
 
    background-size: 30px;
 
    padding-left: 40px;
 
 
}
 
}
 
+
.navbox-even {
/* Fix for hieroglyphs specificality issue in infoboxes ([[Phabricator:43869]]) */
+
     background: #f7f7f7;     /* Even row striping */
table.mw-hiero-table td {
 
     vertical-align: middle;
 
 
}
 
}
 
+
.navbox-odd {
/* Style rules for media list templates */
+
     background: transparent; /* Odd row striping */
div.medialist {
 
     min-height: 50px;
 
    margin: 1em;
 
    /* @noflip */
 
    background-position: top left;
 
    background-repeat: no-repeat;
 
 
}
 
}
div.medialist ul {
+
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
     list-style-type: none;
+
     margin-top: -1px;         /* (doesn't work for IE6, but that's okay)      */
    list-style-image: none;
 
    margin: 0;
 
 
}
 
}
div.medialist ul li {
+
.navbox .hlist td dl,
     padding-bottom: 0.5em;
+
.navbox .hlist td ol,
 +
.navbox .hlist td ul,
 +
.navbox td.hlist dl,
 +
.navbox td.hlist ol,
 +
.navbox td.hlist ul {
 +
     padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
 
}
 
}
div.medialist ul li li {
+
ol + table.navbox,
     font-size: 91%;
+
ul + table.navbox {
    padding-bottom: 0;
+
     margin-top: 1em;       /* Prevent lists from clinging to navboxes */
 
}
 
}
  
/* Change the external link icon to an Adobe icon for all PDF files
+
/* Default styling for Navbar template */
  in browsers that support these CSS selectors, like Mozilla and Opera */
+
.navbar {
div#content a[href$=".pdf"].external,
+
    display: inline;
div#content a[href*=".pdf?"].external,
+
    font-size: 88%;
div#content a[href*=".pdf#"].external,
+
    font-weight: normal;
div#content a[href$=".PDF"].external,
+
}
div#content a[href*=".PDF?"].external,
+
.navbar ul {
div#content a[href*=".PDF#"].external,
+
     display: inline;
div#mw_content a[href$=".pdf"].external,
+
     white-space: nowrap;
div#mw_content a[href*=".pdf?"].external,
 
div#mw_content a[href*=".pdf#"].external,
 
div#mw_content a[href$=".PDF"].external,
 
div#mw_content a[href*=".PDF?"].external,
 
div#mw_content a[href*=".PDF#"].external {
 
     background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
 
     /* @noflip */
 
    padding-right: 18px;
 
 
}
 
}
 
+
.mw-body-content .navbar ul {
/* Change the external link icon to an Adobe icon anywhere the PDFlink class
+
     line-height: inherit;
  is used (notably Template:PDFlink). This works in IE, unlike the above. */
 
div#content span.PDFlink a,
 
div#mw_content span.PDFlink a {
 
     background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
 
    /* @noflip */
 
    padding-right: 18px;
 
 
}
 
}
 
+
.navbar li {
/* Content in columns with CSS instead of tables ([[Template:Columns]]) */
+
    word-spacing: -0.125em;
div.columns-2 div.column {
+
}
    /* @noflip */
+
.navbar.mini li span {
     float: left;
+
  font-variant: small-caps;
     width: 50%;
+
}
     min-width: 300px;
+
/* Navbar styling when nested in infobox and navbox */
 +
.infobox .navbar {
 +
     font-size: 100%;
 +
}
 +
.navbox .navbar {
 +
     display: block;
 +
     font-size: 100%;
 
}
 
}
div.columns-3 div.column {
+
.navbox-title .navbar {
 
     /* @noflip */
 
     /* @noflip */
 
     float: left;
 
     float: left;
    width: 33.3%;
 
    min-width: 200px;
 
}
 
div.columns-4 div.column {
 
 
     /* @noflip */
 
     /* @noflip */
     float: left;
+
     text-align: left;
    width: 25%;
 
    min-width: 150px;
 
}
 
div.columns-5 div.column {
 
 
     /* @noflip */
 
     /* @noflip */
     float: left;
+
     margin-right: 0.5em;
     width: 20%;
+
     width: 6em;
    min-width: 120px;
 
 
}
 
}
  
/* Messagebox templates */
+
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
.messagebox {
+
  in [[MediaWiki:Common.js]] are styled here so they can be customised. */
     border: 1px solid #aaa;
+
.collapseButton {
     background-color: #f9f9f9;
+
     /* @noflip */
     width: 80%;
+
    float: right;
     margin: 0 auto 1em auto;
+
     font-weight: normal;
     padding: .2em;
+
     /* @noflip */
 +
    margin-left: 0.5em;
 +
     /* @noflip */
 +
    text-align: right;
 +
     width: auto;
 
}
 
}
.messagebox.merge {
+
/* In navboxes, the show/hide button balances the v·d·e links
     border: 1px solid #c0b8cc;
+
  from [[Template:Navbar]], so they need to be the same width. */
    background-color: #f0e5ff;
+
.navbox .collapseButton {
    text-align: center;
+
     width: 6em;
 
}
 
}
.messagebox.cleanup {
+
 
     border: 1px solid #9f9fff;
+
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
     background-color: #efefff;
+
.mw-collapsible-toggle {
     text-align: center;
+
     font-weight: normal;
 +
     /* @noflip */
 +
     text-align: right;
 
}
 
}
.messagebox.standard-talk {
+
.navbox .mw-collapsible-toggle {
     border: 1px solid #c0c090;
+
     width: 6em;
    background-color: #f8eaba;
 
    margin: 4px auto;
 
 
}
 
}
/* For old WikiProject banners inside banner shells. */
+
 
.mbox-inside .standard-talk,
+
/* Infobox template style */
.messagebox.nested-talk {
+
.infobox {
     border: 1px solid #c0c090;
+
     border: 1px solid #aaa;
     background-color: #f8eaba;
+
    border-spacing: 3px;
     width: 100%;
+
     background-color: #f9f9f9;
     margin: 2px 0;
+
     color: black;
     padding: 2px;
+
    /* @noflip */
}
+
     margin: 0.5em 0 0.5em 1em;
.messagebox.small {
+
     padding: 0.2em;
    width: 238px;
 
    font-size: 85%;
 
 
     /* @noflip */
 
     /* @noflip */
 
     float: right;
 
     float: right;
    clear: both;
 
 
     /* @noflip */
 
     /* @noflip */
     margin: 0 0 1em 1em;
+
     clear: right;
     line-height: 1.25em;
+
    font-size: 88%;
 +
     line-height: 1.5em;
 
}
 
}
.messagebox.small-talk {
+
.infobox caption {
    width: 238px;
+
     font-size: 125%;
     font-size: 85%;
+
     font-weight: bold;
     /* @noflip */
+
     padding: 0.2em;
    float: right;
 
    clear: both;
 
     /* @noflip */
 
    margin: 0 0 1em 1em;
 
    line-height: 1.25em;
 
    background: #F8EABA;
 
 
}
 
}
 
+
.infobox td,
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
+
.infobox th {
th.mbox-text, td.mbox-text {   /* The message body cell(s) */
+
     vertical-align: top;
     border: none;
 
 
     /* @noflip */
 
     /* @noflip */
     padding: 0.25em 0.9em;    /* 0.9em left/right */
+
     text-align: left;
    width: 100%;               /* Make all mboxes the same width regardless of text length */
 
 
}
 
}
td.mbox-image {               /* The left image cell */
+
.infobox.bordered {
     border: none;
+
     border-collapse: collapse;
    /* @noflip */
 
    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
 
    text-align: center;
 
 
}
 
}
td.mbox-imageright {           /* The right image cell */
+
.infobox.bordered td,
     border: none;
+
.infobox.bordered th {
    /* @noflip */
+
     border: 1px solid #aaa;
    padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
 
    text-align: center;
 
 
}
 
}
td.mbox-empty-cell {           /* An empty narrow cell */
+
.infobox.bordered .borderless td,
     border: none;
+
.infobox.bordered .borderless th {
    padding: 0;
+
     border: 0;
    width: 1px;
 
 
}
 
}
  
/* Article message box styles */
+
.infobox.sisterproject {
table.ambox {
+
     width: 20em;
     margin: 0 10%;                  /* 10% = Will not overlap with other elements */
+
     font-size: 90%;
    border: 1px solid #aaa;
 
     /* @noflip */
 
    border-left: 10px solid #1e90ff;  /* Default "notice" blue */
 
    background: #fbfbfb;
 
 
}
 
}
table.ambox + table.ambox {     /* Single border between stacked boxes. */
+
 
     margin-top: -1px;
+
.infobox.standard-talk {
 +
    border: 1px solid #c0c090;
 +
     background-color: #f8eaba;
 
}
 
}
.ambox th.mbox-text,
+
.infobox.standard-talk.bordered td,
.ambox td.mbox-text {           /* The message body cell(s) */
+
.infobox.standard-talk.bordered th {
     padding: 0.25em 0.5em;       /* 0.5em left/right */
+
     border: 1px solid #c0c090;
 
}
 
}
.ambox td.mbox-image {          /* The left image cell */
+
 
 +
/* styles for bordered infobox with merged rows */
 +
.infobox.bordered .mergedtoprow td,
 +
.infobox.bordered .mergedtoprow th {
 +
    border: 0;
 +
    border-top: 1px solid #aaa;
 
     /* @noflip */
 
     /* @noflip */
     padding: 2px 0 2px 0.5em;   /* 0.5em left, 0px right */
+
     border-right: 1px solid #aaa;
 
}
 
}
.ambox td.mbox-imageright {     /* The right image cell */
+
 
 +
.infobox.bordered .mergedrow td,
 +
.infobox.bordered .mergedrow th {
 +
    border: 0;
 
     /* @noflip */
 
     /* @noflip */
     padding: 2px 0.5em 2px 0;   /* 0px left, 0.5em right */
+
     border-right: 1px solid #aaa;
 
}
 
}
  
table.ambox-notice {
+
/* Styles for geography infoboxes, eg countries,
    /* @noflip */
+
  country subdivisions, cities, etc.            */
     border-left: 10px solid #1e90ff;   /* Blue */
+
.infobox.geography {
 +
     border-collapse: collapse;
 +
    line-height: 1.2em;
 +
    font-size: 90%;
 
}
 
}
table.ambox-speedy {
+
 
    /* @noflip */
+
.infobox.geography  td,
     border-left: 10px solid #b22222;   /* Red */
+
.infobox.geography  th {
     background: #fee;                   /* Pink */
+
     border-top: 1px solid #aaa;
 +
     padding: 0.4em 0.6em 0.4em 0.6em;
 
}
 
}
table.ambox-delete {
+
.infobox.geography .mergedtoprow td,
    /* @noflip */
+
.infobox.geography .mergedtoprow th {
     border-left: 10px solid #b22222;   /* Red */
+
     border-top: 1px solid #aaa;
 +
    padding: 0.4em 0.6em 0.2em 0.6em;
 
}
 
}
table.ambox-content {
+
 
     /* @noflip */
+
.infobox.geography .mergedrow td,
     border-left: 10px solid #f28500;   /* Orange */
+
.infobox.geography .mergedrow th {
 +
     border: 0;
 +
     padding: 0 0.6em 0.2em 0.6em;
 
}
 
}
     background: #f7f8ff;         /* Light gray */
+
 
 +
.infobox.geography .mergedbottomrow td,
 +
.infobox.geography .mergedbottomrow th {
 +
     border-top: 0;
 +
    border-bottom: 1px solid #aaa;
 +
    padding: 0 0.6em 0.4em 0.6em;
 
}
 
}
table.imbox-featured { 0.2em;
+
 
    /* @noflip */
+
.infobox.geography .maptable td,
     float: right;
+
.infobox.geography .maptable th {
     /* @noflip */
+
     border: 0;
    clear: right;
+
     padding: 0;
    font-size: 88%;
 
    line-height: 1.5em;
 
 
}
 
}
.infobox caption {
+
 
    font-size: 125%;
+
/* Normal font styling for table row headers with scope="row" tag */
    font-weight: bold;
+
.wikitable.plainrowheaders th[scope=row] {
    padding: 0.2em;
+
     font-weight: normal;
}
 
.infobox td,
 
.infobox th {
 
     vertical-align: top;
 
 
     /* @noflip */
 
     /* @noflip */
 
     text-align: left;
 
     text-align: left;
 
}
 
}
.infobox.bordered {
+
 
     border-collapse: collapse;
+
/* Lists in data cells are always left-aligned */
 +
.wikitable td ul,
 +
.wikitable td ol,
 +
.wikitable td dl {
 +
     /* @noflip */
 +
    text-align: left;
 
}
 
}
.infobox.bordered td,
+
/* ...unless they also use the hlist class */
.infobox.bordered th {
+
.toc.hlist ul,
     border: 1px solid #aaa;
+
#toc.hlist ul,
 +
.wikitable.hlist td ul,
 +
.wikitable.hlist td ol,
 +
.wikitable.hlist td dl {
 +
     text-align: inherit;
 
}
 
}
.infobox.bordered .borderless td,
+
 
.infobox.bordered .borderless th {
+
/* Icons for medialist templates [[Template:Listen]],
     border: 0;
+
  [[Template:Multi-listen_start]], [[Template:Video]],
 +
  [[Template:Multi-video_start]] */
 +
div.listenlist {
 +
    background: url("//upload.wikimedia.org/wikipedia/commons/4/47/Sound-icon.svg") no-repeat scroll 0 0 transparent;
 +
    background-size: 30px;
 +
     padding-left: 40px;
 
}
 
}
  
.infobox.sisterproject {
+
/* Fix for hieroglyphs specificality issue in infoboxes ([[Phabricator:43869]]) */
     width: 20em;
+
table.mw-hiero-table td {
    font-size: 90%;
+
     vertical-align: middle;
 
}
 
}
  
.infobox.standard-talk {
+
/* Style rules for media list templates */
     border: 1px solid #c0c090;
+
div.medialist {
     background-color: #f8eaba;
+
    min-height: 50px;
 +
    margin: 1em;
 +
    /* @noflip */
 +
     background-position: top left;
 +
     background-repeat: no-repeat;
 
}
 
}
.infobox.standard-talk.bordered td,
+
div.medialist ul {
.infobox.standard-talk.bordered th {
+
    list-style-type: none;
     border: 1px solid #c0c090;
+
    list-style-image: none;
 +
     margin: 0;
 
}
 
}
 
+
div.medialist ul li {
/* styles for bordered infobox with merged rows */
+
     padding-bottom: 0.5em;
.infobox.bordered .mergedtoprow td,
 
.infobox.bordered .mergedtoprow th {
 
     border: 0;
 
    border-top: 1px solid #aaa;
 
    /* @noflip */
 
    border-right: 1px solid #aaa;
 
 
}
 
}
 
+
div.medialist ul li li {
.infobox.bordered .mergedrow td,
+
     font-size: 91%;
.infobox.bordered .mergedrow th {
+
     padding-bottom: 0;
     border: 0;
 
     /* @noflip */
 
    border-right: 1px solid #aaa;
 
 
}
 
}
  
/* Styles for geography infoboxes, eg countries,
+
/* Change the external link icon to an Adobe icon for all PDF files
  country subdivisions, cities, etc.           */
+
  in browsers that support these CSS selectors, like Mozilla and Opera */
.infobox.geography {
+
div#content a[href$=".pdf"].external,
     border-collapse: collapse;
+
div#content a[href*=".pdf?"].external,
     line-height: 1.2em;
+
div#content a[href*=".pdf#"].external,
     font-size: 90%;
+
div#content a[href$=".PDF"].external,
 +
div#content a[href*=".PDF?"].external,
 +
div#content a[href*=".PDF#"].external,
 +
div#mw_content a[href$=".pdf"].external,
 +
div#mw_content a[href*=".pdf?"].external,
 +
div#mw_content a[href*=".pdf#"].external,
 +
div#mw_content a[href$=".PDF"].external,
 +
div#mw_content a[href*=".PDF?"].external,
 +
div#mw_content a[href*=".PDF#"].external {
 +
     background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
 +
     /* @noflip */
 +
     padding-right: 18px;
 
}
 
}
  
.infobox.geography  td,
+
/* Change the external link icon to an Adobe icon anywhere the PDFlink class
.infobox.geography  th {
+
  is used (notably Template:PDFlink). This works in IE, unlike the above. */
     border-top: 1px solid #aaa;
+
div#content span.PDFlink a,
     padding: 0.4em 0.6em 0.4em 0.6em;
+
div#mw_content span.PDFlink a {
 +
     background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
 +
    /* @noflip */
 +
     padding-right: 18px;
 
}
 
}
.infobox.geography .mergedtoprow td,
+
 
.infobox.geography .mergedtoprow th {
+
/* Content in columns with CSS instead of tables ([[Template:Columns]]) */
     border-top: 1px solid #aaa;
+
div.columns-2 div.column {
     padding: 0.4em 0.6em 0.2em 0.6em;
+
    /* @noflip */
 +
    float: left;
 +
    width: 50%;
 +
    min-width: 300px;
 +
}
 +
div.columns-3 div.column {
 +
     /* @noflip */
 +
    float: left;
 +
     width: 33.3%;
 +
    min-width: 200px;
 
}
 
}
 
+
div.columns-4 div.column {
.infobox.geography .mergedrow td,
+
    /* @noflip */
.infobox.geography .mergedrow th {
+
    float: left;
     border: 0;
+
     width: 25%;
     padding: 0 0.6em 0.2em 0.6em;
+
     min-width: 150px;
 
}
 
}
 
+
div.columns-5 div.column {
.infobox.geography .mergedbottomrow td,
+
    /* @noflip */
.infobox.geography .mergedbottomrow th {
+
     float: left;
     border-top: 0;
+
     width: 20%;
     border-bottom: 1px solid #aaa;
+
     min-width: 120px;
     padding: 0 0.6em 0.4em 0.6em;
 
 
}
 
}
  
.infobox.geography .maptable td,
+
/* Messagebox templates */
.infobox.geography .maptable th {
+
.messagebox {
     border: 0;
+
     border: 1px solid #aaa;
     padding: 0;
+
    background-color: #f9f9f9;
 +
    width: 80%;
 +
    margin: 0 auto 1em auto;
 +
     padding: .2em;
 
}
 
}
 
+
.messagebox.merge {
/* Normal font styling for table row headers with scope="row" tag */
+
     border: 1px solid #c0b8cc;
.wikitable.plainrowheaders th[scope=row] {
+
     background-color: #f0e5ff;
     font-weight: normal;
+
     text-align: center;
     /* @noflip */
 
     text-align: left;
 
 
}
 
}
 
+
.messagebox.cleanup {
/* Lists in data cells are always left-aligned */
+
    border: 1px solid #9f9fff;
.wikitable td ul,
+
     background-color: #efefff;
.wikitable td ol,
+
     text-align: center;
.wikitable td dl {
 
     /* @noflip */
 
     text-align: left;
 
 
}
 
}
/* ...unless they also use the hlist class */
+
.messagebox.standard-talk {
.toc.hlist ul,
+
    border: 1px solid #c0c090;
#toc.hlist ul,
+
    background-color: #f8eaba;
.wikitable.hlist td ul,
+
     margin: 4px auto;
.wikitable.hlist td ol,
 
.wikitable.hlist td dl {
 
     text-align: inherit;
 
 
}
 
}
 
+
/* For old WikiProject banners inside banner shells. */
/* Icons for medialist templates [[Template:Listen]],
+
.mbox-inside .standard-talk,
  [[Template:Multi-listen_start]], [[Template:Video]],
+
.messagebox.nested-talk {
  [[Template:Multi-video_start]] */
+
     border: 1px solid #c0c090;
div.listenlist {
+
     background-color: #f8eaba;
     background: url("//upload.wikimedia.org/wikipedia/commons/4/47/Sound-icon.svg") no-repeat scroll 0 0 transparent;
+
    width: 100%;
     background-size: 30px;
+
    margin: 2px 0;
     padding-left: 40px;
+
     padding: 2px;
 
}
 
}
 
+
.messagebox.small {
/* Fix for hieroglyphs specificality issue in infoboxes ([[Phabricator:43869]]) */
+
    width: 238px;
table.mw-hiero-table td {
+
    font-size: 85%;
     vertical-align: middle;
+
    /* @noflip */
 +
    float: right;
 +
    clear: both;
 +
    /* @noflip */
 +
    margin: 0 0 1em 1em;
 +
     line-height: 1.25em;
 
}
 
}
 
+
.messagebox.small-talk {
/* Style rules for media list templates */
+
    width: 238px;
div.medialist {
+
    font-size: 85%;
     min-height: 50px;
+
    /* @noflip */
     margin: 1em;
+
     float: right;
 +
     clear: both;
 
     /* @noflip */
 
     /* @noflip */
     background-position: top left;
+
     margin: 0 0 1em 1em;
     background-repeat: no-repeat;
+
    line-height: 1.25em;
 +
     background: #F8EABA;
 
}
 
}
div.medialist ul {
+
 
     list-style-type: none;
+
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
     list-style-image: none;
+
th.mbox-text, td.mbox-text {   /* The message body cell(s) */
     margin: 0;
+
     border: none;
 +
     /* @noflip */
 +
    padding: 0.25em 0.9em;     /* 0.9em left/right */
 +
     width: 100%;               /* Make all mboxes the same width regardless of text length */
 
}
 
}
div.medialist ul li {
+
td.mbox-image {               /* The left image cell */
     padding-bottom: 0.5em;
+
    border: none;
 +
    /* @noflip */
 +
     padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
 +
    text-align: center;
 
}
 
}
div.medialist ul li li {
+
td.mbox-imageright {           /* The right image cell */
     font-size: 91%;
+
    border: none;
     padding-bottom: 0;
+
    /* @noflip */
 +
    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: 0;
 +
    width: 1px;
 
}
 
}
  
/* Change the external link icon to an Adobe icon for all PDF files
+
/* Article message box styles */
  in browsers that support these CSS selectors, like Mozilla and Opera */
+
table.ambox {
div#content a[href$=".pdf"].external,
+
    margin: 0 10%;                  /* 10% = Will not overlap with other elements */
div#content a[href*=".pdf?"].external,
+
     border: 1px solid #aaa;
div#content a[href*=".pdf#"].external,
 
div#content a[href$=".PDF"].external,
 
div#content a[href*=".PDF?"].external,
 
div#content a[href*=".PDF#"].external,
 
div#mw_content a[href$=".pdf"].external,
 
div#mw_content a[href*=".pdf?"].external,
 
div#mw_content a[href*=".pdf#"].external,
 
div#mw_content a[href$=".PDF"].external,
 
div#mw_content a[href*=".PDF?"].external,
 
div#mw_content a[href*=".PDF#"].external {
 
     background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
 
 
     /* @noflip */
 
     /* @noflip */
     padding-right: 18px;
+
     border-left: 10px solid #1e90ff;  /* Default "notice" blue */
 +
    background: #fbfbfb;
 
}
 
}
 
+
table.ambox + table.ambox {      /* Single border between stacked boxes. */
/* Change the external link icon to an Adobe icon anywhere the PDFlink class
+
    margin-top: -1px;
  is used (notably Template:PDFlink). This works in IE, unlike the above. */
+
}
div#content span.PDFlink a,
+
.ambox th.mbox-text,
div#mw_content span.PDFlink a {
+
.ambox td.mbox-text {           /* The message body cell(s) */
     background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
+
     padding: 0.25em 0.5em;      /* 0.5em left/right */
 +
}
 +
.ambox td.mbox-image {          /* The left image cell */
 +
    /* @noflip */
 +
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
 +
}
 +
.ambox td.mbox-imageright {      /* The right image cell */
 
     /* @noflip */
 
     /* @noflip */
     padding-right: 18px;
+
     padding: 2px 0.5em 2px 0;   /* 0px left, 0.5em right */
 
}
 
}
  
/* Content in columns with CSS instead of tables ([[Template:Columns]]) */
+
table.ambox-notice {
div.columns-2 div.column {
 
 
     /* @noflip */
 
     /* @noflip */
     float: left;
+
     border-left: 10px solid #1e90ff;   /* Blue */
    width: 50%;
 
    min-width: 300px;
 
 
}
 
}
div.columns-3 div.column {
+
table.ambox-speedy {
 
     /* @noflip */
 
     /* @noflip */
     float: left;
+
     border-left: 10px solid #b22222;   /* Red */
    width: 33.3%;
+
     background: #fee;                   /* Pink */
     min-width: 200px;
 
 
}
 
}
div.columns-4 div.column {
+
table.ambox-delete {
 
     /* @noflip */
 
     /* @noflip */
     float: left;
+
     border-left: 10px solid #b22222;   /* Red */
    width: 25%;
 
    min-width: 150px;
 
 
}
 
}
div.columns-5 div.column {
+
table.ambox-content {
 +
    /* @noflip */
 +
    border-left: 10px solid #f28500;    /* Orange */
 +
}
 +
table.ambox-style {
 +
    /* @noflip */
 +
    border-left: 10px solid #f4c430;    /* Yellow */
 +
}
 +
table.ambox-move {
 +
    /* @noflip */
 +
    border-left: 10px solid #9932cc;    /* Purple */
 +
}
 +
table.ambox-protection {
 
     /* @noflip */
 
     /* @noflip */
     float: left;
+
     border-left: 10px solid #bba;       /* Gray-gold */
    width: 20%;
 
    min-width: 120px;
 
 
}
 
}
  
/* Messagebox templates */
+
/* Image message box styles */
.messagebox {
+
table.imbox {
     border: 1px solid #aaa;
+
     margin: 4px 10%;
     background-color: #f9f9f9;
+
     border-collapse: collapse;
     width: 80%;
+
     border: 3px solid #1e90ff;   /* Default "notice" blue */
     margin: 0 auto 1em auto;
+
     background: #fbfbfb;
    padding: .2em;
 
 
}
 
}
.messagebox.merge {
+
.imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */
     border: 1px solid #c0b8cc;
+
     margin: 0 -0.5em;       /* 0.9 - 0.5 = 0.4em left/right.        */
    background-color: #f0e5ff;
+
     display: block;         /* Fix for webkit to force 100% width.  */
     text-align: center;
 
 
}
 
}
.messagebox.cleanup {
+
.mbox-inside .imbox {       /* For imboxes inside other templates.  */
     border: 1px solid #9f9fff;
+
     margin: 4px;
    background-color: #efefff;
 
    text-align: center;
 
 
}
 
}
.messagebox.standard-talk {
+
 
     border: 1px solid #c0c090;
+
table.imbox-notice {
    background-color: #f8eaba;
+
     border: 3px solid #1e90ff;   /* Blue */
    margin: 4px auto;
 
 
}
 
}
/* For old WikiProject banners inside banner shells. */
+
table.imbox-speedy {
.mbox-inside .standard-talk,
+
     border: 3px solid #b22222;   /* Red */
.messagebox.nested-talk {
+
     background: #fee;             /* Pink */
     border: 1px solid #c0c090;
+
}
     background-color: #f8eaba;
+
table.imbox-delete {
     width: 100%;
+
     border: 3px solid #b22222;   /* Red */
    margin: 2px 0;
+
}
     padding: 2px;
+
table.imbox-content {
 +
     border: 3px solid #f28500;   /* Orange */
 
}
 
}
.messagebox.small {
+
table.imbox-style {
     width: 238px;
+
     border: 3px solid #f4c430;   /* Yellow */
    font-size: 85%;
 
    /* @noflip */
 
    float: right;
 
    clear: both;
 
    /* @noflip */
 
    margin: 0 0 1em 1em;
 
    line-height: 1.25em;
 
 
}
 
}
.messagebox.small-talk {
+
table.imbox-move {
     width: 238px;
+
     border: 3px solid #9932cc;   /* Purple */
    font-size: 85%;
 
    /* @noflip */
 
    float: right;
 
    clear: both;
 
    /* @noflip */
 
    margin: 0 0 1em 1em;
 
    line-height: 1.25em;
 
    background: #F8EABA;
 
 
}
 
}
 
+
table.imbox-protection {
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
+
     border: 3px solid #bba;       /* Gray-gold */
th.mbox-text, td.mbox-text {   /* The message body cell(s) */
 
     border: none;
 
    /* @noflip */
 
    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 */
+
table.imbox-license {
     border: none;
+
     border: 3px solid #88a;       /* Dark gray */
    /* @noflip */
+
     background: #f7f8ff;         /* Light gray */
     padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */
 
    text-align: center;
 
 
}
 
}
td.mbox-imageright {           /* The right image cell */
+
table.imbox-featured {
     border: none;
+
     border: 3px solid #cba135;   /* Brown-gold */
    /* @noflip */
 
    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: 0;
 
    width: 1px;
 
 
}
 
}
  
/* Article message box styles */
+
/* Category message box styles */
table.ambox {
+
table.cmbox {
     margin: 0 10%;                 /* 10% = Will not overlap with other elements */
+
     margin: 3px 10%;
 +
    border-collapse: collapse;
 
     border: 1px solid #aaa;
 
     border: 1px solid #aaa;
     /* @noflip */
+
     background: #DFE8FF;   /* Default "notice" blue */
    border-left: 10px solid #1e90ff; /* Default "notice" blue */
 
    background: #fbfbfb;
 
 
}
 
}
table.ambox + table.ambox {     /* Single border between stacked boxes. */
+
 
    margin-top: -1px;
+
table.cmbox-notice {
 +
    background: #D8E8FF;    /* Blue */
 
}
 
}
.ambox th.mbox-text,
+
table.cmbox-speedy {
.ambox td.mbox-text {            /* The message body cell(s) */
+
    margin-top: 4px;
     padding: 0.25em 0.5em;       /* 0.5em left/right */
+
    margin-bottom: 4px;
 +
    border: 4px solid #b22222;    /* Red */
 +
     background: #FFDBDB;         /* Pink */
 
}
 
}
.ambox td.mbox-image {           /* The left image cell */
+
table.cmbox-delete {
     /* @noflip */
+
     background: #FFDBDB;    /* Red */
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
 
 
}
 
}
.ambox td.mbox-imageright {     /* The right image cell */
+
table.cmbox-content {
     /* @noflip */
+
     background: #FFE7CE;    /* Orange */
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
 
 
}
 
}
 
+
table.cmbox-style {
table.ambox-notice {
+
     background: #FFF9DB;    /* Yellow */
     /* @noflip */
 
    border-left: 10px solid #1e90ff;    /* Blue */
 
 
}
 
}
table.ambox-speedy {
+
table.cmbox-move {
     /* @noflip */
+
     background: #E4D8FF;    /* Purple */
    border-left: 10px solid #b22222;    /* Red */
 
    background: #fee;                  /* Pink */
 
 
}
 
}
table.ambox-delete {
+
table.cmbox-protection {
     /* @noflip */
+
     background: #EFEFE1;    /* Gray-gold */
    border-left: 10px solid #b22222;    /* Red */
 
 
}
 
}
table.ambox-content {
+
 
     /* @noflip */
+
/* Other pages message box styles */
     border-left: 10px solid #f28500;   /* Orange */
+
table.ombox {
 +
     margin: 4px 10%;
 +
     border-collapse: collapse;
 +
    border: 1px solid #aaa;       /* Default "notice" gray */
 +
    background: #f9f9f9;
 
}
 
}
     background: #f7f8ff;         /* Light gray */
+
 
 +
table.ombox-notice {
 +
     border: 1px solid #aaa;       /* Gray */
 
}
 
}
table.imbox-featured { 0.2em;
+
table.ombox-speedy {
     /* @noflip */
+
     border: 2px solid #b22222;    /* Red */
     float: right;
+
     background: #fee;             /* Pink */
    /* @noflip */
 
    clear: right;
 
    font-size: 88%;
 
    line-height: 1.5em;
 
 
}
 
}
.infobox caption {
+
table.ombox-delete {
     font-size: 125%;
+
     border: 2px solid #b22222;   /* Red */
    font-weight: bold;
 
    padding: 0.2em;
 
 
}
 
}
.infobox td,
+
table.ombox-content {
.infobox th {
+
     border: 1px solid #f28500;   /* Orange */
     vertical-align: top;
 
    /* @noflip */
 
    text-align: left;
 
 
}
 
}
.infobox.bordered {
+
table.ombox-style {
     border-collapse: collapse;
+
     border: 1px solid #f4c430;   /* Yellow */
 
}
 
}
.infobox.bordered td,
+
table.ombox-move {
.infobox.bordered th {
+
     border: 1px solid #9932cc;   /* Purple */
     border: 1px solid #aaa;
 
 
}
 
}
.infobox.bordered .borderless td,
+
table.ombox-protection {
.infobox.bordered .borderless th {
+
     border: 2px solid #bba;       /* Gray-gold */
     border: 0;
 
 
}
 
}
  
.infobox.sisterproject {
+
/* Talk page message box styles */
     width: 20em;
+
table.tmbox {
     font-size: 90%;
+
     margin: 4px 10%;
 +
     border-collapse: collapse;
 +
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
 +
    background: #f8eaba;
 
}
 
}
 
+
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
.infobox.standard-talk {
+
     margin: 2px 0;               /* this declaration overrides other styles (including mbox-small above)  */
     border: 1px solid #c0c090;
+
     width: 100%;                 /* For Safari and Opera */
     background-color: #f8eaba;
 
 
}
 
}
.infobox.standard-talk.bordered td,
+
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
.infobox.standard-talk.bordered th {
+
    line-height: 1.5em;          /* also "nested", so reset styles that are  */
     border: 1px solid #c0c090;
+
     font-size: 100%;             /* set in "mbox-small" above.                */
 
}
 
}
  
/* styles for bordered infobox with merged rows */
+
table.tmbox-speedy {
.infobox.bordered .mergedtoprow td,
+
     border: 2px solid #b22222;   /* Red */
.infobox.bordered .mergedtoprow th {
+
     background: #fee;             /* Pink */
     border: 0;
+
}
     border-top: 1px solid #aaa;
+
table.tmbox-delete {
    /* @noflip */
+
     border: 2px solid #b22222;   /* Red */
     border-right: 1px solid #aaa;
 
 
}
 
}
 
+
table.tmbox-content {
.infobox.bordered .mergedrow td,
+
     border: 2px solid #f28500;   /* Orange */
.infobox.bordered .mergedrow th {
 
     border: 0;
 
    /* @noflip */
 
    border-right: 1px solid #aaa;
 
 
}
 
}
 
+
table.tmbox-style {
/* Styles for geography infoboxes, eg countries,
+
     border: 2px solid #f4c430;   /* Yellow */
  country subdivisions, cities, etc.           */
 
.infobox.geography {
 
     border-collapse: collapse;
 
    line-height: 1.2em;
 
    font-size: 90%;
 
 
}
 
}
 
+
table.tmbox-move {
.infobox.geography  td,
+
     border: 2px solid #9932cc;   /* Purple */
.infobox.geography  th {
 
     border-top: 1px solid #aaa;
 
    padding: 0.4em 0.6em 0.4em 0.6em;
 
 
}
 
}
.infobox.geography .mergedtoprow td,
+
table.tmbox-protection,
.infobox.geography .mergedtoprow th {
+
table.tmbox-notice {
     border-top: 1px solid #aaa;
+
     border: 1px solid #c0c090;   /* Gray-brown */
    padding: 0.4em 0.6em 0.2em 0.6em;
 
 
}
 
}
  
.infobox.geography .mergedrow td,
+
/* Disambig and set index box styles */
.infobox.geography .mergedrow th {
+
table.dmbox {
     border: 0;
+
     clear: both;
     padding: 0 0.6em 0.2em 0.6em;
+
     margin: 0.9em 1em;
 +
    border-top: 1px solid #ccc;
 +
    border-bottom: 1px solid #ccc;
 +
    background: transparent;
 
}
 
}
  
.infobox.geography .mergedbottomrow td,
+
/* Footer and header message box styles */
.infobox.geography .mergedbottomrow th {
+
table.fmbox {
     border-top: 0;
+
     clear: both;
     border-bottom: 1px solid #aaa;
+
    margin: 0.2em 0;
     padding: 0 0.6em 0.4em 0.6em;
+
    width: 100%;
 +
     border: 1px solid #aaa;
 +
     background: #f9f9f9;     /* Default "system" gray */
 
}
 
}
 
+
table.fmbox-system {
.infobox.geography .maptable td,
+
     background: #f9f9f9;
.infobox.geography .maptable th {
 
     border: 0;
 
    padding: 0;
 
 
}
 
}
 
+
table.fmbox-warning {
/* Normal font styling for table row headers with scope="row" tag */
+
     border: 1px solid #bb7070; /* Dark pink */
.wikitable.plainrowheaders th[scope=row] {
+
     background: #ffdbdb;       /* Pink */
     font-weight: normal;
 
    /* @noflip */
 
     text-align: left;
 
 
}
 
}
 
+
table.fmbox-editnotice {
/* Lists in data cells are always left-aligned */
+
     background: transparent;
.wikitable td ul,
 
.wikitable td ol,
 
.wikitable td dl {
 
     /* @noflip */
 
    text-align: left;
 
 
}
 
}
/* ...unless they also use the hlist class */
+
/* Div based "warning" style fmbox messages. */
.toc.hlist ul,
+
div.mw-warning-with-logexcerpt,
#toc.hlist ul,
+
div.mw-lag-warn-high,
.wikitable.hlist td ul,
+
div.mw-cascadeprotectedwarning,
.wikitable.hlist td ol,
+
div#mw-protect-cascadeon,
.wikitable.hlist td dl {
+
div.titleblacklist-warning,
     text-align: inherit;
+
div.locked-warning {
 +
    clear: both;
 +
    margin: 0.2em 0;
 +
    border: 1px solid #bb7070;
 +
    background: #ffdbdb;
 +
     padding: 0.25em 0.9em;
 
}
 
}
 
+
/* Div based "system" style fmbox messages.
/* Icons for medialist templates [[Template:Listen]],
+
   Used in [[MediaWiki:Readonly lag]]. */
   [[Template:Multi-listen_start]], [[Template:Video]],
+
div.mw-lag-warn-normal,
  [[Template:Multi-video_start]] */
+
div.fmbox-system {
div.listenlist {
+
     clear: both;
     background: url("//upload.wikimedia.org/wikipedia/commons/4/47/Sound-icon.svg") no-repeat scroll 0 0 transparent;
+
    margin: 0.2em 0;
     background-size: 30px;
+
    border: 1px solid #aaa;
     padding-left: 40px;
+
     background: #f9f9f9;
 +
     padding: 0.25em 0.9em;
 
}
 
}
  
/* Fix for hieroglyphs specificality issue in infoboxes ([[Phabricator:43869]]) */
+
/* These mbox-small classes must be placed after all other
table.mw-hiero-table td {
+
  ambox/tmbox/ombox etc classes. "body.mediawiki" is so
     vertical-align: middle;
+
  they override "table.ambox + table.ambox" above. */
}
+
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
 
+
     /* @noflip */
/* Style rules for media list templates */
+
     clear: right;
div.medialist {
+
     /* @noflip */
     min-height: 50px;
+
    float: right;
     margin: 1em;
 
 
     /* @noflip */
 
     /* @noflip */
     background-position: top left;
+
     margin: 4px 0 4px 1em;
     background-repeat: no-repeat;
+
    width: 238px;
 +
    font-size: 88%;
 +
     line-height: 1.25em;
 
}
 
}
div.medialist ul {
+
body.mediawiki table.mbox-small-left {   /* For the "small=left" option. */
     list-style-type: none;
+
    /* @noflip */
     list-style-image: none;
+
    margin: 4px 1em 4px 0;
     margin: 0;
+
    width: 238px;
 +
     border-collapse: collapse;
 +
     font-size: 88%;
 +
     line-height: 1.25em;
 
}
 
}
div.medialist ul li {
+
 
     padding-bottom: 0.5em;
+
/* Style for compact ambox */
 +
/* Hide the images */
 +
.compact-ambox table .mbox-image,
 +
.compact-ambox table .mbox-imageright,
 +
.compact-ambox table .mbox-empty-cell {
 +
     display: none;
 
}
 
}
div.medialist ul li li {
+
/* Remove borders, backgrounds, padding, etc. */
     font-size: 91%;
+
.compact-ambox table.ambox {
     padding-bottom: 0;
+
     border: none;
 +
    border-collapse: collapse;
 +
    background: transparent;
 +
    margin: 0 0 0 1.6em !important;
 +
     padding: 0 !important;
 +
    width: auto;
 +
    display: block;
 
}
 
}
 
+
body.mediawiki .compact-ambox table.mbox-small-left {
/* Change the external link icon to an Adobe icon for all PDF files
+
     font-size: 100%;
  in browsers that support these CSS selectors, like Mozilla and Opera */
+
     width: auto;
div#content a[href$=".pdf"].external,
+
     margin: 0;
div#content a[href*=".pdf?"].external,
 
div#content a[href*=".pdf#"].external,
 
div#content a[href$=".PDF"].external,
 
div#content a[href*=".PDF?"].external,
 
div#content a[href*=".PDF#"].external,
 
div#mw_content a[href$=".pdf"].external,
 
div#mw_content a[href*=".pdf?"].external,
 
div#mw_content a[href*=".pdf#"].external,
 
div#mw_content a[href$=".PDF"].external,
 
div#mw_content a[href*=".PDF?"].external,
 
div#mw_content a[href*=".PDF#"].external {
 
     background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
 
     /* @noflip */
 
     padding-right: 18px;
 
 
}
 
}
 
+
/* Style the text cell as a list item and remove its padding */
/* Change the external link icon to an Adobe icon anywhere the PDFlink class
+
.compact-ambox table .mbox-text {
  is used (notably Template:PDFlink). This works in IE, unlike the above. */
+
     padding: 0 !important;
div#content span.PDFlink a,
+
     margin: 0 !important;
div#mw_content span.PDFlink a {
 
     background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
 
     /* @noflip */
 
    padding-right: 18px;
 
 
}
 
}
 
+
.compact-ambox table .mbox-text-span {
/* Content in columns with CSS instead of tables ([[Template:Columns]]) */
+
     display: list-item;
div.columns-2 div.column {
+
     line-height: 1.5em;
     /* @noflip */
+
     list-style-type: square;
     float: left;
+
     list-style-image: url(/w/skins/MonoBook/bullet.gif);
     width: 50%;
 
     min-width: 300px;
 
 
}
 
}
div.columns-3 div.column {
+
.skin-vector .compact-ambox table .mbox-text-span {
     /* @noflip */
+
     list-style-type: disc;
    float: left;
+
     list-style-image: url(/w/skins/Vector/images/bullet-icon.png)
     width: 33.3%;
 
    min-width: 200px;
 
 
}
 
}
div.columns-4 div.column {
+
/* Allow for hiding text in compact form */
    /* @noflip */
+
.compact-ambox .hide-when-compact {
    float: left;
+
     display: none;
    width: 25%;
 
    min-width: 150px;
 
}
 
div.columns-5 div.column {
 
     /* @noflip */
 
    float: left;
 
    width: 20%;
 
    min-width: 120px;
 
 
}
 
}
  
/* Messagebox templates */
+
/* Remove default styles for [[MediaWiki:Noarticletext]]. */
.messagebox {
+
div.noarticletext {
     border: 1px solid #aaa;
+
     border: none;
     background-color: #f9f9f9;
+
     background: transparent;
     width: 80%;
+
     padding: 0;
    margin: 0 auto 1em auto;
 
    padding: .2em;
 
 
}
 
}
.messagebox.merge {
+
 
     border: 1px solid #c0b8cc;
+
/* Hide (formatting) elements from screen, but not from screenreaders */
     background-color: #f0e5ff;
+
.visualhide {
     text-align: center;
+
     position: absolute;
 +
    left: -10000px;
 +
    top: auto;
 +
    width: 1px;
 +
     height: 1px;
 +
     overflow: hidden;
 
}
 
}
.messagebox.cleanup {
+
 
    border: 1px solid #9f9fff;
+
/* Bold save button */
    background-color: #efefff;
+
#wpSave {
     text-align: center;
+
     font-weight: bold;
 
}
 
}
.messagebox.standard-talk {
+
 
     border: 1px solid #c0c090;
+
/* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */
     background-color: #f8eaba;
+
.hiddenStructure {
     margin: 4px auto;
+
     display: inline !important;
 +
     color: #f00;
 +
     background-color: #0f0;
 
}
 
}
/* For old WikiProject banners inside banner shells. */
+
 
.mbox-inside .standard-talk,
+
/* suppress missing interwiki image links where #ifexist cannot
.messagebox.nested-talk {
+
  be used due to high number of requests see .hidden-redlink on
     border: 1px solid #c0c090;
+
  [[m:MediaWiki:Common.css]] */
    background-color: #f8eaba;
+
.check-icon a.new {
    width: 100%;
+
     display: none;
    margin: 2px 0;
+
     speak: none;
     padding: 2px;
 
 
}
 
}
.messagebox.small {
+
 
    width: 238px;
+
/* Removes underlines from certain links */
    font-size: 85%;
+
.nounderlines a,
    /* @noflip */
+
.IPA a:link, .IPA a:visited {
    float: right;
+
     text-decoration: none !important;
    clear: both;
 
    /* @noflip */
 
    margin: 0 0 1em 1em;
 
     line-height: 1.25em;
 
 
}
 
}
.messagebox.small-talk {
+
 
     width: 238px;
+
/* Standard Navigationsleisten, aka box hiding thingy
     font-size: 85%;
+
  from .de. Documentation at [[Wikipedia:NavFrame]]. */
    /* @noflip */
+
div.NavFrame {
    float: right;
+
     margin: 0;
     clear: both;
+
     padding: 4px;
     /* @noflip */
+
     border: 1px solid #aaa;
    margin: 0 0 1em 1em;
+
     text-align: center;
     line-height: 1.25em;
+
     border-collapse: collapse;
     background: #F8EABA;
+
     font-size: 95%;
 
}
 
}
 
+
div.NavFrame + div.NavFrame {
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
+
     border-top-style: none;
th.mbox-text, td.mbox-text {   /* The message body cell(s) */
+
     border-top-style: hidden;
     border: none;
 
     /* @noflip */
 
    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 */
+
div.NavPic {
     border: none;
+
    background-color: #fff;
 +
    margin: 0;
 +
     padding: 2px;
 
     /* @noflip */
 
     /* @noflip */
     padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
+
     float: left;
    text-align: center;
 
 
}
 
}
td.mbox-imageright {          /* The right image cell */
+
div.NavFrame div.NavHead {
     border: none;
+
    line-height: 1.6em;
     /* @noflip */
+
     font-weight: bold;
     padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
+
     background-color: #ccf;
     text-align: center;
+
     position: relative;
 +
}
 +
div.NavFrame p,
 +
div.NavFrame div.NavContent,
 +
div.NavFrame div.NavContent p {
 +
     font-size: 100%;
 
}
 
}
td.mbox-empty-cell {           /* An empty narrow cell */
+
div.NavEnd {
     border: none;
+
     margin: 0;
 
     padding: 0;
 
     padding: 0;
     width: 1px;
+
     line-height: 1px;
 +
    clear: both;
 
}
 
}
 
+
a.NavToggle {
/* Article message box styles */
+
     position: absolute;
table.ambox {
+
     top: 0;
     margin: 0 10%;                 /* 10% = Will not overlap with other elements */
 
     border: 1px solid #aaa;
 
 
     /* @noflip */
 
     /* @noflip */
     border-left: 10px solid #1e90ff; /* Default "notice" blue */
+
     right: 3px;
     background: #fbfbfb;
+
    font-weight: normal;
 +
     font-size: 90%;
 
}
 
}
table.ambox + table.ambox {      /* Single border between stacked boxes. */
+
 
     margin-top: -1px;
+
/* Hatnotes and disambiguation notices */
 +
.hatnote {
 +
     font-style: italic;
 
}
 
}
.ambox th.mbox-text,
+
.hatnote i {
.ambox td.mbox-text {           /* The message body cell(s) */
+
     font-style: normal;
     padding: 0.25em 0.5em;       /* 0.5em left/right */
 
 
}
 
}
.ambox td.mbox-image {           /* The left image cell */
+
div.hatnote {
 
     /* @noflip */
 
     /* @noflip */
     padding: 2px 0 2px 0.5em;   /* 0.5em left, 0px right */
+
     padding-left: 1.6em;
 +
    margin-bottom: 0.5em;
 
}
 
}
.ambox td.mbox-imageright {     /* The right image cell */
+
div.hatnote + div.hatnote {
     /* @noflip */
+
     margin-top: -0.5em;
    padding: 2px 0.5em 2px 0;   /* 0px left, 0.5em right */
 
 
}
 
}
  
table.ambox-notice {
+
/* Allow transcluded pages to display in lists rather than a table.
    /* @noflip */
+
  Compatible in Firefox; incompatible in IE6. */
    border-left: 10px solid #1e90ff;   /* Blue */
+
.listify td    { display: list-item; }
}
+
.listify tr    { display: block; }
table.ambox-speedy {
+
.listify table { display: block; }
    /* @noflip */
+
 
    border-left: 10px solid #b22222;   /* Red */
+
/* Geographical coordinates defaults. See [[Template:Coord/link]]
     background: #fee;                   /* Pink */
+
  for how these are used. The classes "geo", "longitude", and
 +
  "latitude" are used by the [[Geo microformat]]. */
 +
.geo-default, .geo-dms, .geo-dec  { display: inline; }
 +
.geo-nondefault, .geo-multi-punct { display: none; }
 +
.longitude, .latitude            { white-space: nowrap; }
 +
 
 +
/* When <div class="nonumtoc"> is used on the table of contents,
 +
  the ToC will display without numbers */
 +
.nonumtoc .tocnumber {
 +
     display: none;
 
}
 
}
table.ambox-delete {
+
.nonumtoc #toc ul,
     /* @noflip */
+
.nonumtoc .toc ul {
     border-left: 10px solid #b22222;   /* Red */
+
     line-height: 1.5em;
 +
     list-style: none none;
 +
    margin: .3em 0 0;
 +
    padding: 0;
 
}
 
}
table.ambox-content {
+
.hlist.nonumtoc #toc ul ul,
 +
.hlist.nonumtoc .toc ul ul {
 
     /* @noflip */
 
     /* @noflip */
     border-left: 10px solid #f28500;   /* Orange */
+
     margin: 0;
 
}
 
}
    background: #f7f8ff;          /* Light gray */
+
 
 +
/* Allow limiting of which header levels are shown in a TOC;
 +
  <div class="toclimit-3">, for instance, will limit to
 +
  showing ==headings== and ===headings=== but no further
 +
  (as long as there are no =headings= on the page, which
 +
  there shouldn't be according to the MoS). */
 +
.toclimit-2 .toclevel-1 ul,
 +
.toclimit-3 .toclevel-2 ul,
 +
.toclimit-4 .toclevel-3 ul,
 +
.toclimit-5 .toclevel-4 ul,
 +
.toclimit-6 .toclevel-5 ul,
 +
.toclimit-7 .toclevel-6 ul {
 +
    display: none;
 
}
 
}
table.imbox-featured { 0.2em;
+
 
    /* @noflip */
+
/* Styling for Template:Quote */
    float: right;
+
blockquote.templatequote {
    /* @noflip */
+
    margin-top: 0;
    clear: right;
+
}
    font-size: 88%;
+
blockquote.templatequote div.templatequotecite {
 
     line-height: 1.5em;
 
     line-height: 1.5em;
}
 
.infobox caption {
 
    font-size: 125%;
 
    font-weight: bold;
 
    padding: 0.2em;
 
}
 
.infobox td,
 
.infobox th {
 
    vertical-align: top;
 
 
     /* @noflip */
 
     /* @noflip */
 
     text-align: left;
 
     text-align: left;
 +
    /* @noflip */
 +
    padding-left: 1.6em;
 +
    margin-top: 0;
 
}
 
}
.infobox.bordered {
+
 
     border-collapse: collapse;
+
/* User block messages */
 +
div.user-block {
 +
    padding: 5px;
 +
    margin-bottom: 0.5em;
 +
     border: 1px solid #A9A9A9;
 +
    background-color: #FFEFD5;
 
}
 
}
.infobox.bordered td,
+
 
.infobox.bordered th {
+
/* Prevent line breaks in silly places:
     border: 1px solid #aaa;
+
  1) Where desired
 +
  2) Links when we don't want them to
 +
  3) Bold "links" to the page itself
 +
  4) Ref tags with group names <ref group="Note"> --> "[Note 1]" */
 +
.nowrap,
 +
.nowraplinks a,
 +
.nowraplinks .selflink,
 +
sup.reference a {
 +
     white-space: nowrap;
 
}
 
}
.infobox.bordered .borderless td,
+
/* But allow wrapping where desired: */
.infobox.bordered .borderless th {
+
.wrap,
     border: 0;
+
.wraplinks a {
 +
     white-space: normal;
 
}
 
}
  
.infobox.sisterproject {
+
/* For template documentation */
     width: 20em;
+
.template-documentation {
     font-size: 90%;
+
     clear: both;
 +
    margin: 1em 0 0 0;
 +
     border: 1px solid #aaa;
 +
    background-color: #ecfcf4;
 +
    padding: 1em;
 
}
 
}
  
.infobox.standard-talk {
+
/* Inline divs in ImageMaps (code borrowed from de.wiki) */
     border: 1px solid #c0c090;
+
.imagemap-inline div {
    background-color: #f8eaba;
+
     display: inline;
 
}
 
}
.infobox.standard-talk.bordered td,
+
 
.infobox.standard-talk.bordered th {
+
/* Increase the height of the image upload box */
     border: 1px solid #c0c090;
+
#wpUploadDescription {
 +
     height: 13em;
 
}
 
}
  
/* styles for bordered infobox with merged rows */
+
/* Minimum thumb width */
.infobox.bordered .mergedtoprow td,
+
.thumbinner {
.infobox.bordered .mergedtoprow th {
+
     min-width: 100px;
     border: 0;
 
    border-top: 1px solid #aaa;
 
    /* @noflip */
 
    border-right: 1px solid #aaa;
 
 
}
 
}
  
.infobox.bordered .mergedrow td,
+
/* Makes the background of a framed image white instead of gray.
.infobox.bordered .mergedrow th {
+
  Only visible with transparent images. */
     border: 0;
+
div.thumb .thumbimage {
    /* @noflip */
+
     background-color: #fff;
    border-right: 1px solid #aaa;
 
 
}
 
}
  
/* Styles for geography infoboxes, eg countries,
+
/* The backgrounds for galleries. */
  country subdivisions, cities, etc.           */
+
div#content .gallerybox div.thumb {
.infobox.geography {
+
     /* Light gray padding */
     border-collapse: collapse;
+
     background-color: #F9F9F9;
    line-height: 1.2em;
 
     font-size: 90%;
 
 
}
 
}
 
+
/* Put a chequered background behind images, only visible if they have transparency.
.infobox.geography  td,
+
  '.filehistory a img' and '#file img:hover' are handled by MediaWiki core (as of 1.19) */
.infobox.geography  th {
+
.gallerybox .thumb img {
     border-top: 1px solid #aaa;
+
     background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
    padding: 0.4em 0.6em 0.4em 0.6em;
 
 
}
 
}
.infobox.geography .mergedtoprow td,
+
/* But not on articles, user pages, portals or with opt-out. */
.infobox.geography .mergedtoprow th {
+
.ns-0 .gallerybox .thumb img,
    border-top: 1px solid #aaa;
+
.ns-2 .gallerybox .thumb img,
    padding: 0.4em 0.6em 0.2em 0.6em;
+
.ns-100 .gallerybox .thumb img,
 +
.nochecker .gallerybox .thumb img {
 +
    background: #fff;
 
}
 
}
  
.infobox.geography .mergedrow td,
+
/* Prevent floating boxes from overlapping any category listings,
.infobox.geography .mergedrow th {
+
  file histories, edit previews, and edit [Show changes] views. */
     border: 0;
+
#mw-subcategories, #mw-pages, #mw-category-media,
    padding: 0 0.6em 0.2em 0.6em;
+
#filehistory, #wikiPreview, #wikiDiff {
 +
     clear: both;
 
}
 
}
  
.infobox.geography .mergedbottomrow td,
+
body.rtl #mw-articlefeedbackv5, body.rtl #mw-articlefeedback {
.infobox.geography .mergedbottomrow th {
+
     display: block;   /* Override inline block mode */
     border-top: 0;
+
     margin-bottom: 1em;
     border-bottom: 1px solid #aaa;
+
    /* @noflip */
     padding: 0 0.6em 0.4em 0.6em;
+
    clear: right;     /* Clear any info boxes that stick out */
 +
    /* @noflip */
 +
     float: right;     /* Prevents margin collapsing */
 
}
 
}
  
.infobox.geography .maptable td,
+
/* Selectively hide headers in WikiProject banners */
.infobox.geography .maptable th {
+
.wpb .wpb-header            { display: none; }
     border: 0;
+
.wpbs-inner .wpb .wpb-header { display: block; }    /* for IE */
     padding: 0;
+
.wpbs-inner .wpb .wpb-header { display: table-row; } /* for real browsers */
 +
.wpbs-inner .wpb-outside    { display: none; }      /* hide things that should only display outside shells */
 +
 
 +
/* Styling for Abuse Filter tags */
 +
.mw-tag-markers {
 +
    font-family:sans-serif;
 +
     font-style:italic;
 +
     font-size:90%;
 
}
 
}
  
/* Normal font styling for table row headers with scope="row" tag */
+
/* Hide stuff meant for accounts with special permissions. Made visible again in
.wikitable.plainrowheaders th[scope=row] {
+
  [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-accountcreator.css]],
    font-weight: normal;
+
  [[MediaWiki:Group-templateeditor.css]] and [[Mediawiki:Group-autoconfirmed.css]]. */
    /* @noflip */
+
.sysop-show,
     text-align: left;
+
.accountcreator-show,
 +
.templateeditor-show,
 +
.autoconfirmed-show {
 +
     display: none;
 
}
 
}
  
/* Lists in data cells are always left-aligned */
+
/**
.wikitable td ul,
+
* Hide the redlink generated by {{Editnotice}},
.wikitable td ol,
+
* this overrides the ".sysop-show { display: none; }" above that applies
.wikitable td dl {
+
* to the same link as well.
    /* @noflip */
+
*
     text-align: left;
+
* See [[Phabricator:45013]].
 +
*/
 +
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink, .mw-ve-editNotice .editnotice-redlink {
 +
     display: none !important;
 
}
 
}
/* ...unless they also use the hlist class */
+
 
.toc.hlist ul,
+
/* Remove bullets when there are multiple edit page warnings */
#toc.hlist ul,
+
ul.permissions-errors > li {
.wikitable.hlist td ul,
+
     list-style: none none;
.wikitable.hlist td ol,
 
.wikitable.hlist td dl {
 
     text-align: inherit;
 
 
}
 
}
 
+
ul.permissions-errors {
/* Icons for medialist templates [[Template:Listen]],
+
     margin: 0;
  [[Template:Multi-listen_start]], [[Template:Video]],
 
  [[Template:Multi-video_start]] */
 
div.listenlist {
 
     background: url("//upload.wikimedia.org/wikipedia/commons/4/47/Sound-icon.svg") no-repeat scroll 0 0 transparent;
 
    background-size: 30px;
 
    padding-left: 40px;
 
 
}
 
}
  
/* Fix for hieroglyphs specificality issue in infoboxes ([[Phabricator:43869]]) */
+
/* No linewrap on the labels of the login/signup page */
table.mw-hiero-table td {
+
body.page-Special_UserLogin .mw-label label,
     vertical-align: middle;
+
body.page-Special_UserLogin_signup .mw-label label {
 +
     white-space: nowrap;
 
}
 
}
  
/* Style rules for media list templates */
+
/* Pie chart test: Transparent borders */
div.medialist {
+
.transborder {
     min-height: 50px;
+
     border: solid transparent;
    margin: 1em;
+
}
    /* @noflip */
+
* html .transborder {  /* IE6 */
     background-position: top left;
+
     border: solid #000001;
     background-repeat: no-repeat;
+
     filter: chroma(color=#000001);
 
}
 
}
div.medialist ul {
+
 
    list-style-type: none;
+
/* Styling for updated markers on watchlist, history and recent/related changes */
    list-style-image: none;
+
#mw-wlheader-showupdated,
     margin: 0;
+
#mw-wlheader-bold,
 +
#mw-wlheader-green,
 +
#mw-watchlist-resetbutton {
 +
     display: none;
 
}
 
}
div.medialist ul li {
+
.updatedmarker {
     padding-bottom: 0.5em;
+
     background-color: transparent;
 +
    color: #006400;
 
}
 
}
div.medialist ul li li {
+
.mw-changeslist-line-watched .mw-title,
     font-size: 91%;
+
.mw-enhanced-watched .mw-enhanced-rc-time {
    padding-bottom: 0;
+
     font-weight: inherit;
 
}
 
}
  
/* Change the external link icon to an Adobe icon for all PDF files
+
/* Generic class for Times-based serif, texhtml class for inline math */
  in browsers that support these CSS selectors, like Mozilla and Opera */
+
.times-serif,
div#content a[href$=".pdf"].external,
+
span.texhtml {
div#content a[href*=".pdf?"].external,
+
    font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
div#content a[href*=".pdf#"].external,
+
    font-size: 118%;
div#content a[href$=".PDF"].external,
+
    line-height: 1;
div#content a[href*=".PDF?"].external,
+
}
div#content a[href*=".PDF#"].external,
+
span.texhtml {
div#mw_content a[href$=".pdf"].external,
+
     white-space: nowrap;
div#mw_content a[href*=".pdf?"].external,
 
div#mw_content a[href*=".pdf#"].external,
 
div#mw_content a[href$=".PDF"].external,
 
div#mw_content a[href*=".PDF?"].external,
 
div#mw_content a[href*=".PDF#"].external {
 
     background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
 
    /* @noflip */
 
    padding-right: 18px;
 
 
}
 
}
 
+
span.texhtml span.texhtml {
/* Change the external link icon to an Adobe icon anywhere the PDFlink class
+
     font-size: 100%;
  is used (notably Template:PDFlink). This works in IE, unlike the above. */
 
div#content span.PDFlink a,
 
div#mw_content span.PDFlink a {
 
     background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
 
    /* @noflip */
 
    padding-right: 18px;
 
 
}
 
}
  
/* Content in columns with CSS instead of tables ([[Template:Columns]]) */
+
/* Force tabular and lining display for digits and texhtml */
div.columns-2 div.column {
+
.digits,
     /* @noflip */
+
.texhtml {
 +
    -moz-font-feature-settings: "lnum", "tnum", "kern" 0;
 +
    -webkit-font-feature-settings: "lnum", "tnum", "kern" 0;
 +
    font-feature-settings: "lnum", "tnum", "kern" 0;
 +
    font-variant-numeric: lining-nums tabular-nums;
 +
    font-kerning: none;
 +
}
 +
 
 +
/* Fix styling of transcluded prefindex tables */
 +
table#mw-prefixindex-list-table,
 +
table#mw-prefixindex-nav-table {
 +
     width: 98%;
 +
}
 +
 
 +
/* For portals, added 2011-12-07 -bv
 +
  On wide screens, show these as two columns
 +
  On narrow and mobile screens, let them collapse into a single column */
 +
.portal-column-left {
 
     float: left;
 
     float: left;
 
     width: 50%;
 
     width: 50%;
    min-width: 300px;
 
 
}
 
}
div.columns-3 div.column {
+
.portal-column-right {
     /* @noflip */
+
     float: right;
 +
    width: 49%;
 +
}
 +
.portal-column-left-wide {
 
     float: left;
 
     float: left;
     width: 33.3%;
+
     width: 60%;
    min-width: 200px;
 
 
}
 
}
div.columns-4 div.column {
+
.portal-column-right-narrow {
    /* @noflip */
+
     float: right;
     float: left;
+
     width: 39%;
     width: 25%;
 
    min-width: 150px;
 
 
}
 
}
div.columns-5 div.column {
+
.portal-column-left-extra-wide {
    /* @noflip */
 
 
     float: left;
 
     float: left;
     width: 20%;
+
     width: 70%;
    min-width: 120px;
 
 
}
 
}
 
+
.portal-column-right-extra-narrow {
/* Messagebox templates */
+
     float: right;
.messagebox {
+
     width: 29%;
     border: 1px solid #aaa;
 
    background-color: #f9f9f9;
 
     width: 80%;
 
    margin: 0 auto 1em auto;
 
    padding: .2em;
 
 
}
 
}
.messagebox.merge {
+
@media only screen and (max-width: 800px) {
     border: 1px solid #c0b8cc;
+
    /* Decouple the columns on narrow screens */
     background-color: #f0e5ff;
+
    .portal-column-left,
    text-align: center;
+
    .portal-column-right,
 +
    .portal-column-left-wide,
 +
    .portal-column-right-narrow,
 +
     .portal-column-left-extra-wide,
 +
     .portal-column-right-extra-narrow {
 +
        float: inherit;
 +
        width: inherit;
 +
    }
 
}
 
}
.messagebox.cleanup {
+
 
     border: 1px solid #9f9fff;
+
/* Formerly for announcements, now used intermittently */
     background-color: #efefff;
+
#bodyContent .letterhead {
     text-align: center;
+
     background-image:url('//upload.wikimedia.org/wikipedia/commons/e/e0/Tan-page-corner.png');
 +
     background-repeat:no-repeat;
 +
    padding: 2em;
 +
     background-color: #faf9f2;
 
}
 
}
.messagebox.standard-talk {
+
 
     border: 1px solid #c0c090;
+
/* Tree style lists */
    background-color: #f8eaba;
+
.treeview ul {
     margin: 4px auto;
+
     padding: 0;
 +
     margin: 0;
 
}
 
}
/* For old WikiProject banners inside banner shells. */
+
.treeview li {
.mbox-inside .standard-talk,
+
     padding: 0;
.messagebox.nested-talk {
+
     margin: 0;
     border: 1px solid #c0c090;
+
     list-style-type: none;
     background-color: #f8eaba;
+
     list-style-image: none;
     width: 100%;
+
     zoom: 1; /* BE KIND TO IE6 */;
     margin: 2px 0;
 
     padding: 2px;
 
 
}
 
}
.messagebox.small {
+
.treeview li li {
     width: 238px;
+
     background: url("//upload.wikimedia.org/wikipedia/commons/f/f2/Treeview-grey-line.png") no-repeat 0 -2981px;
    font-size: 85%;
 
 
     /* @noflip */
 
     /* @noflip */
     float: right;
+
     padding-left: 20px;
     clear: both;
+
     text-indent: 0.3em;
 +
}
 +
.treeview li li.lastline {
 +
    background-position: 0 -5971px
 +
}
 +
.treeview li.emptyline > ul {
 
     /* @noflip */
 
     /* @noflip */
     margin: 0 0 1em 1em;
+
     margin-left: -1px;
    line-height: 1.25em;
 
 
}
 
}
.messagebox.small-talk {
+
.treeview li.emptyline > ul > li:first-child {
     width: 238px;
+
     background-position: 0 9px
    font-size: 85%;
 
    /* @noflip */
 
    float: right;
 
    clear: both;
 
    /* @noflip */
 
    margin: 0 0 1em 1em;
 
    line-height: 1.25em;
 
    background: #F8EABA;
 
 
}
 
}
  
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
+
/* hidden sortkey for tablesorter */
th.mbox-text, td.mbox-text {   /* The message body cell(s) */
+
td .sortkey,
     border: none;
+
th .sortkey {
     /* @noflip */
+
     display: none;
    padding: 0.25em 0.9em;    /* 0.9em left/right */
+
     speak: none;
     width: 100%;               /* Make all mboxes the same width regardless of text length */
+
}
 +
 
 +
/* Make it possible to hide checkboxes in <inputbox> */
 +
.inputbox-hidecheckboxes form .inputbox-element {
 +
     display: none !important;
 
}
 
}
td.mbox-image {                /* The left image cell */
+
 
    border: none;
+
/* Work-around for [[Phabricator:25965]] (Kaltura advertisement) */
    /* @noflip */
+
.k-player .k-attribution {
    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
+
     visibility: hidden;
     text-align: center;
 
 
}
 
}
td.mbox-imageright {          /* The right image cell */
+
 
     border: none;
+
/* Move 'play' button of video player to bottom left corner */
     /* @noflip */
+
.PopUpMediaTransform a .play-btn-large {
     padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
+
     margin: 0;
     text-align: center;
+
     top: auto;
 +
    right: auto;
 +
     bottom: 0;
 +
     left: 0;
 
}
 
}
td.mbox-empty-cell {           /* An empty narrow cell */
+
 
    border: none;
+
/* Workaround to keep editnotices readable in VE view.
    padding: 0;
+
  Long term, editnotices should become a core feature so that they can be designed responsive. */
    width: 1px;
+
.mw-ve-editNotice .mbox-image {
 +
display: none;
 
}
 
}
  
/* Article message box styles */
+
.page-Main_Page #mw-content-text {
table.ambox {
+
     padding-top: 80px;
     margin: 0 10%;                 /* 10% = Will not overlap with other elements */
+
}
     border: 1px solid #aaa;
+
 
     /* @noflip */
+
.mw-collapsible {
    border-left: 10px solid #1e90ff; /* Default "notice" blue */
+
     width: inherit;
     background: #fbfbfb;
+
     margin: 10px 0 0 0;
 +
     padding: 0 0 12px 12px;
 
}
 
}
table.ambox + table.ambox {     /* Single border between stacked boxes. */
+
.mw-collapsible-toggle {
     margin-top: -1px;
+
     margin: 14px 10px 0 0;
 
}
 
}
.ambox th.mbox-text,
+
.page-Leaderboards:before, .page-Leaderboards_Misc_Categories:before {
.ambox td.mbox-text {           /* The message body cell(s) */
+
     content: '';
     padding: 0.25em 0.5em;       /* 0.5em left/right */
+
    position: absolute;
 +
    display: block;
 +
    width: 100%;
 +
    height: 100%;
 +
    background: #fff;
 +
    z-index: 9999;
 
}
 
}
.ambox td.mbox-image {           /* The left image cell */
+
.rootpage-Leaderboards_Misc_Categories #bodyContent {
    /* @noflip */
+
     padding-bottom: 14px
     padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
 
 
}
 
}
.ambox td.mbox-imageright {     /* The right image cell */
+
.rootpage-Leaderboards, .rootpage-Leaderboards_Misc_Categories {
     /* @noflip */
+
     overflow-x: hidden;
    padding: 2px 0.5em 2px 0;   /* 0px left, 0.5em right */
 
 
}
 
}
 
+
.rootpage-Leaderboards .mw-body, .rootpage-Leaderboards_Misc_Categories .mw-body {
table.ambox-notice {
+
     min-width: 782px;
     /* @noflip */
 
    border-left: 10px solid #1e90ff;   /* Blue */
 
 
}
 
}
table.ambox-speedy {
+
.dkc, .dkc2, .dkc3, .dkct {
     /* @noflip */
+
     width: 100%;
     border-left: 10px solid #b22222;   /* Red */
+
     min-width: 760px;
     background: #fee;                   /* Pink */
+
     table-layout: fixed;
 
}
 
}
table.ambox-delete {
+
.wrp table {
     /* @noflip */
+
     width: 100%;
     border-left: 10px solid #b22222;   /* Red */
+
     min-width: 735px;
 +
    table-layout: fixed;
 
}
 
}
table.ambox-content {
+
.wrp {
     /* @noflip */
+
     padding-right: 12px;
    border-left: 10px solid #f28500;   /* Orange */
 
 
}
 
}
     background: #f7f8ff;         /* Light gray */
+
#game-tabs {
 +
    display: inline-block;
 +
    margin-bottom: 25px;
 +
     margin-top: -10px;
 
}
 
}
table.imbox-featured { 0.2em;
+
#game-tabs h1 {
     /* @noflip */
+
     font-size: 18px !important;
    float: right;
+
     line-height: 24px !important;
     /* @noflip */
+
     display: inline !important;
    clear: right;
+
     margin-left: -1px !important;
     font-size: 88%;
 
     line-height: 1.5em;
 
 
}
 
}
.infobox caption {
+
#game-tabs h1:first-child {
     font-size: 125%;
+
     border-top-left-radius: 4px;
     font-weight: bold;
+
     border-bottom-left-radius: 4px;
     padding: 0.2em;
+
     margin-left: 0px !important;
 
}
 
}
.infobox td,
+
#game-tabs h1:last-child {
.infobox th {
+
     border-top-right-radius: 4px;
     vertical-align: top;
+
     border-bottom-right-radius: 4px;
     /* @noflip */
 
    text-align: left;
 
 
}
 
}
.infobox.bordered {
+
#game-tabs .mw-editsection, .cat-tabs .mw-editsection span, .cat-tabs .mw-editsection a:nth-child(5) {
     border-collapse: collapse;
+
     display: none;
 
}
 
}
.infobox.bordered td,
+
#game-tabs h1, .cat-tabs h2 {
.infobox.bordered th {
+
    font-family: arial;
     border: 1px solid #aaa;
+
    color: #222;
 +
    padding: 8px 12px 8px 12px !important;
 +
    display: inline-block;
 +
     border: #aaa 1px solid;
 
}
 
}
.infobox.bordered .borderless td,
+
#game-tabs h1:hover, .cat-tabs h2:hover {
.infobox.bordered .borderless th {
+
     cursor: pointer;
     border: 0;
 
 
}
 
}
 
+
.game-tab {
.infobox.sisterproject {
+
    float: left;
     width: 20em;
+
    margin-top: 5px !important;
     font-size: 90%;
+
    margin-bottom: 10px;
 +
}
 +
.game tr td, .ve-ce-paragraphNode {
 +
     white-space: nowrap;
 +
     overflow: hidden;
 
}
 
}
 
+
.cat-tabs {
.infobox.standard-talk {
+
     display: inline-block;
     border: 1px solid #c0c090;
+
     margin-bottom: 5px;
     background-color: #f8eaba;
 
 
}
 
}
.infobox.standard-talk.bordered td,
+
.cat-tabs h2 {
.infobox.standard-talk.bordered th {
+
    font-size: 16px !important;
     border: 1px solid #c0c090;
+
    display: inline;
 +
    margin-left: -1px;
 +
     border-bottom: none;
 
}
 
}
 
+
.cat-tabs h2:first-child {
/* styles for bordered infobox with merged rows */
+
     border-top-left-radius: 4px;
.infobox.bordered .mergedtoprow td,
+
     margin-left: 0px;
.infobox.bordered .mergedtoprow th {
 
    border: 0;
 
     border-top: 1px solid #aaa;
 
     /* @noflip */
 
    border-right: 1px solid #aaa;
 
 
}
 
}
 
+
.cat-tabs h2:last-child {
.infobox.bordered .mergedrow td,
+
     border-top-right-radius: 4px;
.infobox.bordered .mergedrow th {
+
}
     border: 0;
+
.cat-tabs h2 span {
    /* @noflip */
+
     font-family: arial;
     border-right: 1px solid #aaa;
 
 
}
 
}
 
+
.rootpage-Leaderboards .cat.dkc-show:last-child {
/* Styles for geography infoboxes, eg countries,
+
     padding: 0;
  country subdivisions, cities, etc.           */
+
     border-top-right-radius: 0px;
.infobox.geography {
+
     width: 891px;
     border-collapse: collapse;
 
     line-height: 1.2em;
 
     font-size: 90%;
 
 
}
 
}
  
.infobox.geography  td,
+
.rootpage-Leaderboards .cat.dkc-show:last-child ul {
.infobox.geography  th {
+
     list-style: none;
     border-top: 1px solid #aaa;
+
     margin: 0;
     padding: 0.4em 0.6em 0.4em 0.6em;
+
     padding: 0;
}
 
.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,
+
.rootpage-Leaderboards .cat.dkc-show:last-child ul li {
.infobox.geography .mergedrow th {
+
     padding: 0;
     border: 0;
+
     margin: 0;
     padding: 0 0.6em 0.2em 0.6em;
 
 
}
 
}
  
.infobox.geography .mergedbottomrow td,
+
.rootpage-Leaderboards .cat.dkc-show:last-child ul li a {
.infobox.geography .mergedbottomrow th {
+
    display: block;
     border-top: 0;
+
     font-size: 16px;
     border-bottom: 1px solid #aaa;
+
     border-bottom: #aaa 1px solid;
     padding: 0 0.6em 0.4em 0.6em;
+
    color: #222;
 +
     padding: 8px 12px 8px 12px !important;
 +
    margin: 0;
 +
    background: #fff;
 
}
 
}
 
+
.rootpage-Leaderboards .cat.dkc-show ul li a:hover {
.infobox.geography .maptable td,
+
     background: #eee !important;
.infobox.geography .maptable th {
+
     text-decoration: none
     border: 0;
 
     padding: 0;
 
 
}
 
}
 
+
.rootpage-Leaderboards .cat.dkc-show:last-child ul li:last-child {
/* Normal font styling for table row headers with scope="row" tag */
+
     border-bottom: none;
.wikitable.plainrowheaders th[scope=row] {
+
     border-bottom-right-radius: 3px;
     font-weight: normal;
+
     border-bottom-left-radius: 3px;
     /* @noflip */
 
     text-align: left;
 
 
}
 
}
 
+
.rootpage-Leaderboards .cat.dkc-show ul li:last-child a {
/* Lists in data cells are always left-aligned */
+
     border-bottom: none !important;
.wikitable td ul,
+
     border-bottom-right-radius: 3px;
.wikitable td ol,
+
    border-bottom-left-radius: 3px;
.wikitable td dl {
 
     /* @noflip */
 
     text-align: left;
 
 
}
 
}
/* ...unless they also use the hlist class */
+
.rootpage-Leaderboards_Misc_Categories .cat-tabs h2 {
.toc.hlist ul,
+
    display: block !important;
#toc.hlist ul,
+
    margin-bottom: -16px;
.wikitable.hlist td ul,
+
     width: 177px;
.wikitable.hlist td ol,
 
.wikitable.hlist td dl {
 
     text-align: inherit;
 
 
}
 
}
 
+
.rootpage-Leaderboards_Misc_Categories .cat-tabs h2:first-child {
/* Icons for medialist templates [[Template:Listen]],
+
     border-top-right-radius: 4px;
  [[Template:Multi-listen_start]], [[Template:Video]],
+
     margin-left: -1px;
  [[Template:Multi-video_start]] */
+
     margin-top: -7px;
div.listenlist {
 
     background: url("//upload.wikimedia.org/wikipedia/commons/4/47/Sound-icon.svg") no-repeat scroll 0 0 transparent;
 
     background-size: 30px;
 
     padding-left: 40px;
 
 
}
 
}
 
+
.rootpage-Leaderboards_Misc_Categories .cat-tabs h2:last-child {
/* Fix for hieroglyphs specificality issue in infoboxes ([[Phabricator:43869]]) */
+
    border-top-right-radius: 0px;
table.mw-hiero-table td {
+
    border-bottom-right-radius: 4px;
     vertical-align: middle;
+
    border-bottom-left-radius: 4px;
 +
     border-bottom: #aaa 1px solid;
 
}
 
}
 
+
.rootpage-Leaderboards_Misc_Categories .cat {
/* Style rules for media list templates */
+
     position: absolute;
div.medialist {
+
     top: 67px;
     min-height: 50px;
+
     left: 213px;
     margin: 1em;
+
     border-top-left-radius: 4px;
     /* @noflip */
 
     background-position: top left;
 
    background-repeat: no-repeat;
 
 
}
 
}
div.medialist ul {
+
.rootpage-Leaderboards_Misc_Categories #mw-content-text {
    list-style-type: none;
+
     margin-bottom: 5px;
    list-style-image: none;
 
     margin: 0;
 
 
}
 
}
div.medialist ul li {
+
.rootpage-Leaderboards_Misc_Categories #mw-content-text p  {
     padding-bottom: 0.5em;
+
     position: absolute;
 +
    top: 16px;
 +
    left: 650px;
 
}
 
}
div.medialist ul li li {
+
.cat .mw-headline {
     font-size: 91%;
+
     display: block; /* fixes no bottom margin from span */
     padding-bottom: 0;
+
    margin-left: 4px;
 +
     margin-bottom: 10px;
 
}
 
}
 
+
.cat {
/* Change the external link icon to an Adobe icon for all PDF files
+
    border: #aaa 1px solid;
  in browsers that support these CSS selectors, like Mozilla and Opera */
+
    border-top-right-radius: 4px;
div#content a[href$=".pdf"].external,
+
     border-bottom-right-radius: 4px;
div#content a[href*=".pdf?"].external,
+
     border-bottom-left-radius: 4px;
div#content a[href*=".pdf#"].external,
+
     padding: 0px 10px 0px 10px;
div#content a[href$=".PDF"].external,
 
div#content a[href*=".PDF?"].external,
 
div#content a[href*=".PDF#"].external,
 
div#mw_content a[href$=".pdf"].external,
 
div#mw_content a[href*=".pdf?"].external,
 
div#mw_content a[href*=".pdf#"].external,
 
div#mw_content a[href$=".PDF"].external,
 
div#mw_content a[href*=".PDF?"].external,
 
div#mw_content a[href*=".PDF#"].external {
 
     background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
 
     /* @noflip */
 
     padding-right: 18px;
 
 
}
 
}
 
+
.game, .cat {
/* Change the external link icon to an Adobe icon anywhere the PDFlink class
+
     display: none;
  is used (notably Template:PDFlink). This works in IE, unlike the above. */
 
div#content span.PDFlink a,
 
div#mw_content span.PDFlink a {
 
     background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
 
    /* @noflip */
 
    padding-right: 18px;
 
 
}
 
}
 
+
.game {
/* Content in columns with CSS instead of tables ([[Template:Columns]]) */
+
     margin-top: -18px;
div.columns-2 div.column {
 
     /* @noflip */
 
    float: left;
 
    width: 50%;
 
    min-width: 300px;
 
 
}
 
}
div.columns-3 div.column {
+
.cat table {
    /* @noflip */
+
     width: 100%;
    float: left;
 
     width: 33.3%;
 
    min-width: 200px;
 
 
}
 
}
div.columns-4 div.column {
+
.dkc-show {
     /* @noflip */
+
     display: block;
    float: left;
 
    width: 25%;
 
    min-width: 150px;
 
 
}
 
}
div.columns-5 div.column {
+
.selected {
     /* @noflip */
+
     background: rgba(0, 0, 0, 0.08)
    float: left;
 
    width: 20%;
 
    min-width: 120px;
 
 
}
 
}
 
+
.dkc.col {
/* Messagebox templates */
+
     color: #f1c232;
.messagebox {
+
     border: #000 1px solid;
     border: 1px solid #aaa;
+
     background: #38761D;
     background-color: #f9f9f9;
+
     padding: 6px;
     width: 80%;
 
    margin: 0 auto 1em auto;
 
     padding: .2em;
 
 
}
 
}
.messagebox.merge {
+
.dkc:not(.col) {
    border: 1px solid #c0b8cc;
+
     background: #b6d7a8;
     background-color: #f0e5ff;
 
    text-align: center;
 
 
}
 
}
.messagebox.cleanup {
+
.dkc tr td {
     border: 1px solid #9f9fff;
+
     border: #6d8165 1px solid !important;
    background-color: #efefff;
 
    text-align: center;
 
 
}
 
}
.messagebox.standard-talk {
+
.dkc tr:nth-child(2) td:last-child, .dkc2 tr:nth-child(2) td:last-child, .dkc3 tr:nth-child(2) td:last-child, .dkct tr:nth-child(2) td:last-child, .wrp tr:nth-child(2) td:last-child {
     border: 1px solid #c0c090;
+
     border-top: none!important;
    background-color: #f8eaba;
 
    margin: 4px auto;
 
 
}
 
}
/* For old WikiProject banners inside banner shells. */
+
.dkc2.col {
.mbox-inside .standard-talk,
+
     color: #F1C232;
.messagebox.nested-talk {
+
     border: #000 1px solid;
     border: 1px solid #c0c090;
+
     background: #990000;
     background-color: #f8eaba;
+
     padding: 6px;
     width: 100%;
 
    margin: 2px 0;
 
     padding: 2px;
 
 
}
 
}
.messagebox.small {
+
.dkc2:not(.col) {
     width: 238px;
+
     background: #ea9999;
    font-size: 85%;
 
    /* @noflip */
 
    float: right;
 
    clear: both;
 
    /* @noflip */
 
    margin: 0 0 1em 1em;
 
    line-height: 1.25em;
 
 
}
 
}
.messagebox.small-talk {
+
.dkc2 tr td {
     width: 238px;
+
     border: #8d5c5c 1px solid !important;
    font-size: 85%;
 
    /* @noflip */
 
    float: right;
 
    clear: both;
 
    /* @noflip */
 
    margin: 0 0 1em 1em;
 
    line-height: 1.25em;
 
    background: #F8EABA;
 
 
}
 
}
 
+
.dkc3.col {
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
+
     color: #f1c232;
th.mbox-text, td.mbox-text {   /* The message body cell(s) */
+
     border: #000 1px solid;
     border: none;
+
     background: #1155CC;
     /* @noflip */
+
     padding: 6px;
     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 */
+
.dkc3:not(.col) {
    border: none;
+
     background: #a4c2f4;
    /* @noflip */
 
    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
 
     text-align: center;
 
 
}
 
}
td.mbox-imageright {           /* The right image cell */
+
.dkc3 tr td {
     border: none;
+
     border: #637593 1px solid !important;
    /* @noflip */
 
    padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
 
    text-align: center;
 
 
}
 
}
td.mbox-empty-cell {           /* An empty narrow cell */
+
.dkct.col {
     border: none;
+
     border: #000 1px solid;
     padding: 0;
+
     background: #edd05e;
     width: 1px;
+
     padding: 6px;
 
}
 
}
 
+
.dkct:not(.col) {
/* Article message box styles */
+
     background: #fff59b;
table.ambox {
 
    margin: 0 10%;                  /* 10% = Will not overlap with other elements */
 
    border: 1px solid #aaa;
 
    /* @noflip */
 
    border-left: 10px solid #1e90ff;  /* Default "notice" blue */
 
     background: #fbfbfb;
 
 
}
 
}
table.ambox + table.ambox {     /* Single border between stacked boxes. */
+
.dkct tr td {
     margin-top: -1px;
+
     border: #99935d 1px solid !important;
 
}
 
}
.ambox th.mbox-text,
+
.rootpage-Leaderboards tr td:last-child, .rootpage-Leaderboards_Misc_Categories tr td:last-child {
.ambox td.mbox-text {           /* The message body cell(s) */
+
    overflow-x: hidden;
     padding: 0.25em 0.5em;       /* 0.5em left/right */
+
    display: block;
 +
    height: 19px;
 +
    margin-right: 0px;
 +
     padding-right: 6px;
 +
    border-bottom: none !important;
 +
    border-left: none !important;
 +
    border-right: none !important;
 
}
 
}
.ambox td.mbox-image {           /* The left image cell */
+
.rootpage-Leaderboards td div, .rootpage-Leaderboards_Misc_Categories td div {
     /* @noflip */
+
     overflow-x: scroll;
    padding: 2px 0 2px 0.5em;   /* 0.5em left, 0px right */
 
 
}
 
}
.ambox td.mbox-imageright {     /* The right image cell */
+
#modal {
     /* @noflip */
+
    position: fixed;
     padding: 2px 0.5em 2px 0;   /* 0px left, 0.5em right */
+
    top: 90px;
 +
    left: 201px;
 +
    right: 30px;
 +
    width: 1280px;
 +
    margin: 0 auto;
 +
     border: #aaa 1px solid;
 +
     padding: 10px;
 +
    background: #fff;
 +
    border-radius: 4px;
 +
    z-index: 102;
 
}
 
}
 
+
#modal iframe, #modal video {
table.ambox-notice {
+
    width: 1280px;
     /* @noflip */
+
     height: 720px;
     border-left: 10px solid #1e90ff;   /* Blue */
+
     border: none;
 +
    background: #000;
 +
    margin-bottom: -3px !important;
 
}
 
}
table.ambox-speedy {
+
.modalbg:before {
     /* @noflip */
+
     content: '';
     border-left: 10px solid #b22222;   /* Red */
+
    position: fixed;
     background: #fee;                   /* Pink */
+
    top: 0px;
 +
    left: 0px;
 +
    width: 100%;
 +
    height: 100%;
 +
     z-index: 101;
 +
     background: #fff;
 +
    opacity: 0.4;
 
}
 
}
table.ambox-delete {
+
#close {
     /* @noflip */
+
    position: absolute;
     border-left: 10px solid #b22222;   /* Red */
+
    top: 0px;
 +
    right: -26px;
 +
    width: 16px;
 +
     height: 18px;
 +
     z-index: 102;
 
}
 
}
table.ambox-content {
+
#close:before {
     /* @noflip */
+
    content: '';
     border-left: 10px solid #f28500;   /* Orange */
+
     top: 8px;
 +
     left: -2px;
 +
    display: block;
 +
    position: absolute;
 +
    width: 20px;
 +
    height: 3px;
 +
    background: #6c6c6c;
 +
    transform: rotate(45deg)
 
}
 
}
     background: #f7f8ff;         /* Light gray */
+
#close:after {
}
+
     content: '';
table.imbox-featured { 0.2em;
+
    top: 8px;
     /* @noflip */
+
    left: -2px;
     float: right;
+
     display: block;
     /* @noflip */
+
     position: absolute;
     clear: right;
+
     width: 20px;
     font-size: 88%;
+
     height: 3px;
     line-height: 1.5em;
+
     background: #6c6c6c;
 +
     transform: rotate(-45deg)
 
}
 
}
.infobox caption {
+
#close:hover {
     font-size: 125%;
+
     cursor: pointer;
    font-weight: bold;
 
    padding: 0.2em;
 
 
}
 
}
.infobox td,
+
.dkc.wikitable, .dkc2.wikitable, .dkc3.wikitable, .dkct.wikitable {
.infobox th {
+
     counter-reset: rowNumber;
     vertical-align: top;
+
     position: relative;
     /* @noflip */
 
    text-align: left;
 
 
}
 
}
.infobox.bordered {
+
 
     border-collapse: collapse;
+
.game table tr:not(:first-child) {
 +
     counter-increment: rowNumber;
 
}
 
}
.infobox.bordered td,
+
 
.infobox.bordered th {
+
.game table tr td:first-child:before {
     border: 1px solid #aaa;
+
    display: inline-block;
 +
     content: counter(rowNumber);
 
}
 
}
.infobox.bordered .borderless td,
+
 
.infobox.bordered .borderless th {
+
.game table tr td:first-child:before {
    border: 0;
+
  content: counter(rowNumber) 'th';
 
}
 
}
  
.infobox.sisterproject {
+
.game table tr:nth-child(2) td:first-child:before,
     width: 20em;
+
.game table tr:nth-child(10n+12) td:first-child:before {
    font-size: 90%;
+
     content: counter(rowNumber) 'st';
 
}
 
}
  
.infobox.standard-talk {
+
.game table tr:nth-child(3) td:first-child:before,
    border: 1px solid #c0c090;
+
.game table tr:nth-child(10n+13) td:first-child:before {
    background-color: #f8eaba;
+
  content: counter(rowNumber) 'nd';
}
 
.infobox.standard-talk.bordered td,
 
.infobox.standard-talk.bordered th {
 
    border: 1px solid #c0c090;
 
 
}
 
}
  
/* styles for bordered infobox with merged rows */
+
.game table tr:nth-child(4) td:first-child:before,
.infobox.bordered .mergedtoprow td,
+
.game table tr:nth-child(10n+14) td:first-child:before {
.infobox.bordered .mergedtoprow th {
+
  content: counter(rowNumber) 'rd';
    border: 0;
 
    border-top: 1px solid #aaa;
 
    /* @noflip */
 
    border-right: 1px solid #aaa;
 
 
}
 
}
  
.infobox.bordered .mergedrow td,
+
.game table tr:nth-child(12) td:first-child:before,
.infobox.bordered .mergedrow th {
+
.game table tr:nth-child(13) td:first-child:before,
    border: 0;
+
.game table tr:nth-child(14) td:first-child:before,
    /* @noflip */
+
.game table tr:nth-child(112) td:first-child:before,
    border-right: 1px solid #aaa;
+
.game table tr:nth-child(113) td:first-child:before,
 +
.game table tr:nth-child(114) td:first-child:before,
 +
.game table tr:nth-child(212) td:first-child:before,
 +
.game table tr:nth-child(213) td:first-child:before,
 +
.game table tr:nth-child(214) td:first-child:before,
 +
.game table tr:nth-child(312) td:first-child:before,
 +
.game table tr:nth-child(313) td:first-child:before,
 +
.game table tr:nth-child(314) td:first-child:before {
 +
  content: counter(rowNumber) 'th';
 
}
 
}
 
+
.mw-collapsible table tr td:first-child:before {
/* Styles for geography infoboxes, eg countries,
+
     display: none;
  country subdivisions, cities, etc.            */
 
.infobox.geography {
 
    border-collapse: collapse;
 
    line-height: 1.2em;
 
     font-size: 90%;
 
 
}
 
}
  
.infobox.geography  td,
+
.donkey-vine {
.infobox.geography  th {
+
    position: absolute;
     border-top: 1px solid #aaa;
+
    top: 0px;
     padding: 0.4em 0.6em 0.4em 0.6em;
+
    left: -24px;
 +
    width: 100%;
 +
    height: 100%;
 +
    overflow: hidden;
 +
    z-index: 103;
 +
}
 +
.donkey-vine img {
 +
    position: absolute;
 +
    top: -186px;
 +
    left: 960px;
 +
    border: none;
 +
    width: 289px;
 +
    height: 186px;
 +
    animation-name: donkey-swing;
 +
    animation-timing-function: linear;
 +
    animation-fill-mode: forwards;
 +
    animation-delay: 2s;
 +
    animation-duration: 6s;
 +
}
 +
.donkey-vine {
 +
     pointer-events: none;
 +
}
 +
#krool {
 +
    position: fixed !important;
 +
    bottom: -468px;
 +
    right: 0px;
 +
    width: 595px;
 +
     height: 458px;
 +
}
 +
#krool:before {
 +
    content: url('https://dkcspeedruns.com/mediawiki/img_auth.php/d/de/Krool-secret.png');
 +
    display: block;
 +
    animation: trip-out 0.1s infinite linear;
 
}
 
}
.infobox.geography .mergedtoprow td,
+
#clickbait {
.infobox.geography .mergedtoprow th {
+
    position: absolute;
     border-top: 1px solid #aaa;
+
    display: block;
     padding: 0.4em 0.6em 0.2em 0.6em;
+
    left: 50%;
 +
     padding-top: 20px;
 +
     margin-left: -241px;
 
}
 
}
 
+
#clickbait:hover {
.infobox.geography .mergedrow td,
+
     cursor: pointer;
.infobox.geography .mergedrow th {
 
     border: 0;
 
    padding: 0 0.6em 0.2em 0.6em;
 
 
}
 
}
 
+
.pop-out {
.infobox.geography .mergedbottomrow td,
+
     animation: pop-out 3s linear;
.infobox.geography .mergedbottomrow th {
+
     animation-fill-mode: forwards;
     border-top: 0;
 
     border-bottom: 1px solid #aaa;
 
    padding: 0 0.6em 0.4em 0.6em;
 
 
}
 
}
 
+
.paused {
.infobox.geography .maptable td,
+
     animation-play-state: paused;
.infobox.geography .maptable th {
 
     border: 0;
 
    padding: 0;
 
 
}
 
}
  
/* Normal font styling for table row headers with scope="row" tag */
+
@keyframes donkey-swing {
.wikitable.plainrowheaders th[scope=row] {
+
    from {
     font-weight: normal;
+
        transform: rotate(-20deg) scale(0.5, 0.5) translate(0px, 0px)
     /* @noflip */
+
     }
     text-align: left;
+
     to {
 +
        transform: rotate(25deg) scale(4, 4) translate(-960px, 276px)
 +
     }
 
}
 
}
 
+
@keyframes trip-out {
/* Lists in data cells are always left-aligned */
+
    0% {
.wikitable td ul,
+
        transform: translate(0px, 0px) rotate(1deg)
.wikitable td ol,
+
    }
.wikitable td dl {
+
    25% {
     /* @noflip */
+
        transform: translate(2px, 1px) rotate(-2deg)
     text-align: left;
+
    }
 +
    50% {
 +
        transform: translate(-3px, -5px) rotate(0deg)
 +
    }
 +
    75% {
 +
        transform: translate(7px, 6px) rotate(3deg)
 +
     }
 +
     100% {
 +
        transform: translate(2px, 3px) rotate(-1deg)
 +
    }
 
}
 
}
/* ...unless they also use the hlist class */
+
@keyframes pop-out {
.toc.hlist ul,
+
    0% {
#toc.hlist ul,
+
        transform: translate(0px, 0px)
.wikitable.hlist td ul,
+
    }
.wikitable.hlist td ol,
+
    40% {
.wikitable.hlist td dl {
+
        transform: translate(0px, -468px)
     text-align: inherit;
+
    }
 +
    60% {
 +
        transform: translate(0px, -468px)
 +
    }
 +
    100% {
 +
        transform: translate(0px, 0px)
 +
     }
 
}
 
}
  
/* Icons for medialist templates [[Template:Listen]],
+
@media screen and (max-width: 1600px), screen and (max-height: 840px) {
  [[Template:Multi-listen_start]], [[Template:Video]],
+
    #modal {
  [[Template:Multi-video_start]] */
+
        width: 1024px;
div.listenlist {
+
    }
    background: url("//upload.wikimedia.org/wikipedia/commons/4/47/Sound-icon.svg") no-repeat scroll 0 0 transparent;
+
    #modal iframe, #modal video {
    background-size: 30px;
+
        width: 1024px;
     padding-left: 40px;
+
        height: 576px;
 +
     }
 
}
 
}
 
+
@media screen and (max-width: 1340px), screen and (max-height: 700px) {
/* Fix for hieroglyphs specificality issue in infoboxes ([[Phabricator:43869]]) */
+
     #modal {
table.mw-hiero-table td {
+
        width: 854px;
     vertical-align: middle;
+
    }
 +
    #modal iframe, #modal video {
 +
        width: 854px;
 +
        height: 480px;
 +
    }
 
}
 
}
 
+
@media screen and (max-width: 1130px), screen and (max-height: 620px) {
/* Style rules for media list templates */
+
     #modal {
div.medialist {
+
        width: 708px;
    min-height: 50px;
+
     }
    margin: 1em;
+
     #modal iframe, #modal video {
    /* @noflip */
+
        width: 708px;
    background-position: top left;
+
         height: 398px;
    background-repeat: no-repeat;
+
     }
}
+
     .game-tab:nth-child(3){
div.medialist ul {
+
        border-top-right-radius: 4px;
    list-style-type: none;
+
        border-bottom-right-radius: 4px;
    list-style-image: none;
+
     }
    margin: 0;
+
     .game-tab:nth-child(4) {
}
 
div.medialist ul li {
 
    padding-bottom: 0.5em;
 
}
 
div.medialist ul li li {
 
    font-size: 91%;
 
    padding-bottom: 0;
 
}
 
 
 
/* Change the external link icon to an Adobe icon for all PDF files
 
  in browsers that support these CSS selectors, like Mozilla and Opera */
 
div#content a[href$=".pdf"].external,
 
div#content a[href*=".pdf?"].external,
 
div#content a[href*=".pdf#"].external,
 
div#content a[href$=".PDF"].external,
 
div#content a[href*=".PDF?"].external,
 
div#content a[href*=".PDF#"].external,
 
div#mw_content a[href$=".pdf"].external,
 
div#mw_content a[href*=".pdf?"].external,
 
div#mw_content a[href*=".pdf#"].external,
 
div#mw_content a[href$=".PDF"].external,
 
div#mw_content a[href*=".PDF?"].external,
 
div#mw_content a[href*=".PDF#"].external {
 
    background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
 
    /* @noflip */
 
    padding-right: 18px;
 
}
 
 
 
/* Change the external link icon to an Adobe icon anywhere the PDFlink class
 
  is used (notably Template:PDFlink). This works in IE, unlike the above. */
 
div#content span.PDFlink a,
 
div#mw_content span.PDFlink a {
 
    background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
 
    /* @noflip */
 
    padding-right: 18px;
 
}
 
 
 
/* Content in columns with CSS instead of tables ([[Template:Columns]]) */
 
div.columns-2 div.column {
 
    /* @noflip */
 
    float: left;
 
    width: 50%;
 
    min-width: 300px;
 
}
 
div.columns-3 div.column {
 
    /* @noflip */
 
    float: left;
 
    width: 33.3%;
 
    min-width: 200px;
 
}
 
div.columns-4 div.column {
 
    /* @noflip */
 
    float: left;
 
    width: 25%;
 
    min-width: 150px;
 
}
 
div.columns-5 div.column {
 
    /* @noflip */
 
    float: left;
 
    width: 20%;
 
    min-width: 120px;
 
}
 
 
 
/* Messagebox templates */
 
.messagebox {
 
    border: 1px solid #aaa;
 
    background-color: #f9f9f9;
 
    width: 80%;
 
    margin: 0 auto 1em auto;
 
    padding: .2em;
 
}
 
.messagebox.merge {
 
    border: 1px solid #c0b8cc;
 
    background-color: #f0e5ff;
 
    text-align: center;
 
}
 
.messagebox.cleanup {
 
    border: 1px solid #9f9fff;
 
    background-color: #efefff;
 
    text-align: center;
 
}
 
.messagebox.standard-talk {
 
    border: 1px solid #c0c090;
 
    background-color: #f8eaba;
 
    margin: 4px auto;
 
}
 
/* For old WikiProject banners inside banner shells. */
 
.mbox-inside .standard-talk,
 
.messagebox.nested-talk {
 
    border: 1px solid #c0c090;
 
    background-color: #f8eaba;
 
    width: 100%;
 
    margin: 2px 0;
 
    padding: 2px;
 
}
 
.messagebox.small {
 
    width: 238px;
 
    font-size: 85%;
 
    /* @noflip */
 
    float: right;
 
    clear: both;
 
    /* @noflip */
 
    margin: 0 0 1em 1em;
 
    line-height: 1.25em;
 
}
 
.messagebox.small-talk {
 
    width: 238px;
 
    font-size: 85%;
 
    /* @noflip */
 
    float: right;
 
    clear: both;
 
    /* @noflip */
 
    margin: 0 0 1em 1em;
 
    line-height: 1.25em;
 
    background: #F8EABA;
 
}
 
 
 
/* 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;
 
    /* @noflip */
 
    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;
 
    /* @noflip */
 
    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
 
    text-align: center;
 
}
 
td.mbox-imageright {          /* The right image cell */
 
    border: none;
 
    /* @noflip */
 
    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: 0;
 
    width: 1px;
 
}
 
 
 
/* Article message box styles */
 
table.ambox {
 
    margin: 0 10%;                  /* 10% = Will not overlap with other elements */
 
    border: 1px solid #aaa;
 
    /* @noflip */
 
    border-left: 10px solid #1e90ff;  /* Default "notice" blue */
 
    background: #fbfbfb;
 
}
 
table.ambox + table.ambox {      /* Single border between stacked boxes. */
 
    margin-top: -1px;
 
}
 
.ambox th.mbox-text,
 
.ambox td.mbox-text {            /* The message body cell(s) */
 
    padding: 0.25em 0.5em;      /* 0.5em left/right */
 
}
 
.ambox td.mbox-image {          /* The left image cell */
 
    /* @noflip */
 
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
 
}
 
.ambox td.mbox-imageright {      /* The right image cell */
 
    /* @noflip */
 
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
 
}
 
 
 
table.ambox-notice {
 
    /* @noflip */
 
    border-left: 10px solid #1e90ff;    /* Blue */
 
}
 
table.ambox-speedy {
 
    /* @noflip */
 
    border-left: 10px solid #b22222;    /* Red */
 
    background: #fee;                  /* Pink */
 
}
 
table.ambox-delete {
 
    /* @noflip */
 
    border-left: 10px solid #b22222;    /* Red */
 
}
 
table.ambox-content {
 
    /* @noflip */
 
    border-left: 10px solid #f28500;    /* Orange */
 
}
 
    background: #f7f8ff;          /* Light gray */
 
}
 
table.imbox-featured { 0.2em;
 
    /* @noflip */
 
    float: right;
 
    /* @noflip */
 
    clear: right;
 
    font-size: 88%;
 
    line-height: 1.5em;
 
}
 
.infobox caption {
 
    font-size: 125%;
 
    font-weight: bold;
 
    padding: 0.2em;
 
}
 
.infobox td,
 
.infobox th {
 
    vertical-align: top;
 
    /* @noflip */
 
    text-align: left;
 
}
 
.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;
 
    /* @noflip */
 
    border-right: 1px solid #aaa;
 
}
 
 
 
.infobox.bordered .mergedrow td,
 
.infobox.bordered .mergedrow th {
 
    border: 0;
 
    /* @noflip */
 
    border-right: 1px solid #aaa;
 
}
 
 
 
/* Styles for geography infoboxes, eg countries,
 
  country subdivisions, cities, etc.            */
 
.infobox.geography {
 
    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;
 
}
 
 
 
/* Normal font styling for table row headers with scope="row" tag */
 
.wikitable.plainrowheaders th[scope=row] {
 
    font-weight: normal;
 
    /* @noflip */
 
    text-align: left;
 
}
 
 
 
/* Lists in data cells are always left-aligned */
 
.wikitable td ul,
 
.wikitable td ol,
 
.wikitable td dl {
 
    /* @noflip */
 
    text-align: left;
 
}
 
/* ...unless they also use the hlist class */
 
.toc.hlist ul,
 
#toc.hlist ul,
 
.wikitable.hlist td ul,
 
.wikitable.hlist td ol,
 
.wikitable.hlist td dl {
 
    text-align: inherit;
 
}
 
 
 
/* Icons for medialist templates [[Template:Listen]],
 
  [[Template:Multi-listen_start]], [[Template:Video]],
 
  [[Template:Multi-video_start]] */
 
div.listenlist {
 
    background: url("//upload.wikimedia.org/wikipedia/commons/4/47/Sound-icon.svg") no-repeat scroll 0 0 transparent;
 
    background-size: 30px;
 
    padding-left: 40px;
 
}
 
 
 
/* Fix for hieroglyphs specificality issue in infoboxes ([[Phabricator:43869]]) */
 
table.mw-hiero-table td {
 
    vertical-align: middle;
 
}
 
 
 
/* Style rules for media list templates */
 
div.medialist {
 
    min-height: 50px;
 
    margin: 1em;
 
    /* @noflip */
 
    background-position: top left;
 
    background-repeat: no-repeat;
 
}
 
div.medialist ul {
 
    list-style-type: none;
 
    list-style-image: none;
 
    margin: 0;
 
}
 
div.medialist ul li {
 
    padding-bottom: 0.5em;
 
}
 
div.medialist ul li li {
 
    font-size: 91%;
 
    padding-bottom: 0;
 
}
 
 
 
/* Change the external link icon to an Adobe icon for all PDF files
 
  in browsers that support these CSS selectors, like Mozilla and Opera */
 
div#content a[href$=".pdf"].external,
 
div#content a[href*=".pdf?"].external,
 
div#content a[href*=".pdf#"].external,
 
div#content a[href$=".PDF"].external,
 
div#content a[href*=".PDF?"].external,
 
div#content a[href*=".PDF#"].external,
 
div#mw_content a[href$=".pdf"].external,
 
div#mw_content a[href*=".pdf?"].external,
 
div#mw_content a[href*=".pdf#"].external,
 
div#mw_content a[href$=".PDF"].external,
 
div#mw_content a[href*=".PDF?"].external,
 
div#mw_content a[href*=".PDF#"].external {
 
    background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
 
    /* @noflip */
 
    padding-right: 18px;
 
}
 
 
 
/* Change the external link icon to an Adobe icon anywhere the PDFlink class
 
  is used (notably Template:PDFlink). This works in IE, unlike the above. */
 
div#content span.PDFlink a,
 
div#mw_content span.PDFlink a {
 
    background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
 
    /* @noflip */
 
    padding-right: 18px;
 
}
 
 
 
/* Content in columns with CSS instead of tables ([[Template:Columns]]) */
 
div.columns-2 div.column {
 
    /* @noflip */
 
    float: left;
 
    width: 50%;
 
    min-width: 300px;
 
}
 
div.columns-3 div.column {
 
    /* @noflip */
 
    float: left;
 
    width: 33.3%;
 
    min-width: 200px;
 
}
 
div.columns-4 div.column {
 
    /* @noflip */
 
    float: left;
 
    width: 25%;
 
    min-width: 150px;
 
}
 
div.columns-5 div.column {
 
    /* @noflip */
 
    float: left;
 
    width: 20%;
 
    min-width: 120px;
 
}
 
 
 
/* Messagebox templates */
 
.messagebox {
 
    border: 1px solid #aaa;
 
    background-color: #f9f9f9;
 
    width: 80%;
 
    margin: 0 auto 1em auto;
 
    padding: .2em;
 
}
 
.messagebox.merge {
 
    border: 1px solid #c0b8cc;
 
    background-color: #f0e5ff;
 
    text-align: center;
 
}
 
.messagebox.cleanup {
 
    border: 1px solid #9f9fff;
 
    background-color: #efefff;
 
    text-align: center;
 
}
 
.messagebox.standard-talk {
 
    border: 1px solid #c0c090;
 
    background-color: #f8eaba;
 
    margin: 4px auto;
 
}
 
/* For old WikiProject banners inside banner shells. */
 
.mbox-inside .standard-talk,
 
.messagebox.nested-talk {
 
    border: 1px solid #c0c090;
 
    background-color: #f8eaba;
 
    width: 100%;
 
    margin: 2px 0;
 
    padding: 2px;
 
}
 
.messagebox.small {
 
    width: 238px;
 
    font-size: 85%;
 
    /* @noflip */
 
    float: right;
 
    clear: both;
 
    /* @noflip */
 
    margin: 0 0 1em 1em;
 
    line-height: 1.25em;
 
}
 
.messagebox.small-talk {
 
    width: 238px;
 
    font-size: 85%;
 
    /* @noflip */
 
    float: right;
 
    clear: both;
 
    /* @noflip */
 
    margin: 0 0 1em 1em;
 
    line-height: 1.25em;
 
    background: #F8EABA;
 
}
 
 
 
/* 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;
 
    /* @noflip */
 
    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;
 
    /* @noflip */
 
    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
 
    text-align: center;
 
}
 
td.mbox-imageright {          /* The right image cell */
 
    border: none;
 
    /* @noflip */
 
    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: 0;
 
    width: 1px;
 
}
 
 
 
/* Article message box styles */
 
table.ambox {
 
    margin: 0 10%;                  /* 10% = Will not overlap with other elements */
 
    border: 1px solid #aaa;
 
    /* @noflip */
 
    border-left: 10px solid #1e90ff;  /* Default "notice" blue */
 
    background: #fbfbfb;
 
}
 
table.ambox + table.ambox {      /* Single border between stacked boxes. */
 
    margin-top: -1px;
 
}
 
.ambox th.mbox-text,
 
.ambox td.mbox-text {            /* The message body cell(s) */
 
    padding: 0.25em 0.5em;      /* 0.5em left/right */
 
}
 
.ambox td.mbox-image {          /* The left image cell */
 
    /* @noflip */
 
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
 
}
 
.ambox td.mbox-imageright {      /* The right image cell */
 
    /* @noflip */
 
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
 
}
 
 
 
table.ambox-notice {
 
    /* @noflip */
 
    border-left: 10px solid #1e90ff;    /* Blue */
 
}
 
table.ambox-speedy {
 
    /* @noflip */
 
    border-left: 10px solid #b22222;    /* Red */
 
    background: #fee;                  /* Pink */
 
}
 
table.ambox-delete {
 
    /* @noflip */
 
    border-left: 10px solid #b22222;    /* Red */
 
}
 
table.ambox-content {
 
    /* @noflip */
 
    border-left: 10px solid #f28500;    /* Orange */
 
}
 
    background: #f7f8ff;          /* Light gray */
 
}
 
table.imbox-featured { 0.2em;
 
    /* @noflip */
 
    float: right;
 
    /* @noflip */
 
    clear: right;
 
    font-size: 88%;
 
    line-height: 1.5em;
 
}
 
.infobox caption {
 
    font-size: 125%;
 
    font-weight: bold;
 
    padding: 0.2em;
 
}
 
.infobox td,
 
.infobox th {
 
    vertical-align: top;
 
    /* @noflip */
 
    text-align: left;
 
}
 
.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;
 
    /* @noflip */
 
    border-right: 1px solid #aaa;
 
}
 
 
 
.infobox.bordered .mergedrow td,
 
.infobox.bordered .mergedrow th {
 
    border: 0;
 
    /* @noflip */
 
    border-right: 1px solid #aaa;
 
}
 
 
 
/* Styles for geography infoboxes, eg countries,
 
  country subdivisions, cities, etc.            */
 
.infobox.geography {
 
    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;
 
}
 
 
 
/* Normal font styling for table row headers with scope="row" tag */
 
.wikitable.plainrowheaders th[scope=row] {
 
    font-weight: normal;
 
    /* @noflip */
 
    text-align: left;
 
}
 
 
 
/* Lists in data cells are always left-aligned */
 
.wikitable td ul,
 
.wikitable td ol,
 
.wikitable td dl {
 
    /* @noflip */
 
    text-align: left;
 
}
 
/* ...unless they also use the hlist class */
 
.toc.hlist ul,
 
#toc.hlist ul,
 
.wikitable.hlist td ul,
 
.wikitable.hlist td ol,
 
.wikitable.hlist td dl {
 
    text-align: inherit;
 
}
 
 
 
/* Icons for medialist templates [[Template:Listen]],
 
  [[Template:Multi-listen_start]], [[Template:Video]],
 
  [[Template:Multi-video_start]] */
 
div.listenlist {
 
    background: url("//upload.wikimedia.org/wikipedia/commons/4/47/Sound-icon.svg") no-repeat scroll 0 0 transparent;
 
    background-size: 30px;
 
    padding-left: 40px;
 
}
 
 
 
/* Fix for hieroglyphs specificality issue in infoboxes ([[Phabricator:43869]]) */
 
table.mw-hiero-table td {
 
    vertical-align: middle;
 
}
 
 
 
/* Style rules for media list templates */
 
div.medialist {
 
    min-height: 50px;
 
    margin: 1em;
 
    /* @noflip */
 
    background-position: top left;
 
    background-repeat: no-repeat;
 
}
 
div.medialist ul {
 
    list-style-type: none;
 
    list-style-image: none;
 
    margin: 0;
 
}
 
div.medialist ul li {
 
    padding-bottom: 0.5em;
 
}
 
div.medialist ul li li {
 
    font-size: 91%;
 
    padding-bottom: 0;
 
}
 
 
 
/* Change the external link icon to an Adobe icon for all PDF files
 
  in browsers that support these CSS selectors, like Mozilla and Opera */
 
div#content a[href$=".pdf"].external,
 
div#content a[href*=".pdf?"].external,
 
div#content a[href*=".pdf#"].external,
 
div#content a[href$=".PDF"].external,
 
div#content a[href*=".PDF?"].external,
 
div#content a[href*=".PDF#"].external,
 
div#mw_content a[href$=".pdf"].external,
 
div#mw_content a[href*=".pdf?"].external,
 
div#mw_content a[href*=".pdf#"].external,
 
div#mw_content a[href$=".PDF"].external,
 
div#mw_content a[href*=".PDF?"].external,
 
div#mw_content a[href*=".PDF#"].external {
 
    background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
 
    /* @noflip */
 
    padding-right: 18px;
 
}
 
 
 
/* Change the external link icon to an Adobe icon anywhere the PDFlink class
 
  is used (notably Template:PDFlink). This works in IE, unlike the above. */
 
div#content span.PDFlink a,
 
div#mw_content span.PDFlink a {
 
    background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
 
    /* @noflip */
 
    padding-right: 18px;
 
}
 
 
 
/* Content in columns with CSS instead of tables ([[Template:Columns]]) */
 
div.columns-2 div.column {
 
    /* @noflip */
 
    float: left;
 
    width: 50%;
 
    min-width: 300px;
 
}
 
div.columns-3 div.column {
 
    /* @noflip */
 
    float: left;
 
    width: 33.3%;
 
    min-width: 200px;
 
}
 
div.columns-4 div.column {
 
    /* @noflip */
 
    float: left;
 
    width: 25%;
 
    min-width: 150px;
 
}
 
div.columns-5 div.column {
 
    /* @noflip */
 
    float: left;
 
    width: 20%;
 
    min-width: 120px;
 
}
 
 
 
/* Messagebox templates */
 
.messagebox {
 
    border: 1px solid #aaa;
 
    background-color: #f9f9f9;
 
    width: 80%;
 
    margin: 0 auto 1em auto;
 
    padding: .2em;
 
}
 
.messagebox.merge {
 
    border: 1px solid #c0b8cc;
 
    background-color: #f0e5ff;
 
    text-align: center;
 
}
 
.messagebox.cleanup {
 
    border: 1px solid #9f9fff;
 
    background-color: #efefff;
 
    text-align: center;
 
}
 
.messagebox.standard-talk {
 
    border: 1px solid #c0c090;
 
    background-color: #f8eaba;
 
    margin: 4px auto;
 
}
 
/* For old WikiProject banners inside banner shells. */
 
.mbox-inside .standard-talk,
 
.messagebox.nested-talk {
 
    border: 1px solid #c0c090;
 
    background-color: #f8eaba;
 
    width: 100%;
 
    margin: 2px 0;
 
    padding: 2px;
 
}
 
.messagebox.small {
 
    width: 238px;
 
    font-size: 85%;
 
    /* @noflip */
 
    float: right;
 
    clear: both;
 
    /* @noflip */
 
    margin: 0 0 1em 1em;
 
    line-height: 1.25em;
 
}
 
.messagebox.small-talk {
 
    width: 238px;
 
    font-size: 85%;
 
    /* @noflip */
 
    float: right;
 
    clear: both;
 
    /* @noflip */
 
    margin: 0 0 1em 1em;
 
    line-height: 1.25em;
 
    background: #F8EABA;
 
}
 
 
 
/* 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;
 
    /* @noflip */
 
    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;
 
    /* @noflip */
 
    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
 
    text-align: center;
 
}
 
td.mbox-imageright {          /* The right image cell */
 
    border: none;
 
    /* @noflip */
 
    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: 0;
 
    width: 1px;
 
}
 
 
 
/* Article message box styles */
 
table.ambox {
 
    margin: 0 10%;                  /* 10% = Will not overlap with other elements */
 
    border: 1px solid #aaa;
 
    /* @noflip */
 
    border-left: 10px solid #1e90ff;  /* Default "notice" blue */
 
    background: #fbfbfb;
 
}
 
table.ambox + table.ambox {      /* Single border between stacked boxes. */
 
    margin-top: -1px;
 
}
 
.ambox th.mbox-text,
 
.ambox td.mbox-text {            /* The message body cell(s) */
 
    padding: 0.25em 0.5em;      /* 0.5em left/right */
 
}
 
.ambox td.mbox-image {          /* The left image cell */
 
    /* @noflip */
 
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
 
}
 
.ambox td.mbox-imageright {      /* The right image cell */
 
    /* @noflip */
 
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
 
}
 
 
 
table.ambox-notice {
 
    /* @noflip */
 
    border-left: 10px solid #1e90ff;    /* Blue */
 
}
 
table.ambox-speedy {
 
    /* @noflip */
 
    border-left: 10px solid #b22222;    /* Red */
 
    background: #fee;                  /* Pink */
 
}
 
table.ambox-delete {
 
    /* @noflip */
 
    border-left: 10px solid #b22222;    /* Red */
 
}
 
table.ambox-content {
 
    /* @noflip */
 
    border-left: 10px solid #f28500;    /* Orange */
 
}
 
    background: #f7f8ff;          /* Light gray */
 
}
 
table.imbox-featured { 0.2em;
 
    /* @noflip */
 
    float: right;
 
    /* @noflip */
 
    clear: right;
 
    font-size: 88%;
 
    line-height: 1.5em;
 
}
 
.infobox caption {
 
    font-size: 125%;
 
    font-weight: bold;
 
    padding: 0.2em;
 
}
 
.infobox td,
 
.infobox th {
 
    vertical-align: top;
 
    /* @noflip */
 
    text-align: left;
 
}
 
.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;
 
    /* @noflip */
 
    border-right: 1px solid #aaa;
 
}
 
 
 
.infobox.bordered .mergedrow td,
 
.infobox.bordered .mergedrow th {
 
    border: 0;
 
    /* @noflip */
 
    border-right: 1px solid #aaa;
 
}
 
 
 
/* Styles for geography infoboxes, eg countries,
 
  country subdivisions, cities, etc.            */
 
.infobox.geography {
 
    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;
 
}
 
 
 
/* Normal font styling for table row headers with scope="row" tag */
 
.wikitable.plainrowheaders th[scope=row] {
 
    font-weight: normal;
 
    /* @noflip */
 
    text-align: left;
 
}
 
 
 
/* Lists in data cells are always left-aligned */
 
.wikitable td ul,
 
.wikitable td ol,
 
.wikitable td dl {
 
    /* @noflip */
 
    text-align: left;
 
}
 
/* ...unless they also use the hlist class */
 
.toc.hlist ul,
 
#toc.hlist ul,
 
.wikitable.hlist td ul,
 
.wikitable.hlist td ol,
 
.wikitable.hlist td dl {
 
    text-align: inherit;
 
}
 
 
 
/* Icons for medialist templates [[Template:Listen]],
 
  [[Template:Multi-listen_start]], [[Template:Video]],
 
  [[Template:Multi-video_start]] */
 
div.listenlist {
 
    background: url("//upload.wikimedia.org/wikipedia/commons/4/47/Sound-icon.svg") no-repeat scroll 0 0 transparent;
 
    background-size: 30px;
 
    padding-left: 40px;
 
}
 
 
 
/* Fix for hieroglyphs specificality issue in infoboxes ([[Phabricator:43869]]) */
 
table.mw-hiero-table td {
 
    vertical-align: middle;
 
}
 
 
 
/* Style rules for media list templates */
 
div.medialist {
 
    min-height: 50px;
 
    margin: 1em;
 
    /* @noflip */
 
    background-position: top left;
 
    background-repeat: no-repeat;
 
}
 
div.medialist ul {
 
    list-style-type: none;
 
    list-style-image: none;
 
    margin: 0;
 
}
 
div.medialist ul li {
 
    padding-bottom: 0.5em;
 
}
 
div.medialist ul li li {
 
    font-size: 91%;
 
    padding-bottom: 0;
 
}
 
 
 
/* Change the external link icon to an Adobe icon for all PDF files
 
  in browsers that support these CSS selectors, like Mozilla and Opera */
 
div#content a[href$=".pdf"].external,
 
div#content a[href*=".pdf?"].external,
 
div#content a[href*=".pdf#"].external,
 
div#content a[href$=".PDF"].external,
 
div#content a[href*=".PDF?"].external,
 
div#content a[href*=".PDF#"].external,
 
div#mw_content a[href$=".pdf"].external,
 
div#mw_content a[href*=".pdf?"].external,
 
div#mw_content a[href*=".pdf#"].external,
 
div#mw_content a[href$=".PDF"].external,
 
div#mw_content a[href*=".PDF?"].external,
 
div#mw_content a[href*=".PDF#"].external {
 
    background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
 
    /* @noflip */
 
    padding-right: 18px;
 
}
 
 
 
/* Change the external link icon to an Adobe icon anywhere the PDFlink class
 
  is used (notably Template:PDFlink). This works in IE, unlike the above. */
 
div#content span.PDFlink a,
 
div#mw_content span.PDFlink a {
 
    background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
 
    /* @noflip */
 
    padding-right: 18px;
 
}
 
 
 
/* Content in columns with CSS instead of tables ([[Template:Columns]]) */
 
div.columns-2 div.column {
 
    /* @noflip */
 
    float: left;
 
    width: 50%;
 
    min-width: 300px;
 
}
 
div.columns-3 div.column {
 
    /* @noflip */
 
    float: left;
 
    width: 33.3%;
 
    min-width: 200px;
 
}
 
div.columns-4 div.column {
 
    /* @noflip */
 
    float: left;
 
    width: 25%;
 
    min-width: 150px;
 
}
 
div.columns-5 div.column {
 
    /* @noflip */
 
    float: left;
 
    width: 20%;
 
    min-width: 120px;
 
}
 
 
 
/* Messagebox templates */
 
.messagebox {
 
    border: 1px solid #aaa;
 
    background-color: #f9f9f9;
 
    width: 80%;
 
    margin: 0 auto 1em auto;
 
    padding: .2em;
 
}
 
.messagebox.merge {
 
    border: 1px solid #c0b8cc;
 
    background-color: #f0e5ff;
 
    text-align: center;
 
}
 
.messagebox.cleanup {
 
    border: 1px solid #9f9fff;
 
    background-color: #efefff;
 
    text-align: center;
 
}
 
.messagebox.standard-talk {
 
    border: 1px solid #c0c090;
 
    background-color: #f8eaba;
 
    margin: 4px auto;
 
}
 
/* For old WikiProject banners inside banner shells. */
 
.mbox-inside .standard-talk,
 
.messagebox.nested-talk {
 
    border: 1px solid #c0c090;
 
    background-color: #f8eaba;
 
    width: 100%;
 
    margin: 2px 0;
 
    padding: 2px;
 
}
 
.messagebox.small {
 
    width: 238px;
 
    font-size: 85%;
 
    /* @noflip */
 
    float: right;
 
    clear: both;
 
 
 
.infobox td,
 
.infobox th {
 
    vertical-align: top;
 
    /* @noflip */
 
    text-align: left;
 
}
 
.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;
 
    /* @noflip */
 
    border-right: 1px solid #aaa;
 
}
 
 
 
.infobox.bordered .mergedrow td,
 
.infobox.bordered .mergedrow th {
 
    border: 0;
 
    /* @noflip */
 
    border-right: 1px solid #aaa;
 
}
 
 
 
/* Styles for geography infoboxes, eg countries,
 
  country subdivisions, cities, etc.            */
 
.infobox.geography {
 
    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;
 
}
 
 
 
/* Normal font styling for table row headers with scope="row" tag */
 
.wikitable.plainrowheaders th[scope=row] {
 
    font-weight: normal;
 
    /* @noflip */
 
    text-align: left;
 
}
 
 
 
/* Lists in data cells are always left-aligned */
 
.wikitable td ul,
 
.wikitable td ol,
 
.wikitable td dl {
 
    /* @noflip */
 
    text-align: left;
 
}
 
/* ...unless they also use the hlist class */
 
.toc.hlist ul,
 
#toc.hlist ul,
 
.wikitable.hlist td ul,
 
.wikitable.hlist td ol,
 
.wikitable.hlist td dl {
 
    text-align: inherit;
 
}
 
 
 
/* Icons for medialist templates [[Template:Listen]],
 
  [[Template:Multi-listen_start]], [[Template:Video]],
 
  [[Template:Multi-video_start]] */
 
div.listenlist {
 
    background: url("//upload.wikimedia.org/wikipedia/commons/4/47/Sound-icon.svg") no-repeat scroll 0 0 transparent;
 
    background-size: 30px;
 
    padding-left: 40px;
 
}
 
 
 
/* Fix for hieroglyphs specificality issue in infoboxes ([[Phabricator:43869]]) */
 
table.mw-hiero-table td {
 
    vertical-align: middle;
 
}
 
 
 
/* Style rules for media list templates */
 
div.medialist {
 
    min-height: 50px;
 
    margin: 1em;
 
    /* @noflip */
 
    background-position: top left;
 
    background-repeat: no-repeat;
 
}
 
div.medialist ul {
 
    list-style-type: none;
 
    list-style-image: none;
 
    margin: 0;
 
}
 
div.medialist ul li {
 
    padding-bottom: 0.5em;
 
}
 
div.medialist ul li li {
 
    font-size: 91%;
 
    padding-bottom: 0;
 
}
 
 
 
/* Change the external link icon to an Adobe icon for all PDF files
 
  in browsers that support these CSS selectors, like Mozilla and Opera */
 
div#content a[href$=".pdf"].external,
 
div#content a[href*=".pdf?"].external,
 
div#content a[href*=".pdf#"].external,
 
div#content a[href$=".PDF"].external,
 
div#content a[href*=".PDF?"].external,
 
div#content a[href*=".PDF#"].external,
 
div#mw_content a[href$=".pdf"].external,
 
div#mw_content a[href*=".pdf?"].external,
 
div#mw_content a[href*=".pdf#"].external,
 
div#mw_content a[href$=".PDF"].external,
 
div#mw_content a[href*=".PDF?"].external,
 
div#mw_content a[href*=".PDF#"].external {
 
    background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
 
    /* @noflip */
 
    padding-right: 18px;
 
}
 
 
 
/* Change the external link icon to an Adobe icon anywhere the PDFlink class
 
  is used (notably Template:PDFlink). This works in IE, unlike the above. */
 
div#content span.PDFlink a,
 
div#mw_content span.PDFlink a {
 
    background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
 
    /* @noflip */
 
    padding-right: 18px;
 
}
 
 
 
/* Content in columns with CSS instead of tables ([[Template:Columns]]) */
 
div.columns-2 div.column {
 
    /* @noflip */
 
    float: left;
 
    width: 50%;
 
    min-width: 300px;
 
}
 
div.columns-3 div.column {
 
    /* @noflip */
 
    float: left;
 
    width: 33.3%;
 
    min-width: 200px;
 
}
 
div.columns-4 div.column {
 
    /* @noflip */
 
    float: left;
 
    width: 25%;
 
    min-width: 150px;
 
}
 
div.columns-5 div.column {
 
    /* @noflip */
 
    float: left;
 
    width: 20%;
 
    min-width: 120px;
 
}
 
 
 
/* Messagebox templates */
 
.messagebox {
 
    border: 1px solid #aaa;
 
    background-color: #f9f9f9;
 
    width: 80%;
 
    margin: 0 auto 1em auto;
 
    padding: .2em;
 
}
 
.messagebox.merge {
 
    border: 1px solid #c0b8cc;
 
    background-color: #f0e5ff;
 
    text-align: center;
 
}
 
.messagebox.cleanup {
 
    border: 1px solid #9f9fff;
 
    background-color: #efefff;
 
    text-align: center;
 
}
 
.messagebox.standard-talk {
 
    border: 1px solid #c0c090;
 
    background-color: #f8eaba;
 
    margin: 4px auto;
 
}
 
/* For old WikiProject banners inside banner shells. */
 
.mbox-inside .standard-talk,
 
.messagebox.nested-talk {
 
    border: 1px solid #c0c090;
 
    background-color: #f8eaba;
 
    width: 100%;
 
    margin: 2px 0;
 
    padding: 2px;
 
}
 
.messagebox.small {
 
    width: 238px;
 
    font-size: 85%;
 
    /* @noflip */
 
    float: right;
 
    clear: both;
 
    /* @noflip */
 
    margin: 0 0 1em 1em;
 
    line-height: 1.25em;
 
}
 
.messagebox.small-talk {
 
    width: 238px;
 
    font-size: 85%;
 
    /* @noflip */
 
    float: right;
 
    clear: both;
 
    /* @noflip */
 
    margin: 0 0 1em 1em;
 
    line-height: 1.25em;
 
    background: #F8EABA;
 
}
 
 
 
/* 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;
 
    /* @noflip */
 
    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;
 
    /* @noflip */
 
    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
 
    text-align: center;
 
}
 
td.mbox-imageright {          /* The right image cell */
 
    border: none;
 
    /* @noflip */
 
    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: 0;
 
    width: 1px;
 
}
 
 
 
/* Article message box styles */
 
table.ambox {
 
    margin: 0 10%;                  /* 10% = Will not overlap with other elements */
 
    border: 1px solid #aaa;
 
    /* @noflip */
 
    border-left: 10px solid #1e90ff;  /* Default "notice" blue */
 
    background: #fbfbfb;
 
}
 
table.ambox + table.ambox {      /* Single border between stacked boxes. */
 
    margin-top: -1px;
 
}
 
.ambox th.mbox-text,
 
.ambox td.mbox-text {            /* The message body cell(s) */
 
    padding: 0.25em 0.5em;      /* 0.5em left/right */
 
}
 
.ambox td.mbox-image {          /* The left image cell */
 
    /* @noflip */
 
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
 
}
 
.ambox td.mbox-imageright {      /* The right image cell */
 
    /* @noflip */
 
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
 
}
 
 
 
table.ambox-notice {
 
    /* @noflip */
 
    border-left: 10px solid #1e90ff;    /* Blue */
 
}
 
table.ambox-speedy {
 
    /* @noflip */
 
    border-left: 10px solid #b22222;    /* Red */
 
    background: #fee;                  /* Pink */
 
}
 
table.ambox-delete {
 
    /* @noflip */
 
    border-left: 10px solid #b22222;    /* Red */
 
}
 
table.ambox-content {
 
    /* @noflip */
 
    border-left: 10px solid #f28500;    /* Orange */
 
}
 
    background: #f7f8ff;          /* Light gray */
 
}
 
table.imbox-featured {
 
    border: 3px solid #cba135;    /* Brown-gold */
 
}
 
 
 
/* Category message box styles */
 
table.cmbox {
 
    margin: 3px 10%;
 
    border-collapse: collapse;
 
    border: 1px solid #aaa;
 
    background: #DFE8FF;    /* Default "notice" blue */
 
}
 
 
 
table.cmbox-notice {
 
    background: #D8E8FF;    /* Blue */
 
}
 
table.cmbox-speedy {
 
    margin-top: 4px;
 
    margin-bottom: 4px;
 
    border: 4px solid #b22222;    /* Red */
 
    background: #FFDBDB;          /* Pink */
 
}
 
table.cmbox-delete {
 
    background: #FFDBDB;    /* Red */
 
}
 
table.cmbox-content {
 
    background: #FFE7CE;    /* Orange */
 
}
 
table.cmbox-style {
 
    background: #FFF9DB;    /* Yellow */
 
}
 
table.cmbox-move {
 
    background: #E4D8FF;    /* Purple */
 
}
 
table.cmbox-protection {
 
    background: #EFEFE1;    /* Gray-gold */
 
}
 
 
 
/* Other pages message box styles */
 
table.ombox {
 
    margin: 4px 10%;
 
    border-collapse: collapse;
 
    border: 1px solid #aaa;      /* Default "notice" gray */
 
    background: #f9f9f9;
 
}
 
 
 
table.ombox-notice {
 
    border: 1px solid #aaa;      /* Gray */
 
}
 
table.ombox-speedy {
 
    border: 2px solid #b22222;    /* Red */
 
    background: #fee;            /* Pink */
 
}
 
table.ombox-delete {
 
    border: 2px solid #b22222;    /* Red */
 
}
 
table.ombox-content {
 
    border: 1px solid #f28500;    /* Orange */
 
}
 
table.ombox-style {
 
    border: 1px solid #f4c430;    /* Yellow */
 
}
 
table.ombox-move {
 
    border: 1px solid #9932cc;    /* Purple */
 
}
 
table.ombox-protection {
 
    border: 2px solid #bba;      /* Gray-gold */
 
}
 
 
 
/* Talk page message box styles */
 
table.tmbox {
 
    margin: 4px 10%;
 
    border-collapse: collapse;
 
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
 
    background: #f8eaba;
 
}
 
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
 
    margin: 2px 0;              /* this declaration overrides other styles (including mbox-small above)  */
 
    width: 100%;                /* For Safari and Opera */
 
}
 
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
 
    line-height: 1.5em;          /* also "nested", so reset styles that are  */
 
    font-size: 100%;            /* set in "mbox-small" above.                */
 
}
 
 
 
table.tmbox-speedy {
 
    border: 2px solid #b22222;    /* Red */
 
    background: #fee;            /* Pink */
 
}
 
table.tmbox-delete {
 
    border: 2px solid #b22222;    /* Red */
 
}
 
table.tmbox-content {
 
    border: 2px solid #f28500;    /* Orange */
 
}
 
table.tmbox-style {
 
    border: 2px solid #f4c430;    /* Yellow */
 
}
 
table.tmbox-move {
 
    border: 2px solid #9932cc;    /* Purple */
 
}
 
table.tmbox-protection,
 
table.tmbox-notice {
 
    border: 1px solid #c0c090;    /* Gray-brown */
 
}
 
 
 
/* Disambig and set index box styles */
 
table.dmbox {
 
    clear: both;
 
    margin: 0.9em 1em;
 
    border-top: 1px solid #ccc;
 
    border-bottom: 1px solid #ccc;
 
    background: transparent;
 
}
 
 
 
/* Footer and header message box styles */
 
table.fmbox {
 
    clear: both;
 
    margin: 0.2em 0;
 
    width: 100%;
 
    border: 1px solid #aaa;
 
    background: #f9f9f9;    /* Default "system" gray */
 
}
 
table.fmbox-system {
 
    background: #f9f9f9;
 
}
 
table.fmbox-warning {
 
    border: 1px solid #bb7070;  /* Dark pink */
 
    background: #ffdbdb;        /* Pink */
 
}
 
table.fmbox-editnotice {
 
    background: transparent;
 
}
 
/* Div based "warning" style fmbox messages. */
 
div.mw-warning-with-logexcerpt,
 
div.mw-lag-warn-high,
 
div.mw-cascadeprotectedwarning,
 
div#mw-protect-cascadeon,
 
div.titleblacklist-warning,
 
div.locked-warning {
 
    clear: both;
 
    margin: 0.2em 0;
 
    border: 1px solid #bb7070;
 
    background: #ffdbdb;
 
    padding: 0.25em 0.9em;
 
}
 
/* Div based "system" style fmbox messages.
 
  Used in [[MediaWiki:Readonly lag]]. */
 
div.mw-lag-warn-normal,
 
div.fmbox-system {
 
    clear: both;
 
    margin: 0.2em 0;
 
    border: 1px solid #aaa;
 
    background: #f9f9f9;
 
    padding: 0.25em 0.9em;
 
}
 
 
 
/* 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. */
 
    /* @noflip */
 
    clear: right;
 
    /* @noflip */
 
    float: right;
 
    /* @noflip */
 
    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. */
 
    /* @noflip */
 
    margin: 4px 1em 4px 0;
 
    width: 238px;
 
    border-collapse: collapse;
 
    font-size: 88%;
 
    line-height: 1.25em;
 
}
 
 
 
/* Style for compact ambox */
 
/* Hide the images */
 
.compact-ambox table .mbox-image,
 
.compact-ambox table .mbox-imageright,
 
.compact-ambox table .mbox-empty-cell {
 
    display: none;
 
}
 
/* Remove borders, backgrounds, padding, etc. */
 
.compact-ambox table.ambox {
 
    border: none;
 
    border-collapse: collapse;
 
    background: transparent;
 
    margin: 0 0 0 1.6em !important;
 
    padding: 0 !important;
 
    width: auto;
 
    display: block;
 
}
 
body.mediawiki .compact-ambox table.mbox-small-left {
 
    font-size: 100%;
 
    width: auto;
 
    margin: 0;
 
}
 
/* Style the text cell as a list item and remove its padding */
 
.compact-ambox table .mbox-text {
 
    padding: 0 !important;
 
    margin: 0 !important;
 
}
 
.compact-ambox table .mbox-text-span {
 
    display: list-item;
 
    line-height: 1.5em;
 
    list-style-type: square;
 
    list-style-image: url(/w/skins/MonoBook/bullet.gif);
 
}
 
.skin-vector .compact-ambox table .mbox-text-span {
 
    list-style-type: disc;
 
    list-style-image: url(/w/skins/Vector/images/bullet-icon.png)
 
}
 
/* Allow for hiding text in compact form */
 
.compact-ambox .hide-when-compact {
 
    display: none;
 
}
 
 
 
/* Remove default styles for [[MediaWiki:Noarticletext]]. */
 
div.noarticletext {
 
    border: none;
 
    background: transparent;
 
    padding: 0;
 
}
 
 
 
/* Hide (formatting) elements from screen, but not from screenreaders */
 
.visualhide {
 
    position: absolute;
 
    left: -10000px;
 
    top: auto;
 
    width: 1px;
 
    height: 1px;
 
    overflow: hidden;
 
}
 
 
 
/* Bold save button */
 
#wpSave {
 
    font-weight: bold;
 
}
 
 
 
/* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */
 
.hiddenStructure {
 
    display: inline !important;
 
    color: #f00;
 
    background-color: #0f0;
 
}
 
 
 
/* suppress missing interwiki image links where #ifexist cannot
 
  be used due to high number of requests see .hidden-redlink on
 
  [[m:MediaWiki:Common.css]] */
 
.check-icon a.new {
 
    display: none;
 
    speak: none;
 
}
 
 
 
/* Removes underlines from certain links */
 
.nounderlines a,
 
.IPA a:link, .IPA a:visited {
 
    text-decoration: none !important;
 
}
 
 
 
/* Standard Navigationsleisten, 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;
 
    /* @noflip */
 
    float: left;
 
}
 
div.NavFrame div.NavHead {
 
    line-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;
 
    /* @noflip */
 
    right: 3px;
 
    font-weight: normal;
 
    font-size: 90%;
 
}
 
 
 
/* Hatnotes and disambiguation notices */
 
.hatnote {
 
    font-style: italic;
 
}
 
.hatnote i {
 
    font-style: normal;
 
}
 
div.hatnote {
 
    /* @noflip */
 
    padding-left: 1.6em;
 
    margin-bottom: 0.5em;
 
}
 
div.hatnote + div.hatnote {
 
    margin-top: -0.5em;
 
}
 
 
 
/* 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; }
 
 
 
/* Geographical coordinates defaults. See [[Template:Coord/link]]
 
  for how these are used. The classes "geo", "longitude", and
 
  "latitude" are used by the [[Geo microformat]]. */
 
.geo-default, .geo-dms, .geo-dec  { display: inline; }
 
.geo-nondefault, .geo-multi-punct { display: none; }
 
.longitude, .latitude            { white-space: nowrap; }
 
 
 
/* 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 none;
 
    margin: .3em 0 0;
 
    padding: 0;
 
}
 
.hlist.nonumtoc #toc ul ul,
 
.hlist.nonumtoc .toc ul ul {
 
    /* @noflip */
 
    margin: 0;
 
}
 
 
 
/* Allow limiting of which header levels are shown in a TOC;
 
  <div class="toclimit-3">, for instance, will limit to
 
  showing ==headings== and ===headings=== but no further
 
  (as long as there are no =headings= on the page, which
 
  there shouldn't be according to the MoS). */
 
.toclimit-2 .toclevel-1 ul,
 
.toclimit-3 .toclevel-2 ul,
 
.toclimit-4 .toclevel-3 ul,
 
.toclimit-5 .toclevel-4 ul,
 
.toclimit-6 .toclevel-5 ul,
 
.toclimit-7 .toclevel-6 ul {
 
    display: none;
 
}
 
 
 
/* Styling for Template:Quote */
 
blockquote.templatequote {
 
    margin-top: 0;
 
}
 
blockquote.templatequote div.templatequotecite {
 
    line-height: 1.5em;
 
    /* @noflip */
 
    text-align: left;
 
    /* @noflip */
 
    padding-left: 1.6em;
 
    margin-top: 0;
 
}
 
 
 
/* User block messages */
 
div.user-block {
 
    padding: 5px;
 
    margin-bottom: 0.5em;
 
    border: 1px solid #A9A9A9;
 
    background-color: #FFEFD5;
 
}
 
 
 
/* Prevent line breaks in silly places:
 
  1) Where desired
 
  2) Links when we don't want them to
 
  3) Bold "links" to the page itself
 
  4) Ref tags with group names <ref group="Note"> --> "[Note 1]" */
 
.nowrap,
 
.nowraplinks a,
 
.nowraplinks .selflink,
 
sup.reference a {
 
    white-space: nowrap;
 
}
 
/* But allow wrapping where desired: */
 
.wrap,
 
.wraplinks a {
 
    white-space: normal;
 
}
 
 
 
/* For template documentation */
 
.template-documentation {
 
    clear: both;
 
    margin: 1em 0 0 0;
 
    border: 1px solid #aaa;
 
    background-color: #ecfcf4;
 
    padding: 1em;
 
}
 
 
 
/* Inline divs in ImageMaps (code borrowed from de.wiki) */
 
.imagemap-inline div {
 
     display: inline;
 
}
 
 
 
/* Increase the height of the image upload box */
 
#wpUploadDescription {
 
    height: 13em;
 
}
 
 
 
/* Minimum thumb width */
 
.thumbinner {
 
    min-width: 100px;
 
}
 
 
 
/* Makes the background of a framed image white instead of gray.
 
  Only visible with transparent images. */
 
div.thumb .thumbimage {
 
     background-color: #fff;
 
}
 
 
 
/* The backgrounds for galleries. */
 
div#content .gallerybox div.thumb {
 
    /* Light gray padding */
 
     background-color: #F9F9F9;
 
}
 
/* Put a chequered background behind images, only visible if they have transparency.
 
  '.filehistory a img' and '#file img:hover' are handled by MediaWiki core (as of 1.19) */
 
.gallerybox .thumb img {
 
    background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
 
}
 
/* But not on articles, user pages, portals or with opt-out. */
 
.ns-0 .gallerybox .thumb img,
 
.ns-2 .gallerybox .thumb img,
 
.ns-100 .gallerybox .thumb img,
 
.nochecker .gallerybox .thumb img {
 
    background: #fff;
 
}
 
 
 
/* Prevent floating boxes from overlapping any category listings,
 
  file histories, edit previews, and edit [Show changes] views. */
 
#mw-subcategories, #mw-pages, #mw-category-media,
 
#filehistory, #wikiPreview, #wikiDiff {
 
    clear: both;
 
}
 
 
 
body.rtl #mw-articlefeedbackv5, body.rtl #mw-articlefeedback {
 
    display: block;  /* Override inline block mode */
 
    margin-bottom: 1em;
 
    /* @noflip */
 
    clear: right;    /* Clear any info boxes that stick out */
 
    /* @noflip */
 
    float: right;    /* Prevents margin collapsing */
 
}
 
 
 
/* Selectively hide headers in WikiProject banners */
 
.wpb .wpb-header            { display: none; }
 
.wpbs-inner .wpb .wpb-header { display: block; }    /* for IE */
 
.wpbs-inner .wpb .wpb-header { display: table-row; } /* for real browsers */
 
.wpbs-inner .wpb-outside    { display: none; }      /* hide things that should only display outside shells */
 
 
 
/* Styling for Abuse Filter tags */
 
.mw-tag-markers {
 
    font-family:sans-serif;
 
    font-style:italic;
 
    font-size:90%;
 
}
 
 
 
/* Hide stuff meant for accounts with special permissions. Made visible again in
 
  [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-accountcreator.css]],
 
  [[MediaWiki:Group-templateeditor.css]] and [[Mediawiki:Group-autoconfirmed.css]]. */
 
.sysop-show,
 
.accountcreator-show,
 
.templateeditor-show,
 
.autoconfirmed-show {
 
    display: none;
 
}
 
 
 
/**
 
* Hide the redlink generated by {{Editnotice}},
 
* this overrides the ".sysop-show { display: none; }" above that applies
 
* to the same link as well.
 
*
 
* See [[Phabricator:45013]].
 
*/
 
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink, .mw-ve-editNotice .editnotice-redlink {
 
    display: none !important;
 
}
 
 
 
/* Remove bullets when there are multiple edit page warnings */
 
ul.permissions-errors > li {
 
    list-style: none none;
 
}
 
ul.permissions-errors {
 
    margin: 0;
 
}
 
 
 
/* No linewrap on the labels of the login/signup page */
 
body.page-Special_UserLogin .mw-label label,
 
body.page-Special_UserLogin_signup .mw-label label {
 
    white-space: nowrap;
 
}
 
 
 
/* Pie chart test: Transparent borders */
 
.transborder {
 
    border: solid transparent;
 
}
 
* html .transborder {  /* IE6 */
 
    border: solid #000001;
 
    filter: chroma(color=#000001);
 
}
 
 
 
/* Styling for updated markers on watchlist, history and recent/related changes */
 
#mw-wlheader-showupdated,
 
#mw-wlheader-bold,
 
#mw-wlheader-green,
 
#mw-watchlist-resetbutton {
 
    display: none;
 
}
 
.updatedmarker {
 
    background-color: transparent;
 
    color: #006400;
 
}
 
.mw-changeslist-line-watched .mw-title,
 
.mw-enhanced-watched .mw-enhanced-rc-time {
 
    font-weight: inherit;
 
}
 
 
 
/* Generic class for Times-based serif, texhtml class for inline math */
 
.times-serif,
 
span.texhtml {
 
    font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
 
    font-size: 118%;
 
    line-height: 1;
 
}
 
span.texhtml {
 
    white-space: nowrap;
 
}
 
span.texhtml span.texhtml {
 
    font-size: 100%;
 
}
 
 
 
/* Force tabular and lining display for digits and texhtml */
 
.digits,
 
.texhtml {
 
    -moz-font-feature-settings: "lnum", "tnum", "kern" 0;
 
    -webkit-font-feature-settings: "lnum", "tnum", "kern" 0;
 
    font-feature-settings: "lnum", "tnum", "kern" 0;
 
    font-variant-numeric: lining-nums tabular-nums;
 
    font-kerning: none;
 
}
 
 
 
/* Fix styling of transcluded prefindex tables */
 
table#mw-prefixindex-list-table,
 
table#mw-prefixindex-nav-table {
 
    width: 98%;
 
}
 
 
 
/* For portals, added 2011-12-07 -bv
 
  On wide screens, show these as two columns
 
  On narrow and mobile screens, let them collapse into a single column */
 
.portal-column-left {
 
    float: left;
 
    width: 50%;
 
}
 
.portal-column-right {
 
    float: right;
 
    width: 49%;
 
}
 
.portal-column-left-wide {
 
    float: left;
 
    width: 60%;
 
}
 
.portal-column-right-narrow {
 
    float: right;
 
    width: 39%;
 
}
 
.portal-column-left-extra-wide {
 
    float: left;
 
    width: 70%;
 
}
 
.portal-column-right-extra-narrow {
 
    float: right;
 
    width: 29%;
 
}
 
@media only screen and (max-width: 800px) {
 
    /* Decouple the columns on narrow screens */
 
    .portal-column-left,
 
    .portal-column-right,
 
    .portal-column-left-wide,
 
    .portal-column-right-narrow,
 
    .portal-column-left-extra-wide,
 
    .portal-column-right-extra-narrow {
 
         float: inherit;
 
        width: inherit;
 
    }
 
}
 
 
 
/* Formerly for announcements, now used intermittently */
 
#bodyContent .letterhead {
 
    background-image:url('//upload.wikimedia.org/wikipedia/commons/e/e0/Tan-page-corner.png');
 
    background-repeat:no-repeat;
 
    padding: 2em;
 
    background-color: #faf9f2;
 
}
 
 
 
/* Tree style lists */
 
.treeview ul {
 
    padding: 0;
 
    margin: 0;
 
}
 
.treeview li {
 
    padding: 0;
 
    margin: 0;
 
    list-style-type: none;
 
    list-style-image: none;
 
    zoom: 1; /* BE KIND TO IE6 */;
 
}
 
.treeview li li {
 
    background: url("//upload.wikimedia.org/wikipedia/commons/f/f2/Treeview-grey-line.png") no-repeat 0 -2981px;
 
    /* @noflip */
 
    padding-left: 20px;
 
    text-indent: 0.3em;
 
}
 
.treeview li li.lastline {
 
    background-position: 0 -5971px
 
}
 
.treeview li.emptyline > ul {
 
    /* @noflip */
 
    margin-left: -1px;
 
}
 
.treeview li.emptyline > ul > li:first-child {
 
    background-position: 0 9px
 
}
 
 
 
/* hidden sortkey for tablesorter */
 
td .sortkey,
 
th .sortkey {
 
    display: none;
 
    speak: none;
 
}
 
 
 
/* Make it possible to hide checkboxes in <inputbox> */
 
.inputbox-hidecheckboxes form .inputbox-element {
 
    display: none !important;
 
}
 
 
 
/* Work-around for [[Phabricator:25965]] (Kaltura advertisement) */
 
.k-player .k-attribution {
 
    visibility: hidden;
 
}
 
 
 
/* Move 'play' button of video player to bottom left corner */
 
.PopUpMediaTransform a .play-btn-large {
 
    margin: 0;
 
 
 
    margin: 10px 0 0 0;
 
    padding: 0 0 12px 12px;
 
}
 
.mw-collapsible-toggle {
 
    margin: 14px 10px 0 0;
 
}
 
.page-Leaderboards:before {
 
    content: '';
 
    position: absolute;
 
    display: block;
 
    width: 100%;
 
    height: 100%;
 
    background: #fff;
 
    z-index: 9999;
 
}
 
.rootpage-Leaderboards {
 
    overflow-x: hidden;
 
}
 
.rootpage-Leaderboards .mw-body {
 
    min-width: 782px;
 
}
 
.dkc, .dkc2, .dkc3, .dkct {
 
    width: 100%;
 
     min-width: 760px;
 
    table-layout: fixed;
 
}
 
.wrp table {
 
    width: 100%;
 
    min-width: 735px;
 
     table-layout: fixed;
 
}
 
.wrp {
 
    padding-right: 12px;
 
}
 
#game-tabs {
 
    display: inline-block;
 
    margin-bottom: 25px;
 
    margin-top: -10px;
 
}
 
#game-tabs h1 {
 
    font-size: 18px !important;
 
    line-height: 24px !important;
 
    display: inline !important;
 
    margin-left: -1px !important;
 
}
 
#game-tabs h1:first-child {
 
    border-top-left-radius: 4px;
 
    border-bottom-left-radius: 4px;
 
    margin-left: 0px !important;
 
}
 
#game-tabs h1:last-child {
 
    border-top-right-radius: 4px;
 
    border-bottom-right-radius: 4px;
 
}
 
#game-tabs .mw-editsection, .cat-tabs .mw-editsection span, .cat-tabs .mw-editsection a:nth-child(5) {
 
    display: none;
 
}
 
#game-tabs h1, .cat-tabs h2 {
 
    font-family: arial;
 
    color: #222;
 
    padding: 8px 12px 8px 12px !important;
 
    display: inline-block;
 
    border: #aaa 1px solid;
 
}
 
#game-tabs h1:hover, .cat-tabs h2:hover {
 
    cursor: pointer;
 
}
 
.game-tab {
 
    float: left;
 
    margin-top: 5px !important;
 
    margin-bottom: 10px;
 
}
 
.game tr td, .ve-ce-paragraphNode {
 
    white-space: nowrap;
 
    overflow: hidden;
 
}
 
.cat-tabs {
 
    display: inline-block;
 
    margin-bottom: 5px;
 
}
 
.cat-tabs h2 {
 
    font-size: 16px !important;
 
    display: inline;
 
    margin-left: -1px;
 
    border-bottom: none;
 
}
 
.cat-tabs h2:first-child {
 
    border-top-left-radius: 4px;
 
    margin-left: 0px;
 
}
 
.cat-tabs h2:last-child {
 
    border-top-right-radius: 4px;
 
}
 
.cat {
 
    border: #aaa 1px solid;
 
    border-top-right-radius: 4px;
 
    border-bottom-right-radius: 4px;
 
     border-bottom-left-radius: 4px;
 
    padding: 0px 10px 0px 10px;
 
}
 
.game, .cat {
 
     display: none;
 
}
 
.game {
 
    margin-top: -18px;
 
}
 
.cat table {
 
    width: 100%;
 
}
 
.dkc-show {
 
    display: block;
 
}
 
.selected {
 
    background: rgba(0, 0, 0, 0.08)
 
}
 
.dkc.col {
 
    color: #f1c232;
 
    border: #000 1px solid;
 
    background: #38761D;
 
    padding: 6px;
 
}
 
.dkc:not(.col) {
 
    background: #b6d7a8;
 
}
 
.dkc tr td {
 
    border: #6d8165 1px solid !important;
 
}
 
.dkc2.col {
 
    color: #F1C232;
 
    border: #000 1px solid;
 
    background: #990000;
 
    padding: 6px;
 
}
 
.dkc2:not(.col) {
 
    background: #ea9999;
 
}
 
.dkc2 tr td {
 
    border: #8d5c5c 1px solid !important;
 
}
 
.dkc3.col {
 
    color: #f1c232;
 
    border: #000 1px solid;
 
    background: #1155CC;
 
    padding: 6px;
 
}
 
.dkc3:not(.col) {
 
    background: #a4c2f4;
 
}
 
.dkc3 tr td {
 
    border: #637593 1px solid !important;
 
}
 
.dkct.col {
 
    border: #000 1px solid;
 
    background: #edd05e;
 
    padding: 6px;
 
}
 
.dkct:not(.col) {
 
    background: #fff59b;
 
}
 
.dkct tr td {
 
    border: #99935d 1px solid !important;
 
}
 
.rootpage-Leaderboards tr td:last-child {
 
    overflow-x: hidden;
 
    display: block;
 
    height: 19px;
 
    margin-right: 0px;
 
    padding-right: 6px;
 
    border-bottom: none !important;
 
    border-left: none !important;
 
    border-right: none !important;
 
}
 
.rootpage-Leaderboards td div {
 
    overflow-x: scroll;
 
}
 
@keyframes donkey-swing {
 
    from {
 
        transform: rotate(-20deg) scale(0.5, 0.5) translate(0px, 0px)
 
    }
 
    to {
 
        transform: rotate(25deg) scale(4, 4) translate(-960px, 276px)
 
    }
 
}
 
@keyframes trip-out {
 
    0% {
 
        transform: translate(0px, 0px) rotate(1deg)
 
    }
 
    25% {
 
        transform: translate(2px, 1px) rotate(-2deg)
 
    }
 
    50% {
 
        transform: translate(-3px, -5px) rotate(0deg)
 
    }
 
    75% {
 
        transform: translate(7px, 6px) rotate(3deg)
 
    }
 
    100% {
 
        transform: translate(2px, 3px) rotate(-1deg)
 
    }
 
}
 
@keyframes pop-out {
 
    0% {
 
        transform: translate(0px, 0px)
 
    }
 
    40% {
 
        transform: translate(0px, -468px)
 
    }
 
    60% {
 
        transform: translate(0px, -468px)
 
    }
 
    100% {
 
        transform: translate(0px, 0px)
 
    }
 
}
 
#modal {
 
    position: fixed;
 
    top: 90px;
 
    left: 201px;
 
    right: 30px;
 
    width: 1280px;
 
    margin: 0 auto;
 
    border: #aaa 1px solid;
 
    padding: 10px;
 
    background: #fff;
 
    border-radius: 4px;
 
}
 
#modal iframe, #modal video {
 
    width: 1280px;
 
    height: 720px;
 
    border: none;
 
    background: #000;
 
    margin-bottom: -3px !important;
 
}
 
#close {
 
    position: absolute;
 
    top: 0px;
 
    right: -26px;
 
    width: 16px;
 
    height: 18px;
 
}
 
#close:before {
 
    content: '';
 
    top: 8px;
 
    left: -2px;
 
    display: block;
 
    position: absolute;
 
    width: 20px;
 
    height: 3px;
 
    background: #6c6c6c;
 
    transform: rotate(45deg)
 
}
 
#close:after {
 
    content: '';
 
    top: 8px;
 
    left: -2px;
 
    display: block;
 
    position: absolute;
 
    width: 20px;
 
    height: 3px;
 
    background: #6c6c6c;
 
    transform: rotate(-45deg)
 
}osition:-208px -99px}.sn{background-position:-208px -132px}.uy{background-position:-192px -154px}.aw{background-position:-208px 0}.nl{background-position:-80px -110px}.hn{background-
 
 
         border-top-left-radius: 4px;
 
         border-top-left-radius: 4px;
 
         border-bottom-left-radius: 4px;
 
         border-bottom-left-radius: 4px;
 
     }
 
     }
 
}
 
}

Latest revision as of 17:04, 24 March 2021

/* CSS placed here will be applied to all skins */
/* Default styling for HTML elements */
dfn {
    font-style: inherit;  /* Reset default styling for <dfn> */
}
q {
    quotes: '"' '"' "'" "'";  /* Straight quote marks for <q> */
}
blockquote {
	overflow: hidden;  /* Avoid collision of background with floating elements */
}
strong.selflink {
    font-weight: 700;  /* Prevent the 'double bold' bug in Firefox when using DirectWrite */
}

/* Consistent size for <sub> and <sup> */
.mw-body sub,
.mw-body sup,
span.reference /* for Parsoid */ {
    font-size: 80%;
}

/* Main page fixes */
#interwiki-completelist {
    font-weight: bold;
}
body.page-Main_Page #ca-delete {
    display: none !important;
}
body.page-Main_Page #mp-topbanner {
    clear: both;
}

/* Edit window toolbar */
#toolbar {
    height: 22px;
    margin-bottom: 6px;
}

/* WikiEditor CSS for #wpTextbox1 is not loaded on .css/.js pages, so load here. [[phab:T97299]] */
.wikiEditor-ui-text #wpTextbox1 {
    line-height: 1.5em;
    resize: vertical;
}

/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
    display: none;
}

/* Highlight data points in the info action if specified in the URL */
body.action-info :target {
    background: #DEF;
}

/* Make the list of references smaller */
ol.references,
div.reflist,
div.refbegin {
    font-size: 90%;            /* Default font-size */
    margin-bottom: 0.5em;
}
div.refbegin-100 {
    font-size: 100%;           /* Option for normal fontsize in {{refbegin}} */
}
div.reflist ol.references {
    font-size: 100%;           /* Reset font-size when nested in div.reflist */
    list-style-type: inherit;  /* Enable custom list style types */
}

/* Highlight clicked reference in blue to help navigation */
span.citation:target {
    background-color: #DEF;
}

/* Ensure refs in table headers and the like aren't bold or italic */
sup.reference {
    font-weight: normal;
    font-style: normal;
}

/* Allow hidden ref errors to be shown by user CSS */
span.brokenref {
    display: none;
}

/* Styling for citations (CSS3). Breaks long urls, etc., rather than overflowing box */
.citation {
    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 {
    .citation .printonly {
        display: none;
    }
}

/* Reset top margin for lists embedded in columns */
div.columns {
    margin-top: 0.3em;
}
div.columns dl,
div.columns ol,
div.columns ul {
    margin-top: 0;
}

/* Avoid elements from breaking between columns */
.nocolbreak,
div.columns li,
div.columns dd dd {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
}

/* Style for [[Template:Flowlist]] that Lets lists flow around floating objecs */
.flowlist ul {
    overflow-x: hidden;
    margin-left: 0;
    padding-left: 1.6em;
}
.flowlist ol {
    overflow-x: hidden;
    margin-left: 0;
    padding-left: 3.2em;
}
.flowlist dl {
    overflow-x: hidden;
}

/* Style for horizontal lists (separator following item).
   IE8-specific classes are assigned in [[MediaWiki:Common.js]].
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 6 (2014-05-09)
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ": ";
}
.hlist dd: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 IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ") ";
    font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
    content: ") ";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: listitem;
}
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem) " ";
    white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) " ";
}

/* Unbulleted lists */
.plainlist ol,
.plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0;
}
.plainlist ol li,
.plainlist ul li {
    margin-bottom: 0;
}

/* Default style for navigation boxes */
.navbox {                     /* Navbox container style */
    border: 1px solid #aaa;
    width: 100%;
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
.navbox-inner,
.navbox-subgroup {
    width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
    padding: 0.25em 1em;      /* Title, group and above/below styles */
    line-height: 1.5em;
    text-align: center;
}
th.navbox-group {             /* Group style */
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}
.navbox,
.navbox-subgroup {
    background: #fdfdfd;      /* Background color */
}
.navbox-list {
    line-height: 1.5em;
    border-color: #fdfdfd;    /* Must match background color */
}
.navbox th,
.navbox-title {
    background: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.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.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)       */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}
ol + table.navbox,
ul + table.navbox {
    margin-top: 1em;        /* Prevent lists from clinging to navboxes */
}

/* Default styling for Navbar template */
.navbar {
    display: inline;
    font-size: 88%;
    font-weight: normal;
}
.navbar ul {
    display: inline;
    white-space: nowrap;
}
.mw-body-content .navbar ul {
    line-height: inherit;
}
.navbar li {
    word-spacing: -0.125em;
}
.navbar.mini li span {
  font-variant: small-caps;
}
/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
    font-size: 100%;
}
.navbox .navbar {
    display: block;
    font-size: 100%;
}
.navbox-title .navbar {
    /* @noflip */
    float: left;
    /* @noflip */
    text-align: left;
    /* @noflip */
    margin-right: 0.5em;
    width: 6em;
}

/* '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;
}

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

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    /* @noflip */
    border-right: 1px solid #aaa;
}

/* Styles for geography infoboxes, eg countries,
   country subdivisions, cities, etc.            */
.infobox.geography {
    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;
}

/* Normal font styling for table row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row] {
    font-weight: normal;
    /* @noflip */
    text-align: left;
}

/* Lists in data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
    /* @noflip */
    text-align: left;
}
/* ...unless they also use the hlist class */
.toc.hlist ul,
#toc.hlist ul,
.wikitable.hlist td ul,
.wikitable.hlist td ol,
.wikitable.hlist td dl {
    text-align: inherit;
}

/* Icons for medialist templates [[Template:Listen]],
   [[Template:Multi-listen_start]], [[Template:Video]],
   [[Template:Multi-video_start]] */
div.listenlist {
    background: url("//upload.wikimedia.org/wikipedia/commons/4/47/Sound-icon.svg") no-repeat scroll 0 0 transparent;
    background-size: 30px;
    padding-left: 40px;
}

/* Fix for hieroglyphs specificality issue in infoboxes ([[Phabricator:43869]]) */
table.mw-hiero-table td {
    vertical-align: middle;
}

/* Style rules for media list templates */
div.medialist {
    min-height: 50px;
    margin: 1em;
    /* @noflip */
    background-position: top left;
    background-repeat: no-repeat;
}
div.medialist ul {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
}
div.medialist ul li {
    padding-bottom: 0.5em;
}
div.medialist ul li li {
    font-size: 91%;
    padding-bottom: 0;
}

/* Change the external link icon to an Adobe icon for all PDF files
   in browsers that support these CSS selectors, like Mozilla and Opera */
div#content a[href$=".pdf"].external,
div#content a[href*=".pdf?"].external,
div#content a[href*=".pdf#"].external,
div#content a[href$=".PDF"].external,
div#content a[href*=".PDF?"].external,
div#content a[href*=".PDF#"].external,
div#mw_content a[href$=".pdf"].external,
div#mw_content a[href*=".pdf?"].external,
div#mw_content a[href*=".pdf#"].external,
div#mw_content a[href$=".PDF"].external,
div#mw_content a[href*=".PDF?"].external,
div#mw_content a[href*=".PDF#"].external {
    background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
    /* @noflip */
    padding-right: 18px;
}

/* Change the external link icon to an Adobe icon anywhere the PDFlink class
   is used (notably Template:PDFlink). This works in IE, unlike the above. */
div#content span.PDFlink a,
div#mw_content span.PDFlink a {
    background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
    /* @noflip */
    padding-right: 18px;
}

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

/* Messagebox templates */
.messagebox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    width: 80%;
    margin: 0 auto 1em auto;
    padding: .2em;
}
.messagebox.merge {
    border: 1px solid #c0b8cc;
    background-color: #f0e5ff;
    text-align: center;
}
.messagebox.cleanup {
    border: 1px solid #9f9fff;
    background-color: #efefff;
    text-align: center;
}
.messagebox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    margin: 4px auto;
}
/* For old WikiProject banners inside banner shells. */
.mbox-inside .standard-talk,
.messagebox.nested-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    width: 100%;
    margin: 2px 0;
    padding: 2px;
}
.messagebox.small {
    width: 238px;
    font-size: 85%;
    /* @noflip */
    float: right;
    clear: both;
    /* @noflip */
    margin: 0 0 1em 1em;
    line-height: 1.25em;
}
.messagebox.small-talk {
    width: 238px;
    font-size: 85%;
    /* @noflip */
    float: right;
    clear: both;
    /* @noflip */
    margin: 0 0 1em 1em;
    line-height: 1.25em;
    background: #F8EABA;
}

/* 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;
    /* @noflip */
    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;
    /* @noflip */
    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
    text-align: center;
}
td.mbox-imageright {           /* The right image cell */
    border: none;
    /* @noflip */
    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: 0;
    width: 1px;
}

/* Article message box styles */
table.ambox {
    margin: 0 10%;                  /* 10% = Will not overlap with other elements */
    border: 1px solid #aaa;
    /* @noflip */
    border-left: 10px solid #1e90ff;  /* Default "notice" blue */
    background: #fbfbfb;
}
table.ambox + table.ambox {      /* Single border between stacked boxes. */
    margin-top: -1px;
}
.ambox th.mbox-text,
.ambox td.mbox-text {            /* The message body cell(s) */
    padding: 0.25em 0.5em;       /* 0.5em left/right */
}
.ambox td.mbox-image {           /* The left image cell */
    /* @noflip */
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {      /* The right image cell */
    /* @noflip */
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}

table.ambox-notice {
    /* @noflip */
    border-left: 10px solid #1e90ff;    /* Blue */
}
table.ambox-speedy {
    /* @noflip */
    border-left: 10px solid #b22222;    /* Red */
    background: #fee;                   /* Pink */
}
table.ambox-delete {
    /* @noflip */
    border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content {
    /* @noflip */
    border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
    /* @noflip */
    border-left: 10px solid #f4c430;    /* Yellow */
}
table.ambox-move {
    /* @noflip */
    border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
    /* @noflip */
    border-left: 10px solid #bba;       /* Gray-gold */
}

/* Image message box styles */
table.imbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 3px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb;
}
.imbox .mbox-text .imbox {  /* For imboxes inside imbox-text cells. */
    margin: 0 -0.5em;       /* 0.9 - 0.5 = 0.4em left/right.        */
    display: block;         /* Fix for webkit to force 100% width.  */
}
.mbox-inside .imbox {       /* For imboxes inside other templates.  */
    margin: 4px;
}

table.imbox-notice {
    border: 3px solid #1e90ff;    /* Blue */
}
table.imbox-speedy {
    border: 3px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.imbox-delete {
    border: 3px solid #b22222;    /* Red */
}
table.imbox-content {
    border: 3px solid #f28500;    /* Orange */
}
table.imbox-style {
    border: 3px solid #f4c430;    /* Yellow */
}
table.imbox-move {
    border: 3px solid #9932cc;    /* Purple */
}
table.imbox-protection {
    border: 3px solid #bba;       /* Gray-gold */
}
table.imbox-license {
    border: 3px solid #88a;       /* Dark gray */
    background: #f7f8ff;          /* Light gray */
}
table.imbox-featured {
    border: 3px solid #cba135;    /* Brown-gold */
}

/* Category message box styles */
table.cmbox {
    margin: 3px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa;
    background: #DFE8FF;    /* Default "notice" blue */
}

table.cmbox-notice {
    background: #D8E8FF;    /* Blue */
}
table.cmbox-speedy {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 4px solid #b22222;    /* Red */
    background: #FFDBDB;          /* Pink */
}
table.cmbox-delete {
    background: #FFDBDB;    /* Red */
}
table.cmbox-content {
    background: #FFE7CE;    /* Orange */
}
table.cmbox-style {
    background: #FFF9DB;    /* Yellow */
}
table.cmbox-move {
    background: #E4D8FF;    /* Purple */
}
table.cmbox-protection {
    background: #EFEFE1;    /* Gray-gold */
}

/* Other pages message box styles */
table.ombox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa;       /* Default "notice" gray */
    background: #f9f9f9;
}

table.ombox-notice {
    border: 1px solid #aaa;       /* Gray */
}
table.ombox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.ombox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.ombox-content {
    border: 1px solid #f28500;    /* Orange */
}
table.ombox-style {
    border: 1px solid #f4c430;    /* Yellow */
}
table.ombox-move {
    border: 1px solid #9932cc;    /* Purple */
}
table.ombox-protection {
    border: 2px solid #bba;       /* Gray-gold */
}

/* Talk page message box styles */
table.tmbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
    background: #f8eaba;
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
    margin: 2px 0;               /* this declaration overrides other styles (including mbox-small above)   */
    width: 100%;                 /* For Safari and Opera */
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
    line-height: 1.5em;          /* also "nested", so reset styles that are   */
    font-size: 100%;             /* set in "mbox-small" above.                */
}

table.tmbox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.tmbox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.tmbox-content {
    border: 2px solid #f28500;    /* Orange */
}
table.tmbox-style {
    border: 2px solid #f4c430;    /* Yellow */
}
table.tmbox-move {
    border: 2px solid #9932cc;    /* Purple */
}
table.tmbox-protection,
table.tmbox-notice {
    border: 1px solid #c0c090;    /* Gray-brown */
}

/* Disambig and set index box styles */
table.dmbox {
    clear: both;
    margin: 0.9em 1em;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: transparent;
}

/* Footer and header message box styles */
table.fmbox {
    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid #aaa;
    background: #f9f9f9;     /* Default "system" gray */
}
table.fmbox-system {
    background: #f9f9f9;
}
table.fmbox-warning {
    border: 1px solid #bb7070;  /* Dark pink */
    background: #ffdbdb;        /* Pink */
}
table.fmbox-editnotice {
    background: transparent;
}
/* Div based "warning" style fmbox messages. */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon,
div.titleblacklist-warning,
div.locked-warning {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #bb7070;
    background: #ffdbdb;
    padding: 0.25em 0.9em;
}
/* Div based "system" style fmbox messages.
   Used in [[MediaWiki:Readonly lag]]. */
div.mw-lag-warn-normal,
div.fmbox-system {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #aaa;
    background: #f9f9f9;
    padding: 0.25em 0.9em;
}

/* 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. */
    /* @noflip */
    clear: right;
    /* @noflip */
    float: right;
    /* @noflip */
    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. */
    /* @noflip */
    margin: 4px 1em 4px 0;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;
}

/* Style for compact ambox */
/* Hide the images */
.compact-ambox table .mbox-image,
.compact-ambox table .mbox-imageright,
.compact-ambox table .mbox-empty-cell {
    display: none;
}
/* Remove borders, backgrounds, padding, etc. */
.compact-ambox table.ambox {
    border: none;
    border-collapse: collapse;
    background: transparent;
    margin: 0 0 0 1.6em !important;
    padding: 0 !important;
    width: auto;
    display: block;
}
body.mediawiki .compact-ambox table.mbox-small-left {
    font-size: 100%;
    width: auto;
    margin: 0;
}
/* Style the text cell as a list item and remove its padding */
.compact-ambox table .mbox-text {
    padding: 0 !important;
    margin: 0 !important;
}
.compact-ambox table .mbox-text-span {
    display: list-item;
    line-height: 1.5em;
    list-style-type: square;
    list-style-image: url(/w/skins/MonoBook/bullet.gif);
}
.skin-vector .compact-ambox table .mbox-text-span {
    list-style-type: disc;
    list-style-image: url(/w/skins/Vector/images/bullet-icon.png)
}
/* Allow for hiding text in compact form */
.compact-ambox .hide-when-compact {
    display: none;
}

/* Remove default styles for [[MediaWiki:Noarticletext]]. */
div.noarticletext {
    border: none;
    background: transparent;
    padding: 0;
}

/* Hide (formatting) elements from screen, but not from screenreaders */
.visualhide {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Bold save button */
#wpSave {
    font-weight: bold;
}

/* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */
.hiddenStructure {
    display: inline !important;
    color: #f00;
    background-color: #0f0;
}

/* suppress missing interwiki image links where #ifexist cannot
   be used due to high number of requests see .hidden-redlink on
   [[m:MediaWiki:Common.css]] */
.check-icon a.new {
    display: none;
    speak: none;
}

/* Removes underlines from certain links */
.nounderlines a,
.IPA a:link, .IPA a:visited {
    text-decoration: none !important;
}

/* Standard Navigationsleisten, 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;
    /* @noflip */
    float: left;
}
div.NavFrame div.NavHead {
    line-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;
    /* @noflip */
    right: 3px;
    font-weight: normal;
    font-size: 90%;
}

/* Hatnotes and disambiguation notices */
.hatnote {
    font-style: italic;
}
.hatnote i {
    font-style: normal;
}
div.hatnote {
    /* @noflip */
    padding-left: 1.6em;
    margin-bottom: 0.5em;
}
div.hatnote + div.hatnote {
    margin-top: -0.5em;
}

/* 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; }

/* Geographical coordinates defaults. See [[Template:Coord/link]]
   for how these are used. The classes "geo", "longitude", and
   "latitude" are used by the [[Geo microformat]]. */
.geo-default, .geo-dms, .geo-dec  { display: inline; }
.geo-nondefault, .geo-multi-punct { display: none; }
.longitude, .latitude             { white-space: nowrap; }

/* 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 none;
    margin: .3em 0 0;
    padding: 0;
}
.hlist.nonumtoc #toc ul ul,
.hlist.nonumtoc .toc ul ul {
    /* @noflip */
    margin: 0;
}

/* Allow limiting of which header levels are shown in a TOC;
   <div class="toclimit-3">, for instance, will limit to
   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}

/* Styling for Template:Quote */
blockquote.templatequote {
     margin-top: 0;
}
blockquote.templatequote div.templatequotecite {
    line-height: 1.5em;
    /* @noflip */
    text-align: left;
    /* @noflip */
    padding-left: 1.6em;
    margin-top: 0;
}

/* User block messages */
div.user-block {
    padding: 5px;
    margin-bottom: 0.5em;
    border: 1px solid #A9A9A9;
    background-color: #FFEFD5;
}

/* Prevent line breaks in silly places:
   1) Where desired
   2) Links when we don't want them to
   3) Bold "links" to the page itself
   4) Ref tags with group names <ref group="Note"> --> "[Note 1]" */
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
sup.reference a {
    white-space: nowrap;
}
/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
    white-space: normal;
}

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

/* Inline divs in ImageMaps (code borrowed from de.wiki) */
.imagemap-inline div {
    display: inline;
}

/* Increase the height of the image upload box */
#wpUploadDescription {
    height: 13em;
}

/* Minimum thumb width */
.thumbinner {
    min-width: 100px;
}

/* Makes the background of a framed image white instead of gray.
   Only visible with transparent images. */
div.thumb .thumbimage {
    background-color: #fff;
}

/* The backgrounds for galleries. */
div#content .gallerybox div.thumb {
    /* Light gray padding */
    background-color: #F9F9F9;
}
/* Put a chequered background behind images, only visible if they have transparency.
   '.filehistory a img' and '#file img:hover' are handled by MediaWiki core (as of 1.19) */
.gallerybox .thumb img {
    background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}
/* But not on articles, user pages, portals or with opt-out. */
.ns-0 .gallerybox .thumb img,
.ns-2 .gallerybox .thumb img,
.ns-100 .gallerybox .thumb img,
.nochecker .gallerybox .thumb img {
    background: #fff;
}

/* Prevent floating boxes from overlapping any category listings,
   file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories, #mw-pages, #mw-category-media,
#filehistory, #wikiPreview, #wikiDiff {
    clear: both;
}

body.rtl #mw-articlefeedbackv5, body.rtl #mw-articlefeedback {
    display: block;   /* Override inline block mode */
    margin-bottom: 1em;
    /* @noflip */
    clear: right;     /* Clear any info boxes that stick out */
    /* @noflip */
    float: right;     /* Prevents margin collapsing */
}

/* Selectively hide headers in WikiProject banners */
.wpb .wpb-header             { display: none; }
.wpbs-inner .wpb .wpb-header { display: block; }     /* for IE */
.wpbs-inner .wpb .wpb-header { display: table-row; } /* for real browsers */
.wpbs-inner .wpb-outside     { display: none; }      /* hide things that should only display outside shells */

/* Styling for Abuse Filter tags */
.mw-tag-markers {
    font-family:sans-serif;
    font-style:italic;
    font-size:90%;
}

/* Hide stuff meant for accounts with special permissions. Made visible again in
   [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-accountcreator.css]],
   [[MediaWiki:Group-templateeditor.css]] and [[Mediawiki:Group-autoconfirmed.css]]. */
.sysop-show,
.accountcreator-show,
.templateeditor-show,
.autoconfirmed-show {
    display: none;
}

/**
 * Hide the redlink generated by {{Editnotice}},
 * this overrides the ".sysop-show { display: none; }" above that applies
 * to the same link as well.
 *
 * See [[Phabricator:45013]].
 */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink, .mw-ve-editNotice .editnotice-redlink {
    display: none !important;
}

/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors > li {
    list-style: none none;
}
ul.permissions-errors {
    margin: 0;
}

/* No linewrap on the labels of the login/signup page */
body.page-Special_UserLogin .mw-label label,
body.page-Special_UserLogin_signup .mw-label label {
    white-space: nowrap;
}

/* Pie chart test: Transparent borders */
.transborder {
    border: solid transparent;
}
* html .transborder {  /* IE6 */
    border: solid #000001;
    filter: chroma(color=#000001);
}

/* Styling for updated markers on watchlist, history and recent/related changes */
#mw-wlheader-showupdated,
#mw-wlheader-bold,
#mw-wlheader-green,
#mw-watchlist-resetbutton {
    display: none;
}
.updatedmarker {
    background-color: transparent;
    color: #006400;
}
.mw-changeslist-line-watched .mw-title,
.mw-enhanced-watched .mw-enhanced-rc-time {
    font-weight: inherit;
}

/* Generic class for Times-based serif, texhtml class for inline math */
.times-serif,
span.texhtml {
    font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
    font-size: 118%;
    line-height: 1;
}
span.texhtml {
    white-space: nowrap;
}
span.texhtml span.texhtml {
    font-size: 100%;
}

/* Force tabular and lining display for digits and texhtml */
.digits,
.texhtml {
    -moz-font-feature-settings: "lnum", "tnum", "kern" 0;
    -webkit-font-feature-settings: "lnum", "tnum", "kern" 0;
    font-feature-settings: "lnum", "tnum", "kern" 0;
    font-variant-numeric: lining-nums tabular-nums;
    font-kerning: none;
}

/* Fix styling of transcluded prefindex tables */
table#mw-prefixindex-list-table,
table#mw-prefixindex-nav-table {
    width: 98%;
}

/* For portals, added 2011-12-07 -bv
   On wide screens, show these as two columns
   On narrow and mobile screens, let them collapse into a single column */
.portal-column-left {
    float: left;
    width: 50%;
}
.portal-column-right {
    float: right;
    width: 49%;
}
.portal-column-left-wide {
    float: left;
    width: 60%;
}
.portal-column-right-narrow {
    float: right;
    width: 39%;
}
.portal-column-left-extra-wide {
    float: left;
    width: 70%;
}
.portal-column-right-extra-narrow {
    float: right;
    width: 29%;
}
@media only screen and (max-width: 800px) {
    /* Decouple the columns on narrow screens */
    .portal-column-left,
    .portal-column-right,
    .portal-column-left-wide,
    .portal-column-right-narrow,
    .portal-column-left-extra-wide,
    .portal-column-right-extra-narrow {
        float: inherit;
        width: inherit;
    }
}

/* Formerly for announcements, now used intermittently */
#bodyContent .letterhead {
    background-image:url('//upload.wikimedia.org/wikipedia/commons/e/e0/Tan-page-corner.png');
    background-repeat:no-repeat;
    padding: 2em;
    background-color: #faf9f2;
}

/* Tree style lists */
.treeview ul {
    padding: 0;
    margin: 0;
}
.treeview li {
    padding: 0;
    margin: 0;
    list-style-type: none;
    list-style-image: none;
    zoom: 1; /* BE KIND TO IE6 */;
}
.treeview li li {
    background: url("//upload.wikimedia.org/wikipedia/commons/f/f2/Treeview-grey-line.png") no-repeat 0 -2981px;
    /* @noflip */
    padding-left: 20px;
    text-indent: 0.3em;
}
.treeview li li.lastline {
    background-position: 0 -5971px
}
.treeview li.emptyline > ul {
    /* @noflip */
    margin-left: -1px;
}
.treeview li.emptyline > ul > li:first-child {
    background-position: 0 9px
}

/* hidden sortkey for tablesorter */
td .sortkey,
th .sortkey {
    display: none;
    speak: none;
}

/* Make it possible to hide checkboxes in <inputbox> */
.inputbox-hidecheckboxes form .inputbox-element {
    display: none !important;
}

/* Work-around for [[Phabricator:25965]] (Kaltura advertisement) */
.k-player .k-attribution {
    visibility: hidden;
}

/* Move 'play' button of video player to bottom left corner */
.PopUpMediaTransform a .play-btn-large {
    margin: 0;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
}

/* Workaround to keep editnotices readable in VE view.
   Long term, editnotices should become a core feature so that they can be designed responsive. */
.mw-ve-editNotice .mbox-image {
	display: none;
}

.page-Main_Page #mw-content-text {
    padding-top: 80px;
}

.mw-collapsible {
    width: inherit;
    margin: 10px 0 0 0;
    padding: 0 0 12px 12px;
}
.mw-collapsible-toggle {
    margin: 14px 10px 0 0;
}
.page-Leaderboards:before, .page-Leaderboards_Misc_Categories:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999;
}
.rootpage-Leaderboards_Misc_Categories #bodyContent {
    padding-bottom: 14px
}
.rootpage-Leaderboards, .rootpage-Leaderboards_Misc_Categories {
    overflow-x: hidden;
}
.rootpage-Leaderboards .mw-body, .rootpage-Leaderboards_Misc_Categories .mw-body {
    min-width: 782px;
}
.dkc, .dkc2, .dkc3, .dkct {
    width: 100%;
    min-width: 760px;
    table-layout: fixed;
}
.wrp table {
    width: 100%;
    min-width: 735px;
    table-layout: fixed;
}
.wrp {
    padding-right: 12px;
}
#game-tabs {
    display: inline-block;
    margin-bottom: 25px;
    margin-top: -10px;
}
#game-tabs h1 {
    font-size: 18px !important;
    line-height: 24px !important;
    display: inline !important;
    margin-left: -1px !important;
}
#game-tabs h1:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-left: 0px !important;
}
#game-tabs h1:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
#game-tabs .mw-editsection, .cat-tabs .mw-editsection span, .cat-tabs .mw-editsection a:nth-child(5) {
    display: none;
}
#game-tabs h1, .cat-tabs h2 {
    font-family: arial;
    color: #222;
    padding: 8px 12px 8px 12px !important;
    display: inline-block;
    border: #aaa 1px solid;
}
#game-tabs h1:hover, .cat-tabs h2:hover {
    cursor: pointer;
}
.game-tab {
    float: left;
    margin-top: 5px !important;
    margin-bottom: 10px;
}
.game tr td, .ve-ce-paragraphNode {
    white-space: nowrap;
    overflow: hidden;
}
.cat-tabs {
    display: inline-block;
    margin-bottom: 5px;
}
.cat-tabs h2 {
    font-size: 16px !important;
    display: inline;
    margin-left: -1px;
    border-bottom: none;
}
.cat-tabs h2:first-child {
    border-top-left-radius: 4px;
    margin-left: 0px;
}
.cat-tabs h2:last-child {
    border-top-right-radius: 4px;
}
.cat-tabs h2 span {
    font-family: arial;
}
.rootpage-Leaderboards .cat.dkc-show:last-child {
    padding: 0;
    border-top-right-radius: 0px;
    width: 891px;
}

.rootpage-Leaderboards .cat.dkc-show:last-child ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.rootpage-Leaderboards .cat.dkc-show:last-child ul li {
    padding: 0;
    margin: 0;
}

.rootpage-Leaderboards .cat.dkc-show:last-child ul li a {
    display: block;
    font-size: 16px;
    border-bottom: #aaa 1px solid;
    color: #222;
    padding: 8px 12px 8px 12px !important;
    margin: 0;
    background: #fff;
}
.rootpage-Leaderboards .cat.dkc-show ul li a:hover {
    background: #eee !important;
    text-decoration: none
}
.rootpage-Leaderboards .cat.dkc-show:last-child ul li:last-child {
    border-bottom: none;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.rootpage-Leaderboards .cat.dkc-show ul li:last-child a {
    border-bottom: none !important;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.rootpage-Leaderboards_Misc_Categories .cat-tabs h2 {
    display: block !important;
    margin-bottom: -16px;
    width: 177px;
}
.rootpage-Leaderboards_Misc_Categories .cat-tabs h2:first-child {
    border-top-right-radius: 4px;
    margin-left: -1px;
    margin-top: -7px;
}
.rootpage-Leaderboards_Misc_Categories .cat-tabs h2:last-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom: #aaa 1px solid;
}
.rootpage-Leaderboards_Misc_Categories .cat {
    position: absolute;
    top: 67px;
    left: 213px;
    border-top-left-radius: 4px;
}
.rootpage-Leaderboards_Misc_Categories #mw-content-text {
    margin-bottom: 5px;
}
.rootpage-Leaderboards_Misc_Categories #mw-content-text p  {
    position: absolute;
    top: 16px;
    left: 650px;
}
.cat .mw-headline {
    display: block; /* fixes no bottom margin from span */
    margin-left: 4px;
    margin-bottom: 10px;
}
.cat {
    border: #aaa 1px solid;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 0px 10px 0px 10px;
}
.game, .cat {
    display: none;
}
.game {
    margin-top: -18px;
}
.cat table {
    width: 100%;
}
.dkc-show {
    display: block;
}
.selected {
    background: rgba(0, 0, 0, 0.08)
}
.dkc.col {
    color: #f1c232;
    border: #000 1px solid;
    background: #38761D;
    padding: 6px;
}
.dkc:not(.col) {
    background: #b6d7a8;
}
.dkc tr td {
    border: #6d8165 1px solid !important;
}
.dkc tr:nth-child(2) td:last-child, .dkc2 tr:nth-child(2) td:last-child, .dkc3 tr:nth-child(2) td:last-child, .dkct tr:nth-child(2) td:last-child, .wrp tr:nth-child(2) td:last-child {
    border-top: none!important;
}
.dkc2.col {
    color: #F1C232;
    border: #000 1px solid;
    background: #990000;
    padding: 6px;
}
.dkc2:not(.col) {
    background: #ea9999;
}
.dkc2 tr td {
    border: #8d5c5c 1px solid !important;
}
.dkc3.col {
    color: #f1c232;
    border: #000 1px solid;
    background: #1155CC;
    padding: 6px;
}
.dkc3:not(.col) {
    background: #a4c2f4;
}
.dkc3 tr td {
    border: #637593 1px solid !important;
}
.dkct.col {
    border: #000 1px solid;
    background: #edd05e;
    padding: 6px;
}
.dkct:not(.col) {
    background: #fff59b;
}
.dkct tr td {
    border: #99935d 1px solid !important;
}
.rootpage-Leaderboards tr td:last-child, .rootpage-Leaderboards_Misc_Categories tr td:last-child {
    overflow-x: hidden;
    display: block;
    height: 19px;
    margin-right: 0px;
    padding-right: 6px;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
}
.rootpage-Leaderboards td div, .rootpage-Leaderboards_Misc_Categories td div {
    overflow-x: scroll;
}
#modal {
    position: fixed;
    top: 90px;
    left: 201px;
    right: 30px;
    width: 1280px;
    margin: 0 auto;
    border: #aaa 1px solid;
    padding: 10px;
    background: #fff;
    border-radius: 4px;
    z-index: 102;
}
#modal iframe, #modal video {
    width: 1280px;
    height: 720px;
    border: none;
    background: #000;
    margin-bottom: -3px !important;
}
.modalbg:before {
    content: '';
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 101;
    background: #fff;
    opacity: 0.4;
}
#close {
    position: absolute;
    top: 0px;
    right: -26px;
    width: 16px;
    height: 18px;
    z-index: 102;
}
#close:before {
    content: '';
    top: 8px;
    left: -2px;
    display: block;
    position: absolute;
    width: 20px;
    height: 3px;
    background: #6c6c6c;
    transform: rotate(45deg)
}
#close:after {
    content: '';
    top: 8px;
    left: -2px;
    display: block;
    position: absolute;
    width: 20px;
    height: 3px;
    background: #6c6c6c;
    transform: rotate(-45deg)
}
#close:hover {
    cursor: pointer;
}
.dkc.wikitable, .dkc2.wikitable, .dkc3.wikitable, .dkct.wikitable {
    counter-reset: rowNumber;
    position: relative;
}

.game table tr:not(:first-child) {
    counter-increment: rowNumber;
}

.game table tr td:first-child:before {
    display: inline-block;
    content: counter(rowNumber);
}

.game table tr td:first-child:before {
   content: counter(rowNumber) 'th';
}

.game table tr:nth-child(2) td:first-child:before,
.game table tr:nth-child(10n+12) td:first-child:before {
    content: counter(rowNumber) 'st';
}

.game table tr:nth-child(3) td:first-child:before,
.game table tr:nth-child(10n+13) td:first-child:before {
   content: counter(rowNumber) 'nd';
}

.game table tr:nth-child(4) td:first-child:before,
.game table tr:nth-child(10n+14) td:first-child:before {
   content: counter(rowNumber) 'rd';
}

.game table tr:nth-child(12) td:first-child:before,
.game table tr:nth-child(13) td:first-child:before,
.game table tr:nth-child(14) td:first-child:before,
.game table tr:nth-child(112) td:first-child:before,
.game table tr:nth-child(113) td:first-child:before,
.game table tr:nth-child(114) td:first-child:before,
.game table tr:nth-child(212) td:first-child:before,
.game table tr:nth-child(213) td:first-child:before,
.game table tr:nth-child(214) td:first-child:before,
.game table tr:nth-child(312) td:first-child:before,
.game table tr:nth-child(313) td:first-child:before,
.game table tr:nth-child(314) td:first-child:before {
   content: counter(rowNumber) 'th';
}
.mw-collapsible table tr td:first-child:before {
    display: none;
}

.donkey-vine {
    position: absolute;
    top: 0px;
    left: -24px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 103;
}
.donkey-vine img {
    position: absolute;
    top: -186px;
    left: 960px;
    border: none;
    width: 289px;
    height: 186px;
    animation-name: donkey-swing;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    animation-delay: 2s;
    animation-duration: 6s;
}
.donkey-vine {
    pointer-events: none;
}
#krool {
    position: fixed !important;
    bottom: -468px;
    right: 0px;
    width: 595px;
    height: 458px;
}
#krool:before {
    content: url('https://dkcspeedruns.com/mediawiki/img_auth.php/d/de/Krool-secret.png');
    display: block;
    animation: trip-out 0.1s infinite linear;
}
#clickbait {
    position: absolute;
    display: block;
    left: 50%;
    padding-top: 20px;
    margin-left: -241px;
}
#clickbait:hover {
    cursor: pointer;
}
.pop-out {
    animation: pop-out 3s linear;
    animation-fill-mode: forwards;
}
.paused {
    animation-play-state: paused;
}

@keyframes donkey-swing {
    from {
        transform: rotate(-20deg) scale(0.5, 0.5) translate(0px, 0px)
    }
    to {
        transform: rotate(25deg) scale(4, 4) translate(-960px, 276px)
    }
}
@keyframes trip-out {
    0% {
        transform: translate(0px, 0px) rotate(1deg)
    }
    25% {
        transform: translate(2px, 1px) rotate(-2deg)
    }
    50% {
        transform: translate(-3px, -5px) rotate(0deg)
    }
    75% {
        transform: translate(7px, 6px) rotate(3deg)
    }
    100% {
        transform: translate(2px, 3px) rotate(-1deg)
    }
}
@keyframes pop-out {
    0% {
        transform: translate(0px, 0px)
    }
    40% {
        transform: translate(0px, -468px)
    }
    60% {
        transform: translate(0px, -468px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

@media screen and (max-width: 1600px), screen and (max-height: 840px) {
    #modal {
        width: 1024px;
    }
    #modal iframe, #modal video {
        width: 1024px;
        height: 576px;
    }
}
@media screen and (max-width: 1340px), screen and (max-height: 700px) {
    #modal {
        width: 854px;
    }
    #modal iframe, #modal video {
        width: 854px;
        height: 480px;
    }
}
@media screen and (max-width: 1130px), screen and (max-height: 620px) {
    #modal {
        width: 708px;
    }
    #modal iframe, #modal video {
        width: 708px;
        height: 398px;
    }
    .game-tab:nth-child(3){
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .game-tab:nth-child(4) {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
}