MediaWiki:Common.css

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

/* Image thumbs */ html .thumbimage { background-color: #fff; }

/* Image/gallery classes */ img.blackbg, .gallery.blackbg img { background: #000 !important; } img.graybg, img.greybg, .gallery.graybg img, .gallery.greybg img { background: #808080 !important; }

ul.gallery img, table.filehistory img, table.listfiles img, table.searchResultImage img { image-rendering: crisp-edges; image-rendering: pixelated; }

.pixelated, .pixelart, .sprites, .sprite { image-rendering: crisp-edges; image-rendering: pixelated; }

/* Gallery */ ul.gallery, li.gallerybox div.thumb { margin-bottom: 0; padding-bottom: 0; }	margin: 2px; padding: 2px; } li.gallerycaption { text-align: unset; }
 * 1) bodyContent ul.gallery {

.gallery.center { margin-left: auto !important; margin-right: auto !important; } .gallery.centertext .gallerytext { text-align: center !important; }

.mw-gallery-slideshow .gallerybox + .gallerybox { display: none; } .mw-gallery-slideshow-thumbnails-toggled ~ .gallerybox { display: inline-block !important; }

/* link colors */ a { color: #00f; } a:visited { color: #00c; } .mw-parser-output a.extiw { color: #06f; } .mw-parser-output a.extiw:visited { color: #3366BB; } .mw-parser-output a.external { color: #06f; } .mw-parser-output a.external:visited { color: #0044CC; }

/* edit options */ .mw-editform .editOptions { border-radius:0px; }

.editOptions { background-color:#E8E1F3; border: 1px solid #B25F33; border-top:none; }

/* Infobox templates */ .infobox { background: ghostwhite; border: 1px solid gray; float: right; margin: 0 0 1em 1.15em; width: 300px; padding: 3px; font-size: 88%; }

.infobox tr { vertical-align: top; } .infobox td, .infobox th { padding: 2px; }

.infobox .mw-collapsible-toggle { min-width: 39px; text-align: right; }

/* aboutfile */

.aboutfile { background:#FFF; border:1px solid #000; border-collapse: collapse; font-size:95%; width: 90%; margin: 5px auto; }

.aboutfile td { padding:3px; }

/* warning box */

.messagebox, .errorbox, .warningbox, .successbox { padding:12px; }

div.mw-warning-with-logexcerpt { border: 1px solid #7F5F00; }

.mw-revision.warningbox { margin-top:0px; padding:0px; border:0px; background:transparent; }

color: #54595d; }
 * 1) mw-revision-info, #mw-revision-info-current, #mw-revision-nav {

/* main page, adapted from Super Mario Wiki */

body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-view #contentSub > *, body.page-Main_Page.action-view #siteSub, body.page-Main_Page.action-view #catlinks, body.page-Main_Page.action-view #lastmod { display: none !important; } body.page-Main_Page.action-view #bodyContent { margin-top: 16px; } body.page-Main_Page.action-view .usermessage { margin-top: 43px; }

.mainpagebox { border: 2px solid indigo; padding: 2px; background: #EEEEFF; } .mainpagebox p { margin: 0.9em 0 1em; } .mainpagebox#welcome { background: #EEEEFF; padding: 2px 2px 2px 0; } .mainpagebox#nav { font-size: 120%; padding: 2px 2px 5px 0; background: ghostwhite; border-color: purple; } .mainpagebox#nav ul { margin-left: 20px; }

.mainpagebox#right { padding: 2px 2px 5px; } .mainpagebox.maintain { text-align: center; padding: 2px 2px 0; margin-top: 10px; } .mainpagebox h2 { padding: 4px 5px 2px; margin-bottom: 1px !important; border: 2px solid purple; font-size: 120%; font-weight: bold; color: #FFFFFF; text-align: center; }

.MainTopText a { color: black !important; text-decoration: none; } .MainTopText a:hover { color: black; text-decoration: underline; }

.mainpagebox#featured h2 { background: #1AA47D; border-color: #006400; }

.mainpagebox#news h2 { background: #D06128; border-color: #914800; } .mainpagebox#dyk h2 { background: #0096d5; border-color: #001C8A; }

/* main page responsive fixes */ @media all and (max-width:550px) { body.page-Main_Page #welcome > tbody > tr > td { display: block !important; } body.page-Main_Page #mp-body > tbody > tr > td { display: block !important; width: 100% !important; } body.page-Main_Page #mp-body > tbody > tr > td + td { margin-top: 5px !important; } }

/* Navigation templates */

.navbox { background: none repeat scroll 0 0 white; border: 1px solid grey; color: black; font-family: Arial; font-size: 11px; width: 100%; margin-top: 15px; border-spacing:3px; } .navbox + .navbox, .navbox .navbox { margin-top: 0; } .navbox .mw-collapsible-toggle-expanded { padding-left: 7px; } .navbox:not(.multi) .mw-collapsible > tbody > tr:first-child > th { padding-left: 42px; } .navbox tr:first-child th { background: none repeat scroll 0 0 #999999; color: white; font-size: 12px; font-weight: bold; } .navbox tr:first-child th, .navbox tr:first-child th a { color: #FFFFFF !important; } .navbox tr th { background: none repeat scroll 0 0 #CCCCCC; text-align: center; } .navbox tr:not(:first-child) th:not([rowspan]):not([colspan]) { background: none repeat scroll 0 0 #E6E6E6; } .navbox tr th a, .navbox tr th a:visited, .navbox tr th a.new, .navbox tr th a.new:visited { color: #000000; } .navbox tr:nth-child(2n) td { background: none repeat scroll 0 0 #F6F6F6; } .navbox tr td { background: none repeat scroll 0 0 #FCFCFC; } .navbox td a { color: #0000FF; } .navbox td a:visited { color: #0000CC; } .navbox td a.new { color: #CC2200; } .navbox td a.new:visited { color: #A55858; } .navbox td a.selflink { color: #000; }

.navbox.light > * > tr:first-child th, .navbox.light > * > tr:first-child th a { color: black !important; }

/* spyro */ .navbox.spyro tr:first-child th, .navbox.spyro tr:first-child th a { background-color: #BA55D3; }

.navbox.spyro tr th { background-color: #D9A3E7; }

.navbox.spyro tr:nth-child(2n) td { background-color: #F5F5F5; } .navbox.spyro tr td { background-color: #FBFBFB; }

.navbox.spyro tr:not(:first-child) th:not([rowspan]):not([colspan]) { background: none repeat scroll 0 0 #e6c2ef; }

/* rc display adjustment */ .client-js .mw-input-hidden { display:inline-block; }

/* Notice templates */ body:not(.ns-6) .notice-template + .notice-template { margin-top: -0.375em !important; }	margin-top: 0.75em !important; }	margin-top: 0.75em !important; margin-bottom: 2.5px !important; }
 * 1) mw-imagepage-content .notice-template + #aboutfile {
 * 1) mw-imagepage-content .notice-template:not(#aboutfile) {

.notice-template p { margin: 0.6em 0; }

.notice-template { display: flex; background: #CCC; border: 1px solid #000; margin: 0 2% 0.75em; padding:0 1em; color: #000; }

.notice-template.copyright { background: #fff9f9; border: 1px solid #C55; width: 90%; margin: 5px auto; padding: 5px; }

/* Indicator icons */ .mw-indicators, position: relative; } .mw-indicator { margin: 0 2px; } .mw-indicator img { image-rendering: auto !important; } display: none; }
 * 1) mw-indicator-shortcut {
 * 1) mw-indicator-mw-helplink {

/* References */ ol.references { margin-top: 0; font-size: 90%; } ol.references div { display: inline; } ol.references span { line-height: 1; }

/* Captcha spacing */ margin-top: 2.5px; }	margin-top: 10px; }	margin-bottom: 5px; } .mw-htmlform-field-HTMLReCaptchaNoCaptchaField .mw-input { margin-top: 1px; } .editOptions .g-recaptcha { margin-bottom: 10px; } .mw-ui-vform { width: 302px; }
 * 1) editform #wpCaptchaWord {
 * 1) userloginForm label:not([for]) + .mw-input {
 * 1) userloginForm .mw-ui-vform-field:nth-of-type(7) {

/* Diff lines */ .diff-addedline, .diff-deletedline, .diff-context { font-size: 88% !important; line-height: 1.6 !important; vertical-align: top; white-space: -moz-pre-wrap; white-space: pre-wrap !important; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; }

.diff-editfont-monospace .diff-addedline, .diff-editfont-monospace .diff-deletedline, .diff-editfont-monospace .diff-context { font: x-small sans-serif; }

/* Edit box */ .wikiEditor-ui-toolbar .section-main, .wikiEditor-ui-toolbar .tabs { height: auto; } .wikiEditor-ui textarea#wpTextbox1 { height: 474px; line-height: 1.4em; } .wikiEditor-ui .wikiEditor-ui-view { border: 1px solid #B25F33; } .mw-summary-preview { margin-bottom: 0.5em; }	padding-bottom: 0.5em; }	margin-right: 3px; }
 * 1) wpSummaryLabel .oo-ui-textInputWidget textarea,
 * 2) wpSummaryLabel .oo-ui-textInputWidget input {
 * 1) wpSummaryWidget .oo-ui-labelElement-label {

/* Keep create account benefits up top */ .mw-special-CreateAccount #userloginForm { margin-right: 90px; }

/* Adjust inputbox button padding in Firefox */ @-moz-document url-prefix { .bodySearchWrap .mw-ui-button, .createboxButton { padding-top: 4px; padding-bottom: 5px; } }

/* Mark redirects on Special:AllPages and Special:EditWatchlist */ .allpagesredirect a.mw-redirect, .watchlistredir a.mw-redirect { color: #888 !important; }

/* Media player */ .thumb .video-js { margin-left: auto; margin-right: auto; } .video-js .vjs-progress-control .vjs-mouse-display { z-index: 2; } .infobox .video-js { margin-top: 1px; min-width: 200px; width: auto !important; } .video-js .vjs-control-bar, .video-js .vjs-volume-vertical { background: #000; } .video-js .vjs-mouse-display .vjs-time-tooltip { background: #111; } .video-js { overflow-x: clip; display: block !important; } /* Newbie bug fix */ body.newbie .video-js { overflow: hidden !important; } body.newbie .vjs-time-tooltip { display: none !important; }
 * 1) file > .video-js { display: inline-block !important; }

/* Edit section */ .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type, .client-js .mw-content-rtl .mw-editsection-bracket:first-of-type, .client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type), .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) { margin: 0; color: unset; } .client-js .editButtons .editHelp { display: none; }

/* OOUI fixes */ .oo-ui-optionWidget.oo-ui-labelElement > .oo-ui-labelElement-label { overflow: visible; }

.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-menuOptionWidget-checkIcon { display:none; }

.oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-tagMultiselectWidget-handle { border:1px solid #AAA; }

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus { border:1px solid #B25F33; border-radius:0px; box-shadow: none; }

.oo-ui-panelLayout-framed { border: 1px solid #B25F33; border-radius: 0px; }

.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { box-shadow: none !important; border: 1px solid #ccc !important; }

.oo-ui-dropdownWidget-handle { border: 1px solid gray; border-radius:0px; }

.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea { border: 1px solid gray; border-radius: 0.25em !important; }

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus { border-color:#B25F33; box-shadow:none; }

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input { border-radius: 0px !important; box-shadow: none; transition: none; }

.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout { border-color: #7F5F00; }

body:not(.mw-special-Export) .mw-htmlform-ooui-wrapper .oo-ui-fieldLayout { margin-right: 10px; display: block; vertical-align: middle !important; } body:not(.mw-special-Export) .mw-htmlform-ooui-wrapper .oo-ui-fieldsetLayout-group { display: block !important; } body:not(.mw-special-Export) .mw-htmlform-ooui-wrapper .oo-ui-fieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-iconElement-icon { display: none !important; } body:not(.mw-special-Export) .mw-htmlform-ooui-wrapper.oo-ui-panelLayout-padded .oo-ui-fieldsetLayout.mw-collapsible .oo-ui-fieldsetLayout-header { padding-left: 0 !important; margin-bottom: 0 !important; }

/* disable calendar widget */ .mw-widget-calendarWidget { display: none !important; }

.mw-widget-dateInputWidget-handle { border-radius: 0px; }

/* Formatting fixes */ .mw-parser-output table sup { white-space: nowrap; } div[style*="column-count"] > p { margin: 0 !important; } span.comment, .mw-parser-output a.external.free, .filehistory.wikitable td[dir] { word-wrap: anywhere; }

/* Scrollable tables */ table.scrollable { display: block; overflow: auto; max-width: max-content; border: 0; }

/* Show/hide toggles */ .navbox .mw-collapsible-toggle { text-align: right; min-width: 3.729em; } .wikitable.mw-collapsed .mw-collapsible-toggle { margin-left: 10px; }

/* Horizontal rule */ hr { overflow: hidden; }

/* Self-links */ body.mediawiki a.mw-selflink { color: inherit !important; cursor: inherit !important; text-decoration: inherit !important; font-weight: bold !important; }

/* Inline link colors */ a font:hover, a span:hover { text-decoration: inherit; }

/* Special:Preferences */
 * 1) mw-htmlform-mobile .oo-ui-inline-help { display: none; }

/* Miscellaneous */ pre { background-color: #fff; border: 1px dashed #7F5F00; color: #000; overflow:auto; }

.mw_metadata { margin-top: 5px; }

position: relative; } .mw-newarticletext { margin-bottom: 10px; } .top-right { position: absolute; top: -31px; right: 1px; } .top-right-text { position: absolute; top: -17px; right: 1px; }
 * 1) bodyContent {

fieldset { border: 1px solid #7F5F00; }

div.tleft, div.tright { margin-top: 0.2em; margin-bottom: 0.8em; }

blockquote { border-left: 3px solid #7F5F00; margin-left: 2em; padding-left: 1em; }

border-top: 3px double #cccccc; border-bottom: 3px double #cccccc; margin-top:5px; background:transparent; border-left:none; border-right:none; }
 * 1) disambig {

p { margin: 0.6em 0 0.7em 0; }

.portlet { width: 11.8em; }

padding: 2px; }
 * 1) pagehistory li {

.mw-ui-button { color: #000; margin-bottom: 0.25em; }

margin-bottom: 0.4em; }
 * 1) localNotice {

.mw-customtoggle, .mw-collapsible-toggle { cursor: default; }

.mw-collapsible-toggle { padding-right: 0.3em; }

.mw-prefs-buttons { background:transparent; position:inherit; padding:5px; }

.right { text-align: right; }

color: #00c; }
 * 1) preftoc a:active {

.special li { line-height: 19px; }

a.mw-selflink:hover { color: inherit; }

span#mw-editform-cancel { display:none; }

.contentbox > .mw-collapsible-toggle { float: none !important; }

.successbox { border-color: #008000; }

.errorbox { border-color: #d33d33; }

div.noarticletext { border: 1px solid #B25F33; background: transparent; padding-left: 7px; font-size: 95%; }

.thumb .mediaContainer { margin: 4px auto 2px; } .thumb .multiVert .mediaContainer { margin: 3px auto -1px; }

.mw-changeslist-legend { border: 1px solid #aaa; }

.mw-highlight pre { border: 1px dashed gray; }

margin-bottom: 3px; }
 * toc, .toc {

background:#fff; }
 * 1) editpage-specialchars {

.mw-editinginterface { color:red; }

.catlinks { margin-top:10px; }

background-color: #FFF; color: #202122; outline: 1px dashed #B25F33; }
 * 1) pagehistory li.selected {