Jump to content

MediaWiki:Common.css: Difference between revisions

From Shark's Hypothetical Weather
← Older edit
No edit summary
Tag: Reverted
No edit summary
Tags: Manual revert Mobile edit Mobile web edit
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
/*
/*
 
* This is the CSS common to all desktop skins on en.Wikipedia.
Common CSS for all skins
* Styling inside .mw-parser-output should generally use TemplateStyles.
 
*/
See https://design.wikimedia.org/style-guide/visual-style_colors.html
/* Reset italic styling set by user agent */
 
cite,
*/
dfn {
 
font-style: inherit;
/* Larger conditions-area in AbuseFilter for some */
#wpFilterRules {
min-height: 250px;
}
}


/* Larger notes-area in AbuseFilter for some */
/* Straight quote marks for <q> */
#wpFilterNotes {
q {
min-height: 150px;
quotes: '"' '"' "'" "'";
}
}


/* Style for "notices" */
/* Avoid collision of blockquote with floating elements by swapping margin and padding */
.notice {
blockquote {
margin: 1em;
overflow: hidden;
padding: 0.2em;
margin: 1em 0;
padding: 0 40px;
}
}


#disambig {
/* Consistent size for <small>, <sub> and <sup> */
border-top: 3px double #c8ccd1;
small {
border-bottom: 3px double #c8ccd1;
font-size: 85%;
}
}


/* Add arrows to toggle-blocks for collapsible elements */
caption {
.mw-collapsible-toggle-expanded.mw-collapsible-arrowtoggle,
    caption-side: top !important; /* Forces all captions to appear above */
.mw-collapsible-toggle-expanded .mw-collapsible-arrowtoggle {
padding-left: 20px !important;
background-image: url('https://upload.wikimedia.org/wikipedia/commons/1/10/MediaWiki_Vector_skin_action_arrow.png');
background-repeat: no-repeat;
background-position: left center;
}
}


.mw-collapsible-toggle-collapsed.mw-collapsible-arrowtoggle,
.mw-body-content sub,
.mw-collapsible-toggle-collapsed .mw-collapsible-arrowtoggle {
.mw-body-content sup {
padding-left: 20px !important;
font-size: 80%;
background-repeat: no-repeat;
}
}


.mw-content-ltr .mw-collapsible-toggle-collapsed.mw-collapsible-arrowtoggle,
/* Same spacing for indented and unindented paragraphs on talk pages */
.mw-content-ltr .mw-collapsible-toggle-collapsed .mw-collapsible-arrowtoggle {
.ns-talk .mw-body-content dd {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/4/41/MediaWiki_Vector_skin_right_arrow.png');
margin-top: 0.4em;
/* @noflip */
margin-bottom: 0.4em;
background-position: left center;
}
}


.mw-content-rtl .mw-collapsible-toggle-collapsed.mw-collapsible-arrowtoggle,
/* Reduce page jumps by hiding collapsed/dismissed content */
.mw-content-rtl .mw-collapsible-toggle-collapsed .mw-collapsible-arrowtoggle {
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),
background-image: url('https://upload.wikimedia.org/wikipedia/commons/1/1e/MediaWiki_Vector_skin_left_arrow.png');
/* @noflip */
background-position: right center;
}


/* Metadata */
/* Avoid FOUC/reflows on collapsed elements. */
table.metadata {
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
border: 1px solid #a2a9b1;
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
display: none;
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
speak: none;
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
}
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,


/* Class for links with loudspeaker icon next to them */
/* Hide charinsert base for those not using the gadget */
.audiolink a {
#editpage-specialchars {
background: url("//upload.wikimedia.org/wikipedia/commons/f/f7/Loudspeaker.png") center left no-repeat !important;
padding-left: 16px !important;
padding-right: 0 !important;
}
 
/* When this would make a red link, hide it. For links where #ifexist cannot be used due to high number of requests. See [[meta:Help:Page_existence]]
*/
.hidden-redlink a.new {
display: none;
speak: none;
}
 
.client-nojs .scriptonly {
display: none;
display: none;
}
}


.client-js .noscript {
/* Different margin on references */
display: none;
.references {
}
 
/* Infobox templates */
.infobox {
border: 1px solid #a2a9b1;
background: #f8f9fa;
color: black;
margin-bottom: 0.5em;
/* @noflip */
margin-left: 1em;
padding: 0.2em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
}
 
.infobox td,
.infobox th {
vertical-align: middle;
}
 
.infobox caption {
font-size: larger;
margin-left: inherit;
}
 
.infobox.bordered {
border-collapse: collapse;
}
 
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #a2a9b1;
}
 
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0 solid #a2a9b1;
}
 
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
 
.archive-box {
border: 1px solid #aaf;
background: #f2f2f9;
color: #000;
margin-bottom: 0.5em;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: right;
text-align: center;
}
}


