en:MediaWiki:Common.css

/* CSS placed here will be applied to all skins */
.mobile-only {
  display: none;
}

.PrettyTextBox {
	background-color: var(--background-color-neutral-subtle, #27292d);
	color: inherit;
	border: 1px solid #AAAAAA;
	padding: 0.2em;
}

/* Add arrows to toggle-blocks for collapsible elements */
.mw-collapsible-arrowtoggle.mw-collapsible-toggle-expanded {
 padding-left: 20px !important;
 background-image: url('//upload.wikimedia.org/wikipedia/commons/1/10/MediaWiki_Vector_skin_action_arrow.png');
 background-repeat: no-repeat;
 background-position: center left;
}
.mw-collapsible-arrowtoggle.mw-collapsible-toggle-collapsed {
 padding-left: 20px !important;
 background-image: url('//upload.wikimedia.org/wikipedia/commons/4/41/MediaWiki_Vector_skin_right_arrow.png');
 background-repeat: no-repeat;
 background-position: center left;
}

body #siteSub { display: none; }

/* Fix the background color on the sitenotice */
table#mw-dismissable-notice { background-color: transparent; }

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

.nowraplinks a, .nowraplinks .selflink { white-space: nowrap; }

/* Hack to remove comment box for FlaggedRevs, since we seem unable to remove it from configuration. */
#mw-fr-commentbox { display:none; }
label[for="mw-fr-commentbox"]{display: none;}

/* Keep menus in toolbox from growing too long */
.wikiEditor-ui-toolbar .group .menu .options { height:300px; overflow: auto; }

/* Show only when printing */
@media screen, projection, handheld {
  .printonly { display: none !important; }
}

/* Disable the automatic text-size adjust of WebKit on iPhones etc.
   It scales some text, and not the other. Use none, or fixed percentage instead.
   Use media selector, because defining a value, overwrites platform defaults. */
@media only screen and (max-device-width: 480px) {
    body {
        -webkit-text-size-adjust: none;
    }
}

/* Re-bold-en minor and bot edits in contributions, history, recent changes */
abbr.minoredit, abbr.botedit {
  font-weight: bold;
}

#catlinks li {
    padding:0 .3em;
    margin:0;
}
#catlinks li:first-child {
    padding-left:0;
}

/* Category tree */
#mw-subcategories ul {
    list-style: none none;
    margin-left: 0.25em;
}
.CategoryTreeChildren {
    margin-left: 1.25em;
}

/* To color the "updated since my last visit" in the history */
span.updatedmarker {
 color: #000;
 background: #99D642;
}

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

.nobuttons input.searchboxSearchButton,
.nobuttons input.cdx-button {
    display:none;
}

/* T156351: Support for Parsoid's Cite implementation */
span[ rel="mw:referencedBy" ] {
    counter-reset: mw-ref-linkback 0;
}   
span[ rel="mw:referencedBy" ] > a::before {
    font-weight: bold;
    font-style: italic;
    content: counter( mw-ref-linkback, lower-alpha );
}

/* System messages styled similarly to fmbox */
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
 * the edit-protected notice and the special:Contribs for blocked users
 * The latter has specificity of 3 classes so we have to triple up here.
 */
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
	clear: both;
	margin: 0.2em 0;
	border: 1px solid #bb7070;
	background-color: var(--background-color-error-subtle, #ffdbdb);
	padding: 0.25em 0.9em;
	box-sizing: border-box;
}

