MediaWiki:Common.css

From the Super Mario Wiki

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

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */

/* <h3> Staff highlights </h3> */

/* Patrollers */
.mw-userlink[title="User:BBQ Turtle"],
.mw-userlink[title="User:Mister Wu"],
a.whopatrol, #whopatrollers a {
	color: #6495ED !important;
}

/* Administrators */
.mw-userlink[title="User:Alex95"],
.mw-userlink[title="User:Ghost Jam"],
.mw-userlink[title="User:Henry Tucayo Clay"],
.mw-userlink[title="User:L151"],
.mw-userlink[title="User:TheFlameChomp"],
.mw-userlink[title="User:Toa 95"],
.mw-userlink[title="User:Turboo"],
a.whoadmin, #whoadmins a {
	color: #048204 !important;
}

/* Bureaucrats */
.mw-userlink[title="User:Glowsquid"],
.mw-userlink[title="User:Mario jc"],
.mw-userlink[title="User:Walkazo"],
a.whocrat, #whocrats a {
	color: #9932CC !important;
}

/* Proprietor */
.mw-userlink[title="User:Porplemontage"],
a.whoprop, #whoprop a {
	color: #F26500 !important;
}

/* <h3> Shared interface </h3> */

#n-Anniversary { display: none; }

textarea {
	background: #FFFFFF url(/images/marioeditbg.jpg); 
}
pre {
	overflow: auto;
}
img {
	image-rendering: optimizeSpeed;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: optimize-contrast;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	-ms-interpolation-mode: nearest-neighbor;
}

/* Fix table of contents spacing */
table tbody tr td .toc li {
	line-height: 15px;
}
#toc, .toc {
	margin-bottom: 2px;
}

ul.gallery {
	text-align: center;
	margin: 2px auto 0;
	padding-bottom: 0;
}
div.gallerytext {
	padding: 0 4px;
}
li.gallerybox div.thumb {
	margin-bottom: 0;
}

.ns-104 div.thumb {
	border-color: transparent;
}
html .thumbimage {
	background: white;
}
div.tleft, div.tright {
	margin-top: 0;
	margin-bottom: 1em;
}
div.floatleft {
	margin-right: 1em;
}
div.floatright {
	margin-left: 1em;
}

#file img,
.ns-6 .wikitable.filehistory img {
	background: url(/images/Checker-16x16.png) repeat scroll 0 0 transparent;
	border: 1px solid white;
}

.catlinks {
	background: #f9f9f9 url(/images/papermariohead.jpg) no-repeat center right;
	margin-top: 10px;
}
#catlinks li {
	margin: 0.28em 0;
	line-height: 1em;
}

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

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

ol.references {
	margin-top: 0;
	font-size: 90%;
}
.references-small {
	font-size: 80%; 
}
ol.references > li:target {
	background-color: #ddeeff; 
}
sup.reference:target {
	background-color: #ddeeff; 
}
.references {
	font-size: 92%; 
}

.ns-3 [style*="position:fixed"] {
	display: none;
}

.ipa {
	font-family: "Arial Unicode MS","Charis SIL","DejaVu Sans",Gentium,"Lucida Sans Unicode","TITUS Cyberbit","DoulosSIL",Arial;
}

/* <h3> All pages </h3> */

/* Update logo for high-density displays */
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
	.mw-wiki-logo {
	    background-image: url(/images/mariowiki-1.5x.png);
	    background-size: 150px auto;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
	.mw-wiki-logo {
	    background-image: url(/images/mariowiki-2x.png);
	    background-size: 150px auto;
	}
}

#bodyContent {
	position: relative;
}
#t-print {
	display: none;
}
.mw-newarticletext {
	margin-bottom: 10px;
}
.top-right { 
	position: absolute;
	top: -26px;
	right: 10px;
}
.top-right-text { 
	position: absolute;
	top: -17px;
	right: 10px;
}
.help-shift { 
	top: -20px;
	right: 60px;
}
.notice-template {
	margin-top: 0 !important;
}
.notice-template p {
	margin: 0.6em 0;
}

/* Edit box */
.wikiEditor-ui textarea#wpTextbox1 {
	height: 474px;
	line-height: 1.4em;
}
.mw-summary-preview {
	margin-bottom: 0.5em;
}
.oo-ui-textInputWidget textarea,
.oo-ui-textInputWidget input {
	padding-bottom: 0.5em;
}
#wpSummaryWidget .oo-ui-labelElement-label {
	margin-right: 3px;
}