/**
/* Cite customizations */
* Customisation of the interface
span[ rel="mw:referencedBy" ] {
*/
counter-reset: mw-ref-linkback 0;
 
/* Add a checker background to custom image rendering templates. */
/* For standard thumbnails, galleries, file history, file description preview this happens by default. */
.com-checker img:hover {
background: url("//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;
}
}


/* Moved upload link from toolbox into the MediaWiki:Sidebar thus suppressing the old duplicate */
span[ rel='mw:referencedBy' ] > a::before {
#p-tb #t-upload {
content: counter( mw-ref-linkback, lower-alpha );
display: none;
font-size: 80%;
}
font-weight: bold;
 
/* Make sure the license dropdown of the upload form doesn't extend beyond the browser's
window, even if there are some long license descriptions. (If that happens, the description
box *also* goes beyond the right edge of the window.)
*/
#wpLicense {
width: 100%;
overflow: hidden;
}
 
/* Give the upload form a little breathing space. */
#upload * td {
padding-bottom: 8px;
}
 
#mw-upload-table * td {
padding-bottom: 8px;
}
 
/* Styling for Abuse Filter tags */
.mw-tag-markers {
font-style: italic;
font-style: italic;
font-size: 90%;
}
/* Something nice for lists in RTL languages */
div.RTL * ul {
margin-right: 10px;
display: table;
}
div.RTL * ol {
margin-right: 10px;
display: table;
}
/* Special:Search styles */
.mw-search-results li {
padding: 0.25em 1em;
border-bottom: 1px solid var(--border-color-subtle, #d3daed);
}
.mw-search-results li:nth-child(odd) {
background-color: var(--background-color-interactive-subtle, #f6f8fc);
}
/* https://phabricator.wikimedia.org/T320459#8310207 */
/* https://phabricator.wikimedia.org/T367122 */
.searchResultImage .searchResultImage-thumbnail img {
object-fit: contain;
object-position: center;
border: none;
}
.searchResultImage .searchResultImage-thumbnail {
width: 120px;
height: initial;
max-height: 180px;
}
/* Main pages */
/* Hide title and "Nominate for deletion" button when viewing the main page (but not when editing it or viewing the talk page).
* The "mw-mainpage" class is for all localised main pages in [[MediaWiki:MainPages.js]].
*/
/* Optimise for "Main Page" because the scripts don't apply until after page load so it flashes briefly.
* Support IE6: ".page" must go after ".action" as IE6 only supports one class per element and uses the last one. If reversed, the rule will hide headings on all pages.
*/
.action-view.page-Main_Page #firstHeading,
.mw-mainpage #firstHeading,
.mw-mainpage #t-ajaxquickdelete,
.mw-mainpage #localNotice,
.mw-mainpage #siteSub,
.mw-mainpage #catlinks {
display: none;
}
#mainpage-potd a img {
width: 100% !important;
-ms-interpolation-mode: bicubic;
height: auto !important;
max-width: 600px !important;
}
.utoc .tocnumber {
display: none;
}
.utoc #toc ul,
.utoc .toc ul {
line-height: 1.5em;
list-style-type: square;
margin: .3em 0 0 1.5em;
padding: 0;
}
/* Necessary for displaying text in the upper right edge. (Used in [[Template:Shortcut]].) */
#content span.coordinates a.external.text:after,
#content span.coordinates a.external.autonumber:after {
content: "";
}
#content div.coordinates a.external.text:after,
#content div.coordinates a.external.autonumber:after {
content: "";
}
#shortcut {
display: none;
}
/**
* Style for horizontal lists (separator following item).
* @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;
}
/* Hide empty list items */
.hlist .mw-empty-li {
display: none;
}
/* Generate interpuncts */
.hlist dt:after {
content: ": ";
}
}


.hlist dd:after,
a[ rel="mw:referencedBy" ]::before {
.hlist li:after {
content: " · ";
font-weight: bold;
font-weight: bold;
content: "^";
}
}


.hlist dd:last-child:after,
span[ rel="mw:referencedBy" ]::before {
.hlist dt:last-child:after,
content: "^ ";
.hlist li:last-child:after {
content: none;
}
}


/* Add parentheses around nested lists */
/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.hlist dd dd:first-child:before,
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
.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;
font-weight: normal;
padding-right: 0.2em;
padding-left: 0.2em;
font-size: 16px !important;
}
}


.hlist dd dd:last-child:after,
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
.hlist dd dt:last-child:after,
/* @noflip */
.hlist dd li:last-child:after,
float: left;
.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;
}
 
/* 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) " ";
}
 
/* END of HLISTs */
 
/* Unbulleted lists */
.plainlist ul {
line-height: inherit;
list-style: none none;
margin: 0;
}
 
.plainlist ul li {
margin-bottom: 0;
}
 