/* default colors for partial block message */
/* gotta get over the hump introduced by the triple class above */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
	border-color: var(--border-color-warning, #ab7f2a);
	background-color: var(--background-color-warning-subtle, #fef6e7);
}

/**
 * Styling for links generated by [[MediaWiki:Edittools]]
 * @source https://www.mediawiki.org/wiki/Extension:CharInsert#Styling
 * @updated 2020-03-17
 */
.mw-charinsert-buttons {
	margin-top: 8px;
	border: 1px solid #c8ccd1;
	padding: 2px 4px 4px;
	font-size: 1.1em;
	text-align: center;
}

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

ul.permissions-errors > li {
	list-style: none;
}

/* smart counters - allow up to #.#.# levels of counting. */
body { counter-reset: autocount-1 autocount-2 autocount-3; }

.autocount:before, .autocount-list ol li:before { counter-increment:autocount-1; content: counter(autocount-1) " "; color:green; }
.autocount-reset:before { counter-reset: autocount-1; }
.autocount .autocount:before, .autocount-list li ol li:before {
  counter-increment: autocount-2;
  content: counter(autocount-1)  "." counter(autocount-2) " ";
  color:red;
}

.autocount .autocount .autocount:before, .autocount-list li li ol li:before {
  counter-increment: autocount-3;
  content: counter(autocount-1) "." counter(autocount-2) "." counter(autocount-3) " ";
  color:green;
}

.autocount-list ol { margin-left:1.5em; }
.autocount-list ol li { list-style:none; }
.autocount-list ol li:first-child { counter-reset: autocount-1; }
.autocount-list li ol li:first-child { counter-reset: autocount-2; }
.autocount-list li li ol li:first-child { counter-reset: autocount-3; }

/* Hover Box for switching the visibility of the selected item */
.hoverbox { display:inline-block; padding:0em; }
.hoverbox .hoveritem { display:none; margin:0em; padding:0em; }
.hoverbox .hoveritem.selected { display:inline-block; }
.hoverbox:hover .hoveritem { display:inline-block; }
.hoverbox:hover .hoveritem.selected { display:none; }

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

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

/* Style for horizontal UL lists */
.horizontal ul, .DPLFlat ul { padding:0em; margin:0em; }
.horizontal li, .DPLFlat li { display:inline; padding:0em 0.6em 0em 0.4em; border-right:1px solid #AAA; }
.horizontal li:last-child, .DPLFlat li:last-child { border-right:0em; padding-right:0em; }

/* Style for vertical UL lists */
.vertical ul { list-style:none; padding:0px; margin:0px; }
.vertical li { padding:0.6em 0em 0.4em 0em; border-bottom:1px solid #aaaaaa; }
.vertical li:last-child { border-bottom:0px; }

/* Style for horizontal lists (separator following item) */
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
    line-height: 1.5em;
}
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
}
.hlist dd,
.hlist dt,
.hlist li { 
    display: inline;
    margin: 0;
}
/* Display nested lists inline */
.hlist dl dl,
.hlist ol ol,
.hlist ul ul {
    display: inline;
}
/* Generate interpuncts */
.hlist 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 IE 8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
    content: none;
}
/* Add parens around nested lists */
.hlist dl dl dd:first-child:before,
.hlist ol ol li:first-child:before,
.hlist ul ul li:first-child:before {
    content: "(";
}
.hlist dl dl dd:last-child:after,
.hlist ol ol li:last-child:after,
.hlist ul ul li:last-child:after {
    content: ")";
    font-weight: normal;
}
/* For IE8 */
.hlist dl dl dd.hlist-last-child:after,
.hlist ol ol li.hlist-last-child:after,
.hlist ul ul li.hlist-last-child:after {
    content: ")";
    font-weight: normal;
}
/* Put numbers in ordered lists */
.hlist.hnum ol li {
    counter-increment: level1;
}
.hlist.hnum ol li:before {
    content: counter(level1) " ";
}
.hlist.hnum ol ol li {
    counter-increment: level2;
}
.hlist.hnum ol ol li:first-child:before {
    content: "(" counter(level2) " ";
}
.hlist.hnum ol ol li:before {
    content: counter(level2) " ";
}
 
/* Unbulleted lists */
.plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0;
}
.plainlist ul li {
    margin-bottom: 0;
}

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

/* Highlight clicked reference in blue to help navigation */
div.references li:target,
sup.reference:target,
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;
}

/* Styling for citations */
span.citation, cite {
    font-style: normal;
    word-wrap: break-word;
}

/* For linked citation numbers and document IDs, where
   the number need not be shown on a screen or a handheld,
   but should be included in the printed version
*/
@media screen, handheld {
    span.citation *.printonly {
        display: none;
    }
}