/* Video widget */
.videoWidget + p {
	margin: 0;
}

/* Captcha spacing */
.mw-htmlform-field-HTMLReCaptchaNoCaptchaField .mw-input {
	margin-top: 1px;
}
.editOptions .g-recaptcha {
	margin-bottom: 10px;
}
.mw-ui-vform {
	width: 302px;
}

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

/* Hide the about file buttons for {{tem|media table}} audio */
.mediaAudio a[title="About this file"] {
	display: none;
}

/* Reference tooltips */
.referencetooltip li {
	background: #F8F8FF;
        border-color: #496C9C;
}
.referencetooltip li+li {
        border-top-color: #496C9C;
}
.referencetooltip.RTflipped li+li {
        border-bottom-color: #496C9C;
}
.RTTarget {
        border-color: #496C9C;
}

/* <h3> [[Main Page]] </h3> */

body.page-Main_Page.action-view h1.firstHeading,
body.page-Main_Page.action-view #siteSub,
body.page-Main_Page.action-view #catlinks,
body.page-Main_Page.action-view #lastmod { 
	display: none;
}
body.page-Main_Page.action-view #bodyContent {
	margin-top: 16px;
}
body.page-Main_Page.action-view #contentSub {
	margin-top: 26px;
}

body.page-Main_Page .pds-vote {
	padding-bottom: 3px !important;
}

.MainTopText a {
	color: black !important;
	text-decoration: none;
}
.MainTopText a:hover {
	color: black;
	text-decoration: underline;
}
.mainpagebox {
	border: 2px solid #496C9C;
	padding: 2px;
	background: #F8F8FF;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	khtml-border-radius: 1em;
	-icab-border-radius: 1em;
}
.mainpagebox p {
    margin: 0.9em 0 1em 0;
}
.mainpagebox#welcome {
	padding: 2px 2px 2px 0;
}
.mainpagebox#nav {
	font-size: 120%;
	padding: 2px 2px 5px 0px;
	background: #FDFDFF;
	border-color: #999;
}
.mainpagebox#nav ul {
	margin-left: 20px;
}
.mainpagebox#poll,
.mainpagebox#shroom,
.mainpagebox#dyk,
.mainpagebox.mwe {
        margin-top: 10px;
}
.mainpagebox#right {
	padding: 2px 2px 5px 2px;
}
.mainpagebox.maintain {
	text-align: center;
	padding: 2px 2px 0 2px;
	margin-top: 10px;
}
.mainpagebox h2 {
	padding: 4px 5px 2px;
	margin-bottom: 1px !important;
	border: 2px solid #567CAF;
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	-moz-border-radius: 0.75em;
	-webkit-border-radius: 0.75em;
	border-radius: 0.75em;
	khtml-border-radius: 0.75em;
	-icab-border-radius: 0.75em;
}
.mainpagebox#featured h2 {
	background: #009D00;
	border-color: #005100;
}
.mainpagebox#poll h2 {
	background: #9B04FF;
	border-color: #4F0084;
}
.mainpagebox#shroom h2 {
	background: #EC0000;
	border-color: #9D0000;
}
.mainpagebox#news h2 {
	background: #1C49FF;
	border-color: #001C8A;
}
.mainpagebox#dyk h2 {
	background: #FF8000;
	border-color: #914800;
}
.mainpagebox.mwe h2 {
	background: #FF4868;
	border-color: #C60023;
}
.mainpagebox#announce {
	text-align: center;
	padding: 0 2px 0 2px;
	margin-top: 10px;
}
.mainpagebox#niwa {
	padding: 3px 2px 2px 2px;
}
.mainpagebox h2#tourney {
	background: #4682B4;
}
.mainpagebox#tourneysub {
	background-color: lightsteelblue;
	border: 2px solid #3b587e;
}
.mainpagebox#tourneybox {
	border-collapse: collapse;
	background: #F8F8FF;
}

.newpoll {
	width: 100%;
	background: transparent;
	text-align: center;
	table-layout: fixed;
	word-wrap: break-word;
}
.pollq {
	padding: 0 3px 0 6px;
	margin-bottom: -19px;
	position: relative;
	background: #F8F8FF;
	font-weight: bold;
}