/* Default style for navigation boxes */
.navbox {
/* Navbox container style */
border: 1px solid #a2a9b1;
width: 100%;
box-sizing: border-box;
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 {
/* Lists in wikitable data cells are always left-aligned */
/* Group style */
.wikitable td ul,
white-space: nowrap;
.wikitable td ol,
.wikitable td dl {
/* @noflip */
/* @noflip */
text-align: right;
}
.navbox,
.navbox-subgroup {
background: #fdfdfd;
/* Background color */
}
.navbox-list {
line-height: 1.8em;
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;
}
.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: 0.5em;
/* 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;
}
.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 {
/* intentionally is flipped */
float: left;
/* intentionally is flipped */
text-align: left;
text-align: left;
/* intentionally is flipped */
margin-right: 0.5em;
width: 6em;
}
}


/* Put on gallery_details the same styles as on gallery */
/* Change the external link icon to a PDF icon for all PDF files */
table.gallery_details {
.mw-parser-output a[href$=".pdf"].external,
border: 1px solid #c8ccd1;
.mw-parser-output a[href*=".pdf?"].external,
margin: 2px;
.mw-parser-output a[href*=".pdf#"].external,
padding: 2px;
.mw-parser-output a[href$=".PDF"].external,
background: #fff;
.mw-parser-output a[href*=".PDF?"].external,
}
.mw-parser-output a[href*=".PDF#"].external {
 
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
table.gallery_details tr {
/* @noflip */
vertical-align: top;
padding: 8px 18px 8px 0;
}
 
table.gallery_details td {
vertical-align: top;
background: #f8f9fa;
border: 2px solid #fff;
}
 
/* Small font-size for hidden categories,
per [[Commons:Village_pump/Archive/2010Mar#Hidden_categories:_change_the_default_setting_for_logged-in_users]]
*/
#mw-hidden-catlinks {
font-size: 87% !important;
}
 
/* To color the mention "updated since my last visit" in the history */
span.updatedmarker {
color: #000;
background: #99D642;
}
}


/* Geographical coordinates defaults. See [[Template:Coord/link]]
/* System messages styled similarly to fmbox */
for how these are used. The classes "geo", "longitude", and
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
  "latitude" are used by the [[Geo microformat]].
* 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.
  */
  */
.geo-default,
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
.geo-dms,
.geo-dec {
display: inline;
}
 
.geo-nondefault,
.geo-multi-punct {
display: none;
}
 
.longitude,
.latitude {
white-space: nowrap;
}
 