/* xambox */
table.xambox {
  width: 80%; 
  margin: 0 auto; 
  border-collapse: collapse; 
  background: var(--background-color-neutral-subtle, #f8f9fa);
  color: inherit;
  border: 1px solid #aaa; 
  border-left: 15px solid #39f;       /* Default "notice" blue */
}
table.xambox th, table.xambox td {    /* The message body cell(s) */
  padding: 0.25em 0.5em;              /* 0.5em left/right */
}
table.xambox td.xambox-image {        /* The left image cell */
  width: 52px; 
  padding: 2px 0px 2px 0.5em;         /* 0.5em left, 0px right */
  text-align: center; 
}
table.xambox td.xambox-imageright {   /* The right image cell */
  width: 52px; 
  padding: 2px 0.5em 2px 0px;         /* 0px left, 0.5em right */
  text-align: center; 
}
table.xambox-type-notice {
  border-left: 15px solid #39f;       /* Blue */
/* border-right: 10px solid #39f; */  /* If you want two blue bars */
}
table.xambox-type-serious {
  border-left: 15px solid #c00;       /* Red */
}
table.xambox-type-content {
  border-left: 15px solid #f63;       /* Orange */
}
table.xambox-type-style {
  border-left: 15px solid #fc3;       /* Yellow */
}
table.xambox-type-merge {
  border-left: 15px solid #95b;       /* Purple */
}

/* Put a checkered background at the file description page only visible if the image has transparent background */
.gallerybox .thumb img,
.filehistory a img,
#file img {
    background: white url("//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;
}

/* Makes the background of a framed transparent image white instead of gray. */
div.thumb div a img { background-color:#ffffff; }

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

/* Support for Template:IPA, Template:Unicode and Template:Polytonic.
   The second declarations reset the styles for all browsers except
   IE6, which chokes on the empty comment tags.
*/
.IPA {
    font-family: "Charis SIL", "Doulos SIL", Gentium, GentiumAlt,
                 "DejaVu Sans", Code2000, "TITUS Cyberbit Basic",
                 "Arial Unicode MS", "Lucida Sans Unicode",
                 "Chrysanthi Unicode";
    font-family /**/: inherit;
}
.Unicode {
    font-family: Code2000, Code2001, "Free Serif", "TITUS Cyberbit Basic",
                 "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit",
                 "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt,
                 "Lucida Grande", "Free Sans", "Arial Unicode MS",
                 "Microsoft Sans Serif", "Lucida Sans Unicode";
    font-family /**/: inherit;
}
.polytonic {
    font-family: "Athena Unicode", Gentium, "Palatino Linotype",
                 "Arial Unicode MS", "Lucida Sans Unicode",
                 "Lucida Grande", Code2000; 
    font-family /**/: inherit;
}

/* Collapsible Containers */
.collapsible { margin:0px; padding:0px; }
.collapsible .title, .collapsible tr:first-child th, .collapsible tr:first-child td { cursor:pointer; padding-right:16px; color:var(--color-subtle,#4D4D4D); }
.collapsible.selected .title, .collapsible.selected tr:first-child th, .collapsible.selected tr:first-child td { color:#0645AD; }
.collapsible span.action { display:block; float:left; white-space:nowrap; text-align:left; height:16px; margin:auto 5px auto 0px; padding:0px; }
.collapsible span.action img { height:16px; width:16px; margin:0px; padding:0px; }

/* Default skin for navigation boxes */
table.navbox { border:1px solid #aaaaaa; width:100%; margin:auto; clear:both; font-size:88%; text-align:center; padding:1px; }
.navbox .collapsible{border:none;}
table.navbox + table.navbox { margin-top: -1px; }
.navbox-title, .navbox-abovebelow, table.navbox th { text-align:center; padding-left:1em; padding-right:1em; }
.navbox-group { white-space:nowrap; text-align:right; font-weight:bold; padding-left:1em; padding-right:1em; }
.navbox, .navbox-subgroup { background:#fdfdfd; }
.navbox-list { border-color:#fdfdfd; }
.navbox-title, table.navbox th { background:#ccccff; }
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: #ddddff; }
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #e6e6ff; }
.navbox-even { background: #f7f7f7; }
.navbox-odd { background: transparent; }

/* Navigation Tabs */
.navtabs .tabs li { list-style:none; }
.navtabs .tabs a { text-decoration:none; text-transform:uppercase; outline-width:0px; font-size:x-small; font-weight:bold; color:black; } 
.navtabs .tabs .inactive { background:#bbb; padding:1ex; }
.navtabs .tabs .selected { background:#999; padding:1.1ex; }
.navtabs .tabs .inactive:hover { background:#f75; }
.navtabs .contents { padding:1ex; border:3px solid #999; }

/* search styling */
.mw-search-results { margin:0em; }
.mw-search-results table { background: transparent; margin:0em; }
.mw-search-results li { padding: 0.5em 1em; border-bottom:1px solid var(--border-color-base, #a2a9b1); background: #f6f8fc; margin:0em; }
.mw-search-results li:nth-child(odd) { background: var(--background-color-neutral-subtle, #f8f9fa); color: inherit; }
.mw-search-results li:nth-child(even) { background: var(--background-color-base, #fff); color: inherit; }
.mw-search-results .searchresult { width:100%; }

/* Slideshows */
.slide-actions { text-align:center; }
.slide-prev {
	margin-right:30px;
	width:24px;
	height:24px;
	display:inline-block;
	background: url( //upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Gtk-media-rewind-ltr.svg/24px-Gtk-media-rewind-ltr.svg.png ) left no-repeat;
}
.slide-next {
	margin-left:30px;
	width:24px;
	height:24px;
	display:inline-block;
	background: url( //upload.wikimedia.org/wikipedia/commons/thumb/2/24/Gtk-media-forward-ltr.svg/24px-Gtk-media-forward-ltr.svg.png ) right no-repeat;
}

/* When <div class="nonumtoc"> is used on the table of contents, the ToC will display without numbers */
.toclimit-count .tocnumber, .nonumtoc .tocnumber { display:none; }
/* 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-2 {display:none;}
.toclimit-3 .toclevel-3 {display:none;}
.toclimit-4 .toclevel-4 {display:none;}
.toclimit-5 .toclevel-5 {display:none;}
.toclimit-6 .toclevel-6 {display:none;}