.MainPageAffiliatesBox {
	border: none;
	width: 100%;
	margin-bottom: 8px;
}
.affiliates {
	text-align: center;
	font-size: 10px;
}
.affiliates a {
	background: none !important;
	padding: 0 !important;
}
.affiliates img {
	margin-top: 1px;
	margin-bottom: 2px;
}
.affiliates .affiliatesub {
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #790000;
	background-color: #FFF9F9;
}

/* <h3> [[MarioWiki:Introduction]] </h3> */

.IntroPageBox {
	background-color: #ffe;
	background-repeat: no-repeat;
	background-position: bottom right;
}
.IntroPageBox div.tright {
	border-color: transparent !important;
}

/* <h3> [[Mariowiki:Proposals]] </h3> */

.page-MarioWiki_Proposals #content {
	background: #fefffe;
	color: black;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	khtml-border-radius: 8px;
	-icab-border-radius: 8px;
	border: 2px solid black;
	background: #ffffff url(/images/8/88/Proposals-bg.png);
}
.page-MarioWiki_Proposals #p-cactions li.selected a,
.page-MarioWiki_Anniversary #p-cactions li.selected a {
	padding: 0 .8em .3em!important;
}

/* <h3> [[Mariowiki:Anniversary]] </h3> */

.page-MarioWiki_Anniversary #content {
	background: #fffefe;
	color: black;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	khtml-border-radius: 8px;
	-icab-border-radius: 8px;
	border: 2px solid black;
	background: #ffffff url(/images/7/79/Anniversary-bg.png);
}

/* <h3> [[Mariowiki:Chronology]] </h3> */

#fh1,
#fh2,
#fh3,
#fh4,
#fh5,
#fh6 {
	color: black;
	background: none;
	font-weight: normal;
	margin: 0;
	padding-top: .5em;
	padding-bottom: .17em;
	border-bottom: 1px solid #aaa;
}

#fh1 {
	font-size: 188%;
}
#fh2 {
	font-size: 150%; 
}
#fh3,
#fh4,
#fh5,
#fh6 {
	border-bottom: none;
	font-weight: bold;
}
#fh3 {
	font-size: 132%; 
}
#fh4 {
	font-size: 116%; 
}
#fh5 {
	font-size: 100%; 
}
#fh6 {
	font-size: 80%;
}
#bodyContent #fh1, 
#bodyContent #fh2 {
	margin-bottom: .6em;
}
#bodyContent #fh3, 
#bodyContent #fh4, 
#bodyContent #fh5 {
	margin-bottom: .3em;
}

/* <h3> [[Special:WebChat]] </h3> */

body.page-Special_WebChat #content {
	color: black;
	background: #e9e9ff;
	border: 2px dashed #99f;
	padding: 20px;
}

/* <h3> [[:Category:Super Mario Wiki]] </h3> */

body.page-Category_Super_Mario_Wiki.action-view #mw-subcategories h3:last-of-type,
body.page-Category_Super_Mario_Wiki.action-view #mw-subcategories ul:last-of-type,
body.page-Category_Super_Mario_Wiki.action-view #catlinks {
	display: none;
}

/* <h3> Miscellaneous pages </h3> */

/* MarioWiki:BJAODN */
.rootpage-MarioWiki_BJAODN .mw-wiki-logo {
	background-image: url(/images/thumb/f/f1/Super_Mario_Wiki_Logo.png/150px-Super_Mario_Wiki_Logo.png);
}

/* April Fool's */
.page-MarioWiki_BJAODN_April_Fool_s_2017 .mw-wiki-logo,
.page-MarioWiki_BJAODN_April_Fool_s_2017_Crash_Bandicoot_franchise .mw-wiki-logo,
.page-MarioWiki_BJAODN_April_Fool_s_2017_The_Shroom .mw-wiki-logo {
	background-image: url(/images/archive/4/4c/20170402024126%21Mariowiki.png);
}
.page-MarioWiki_BJAODN_April_Fool_s_2018 .mw-wiki-logo {
	background-image: url(/images/c/cd/Funky_wiki_logo.png);
}

/* <h3> Navigation templates </h3> */