/* Fix link color in jQuery dialogs */
.ui-dialog a {
color: var(--color-progressive, #36c) !important;
}
 
/* Class for template content that should be shown locally, even if JS is disabled,
but should not be visible on file pages shown on other sites.
Use with style="display:none". Interacts with collapsible divs (see above).
*/
div.show-on-commons {
display: block !important;
}
 
 
/* Note that image has annotations at Commons; visible only on other projects.
See https://commons.wikimedia.org/w/index.php?title=Template_talk:ImageNote&oldid=55319045
*/
.annotationboxforwikipedia,
.hide-on-commons {
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-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
}
 
/* Redirects in categories, on [[Special:Allpages]], and [[Special:Prefixindex]] */
.redirect-in-category,
.allpagesredirect a {
color: gray;
}
 
/* Hide deletion-instructions headers inside closed deletion requests (redundant) */
.delh .massdeletionrequest-header {
display: none;
}
 
/* Message box templates */
.messagebox {
border: 1px solid #a2a9b1;
background: var(--background-color-interactive-subtle, #f8f9fa);
width: 80%;
margin: 0 auto 1em;
padding: 0.2em;
}
 
.messagebox.merge {
border: 1px solid #cf9fff;
background: #f5edf5;
text-align: center;
}
 
.messagebox.cleanup {
border: 1px solid #9f9fff;
background: #efefff;
text-align: center;
}
 
.messagebox.standard-talk {
border: 1px solid #c0c090;
background: #f8eaba;
}
 
/**
* Used by:
* - [[Module:Message box]] (via [[Template:Mbox]], [[Template:Tmbox]], [[Template:Cmbox]])
* - [[Template:Dmbox]]
* - [[Template:Fmbox]]
*/
th.mbox-text,
td.mbox-text {
/* The message body cell(s) */
border: none;
padding: 0.25em 0.9em;
/* 0.9em left/right */
width: 100%;
/* Make all mboxes the same width regardless of text length */
}
 
td.mbox-image {
/* The left image cell */
border: none;
padding: 2px 0 2px 0.9em;
/* 0.9em left, 0px right */
text-align: center;
}
 
/* Article message box styles */
table.ambox {
margin: 0 10%;
/* 10% = Will not overlap with other elements */
border: 1px solid #a2a9b1;
border-left: 10px solid #36c;
/* 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 */
padding: 2px 0 2px 0.5em;
/* 0.5em left, 0px right */
}
 
.ambox td.mbox-imageright {
/* The right image cell */
padding: 2px 0.5em 2px 0;
/* 0px left, 0.5em right */
}
 
table.ambox-notice {
border-left: 10px solid #36c;
/* Blue */
}
 
table.ambox-speedy {
border-left: 10px solid #b32424;
/* Red */
background: #fee7e6;
/* Pink */
}
 
table.ambox-delete {
border-left: 10px solid #b32424;
/* Red */
}
 
table.ambox-content {
border-left: 10px solid #f28500;
/* Orange */
}
 
table.ambox-style {
border-left: 10px solid #fc3;
/* Yellow */
}
 
table.ambox-move {
border-left: 10px solid #9932cc;
/* Purple */
}
 
table.ambox-protection {
border-left: 10px solid #a2a9b1;
/* Gray-gold */
}
 
/* Image message box styles */
table.imbox {
margin: 4px 10%;
border-collapse: collapse;
border: 3px solid #36c;
/* 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. */
}
 
.mbox-inside .imbox {
/* For imboxes inside other templates. */
margin: 4px;
}
 
table.imbox-notice {
border: 3px solid #36c;
/* Blue */
}
 
table.imbox-speedy {
border: 3px solid #b32424;
/* Red */
background: #fee;
/* Pink */
}
 
table.imbox-delete {
border: 3px solid #b32424;
/* Red */
}
 
table.imbox-content {
border: 3px solid #f28500;
/* Orange */
}
 
table.imbox-style {
border: 3px solid #fc3;
/* Yellow */
}
 
table.imbox-move {
border: 3px solid #9932cc;
/* Purple */
}
 
table.imbox-protection {
border: 3px solid #a2a9b1;
/* 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 #a2a9b1;
background: #DFE8FF;
/* Default "notice" blue */
}
 
table.cmbox-notice {
background: #D8E8FF;
/* Blue */
}
 
table.cmbox-speedy {
margin-top: 4px;
margin-bottom: 4px;
border: 4px solid #b32424;
/* 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 #a2a9b1;
/* Default "notice" gray */
background: #f8f9fa;
}
 
table.ombox-notice {
border: 1px solid #a2a9b1;
/* Gray */
}
 
table.ombox-speedy {
border: 2px solid #b32424;
/* Red */
background: #fee;
/* Pink */
}
 
table.ombox-delete {
border: 2px solid #b32424;
/* Red */
}
 
table.ombox-content {
border: 1px solid #f28500;
/* Orange */
}
 
table.ombox-style {
border: 1px solid #fc3;
/* Yellow */
}
 
table.ombox-move {
border: 1px solid #9932cc;
/* Purple */
}
 
table.ombox-protection {
border: 2px solid #a2a9b1;
/* 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" */
margin: 2px 0;
/* class ensures that this declaration overrides other */
width: 100%;
/* For Safari and Opera */
/* styles (including mbox-small above) */
}
 
.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 #b32424;
/* Red */
background: #fee;
/* Pink */
}
 
table.tmbox-delete {
border: 2px solid #b32424;
/* Red */
}
 
table.tmbox-content {
border: 2px solid #f28500;
/* Orange */
}
 
table.tmbox-style {
border: 2px solid #fc3;
/* Yellow */
}
 
table.tmbox-move {
border: 2px solid #9932cc;
/* Purple */
}
 
table.tmbox-protection,
table.tmbox-notice {
border: 1px solid #a2a9b1;
/* Gray-brown */
}
 
/* Footer and header message box styles */
table.fmbox {
clear: both;
margin: 0.2em 0;
width: 100%;
border: 1px solid #a2a9b1;
background: #f8f9fa;
/* Default "system" gray */
}
 
table.fmbox-system {
background: #f8f9fa;
}
 
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-lag-warn-high,
div.mw-cascadeprotectedwarning,
div.mw-cascadeprotectedwarning,
#mw-protect-cascadeon {
div#mw-protect-cascadeon {
clear: both;
clear: both;
margin: 0.2em 0;
margin: 0.2em 0;
Line 1,003: Line 132:
background-color: var(--background-color-error-subtle, #ffdbdb);
background-color: var(--background-color-error-subtle, #ffdbdb);
padding: 0.25em 0.9em;
padding: 0.25em 0.9em;
box-sizing: border-box;
}
}


/* Div based "system" style fmbox messages.
/* default colors for partial block message */
  Used in [[MediaWiki:Readonly lag]]. */
/* gotta get over the hump introduced by the triple class above */
div.mw-lag-warn-normal,
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
div.fmbox-system {
border-color: #fc3;
clear: both;
background-color: var(--background-color-warning-subtle, #fef6e7);
margin: 0.2em 0;
border: 1px solid #a2a9b1;
background: #f8f9fa;
padding: 0.25em 0.9em;
}
}


/* These mbox-small classes must be placed after all other
/* Minimum thumb width */
  ambox/tmbox/ombox etc classes. "body.mediawiki" is so
@media (min-width: 640px) {
  they override "table.ambox + table.ambox" above. */
figure[typeof~='mw:File/Thumb'],
body.mediawiki table.mbox-small {
figure[typeof~='mw:File/Frame'],
/* For the "small=yes" option. */
.thumbinner {
clear: right;
min-width: 100px;
float: right;
}
margin: 4px 0 4px 1em;
width: 238px;
font-size: 88%;
line-height: 1.25em;
}
}


body.mediawiki table.mbox-small-left {
/* Prevent floating boxes from overlapping any category listings,
/* For the "small=left" option. */
  file histories, edit previews, and edit [Show changes] views. */
margin: 4px 1em 4px 0;
#mw-subcategories,
width: 238px;
#mw-pages,
border-collapse: collapse;
#mw-category-media,
font-size: 88%;
#filehistory,
line-height: 1.25em;
#wikiPreview,
#wikiDiff {
clear: both;
}
}