.navbox {
	background: none repeat scroll 0 0 white;
	border: 1px solid grey;
	color: black;
	font-family: Arial;
	font-size: 11px;
	width: 100%;
	margin-top: 20px;
}
.navbox + .navbox,
.navbox .navbox {
	margin-top: 0;
}
.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;
}

 /* <h4> Light-colored species templates </h4> */
.navbox.light > * > tr:first-child th, .navbox.light > * > tr:first-child th a {
	color: black !important;
}

 /* <h4> Super Princess Peach </h4> */
.navbox.spp tr:first-child th, .navbox.spp tr:first-child th a {
	color: black !important;
}
.navbox.spp tr:nth-child(2n) td {
	background-color: pink;
}
.navbox.spp tr td {
	background-color: mistyrose;
}

 /* <h4> spinoffs</h4> */
.navbox.spinoff tr:first-child th, .navbox.spinoff tr:first-child th a {
	color: black !important;
}
.navbox.spinoff tr:nth-child(2n) td {
	background-color: #FFFFBB;
}
.navbox.spinoff tr td {
	background-color: #FFFFDD;
}

 /* <h4> RPGs - Paper Mario and Super Mario RPG</h4> */
.navbox.rpg tr:nth-child(2n) td {
	background-color: #CFEEFF;
}
.navbox.rpg tr td {
	background-color: aliceblue;
}

 /* <h4> RPGs - Mario & Luigi </h4> */
.navbox.rpg-ml tr:first-child th, .navbox.rpg-ml tr:first-child th a {
	color: black !important;
}
.navbox.rpg-ml tr:nth-child(2n) td {
	background-color: #CFEEFF;
}
.navbox.rpg-ml tr td {
	background-color: aliceblue;
}

 /* <h4> sports </h4> */
.navbox.sport tr:first-child th, .navbox.sport tr:first-child th a {
	color: black !important;
}
.navbox.sport tr:nth-child(2n) td {
	background-color: #EFFF9F;
}
.navbox.sport tr td {
	background-color: #FFFFCC;
}

 /* <h4> crossovers </h4> */
.navbox.crossover tr:nth-child(2n) td {
	background-color: #E0FFE0;
}
.navbox.crossover tr td {
	background-color: #EDFFFF;
}

 /* <h4> crossovers - Super Smash Bros. </h4> */
.navbox.crossover-ssb tr:first-child th, .navbox.crossover-ssb tr:first-child th a {
	color: black !important;
}
.navbox.crossover-ssb tr:nth-child(2n) td {
	background-color: #E0FFE0;
}
.navbox.crossover-ssb tr td {
	background-color: #EDFFFF;
}

 /* <h4> Luigi's Mansion </h4> */
.navbox.lm tr:nth-child(2n) td {
	background-color: #BBFF99;
}
.navbox.lm tr td {
	background-color: #EEFFCC;
}

 /* <h4> Yoshi </h4> */
.navbox.yoshi tr:nth-child(2n) td {
	background-color: #AFFFAA;
}
.navbox.yoshi tr td {
	background-color: #ECFFEC;
}

 /* <h4> Wario </h4> */
.navbox.wario tr:nth-child(2n) td {
	background-color: #F8BFF8;
}
.navbox.wario tr td {
	background-color: #F8DFF8;
}

 /* <h4> Donkey Kong</h4> */
.navbox.dk tr:nth-child(2n) td {
	background-color: wheat;
}
.navbox.dk tr td {
	background-color: #FFF8DC;
}

 /* <h4> Mario </h4> */
.navbox.mario tr:nth-child(2n) td {
	background-color: bisque;
}
.navbox.mario tr td {
	background-color: #FFF5EE;
}

 /* <h4> Super Mario Land </h4> */
.navbox.mario-sml tr:first-child th, .navbox.mario-sml tr:first-child th a {
	color: black !important;
}
.navbox.mario-sml tr:nth-child(2n) td {
	background-color: bisque;
}
.navbox.mario-sml tr td {
	background-color: #FFF5EE;
}

 /* <h4> alternate media </h4> */
.navbox.media tr:first-child th, .navbox.media tr:first-child th a {
	color: black !important;
}
.navbox.media tr:nth-child(2n) td {
	background-color: #FFEAAA;
}
.navbox.media tr td {
	background-color: #FFFFC0;
}

 /* <h4> consoles </h4> */
.navbox.console tr:first-child th, .navbox.console tr:first-child th a {
	color: black !important;
}
.navbox.console tr:nth-child(2n) td {
	background-color: #F5F5F5;
}
.navbox.console tr td {
	background-color: #FBFBFB;
}

/* <h4> Former subpages </h4> */
.navbox.subpage tr:first-child th {
	background-image:url(/images/1/1a/Temp_SMB_a.png), url(/images/1/1d/Temp_SMB_b.png);
	background-repeat:no-repeat,no-repeat;
	background-attachment:scroll, scroll;
	background-color:#6B8CFF;
	background-position:left center, right center;
	text-align:center;
	font-size:12px;
	      color:white;
}
.navbox.subpage tr:nth-child(2n) td {
	      background-color: lavender;
}
.navbox.subpage tr td {
	      background-color: ghostwhite;
}

/* <h3> Deletion template </h3> */
.delete-notice {
	background: #333;
	border: 1px solid red;
	color: white;
}
.delete-notice a, .delete-notice a:visited {
	color: yellow;
}
.delete-notice a.new {
	color: red;
}

/* <h4> {{tem|Button}} </h4> */
.defaultbutton {
	background: white;
	border: 1px solid black;
	padding: 0px 0.5em;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	khtml-border-radius: 1em;
	-icab-border-radius: 1em;
	font-variant: small-caps;
	color: black;
	font-size: smaller;
	white-space:nowrap;
	display: inline;
}
.button{
	background:url(/images/thumb/7/75/Def_Button.svg/16px-Def_Button.svg.png) no-repeat;
	font-size:smaller;
	font-variant:small-caps;
	padding:0 3px;
	white-space:nowrap;
	width:10px;
	height:16px;
	display:inline-block;
	overflow:hidden
}

/* <h4> {{tem|PipeWarning}} </h4> */
.pipe {
	background: #d4e6ea url(/images/f/fd/Pipewarning_image.png) repeat;
	padding: 0.3em;
	color: black;
}

/* <h4> {{tem|Sigbox}} </h4> */
.sigbox {
	background: url(/images/sigboxbg.png) no-repeat top left;
	min-height: 35px;
	min-width: 295px;
}

/* <h4> {{tem|Fake link}} </h4> */
.fakelinks {
	cursor: pointer;
	color: #002bb8;
}
.fakelinks:hover {
	text-decoration: underline;
}

/* <h4> {{tem|Shroom}} </h4> */
.template-shroom ul,
.template-shroom ul li {
	list-style-image:url(/images/3/35/Shroombull.png);
}

/* <h4> {{tem|NIWA}} </h4> */
.niwa-ext,
.niwa-ext tr,
.niwa-ext td,
.niwa-ext th {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

/* <h3> Misc / Unsorted </h2> */

.special li {
	line-height: 19px;
}
#preftoc a:active {
	color: #00c; 
}
.oldh3 {
	font-size: 132%; 
}
.spoiler {
	width: 70%;
	padding: 0.2em;
	margin: 10px;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}
.easywrap {
	width: 100%;
	table-layout: fixed;
	word-wrap: break-word;
	overflow: hidden;
}
#disambig {
	border-top: 3px double #cccccc; 
	border-bottom: 3px double #cccccc;
}
.right {
	text-align: right;
}
#whosonline a:visited {
	color: #0000FF;
}

/* DK table basic styling */
table.dktable, table.dktable-brown {background:#fff;margin:1em 0;border:1pt solid #000;border-collapse:collapse;color:black}
table.dktable > * > tr > td, table.dktable > * > tr > th, table.dktable-brown > * > tr > td, table.dktable-brown > * > tr > th {border:1pt solid #000;padding:0.2em 0.4em}

/* DK tables brown rows coloring */
table.dktable-brown > * > tr > th {background: #BB8855}
table.dktable-brown > * > tr:nth-child(odd) > td {background:#FFF8DC}
table.dktable-brown > * > tr:nth-child(even) > td {background:wheat}

/* Creates a div class that can be used to add mouse-over functionality. */
.hoverexpand {
	height: 18px;
	padding: 2px;
	overflow: hidden;
	*overflow: visible;
	_overflow: visible;
}
.hoverexpand:hover {
	height: 100%;
	overflow: visible;
}

/* New user message box */
.usermessage {
	margin-top: 1em;
}