#catlinks li {
/* Hide stuff meant for accounts with special permissions. Made visible again in
padding: 0 .3em;
  [[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
margin: 0;
  [[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
  [[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
  [[MediaWiki:Group-extendedconfirmed.css]], and [[Mediawiki:Group-autoconfirmed.css]]. */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}
}


#catlinks li:first-child {
/* Hide the redlink generated by {{Editnotice}},
padding-left: 0;
  this overrides the ".sysop-show { display: none; }" above that applies
  to the same link as well. See [[phab:T45013]]
 
  Hide the images in editnotices to keep them readable in VE view.
  Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
display: none !important;
}
}


/* Babel */
/* Remove bullets when there are multiple edit page warnings */
/* @noflip */
ul.permissions-errors {
table.mw-babel-wrapper {
margin: 0;
margin: 0;
margin-bottom: 0.5em;
margin-left: 1em;
background-color: transparent;
width: 250px;
border-spacing: 2px;
}
}


.mw-babel-notabox {
ul.permissions-errors > li {
margin-left: auto;
list-style: none;
margin-right: auto;
width: 238px;
}
}


.mw-babel-box-level-N {
/* larger inline math */
display: none;
span.mwe-math-mathml-inline {
font-size: 118%;
}
}


/*Adaption for dark mode: As boxes are currently always light the text needs to be dark*/
/* Make <math display="block"> be left aligned with one space indent for  
.mw-babel-box {
* compatibility with style conventions
color: var(--color-base-fixed, inherit);
*/
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}
}


div.mw-babel-box table th {
.mwe-math-mathml-display math {
font-family: sans-serif;
display: inline;
text-align: center;
}
}


div.mw-babel-box table td a {
@media screen {
font-weight: bold;
/* Put a chequered background behind images, only visible if they have transparency,
}
* except on main, user, and portal namespaces
*/
body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}


div.mw-babel-box-N {
/* Display "From Wikipedia, the free encyclopedia" in skins that support it,
border: solid #6EF7A7 1px;
  do not apply to print mode */
#siteSub {
display: block;
}
/* Make the list of references smaller
* Keep in sync with Template:Refbegin/styles.css
* And Template:Reflist/styles.css
*/
.references {
font-size: 90%;
}
}
}


div.mw-babel-box-4 {
/* Hide FlaggedRevs notice UI when there are no pending changes */
border: solid #77E0E8 1px;
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
/* "Temporary" to remove links in sidebar T255381 */
#t-upload,
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
display: none;
}
}


div.mw-babel-box-3 {
/*
border: solid #99B3FF 1px;
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
}
* SEE [[MediaWiki talk:Common.css/to do]]
* CSS is separated by component (which is why media queries are not joined)
*/


div.mw-babel-box-2 {
/* Infoboxes */
border: solid #BCB9EF 1px;
.infobox {
border: 1px solid #a2a9b1;
border-radius: 0 !important;
color: #000000;
background-color: #F8F9FA !important;
background: none;
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
border-spacing: 3px;
}
}


div.mw-babel-box-1 {
@media screen {
border: solid #E0C0E0 1px;
.infobox {
background-color: #f8f9fa !important;
    }
}
}


div.mw-babel-box-0 {
@media (max-width: 640px) {
border: solid #FFBBBB 1px;
.infobox {
width: 100%;
}
   
.infobox .nowrap {
white-space: normal;
}
}
}


div.mw-babel-box-N table {
@media (min-width: 640px) {
background-color: #C5FCDC;
.infobox {
/* @noflip */
margin: 0.5em 0 0.5em 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}
}


div.mw-babel-box-4 table {
.infobox-header,
background-color: #D0F8FF;
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
vertical-align: top;
border-radius: 0 !important;
}
}


div.mw-babel-box-3 table {
.infobox-label,
background-color: #E0E8FF;
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}
}


div.mw-babel-box-2 table {
/* Remove .infobox when element selectors above are removed */
background-color: #E9E5F9;
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
    color: #000000 !important;
    caption-side: top !important;
    font-size: 125%;
    font-weight: bold;
    text-align: center;
}
}


div.mw-babel-box-1 table {
.infobox-title,
background-color: #F3E0F3;
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
padding: 0.2em;
}
}


div.mw-babel-box-0 table {
/* Remove .infobox when element selectors above are removed */
background-color: #FFEEEE;
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}
}


div.mw-babel-box-N table th {
/* Remove .infobox when element selectors above are removed */
background-color: #6EF7A7;
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}
}


div.mw-babel-box-4 table th {
/* Normal font styling for wikitable row headers with scope="row" tag */
background-color: #77E0E8;
.wikitable.plainrowheaders th[scope=row],
.wikitable.plainrowheaders th[scope=rowgroup] {
font-weight: normal;
/* @noflip */
text-align: left;
}
}


div.mw-babel-box-3 table th {
/* Remove underlines from certain links */
background-color: #99B3FF;
.nounderlines a,
.IPA a:link,
.IPA a:visited {
text-decoration: none !important;
}
}


div.mw-babel-box-2 table th {
/* Prevent line breaks in silly places where desired (nowrap)
background-color: #BCB9EF;
  and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
white-space: nowrap;
}
}


div.mw-babel-box-1 table th {
/* But allow wrapping where desired: */
background-color: #E0C0E0;
.wrap,
.wraplinks a {
white-space: normal;
}
}


div.mw-babel-box-0 table th {
/* texhtml class for inline math (based on generic times-serif class) */
background-color: #FFBBBB;
/* remove spans when this is TemplateStyled */
span.texhtml {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
/* Force tabular and lining display for texhtml */
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}
}


/* Styling the parameter fields in [[Template:Information]] and related templates
span.texhtml span.texhtml {
  also here (besides on [[MediaWiki:Filepage.css]]) to ensure proper preview
font-size: 100%;
  on other pages than those in the file namespace */
.fileinfo-paramfield {
background: #ccf;
/* @noflip */
text-align: right;
/* @noflip */
padding-right: 0.4em;
width: 15%;
font-weight: bold;
}
}


/********* General fixes for night mode *********/
@media (min-width: 640px) {
html.skin-theme-clientpref-night .fileinfo-paramfield {
span.texhtml {
background: #2a2a5c;
white-space: nowrap;
color: white;
}
}
}


html.skin-theme-clientpref-night .fileinfotpl-type-artwork tbody>tr>th[style*="#ccf"] {
/* Prevent flags in tables from collapsing: Fix for T116318
background-color: #2a2a5c !important;
* TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins
;
*/
color: white;
@media (max-width: 640px) {
.flagicon a > img,
.flagicon noscript > img {
max-width: none !important;
}
}
}


@media screen and (prefers-color-scheme: dark) {
@media screen {
html.skin-theme-clientpref-os .fileinfo-paramfield {
.nochecker .gallerybox .thumb img {
background: #2a2a5c;
background-image: none;
color: white;
}
 
html.skin-theme-clientpref-os .fileinfotpl-type-artwork tbody>tr>th[style*="#ccf"] {
background-color: #2a2a5c !important;
;
color: white;
}
}
}
}


/* == END copy of [[Module:Information/styles.css]] == */
.timeline-wrapper {
 
  background-color: #e1e1e1;
/* Allow users to edit the orange on the main page in their personal CSS files */
  border: 1px solid #aaa;
.bg-orange {
  font-family: sans-serif;
background: #fad67d;
  font-size: 11px;
  padding: 0;
  overflow-x: auto;
  position: relative;
}
}


/* Partially support HTML5 bdi tag on old browsers that don't support
.timeline-table {
  it and reassign its default value on modern browsers,
  border-collapse: collapse;
  needed for better i18n even on old browsers
  width: 100%;
  isolation on signature-talk will resolve mix of RTL/LTR on RTL UI*/
  table-layout: fixed;
bdi,
  margin: 0;
.signature-talk {
unicode-bidi: embed;
/* fallback, it is not completely same but will work on most cases */
unicode-bidi: -webkit-isolate;
unicode-bidi: -moz-isolate;
unicode-bidi: isolate;
}
}


/* NS GWToolset (light grey) */
.timeline-months,
.ns-490 #content {
.timeline-bars {
background-color: #f4f4f4;
  height: 25px;
}
}


.ns-490 div.thumb {
.timeline-months td,
border-color: #f4f4f4;
.timeline-bars td {
  border: none;
  padding: 0;
}
}


/* Turn off some irrelevant MediaWiki help page links */
.timeline-tick {
.mw-special-Upload #mw-indicator-mw-helplink {
  border-left: 1px solid black;
display: none;
}
}


/* Same as .mw-references-columns (Cite extension)
.timeline-labels {
* replacement for hardcoded [[Template:Column-width]]
  text-align: center;
*/
  font-weight: normal;
.responsive-columns {
  border-top: 1px solid black;
column-width: 35em;
  border-bottom: 1px solid black;
}
}


/* Allow custom list styles in reference sections */
.timeline-labels td {
.reflist ol.references {
  border-right: 1px solid black;
list-style-type: inherit;
}
}


/* T156351: Support for Parsoid's Cite implementation */
.timeline-labels td:first-child {
span[rel="mw:referencedBy"] {
  border-left: 1px solid black;
counter-reset: mw-ref-linkback 0;
}
}


span[rel="mw:referencedBy"]>a::before {
.timeline-bar {
font-weight: bold;
  height: 100%;
font-style: italic;
  color: white;
content: counter(mw-ref-linkback, lower-alpha);
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  font-size: 10px;
}
}


.TD  { background-color: rgb(70, 160, 180); }
.TS  { background-color: rgb(85, 190, 215); }
.C1  { background-color: rgb(80, 205, 80); }
.C2  { background-color: rgb(255, 199, 89); }
.C3  { background-color: rgb(255, 158, 89); }
.C4  { background-color: rgb(255, 115, 138); }
.C5  { background-color: rgb(161, 136, 252); }


 
.timeline-legend {
 
  font-size: 10px;
 
  background: #e1e1e1;
 
  padding: 4px 6px;
 
  margin-top: 5px;
/* Increase height of upload description field at Special:Upload
  text-align: left;
* Applies only when uploading a new file, not for the one-line input box when overwriting.
  display: inline-block;
*/
  border-top: 1px solid #aaa;
textarea#wpUploadDescription {
  line-height: 1.5;
height: 20em;
}
}


/* Workaround for T330527, T270741 */
.timeline-legend .timeline-bar {
.filehistory td:last-child,
  display: inline-block;
.listfiles .TablePager_col_img_description {
  width: 120px;
word-break: break-word;
  padding: 1px 4px;
min-width: auto;
  border-radius: 2px;
  margin: 1px 2px;
}
}


/* T344467: Fix position of jQuery UI dialogs for RTL script languages */
/*
/* @noflip */
* Put anything you mean to be a sitewide addition above the TemplateStyles
html[dir="rtl"] .ui-dialog {
* comment above.
right: auto;
*/
}
 
/* T367463: Fix for license templates with two images like [[Template:Money-BR]] */
body.skin--responsive table.layouttemplate img {
max-width: none !important;
}

Latest revision as of 20:45, 24 April 2025

/*
 * This is the CSS common to all desktop skins on en.Wikipedia.
 * Styling inside .mw-parser-output should generally use TemplateStyles.
 */
/* Reset italic styling set by user agent */
cite,
dfn {
	font-style: inherit;
}

/* Straight quote marks for <q> */
q {
	quotes: '"' '"' "'" "'";
}

/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
	overflow: hidden;
	margin: 1em 0;
	padding: 0 40px;
}

/* Consistent size for <small>, <sub> and <sup> */
small {
	font-size: 85%;
}

caption {
    caption-side: top !important; /* Forces all captions to appear above */
}

.mw-body-content sub,
.mw-body-content sup {
	font-size: 80%;
}

/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk .mw-body-content dd {
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}

/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),

/* Avoid FOUC/reflows on collapsed elements. */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,

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

/* Different margin on references */
.references {
	margin-bottom: 0.5em;
}

/* Cite customizations */
span[ rel="mw:referencedBy" ] {
	counter-reset: mw-ref-linkback 0;
}

span[ rel='mw:referencedBy' ] > a::before {
	content: counter( mw-ref-linkback, lower-alpha );
	font-size: 80%;
	font-weight: bold;
	font-style: italic;
}

a[ rel="mw:referencedBy" ]::before {
	font-weight: bold;
	content: "^";
}

span[ rel="mw:referencedBy" ]::before {
	content: "^ ";
}

/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
	font-weight: normal;
	padding-right: 0.2em;
	padding-left: 0.2em;
	font-size: 16px !important;
}

.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
	/* @noflip */
	float: left;
}

/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
	/* @noflip */
	text-align: left;
}

/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
	background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
	/* @noflip */
	padding: 8px 18px 8px 0;
}

/* 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: #fc3;
	background-color: var(--background-color-warning-subtle, #fef6e7);
}

/* Minimum thumb width */
@media (min-width: 640px) {
	figure[typeof~='mw:File/Thumb'],
	figure[typeof~='mw:File/Frame'],
	.thumbinner {
		min-width: 100px;
	}
}

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

/* Hide stuff meant for accounts with special permissions. Made visible again in
   [[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
   [[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
   [[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
   [[MediaWiki:Group-extendedconfirmed.css]], and [[Mediawiki:Group-autoconfirmed.css]]. */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-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 [[phab:T45013]]

   Hide the images in editnotices to keep them readable in VE view.
   Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
	display: none !important;
}

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

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

/* larger inline math */
span.mwe-math-mathml-inline {
	font-size: 118%;
}

/* Make <math display="block"> be left aligned with one space indent for 
 * compatibility with style conventions
 */
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
	margin-left: 1.6em !important;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}

.mwe-math-mathml-display math {
	display: inline;
}

@media screen {
	/* Put a chequered background behind images, only visible if they have transparency,
	 * except on main, user, and portal namespaces
	 */
	body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
		background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
	}

	/* Display "From Wikipedia, the free encyclopedia" in skins that support it,
	   do not apply to print mode */
	#siteSub {
		display: block;
	}
	
	/* Make the list of references smaller
	 * Keep in sync with Template:Refbegin/styles.css
	 * And Template:Reflist/styles.css
	 */
	.references {
		font-size: 90%;
	}
}

/* Hide FlaggedRevs notice UI when there are no pending changes */
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
/* "Temporary" to remove links in sidebar T255381 */
#t-upload,
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
	display: none;
}

/*
 * BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
 * SEE [[MediaWiki talk:Common.css/to do]]
 * CSS is separated by component (which is why media queries are not joined)
 */

/* Infoboxes */
.infobox {
	border: 1px solid #a2a9b1;
	border-radius: 0 !important;
	color: #000000;
	background-color: #F8F9FA !important;
	background: none;
	padding: 0.2em;
	font-size: 88%;
	line-height: 1.5em;
	border-spacing: 3px;
}

@media screen {
	.infobox {
		background-color: #f8f9fa !important;
    }
}

@media (max-width: 640px) {
	.infobox {
		width: 100%;
	}
    
	.infobox .nowrap {
		white-space: normal;
	}
}

@media (min-width: 640px) {
	.infobox {
		/* @noflip */
		margin: 0.5em 0 0.5em 1em;
		/* @noflip */
		float: right;
		/* @noflip */
		clear: right;
		width: 22em;
	}
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
	vertical-align: top;
	border-radius: 0 !important;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
	/* @noflip */
	text-align: left;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
    color: #000000 !important;
    caption-side: top !important;
    font-size: 125%;
    font-weight: bold;
    text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
	padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
	text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
	/* @noflip */
	text-align: right;
}

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

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

/* Prevent line breaks in silly places where desired (nowrap)
   and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
	white-space: nowrap;
}

/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
	white-space: normal;
}

/* texhtml class for inline math (based on generic times-serif class) */
/* remove spans when this is TemplateStyled */
span.texhtml {
	font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
	font-size: 118%;
	line-height: 1;
	/* Force tabular and lining display for texhtml */
	font-variant-numeric: lining-nums tabular-nums;
	font-kerning: none;
}

span.texhtml span.texhtml {
	font-size: 100%;
}

@media (min-width: 640px) {
	span.texhtml {
		white-space: nowrap;
	}
}

/* Prevent flags in tables from collapsing: Fix for T116318
 * TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins
 */
@media (max-width: 640px) {
	.flagicon a > img,
	.flagicon noscript > img {
		max-width: none !important;
	}
}

@media screen {
	.nochecker .gallerybox .thumb img {
		background-image: none;
	}
}

.timeline-wrapper {
  background-color: #e1e1e1;
  border: 1px solid #aaa;
  font-family: sans-serif;
  font-size: 11px;
  padding: 0;
  overflow-x: auto;
  position: relative;
}

.timeline-table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
  margin: 0;
}

.timeline-months,
.timeline-bars {
  height: 25px;
}

.timeline-months td,
.timeline-bars td {
  border: none;
  padding: 0;
}

.timeline-tick {
  border-left: 1px solid black;
}

.timeline-labels {
  text-align: center;
  font-weight: normal;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

.timeline-labels td {
  border-right: 1px solid black;
}

.timeline-labels td:first-child {
  border-left: 1px solid black;
}

.timeline-bar {
  height: 100%;
  color: white;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  font-size: 10px;
}

.TD  { background-color: rgb(70, 160, 180); }
.TS  { background-color: rgb(85, 190, 215); }
.C1  { background-color: rgb(80, 205, 80); }
.C2  { background-color: rgb(255, 199, 89); }
.C3  { background-color: rgb(255, 158, 89); }
.C4  { background-color: rgb(255, 115, 138); }
.C5  { background-color: rgb(161, 136, 252); }

.timeline-legend {
  font-size: 10px;
  background: #e1e1e1;
  padding: 4px 6px;
  margin-top: 5px;
  text-align: left;
  display: inline-block;
  border-top: 1px solid #aaa;
  line-height: 1.5;
}

.timeline-legend .timeline-bar {
  display: inline-block;
  width: 120px;
  padding: 1px 4px;
  border-radius: 2px;
  margin: 1px 2px;
}

/*
 * Put anything you mean to be a sitewide addition above the TemplateStyles
 * comment above.
 */
Retrieved from "http://sharkshypotheticalweather.com/index.php?title=MediaWiki:Common.css&oldid=248"