MediaWiki:Common.css

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

/* Staff highlights */

/* Proprietor */ ul.special li a[title="User:Porplemontage"], table.diff a[title="User:Porplemontage"], ul#pagehistory li a[title="User:Porplemontage"], a.whoprop, #whoprop a { color: #F26500 !important; }

/* Bureaucrats */ ul.special li a[title="User:Glowsquid"], table.diff a[title="User:Glowsquid"], ul#pagehistory li a[title="User:Glowsquid"], ul.special li a[title="User:Shokora"], table.diff a[title="User:Shokora"], ul#pagehistory li a[title="User:Shokora"], ul.special li a[title="User:Walkazo"], table.diff a[title="User:Walkazo"], ul#pagehistory li a[title="User:Walkazo"], a.whocrat, #whocrats a { color: #9932CC !important; }

/* Administrators */ ul.special li a[title="User:Gamefreak75"], table.diff a[title="User:Gamefreak75"], ul#pagehistory li a[title="User:Gamefreak75"], ul.special li a[title="User:Ghost Jam"], table.diff a[title="User:Ghost Jam"], ul#pagehistory li a[title="User:Ghost Jam"], ul.special li a[title="User:Henry Tucayo Clay"], table.diff a[title="User:Henry Tucayo Clay"], ul#pagehistory li a[title="User:Henry Tucayo Clay"], ul.special li a[title="User:KPH2293"], table.diff a[title="User:KPH2293"], ul#pagehistory li a[title="User:KPH2293"], ul.special li a[title="User:L151"], table.diff a[title="User:L151"], ul#pagehistory li a[title="User:L151"], ul.special li a[title="User:Mario jc"], table.diff a[title="User:Mario jc"], ul#pagehistory li a[title="User:Mario jc"], ul.special li a[title="User:Toa 95"], table.diff a[title="User:Toa 95"], ul#pagehistory li a[title="User:Toa 95"], ul.special li a[title="User:Turboo"], table.diff a[title="User:Turboo"], ul#pagehistory li a[title="User:Turboo"], a.whoadmin, #whoadmins a { color: #048204 !important; }

/* Patrollers */ ul.special li a[title="User:Alex95"], table.diff a[title="User:Alex95"], ul#pagehistory li a[title="User:Alex95"], ul.special li a[title="User:Mister Wu"], table.diff a[title="User:Mister Wu"], ul#pagehistory li a[title="User:Mister Wu"], ul.special li a[title="User:Yoshi876"], table.diff a[title="User:Yoshi876"], ul#pagehistory li a[title="User:Yoshi876"], a.whopatrol, #whopatrollers a { color: #6495ED !important; }

color: #0000FF; }
 * 1) whosonline a:visited {

/* Shared interface */


 * 1) 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; }	margin-bottom: 2px; }
 * toc, .toc {

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.tright, div.tleft { margin-top: 0; }

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

.catlinks { background: #f9f9f9 url(/images/papermariohead.jpg) no-repeat center right; margin-top: 10px; }

margin: 0.28em 0; line-height: 1em; }
 * 1) catlinks li {

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

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

ol.references { 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; }

/* All pages */

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

position: relative; }
 * 1) bodyContent {

display: none; }
 * 1) t-print {

.mw-newarticletext { margin-bottom: 10px; }

.top-right { position: absolute; top: -26px; right: 10px; } .top-right-text { position: absolute; top: -18px; right: 10px; } .help-shift { top: -20px; right: 60px; }

.notice-template { margin-top: 0 !important; }

/* Edit box */ .wikiEditor-ui textarea#wpTextbox1 { line-height: 1.4em; }	margin: 0.2em 0 0.4em 0 !important; } input#wpSummary { width: 85%; }
 * 1) wpSummary, #wpSummaryLabel {

/* Captcha spacing */ .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 audio */ .mediaAudio a[title="About this file"] { display: none; }

/* Main Page */

body.page-Main_Page.action-view h1.firstHeading, 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 { margin-top: 10px; }

.mainpagebox#right { padding: 2px 2px 5px 2px; }

.mainpagebox#maintain-left, .mainpagebox#maintain-right { text-align: center; padding: 0 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#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; }

/* Introduction */

.IntroPageBox { background-color: #ffe; background-repeat: no-repeat; background-position: bottom right; }

.IntroPageBox div.tright { border-color: transparent !important; }

/* Proposals */

.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; }

/* Chronology */

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

font-size: 188%; }
 * 1) fh1 {

font-size: 150%; }
 * 1) fh2 {

border-bottom: none; font-weight: bold; }
 * fh3,
 * fh4,
 * fh5,
 * 1) fh6 {

font-size: 132%; }
 * 1) fh3 {

font-size: 116%; }
 * 1) fh4 {

font-size: 100%; }
 * 1) fh5 {

font-size: 80%; }
 * 1) fh6 {

margin-bottom: .6em; }
 * 1) bodyContent #fh1,
 * 2) bodyContent #fh2 {

margin-bottom: .3em; }
 * 1) bodyContent #fh3,
 * 2) bodyContent #fh4,
 * 3) bodyContent #fh5 {

/* Anniversary */

.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); }

/* Special:WebChat */

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

/* Miscellaneous pages */

/* Hide subpage link for Smash 4 */ .page-Super_Smash_Bros_for_Nintendo_3DS_Wii_U .subpages { display: none; }

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

/* Navigation templates */

.navtemplate { background: none repeat scroll 0 0 white; border: 1px solid grey; color: black; font-family: Arial; font-size: 11px; width: 100%; margin-top: 20px; } .navtemplate + .navtemplate, .navtemplate .navtemplate { margin-top: 0; } .navtemplate tr:first-child th { background: none repeat scroll 0 0 #999999; color: white; font-size: 12px; font-weight: bold; } .navtemplate tr:first-child th, .navtemplate tr:first-child th a { color: #FFFFFF !important; } .navtemplate tr th { background: none repeat scroll 0 0 #CCCCCC; text-align: center; } .navtemplate tr:not(:first-child) th:not([rowspan]):not([colspan]) { background: none repeat scroll 0 0 #E6E6E6; } .navtemplate tr th a, .navtemplate tr th a:visited, .navtemplate tr th a.new, .navtemplate tr th a.new:visited { color: #000000; } .navtemplate tr:nth-child(2n) td { background: none repeat scroll 0 0 #F6F6F6; } .navtemplate tr td { background: none repeat scroll 0 0 #FCFCFC; } .navtemplate td a { color: #0000FF; } .navtemplate td a:visited { color: #0000CC; } .navtemplate td a.new { color: #CC2200; } .navtemplate td a.new:visited { color: #A55858; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Former subpages */ .navtemplate.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; } .navtemplate.subpage tr:nth-child(2n) td { background-color: lavender; } .navtemplate.subpage tr td { background-color: ghostwhite; }

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

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

/* */ .shroommidnight { background: #11176d url(/images/f/fc/ShroomMidnight.png) repeat; padding: 0.3em; color: #3FFF00; } .shroommidnight a, .shroommidnight a.external { color:#a8e7ff !important; } .shroommidnight a:visited, .shroommidnight a.external:visited { color:#a3bde8 !important; }

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

/* */ .fakecup { background: #d4e6ea url(/images/f/fd/GreenTea.png) repeat; align: center; width: 60%; padding: .5em 1em; color: black; border: 2px solid #000000; -moz-border-radius: 1em; }

/* */ .shroombg.sw-warning { background: #ffd2ec url(/images/4/43/SW-Pwing.png) repeat; }

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

/* */ @font-face { font-family: plum; src: url(/images/PlumScript.ttf); } .invite { background-image:url(/images/c/c6/Shroom_background.png); width:747px; height:352px; color:#ffc90e; font-family:plum; position:relative; line-height:29px; } .invite .one { font-size:32px; padding-left:248px; padding-top:25px; position:absolute; line-height:57px; } .invite .two { font-size:18px; padding-left:247px; padding-top:84px; position:absolute; padding-right:1em; line-height:32px; } .invite .two * { width:150px; float:right; height:21px; } .invite .three { font-size:24px; position:absolute; padding-top:215px; padding-left:398px; line-height:43px; }

/* */ .fakelinks { cursor: pointer; color: #002bb8; } .fakelinks:hover { text-decoration: underline; }

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

/* */ .niwa-ext, .niwa-ext tr, .niwa-ext td, .niwa-ext th { border: 0px; padding: 0px; margin: 0px; }

/* Misc / Unsorted */

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

/* border: 1px solid #2f6fab; */ border: 1px solid #aaaaaa; background-color: #f9f9f9; padding: 5px; font-size: 95%; margin-left: 15px; margin-bottom: 15px; }
 * 1) navbox {

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

.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; }

border-top: 3px double #cccccc; border-bottom: 3px double #cccccc; }
 * 1) disambig {

.right { text-align: right; }

.fakenews { background: url(/images/e/e0/Version2small.png); }

.interview { background: url(/images/a/ab/Yoshi_Emblem.gif); }

.navbox { border:1px solid gray; width:100%; font-size:11px; font-family:Arial; text-align:right; }

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

.nonmario_template { border-collapse: seperate; color: DarkSlateGray; border-radius: 25px; border-spacing: 1px; } .nonmario_template td, .nonmario_template th { background-color: #FF8C00; } .nonmario_template th.year { background-color: #CC5500; color: silver; font-weight: bold; } .nonmario_template td.inactive { background-color: #CC5500; } .nonmario_template td.active { background-color: #orange; vertical-align: top; z-index: 0; -moz-transition: background-color 1s, -moz-transform 1s, z-index 1s; -webkit-transition: background-color 1s, -webkit-transform 1s, z-index 1s; -o-transition: background-color 1s, -o-transform 1s, z-index 1s; } .nonmario_template td.active:hover { background-color: #ff8000; z-index: 100; -ms-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); } .nonmario_template .roundborder_tl { border-top-left-radius: 13px; } .nonmario_template .roundborder_tr { border-top-right-radius: 13px; } .nonmario_template .roundborder_br { border-bottom-right-radius: 13px; } .nonmario_template .roundborder_bl { border-bottom-left-radius: 13px; } .nonmario-infobox { border: medium none; border-spacing: 1px; float: right; font-size: 11px; margin: 0 0 1em 1em; width: 265px; } .nonmario-infobox td, .nonmario-infobox th { background-color: orange; } .nonmario-infobox > tbody > tr:last-child > td:first-child, .nonmario-infobox > tbody > tr:last-child > th:first-child { border-bottom-left-radius: 13px; } .nonmario-infobox > tbody > tr:last-child > td:last-child, .nonmario-infobox > tbody > tr:last-child > th:last-child { border-bottom-right-radius: 13px; } .nonmario-infobox > tbody > tr:first-child > td:first-child, .nonmario-infobox > tbody > tr:first-child > th:first-child { border-top-left-radius: 13px; } .nonmario-infobox > tbody > tr:first-child > td:last-child, .nonmario-infobox > tbody > tr:first-child > th:last-child { border-top-right-radius: 13px; } .nonmario-infobox > tbody > tr > td:first-child, .nonmario-infobox > tbody > tr > th:first-child { padding-left: 4px; } .nonmario-infobox > tbody > tr > td:last-child, .nonmario-infobox > tbody > tr > th:last-child { padding-right: 4px; } .nonmario-infobox th.title { font-weight: bold; font-style: italic; font-size: 13px; text-align: center; } .nonmario-infobox .art img { display: block; margin-left: auto; margin-right: auto; } .nonmario-infobox tr { vertical-align: top; } .nonmario-infobox th { font-weight: bold; text-align: left; }

/* Pollspinner (for the main page during awards) */ .pollspinner { width:100%; overflow:hidden; position:relative } .pollspinner.animated { transition:height 0.5s; -webkit-transition:height 0.5s } .pollspinnerbox,.pollspinnerend { position:absolute; left:100%; width:100%; overflow: hidden; } .pollspinner.animated .pollspinnerbox,.pollspinner.animated .pollspinnerend { transition:left 0.5s; transition-delay:0.5s; -webkit-transition:left 0.5s; -webkit-transition-delay:0.5s } .pollspinnerend { max-width: 320px; background-image: url(http://wiki.userpedia.net/images/a/ad/Pollspinner_thx.png); background-size: 100% auto; padding: 209px 9px 9px; text-align: center; box-sizing: border-box; background-repeat: no-repeat; background-color: black; font-size: 11px; color: white; margin: 0 auto; background-position: top center; } .pollspinnerbox.active,.pollspinnerend.active { left:0; } .pollspinner:not(.animated) .pollspinnerbox.active,.pollspinner:not(.animated) .pollspinnerend.active { position:static; } .pollspinnerbox.answered,.pollspinnerend.answered { left:-100%; } @keyframes pollthrobber { from { background-position:right 0, right 20px; }   to { background-position:right -320px, right 20px; } } @-webkit-keyframes pollthrobber { from { background-position:right 0, right 20px; }   to { background-position:right -320px, right 20px; } } .pollspinner .throbber { color: transparent; width:100%; height:20px; } .pollspinner.throbbing:not(#N) .throbber { color: inherit; animation:pollthrobber 2s steps(16); animation-iteration-count:1; animation-fill-mode:both; -webkit-animation:pollthrobber 2s steps(16); -webkit-animation-iteration-count:1; -webkit-animation-fill-mode:both; background-image:url(http://wiki.userpedia.net/images/8/82/Pollthrobber.png),url("http://wiki.userpedia.net/images/b/bb/Pollthrobber.gif"); background-size:20px 320px,20px 20px; background-repeat:no-repeat; background-position:right 20px,right 0; text-align:right; padding:0px 25px 0px; box-sizing: border-box; } .pollspinner_skip:not(#N):not(#N) { margin-left: 1em; } .pollspinner .pds-box { width: 100%!important; } .pollspinner .pds-input-label { width: 100%!important; float: none!important; padding: 0 0 0 25px!important; box-sizing: border-box!important; min-height: 0px!important; } .pollspinner .pds-answer-group { padding: 1px!important; position: relative!important; margin: 5px 0!important; } .pollspinner .pds-answer-input { position: absolute!important; top: 50%!important; transform: translate(0, -50%)!important; } .pollspinner .pds-other-label { margin: 0 0 0 25px!important; } .swinfobox { border: medium none; border-spacing: 1px; float: right; font-size: 11px; margin: 0 0 1em 1em; width: 265px; } .swinfobox td, .swinfobox th { background-color: #ff6aa5; } .swinfobox > tbody > tr:last-child > td:first-child, .swinfobox > tbody > tr:last-child > th:first-child { border-bottom-left-radius: 13px; } .swinfobox > tbody > tr:last-child > td:last-child, .swinfobox > tbody > tr:last-child > th:last-child { border-bottom-right-radius: 13px; } .swinfobox > tbody > tr:first-child > td:first-child, .swinfobox > tbody > tr:first-child > th:first-child { border-top-left-radius: 13px; } .swinfobox > tbody > tr:first-child > td:last-child, .swinfobox > tbody > tr:first-child > th:last-child { border-top-right-radius: 13px; } .swinfobox > tbody > tr > td:first-child, .swinfobox > tbody > tr > th:first-child { padding-left: 4px; } .swinfobox > tbody > tr > td:last-child, .swinfobox > tbody > tr > th:last-child { padding-right: 4px; } .swinfobox th.title { font-weight: bold; font-style: italic; font-size: 13px; text-align: center; } .swinfobox .art img { display: block; margin-left: auto; margin-right: auto; } .swinfobox tr { vertical-align: top; } .swinfobox th { font-weight: bold; text-align: left; }

/* The 'Shroom */

/* 'Shroom navigation template */

.shroomnav-winter { border: 1px solid #202020; border-radius: 8px; font-family: Arial; font-size: 11px; text-align: center; color: #ffffff; width: 60%; }

.shroomnav-winter tr:first-child th { background-color: #3670d2; border-radius: 5px; text-align: center; font-size: 14px; background-image:url(images/6/65/Temp_shroomnav1.png), url(images/9/92/Temp_shroomnav2.png), url(images/1/10/Temp_shroomnav3.png), url(images/5/50/Temp_shroomnav6.png), url(images/4/43/Temp_shroomnav4.png), url(images/5/52/Temp_shroomnav5.png); background-attachment: scroll, scroll, scroll, scroll, scroll, scroll; background-position: 0%, 10%, 18%, 82%, 90%, right center; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat; }

.shroomnav-winter tr:first-child :link { color: #ffffff; }

.shroomnav-winter tr th { background-color: #3670d2; border-radius: 5px; text-align: center; font-size: 12px }

.shroomnav-winter tr td { background-color: #f3eede; color: #000000; border-radius: 5px; text-align: center; font-size: 11px }

.shroomnav-spring { border: 1px solid #202020; border-radius: 8px; font-family: Arial; font-size: 11px; text-align: center; color: #ffffff; width: 60%; }

.shroomnav-spring tr:first-child th { background-color: #1f9a2e; border-radius: 5px; text-align: center; font-size: 14px; background-image:url(images/6/65/Temp_shroomnav1.png), url(images/9/92/Temp_shroomnav2.png), url(images/1/10/Temp_shroomnav3.png), url(images/5/50/Temp_shroomnav6.png), url(images/4/43/Temp_shroomnav4.png), url(images/5/52/Temp_shroomnav5.png); background-attachment: scroll, scroll, scroll, scroll, scroll, scroll; background-position: 0%, 10%, 18%, 82%, 90%, right center; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat; }

.shroomnav-spring tr:first-child :link { color: #ffffff; }

.shroomnav-spring tr th { background-color: #1f9a2e; border-radius: 5px; text-align: center; font-size: 12px }

.shroomnav-spring tr td { background-color: #f3eede; color: #000000; border-radius: 5px; text-align: center; font-size: 11px }

.shroomnav-summer { border: 1px solid #202020; border-radius: 8px; font-family: Arial; font-size: 11px; text-align: center; color: #ffffff; width: 60%; }

.shroomnav-summer tr:first-child th { background-color: #bf1616; border-radius: 5px; text-align: center; font-size: 14px; background-image:url(images/6/65/Temp_shroomnav1.png), url(images/9/92/Temp_shroomnav2.png), url(images/1/10/Temp_shroomnav3.png), url(images/5/50/Temp_shroomnav6.png), url(images/4/43/Temp_shroomnav4.png), url(images/5/52/Temp_shroomnav5.png); background-attachment: scroll, scroll, scroll, scroll, scroll, scroll; background-position: 0%, 10%, 18%, 82%, 90%, right center; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat; }

.shroomnav-summer tr:first-child :link { color: #ffffff; }

.shroomnav-summer tr th { background-color: #bf1616; border-radius: 5px; text-align: center; font-size: 12px }

.shroomnav-summer tr td { background-color: #f3eede; color: #000000; border-radius: 5px; text-align: center; font-size: 11px }

.shroomnav-fall { border: 1px solid #202020; border-radius: 8px; font-family: Arial; font-size: 11px; text-align: center; color: #ffffff; width: 60%; }

.shroomnav-fall tr:first-child th { background-color: #e0a903; border-radius: 5px; text-align: center; font-size: 14px; background-image:url(images/6/65/Temp_shroomnav1.png), url(images/9/92/Temp_shroomnav2.png), url(images/1/10/Temp_shroomnav3.png), url(images/5/50/Temp_shroomnav6.png), url(images/4/43/Temp_shroomnav4.png), url(images/5/52/Temp_shroomnav5.png); background-attachment: scroll, scroll, scroll, scroll, scroll, scroll; background-position: 0%, 10%, 18%, 82%, 90%, right center; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat; }

.shroomnav-fall tr:first-child :link { color: #ffffff; }

.shroomnav-fall tr th { background-color: #e0a903; border-radius: 5px; text-align: center; font-size: 12px }

.shroomnav-fall tr td { background-color: #f3eede; color: #000000; border-radius: 5px; text-align: center; font-size: 11px }

.criticcorner .thumb.tleft, .shroomthumb .thumb.tleft { margin: 1px 25px 9px 1px; } .criticcorner .thumb.tright, .shroomthumb .thumb.tright { margin: 1px 1px 9px 25px; } .criticcorner .thumb .thumbinner, .shroomthumb .thumb .thumbinner { -moz-box-sizing: content-box; background: none repeat scroll 0 0 transparent; border: medium none; overflow: visible; padding: 0 !important; width: 344px; } .criticcorner .thumb .image, .shroomthumb .thumb .image { background: none repeat scroll 0 0; border-radius: 13px 13px 0 0; display: block; padding: 4px 3px 4px; width: inherit; } .mw-content-ltr .criticcorner .thumb .thumbcaption, .mw-content-ltr .shroomthumb .thumb .thumbcaption { border-radius: 0 0 13px 13px; margin-top: 1px; min-height: 16px; text-align: left; color: darkslategray; width: calc(100% + 6px); padding: 3px 7px 3px; box-sizing: border-box; } .criticcorner .thumb .image img, .shroomthumb .thumb .image img { border-radius: 13px 13px 0 0; border: none; } .criticcorner .thumb .magnify a, .shroomthumb .thumb .magnify a { background-image: url("/images/7/76/Magnify-clip-cc.png") !important; height: 11px; width: 15px; } .criticcorner .thumb .magnify img, .shroomthumb .thumb .magnify img { display: none; }

.criticcorner .thumb .image, .mw-content-ltr .criticcorner .thumb .thumbcaption { background-color: orange!important; }

.shroomthumb.cc .thumb .image, .mw-content-ltr .shroomthumb.cc .thumb .thumbcaption, .shroomthumb.cc .gallery .thumb, .shroomthumb.cc .gallerytext {   background-color: #FF8C00!important; }

.shroomthumb.staff .thumb .image, .mw-content-ltr .shroomthumb.staff .thumb .thumbcaption, .shroomthumb.staff .gallery .thumb, .shroomthumb.staff .gallerytext {   background-color: #20d420!important; }

.shroomthumb.fn .thumb .image, .mw-content-ltr .shroomthumb.fn .thumb .thumbcaption, .shroomthumb.fn .gallery .thumb, .shroomthumb.fn .gallerytext {   background-color: #EE82EE!important; }

.shroomthumb.fs .thumb .image, .mw-content-ltr .shroomthumb.fs .thumb .thumbcaption, .shroomthumb.fs .gallery .thumb, .shroomthumb.fs .gallerytext {   background-color: #1E90FF!important; }

.shroomthumb.ps .thumb .image, .mw-content-ltr .shroomthumb.ps .thumb .thumbcaption, .shroomthumb.ps .gallery .thumb, .shroomthumb.ps .gallerytext {   background-color: #e8c161!important; }

.shroomthumb.pp .thumb .image, .mw-content-ltr .shroomthumb.pp .thumb .thumbcaption, .shroomthumb.pp .gallery .thumb, .shroomthumb.pp .gallerytext {   background-color: #3CB371!important; }

.shroomthumb.sw .thumb .image, .mw-content-ltr .shroomthumb.sw .thumb .thumbcaption, .shroomthumb.sw .gallery .thumb, .shroomthumb.sw .gallerytext {   background-color: #ff6aa5!important; }

.shroomthumb.specialred .thumb .image, .mw-content-ltr .shroomthumb.specialred .thumb .thumbcaption, .shroomthumb.specialred .gallery .thumb, .shroomthumb.specialred .gallerytext, .shroomthumb.shroomsummer .thumb .image, .mw-content-ltr .shroomthumb.shroomsummer .thumb .thumbcaption, .shroomthumb.shroomsummer .gallery .thumb, .shroomthumb.shroomsummer .gallerytext { background-color: #c62121!important; }

.shroomthumb.specialorange .thumb .image, .mw-content-ltr .shroomthumb.specialorange .thumb .thumbcaption, .shroomthumb.specialorange .gallery .thumb, .shroomthumb.specialorange .gallerytext, .shroomthumb.shroomhalloween2015 .thumb .image, .mw-content-ltr .shroomthumb.shroomhalloween2015 .thumb .thumbcaption, .shroomthumb.shroomhalloween2015 .gallery .thumb, .shroomthumb.shroomhalloween2015 .gallerytext { background-color: #ec8c24!important; }

.shroomthumb.specialyellow .thumb .image, .mw-content-ltr .shroomthumb.specialyellow .thumb .thumbcaption, .shroomthumb.specialyellow .gallery .thumb, .shroomthumb.specialyellow .gallerytext, .shroomthumb.shroomfall .thumb .image, .mw-content-ltr .shroomthumb.shroomfall .thumb .thumbcaption, .shroomthumb.shroomfall .gallery .thumb, .shroomthumb.shroomfall .gallerytext { background-color: #efc70f!important; }

.shroomthumb.speciallime .thumb .image, .mw-content-ltr .shroomthumb.speciallime .thumb .thumbcaption, .shroomthumb.speciallime .gallery .thumb, .shroomthumb.speciallime .gallerytext { background-color: #9ed529!important; }

.shroomthumb.specialgreen .thumb .image, .mw-content-ltr .shroomthumb.specialgreen .thumb .thumbcaption, .shroomthumb.specialgreen .gallery .thumb, .shroomthumb.specialgreen .gallerytext, .shroomthumb.shroomspring .thumb .image, .mw-content-ltr .shroomthumb.shroomspring .thumb .thumbcaption, .shroomthumb.shroomspring .gallery .thumb, .shroomthumb.shroomspring .gallerytext { background-color: #0bae2d!important; }

.shroomthumb.specialcyan .thumb .image, .mw-content-ltr .shroomthumb.specialcyan .thumb .thumbcaption, .shroomthumb.specialcyan .gallery .thumb, .shroomthumb.specialcyan .gallerytext { background-color: #51c9d0!important; }

.shroomthumb.specialblue .thumb .image, .mw-content-ltr .shroomthumb.specialblue .thumb .thumbcaption, .shroomthumb.specialblue .gallery .thumb, .shroomthumb.specialblue .gallerytext { background-color: #366dde!important; }

.shroomthumb.specialindigo .thumb .image, .mw-content-ltr .shroomthumb.specialindigo .thumb .thumbcaption, .shroomthumb.specialindigo .gallery .thumb, .shroomthumb.specialindigo .gallerytext { background-color: #6a45c8!important; }

.shroomthumb.specialpurple .thumb .image, .mw-content-ltr .shroomthumb.specialpurple .thumb .thumbcaption, .shroomthumb.specialpurple .gallery .thumb, .shroomthumb.specialpurple .gallerytext { background-color: #a55ad9!important; }

.shroomthumb.specialpink .thumb .image, .mw-content-ltr .shroomthumb.specialpink .thumb .thumbcaption, .shroomthumb.specialpink .gallery .thumb, .shroomthumb.specialpink .gallerytext { background-color: #ec62c0!important; }

.shroomthumb.cc .nonmario-infobox td, .shroomthumb.cc .nonmario-infobox th { background-color: #FF8C00; }

.shroombg { padding: 0.3em; color: black; border-radius: 1em; } .shroombg a { color: blue; text-decoration: none; } .shroombg a:visited { color: purple; } .shroombg a:active { color: orange; } .shroombg.specialred { background: #fcbdbd url(/images/b/bf/Shroombgspecialred.png) repeat; } .shroombg.specialorange { background: #f8d1a6 url(/images/d/d2/Shroombgspecialorange.png) repeat; } .shroombg.specialyellow { background: #f2d785 url(/images/8/86/Shroombgspecialyellow.png) repeat; } .shroombg.speciallime { background: #e4f2c4 url(/images/1/18/Shroombgspeciallime.png) repeat; } .shroombg.specialgreen { background: #c4f2d4 url(/images/9/93/Shroombgspecialgreen.png) repeat; } .shroombg.specialcyan { background: #c4eaf2 url(/images/d/df/Shroombgspecialcyan.png) repeat; } .shroombg.specialblue { background: #b7cbff url(/images/8/8f/Shroombgspecialblue.png) repeat; } .shroombg.specialindigo { background: #d1c4f2 url(/images/f/f7/Shroombgspecialindigo.png) repeat; } .shroombg.specialpurple { background: #e7c4f2 url(/images/5/52/Shroombgspecialpurple.png) repeat; } .shroombg.specialpink { background: #f2c4db url(/images/0/01/Shroombgspecialpink.png) repeat; } .shroombg.cc { background: #ffbe89 url(/images/7/7d/Shroombgcc.png) repeat; } .shroombg.fn { background: #d5b7fc url(/images/d/db/Shroombgfn.png) repeat; } .shroombg.fs { background: #a4c7ff url(/images/6/61/Shroombgfs.png) repeat; } .shroombg.pp { background: #b0f4b8 url(/images/3/3a/Shroombgpp.png) repeat; } .shroombg.ps { background: #ffdf92 url(/images/0/01/Shroombgps.png) repeat; } .shroombg.sw { background: #ffd2ec url(/images/2/26/Shroombgsw.png) repeat; } .shroombg.staff { background: transparent url(/images/d/d3/Shroombgstaff.png) repeat; } .shroomcursor { cursor: url("/images/e/e4/ShroomCursorNoHighlight.png"), auto; } .shroomcursor a { cursor: url("/images/2/2a/ShroomCursorHighlight.png"), auto; }

.shroombg.issue100 { background: #ffd800 url(/images/a/a2/Shroombg100main.gif) repeat; }

.shroombg .shroomsection { border:10px solid rgba(0,0,0,0); border-radius: 25px; }

.shroombg.specialred .shroomsection { background-color: #fff0f0; }

.shroombg.specialorange .shroomsection, .shroombg.shroomhalloween2015 .shroomsection { background-color: #fff4e9; }

.shroombg.specialyellow .shroomsection, .shroombg.issue100 .shroomsection { background-color: #fffae9; }

.shroombg.speciallime .shroomsection { background-color: #f8ffe9; }

.shroombg.specialgreen .shroomsection { background-color: #e9fff1; }

.shroombg.specialcyan .shroomsection { background-color: #e9faff; }

.shroombg.specialblue .shroomsection { background-color: #e5eeff; }

.shroombg.specialindigo .shroomsection { background-color: #efe9ff; }

.shroombg.specialpurple .shroomsection { background-color: #f9e9ff; }

.shroombg.specialpink .shroomsection { background-color: #ffe9f4; }

.shroombg.cc .shroomsection { background-color: #ffe3ba; }

.shroombg.cc .shroomsection.ripped { border-image: url(/images/1/17/Cc_ripped.png); border-image-slice: 0 0 122 0; border-image-repeat: repeat; border-image-outset: 0 0 122px 0; border-image-width: 0 0 122px 0; margin-bottom: 122px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.shroombg.fn .shroomsection { background-color: #f3dcff; }

.shroombg.fs .shroomsection { background-color: #e1eaf9; }

.shroombg.pp .shroomsection { background-color: #e0ffde; }

.shroombg.ps .shroomsection { background-color: #fff5c7; }

.shroombg.sw .shroomsection { background-color: #ffebf5; }

/* Shroom Tables */

.shroomtable { background:none; border-spacing: 0 1px; } .shroomtable th, .shroomtable td { padding: 4px; } .shroomtable.roundcells td, .shroomtable.roundcells th, .shroomtable.roundrows th:first-child, .shroomtable.roundrows td:first-child, .shroomtable.roundtable tr:first-child th:first-child, .shroomtable.roundtable tr:first-child td:first-child { border-top-left-radius: 25px; padding-left: 12px; } .shroomtable.roundcells td, .shroomtable.roundcells th, .shroomtable.roundrows th:last-child, .shroomtable.roundrows td:last-child, .shroomtable.roundtable tr:first-child th:last-child, .shroomtable.roundtable tr:first-child td:last-child { border-top-right-radius: 25px; padding-right: 12px; } .shroomtable.roundcells td, .shroomtable.roundcells th, .shroomtable.roundrows th:last-child, .shroomtable.roundrows td:last-child, .shroomtable.roundtable tr:last-child th:last-child, .shroomtable.roundtable tr:last-child td:last-child { border-bottom-right-radius: 25px; padding-right: 12px; } .shroomtable.roundcells td, .shroomtable.roundcells th, .shroomtable.roundrows th:first-child, .shroomtable.roundrows td:first-child, .shroomtable.roundtable tr:last-child th:first-child, .shroomtable.roundtable tr:last-child td:first-child { border-bottom-left-radius: 25px; padding-left: 12px; } .shroomtable.roundrows th.noleftradius, .shroomtable.roundrows td.noleftradius, .shroomtable.roundtable th.noleftradius, .shroomtable.roundtable td.noleftradius { border-top-left-radius: 0; border-bottom-left-radius: 0; padding-left: auto; } .shroomtable th.norightradius, .shroomtable td.norightradius, .shroomtable th.norightradius, .shroomtable td.norightradius { border-top-right-radius: 0; border-bottom-right-radius: 0; padding-right: auto; } .cc .shroomtable th { background-color: rgba(255,127,0,0.6); } .cc .shroomtable td { background-color: rgba(255,127,0,0.4); } .fn .shroomtable th { background-color: rgba(190, 60, 220, 0.4); } .fn .shroomtable td { background-color: rgba(190,60,220,0.2); } .fs .shroomtable th { background-color: rgba(0, 127, 255, 0.4); } .fs .shroomtable td { background-color: rgba(0, 127, 255, 0.2); } .pp .shroomtable th { background-color: rgba(34, 139, 34, 0.4); } .pp .shroomtable td { background-color: rgba(34, 139, 34, 0.2); } .ps .shroomtable th { background-color: rgba(218, 165, 32, 0.6); } .ps .shroomtable td { background-color: rgba(218, 165, 32, 0.4); } .sw .shroomtable th { background-color: rgba(255, 105, 180, 0.6); } .sw .shroomtable td { background-color: rgba(255, 105, 180, 0.4); } /* Shroom Gallery Thumbnails */

.shroomthumb li.gallerybox div.thumb { background: transparent none repeat scroll 0px 0px; border-radius: 13px 13px 0px 0px; display: block; border: 1px solid transparent; } .shroomthumb .gallery .thumb img { border-radius: 13px; } .shroomthumb .gallerytext { margin: 1px 1px 2px 2px; border-radius: 0 0 13px 13px; }

/* Shroom Calendar */

.shroomcalendar { text-align: center; border-spacing: 1px; } .shroomcalendar th { background-color: #BF1616; border-radius: 25px 25px 0px 0px; text-align: center; background-image: url("/images/6/65/Temp_shroomnav1.png"), url("/images/9/92/Temp_shroomnav2.png"), url("/images/1/10/Temp_shroomnav3.png"), url("/images/5/50/Temp_shroomnav6.png"), url("/images/4/43/Temp_shroomnav4.png"), url("/images/5/52/Temp_shroomnav5.png"); background-attachment: scroll, scroll, scroll, scroll, scroll, scroll; background-position: 0% top, 10% bottom, 18% center, 82% center, 90% top, right bottom; background-repeat: no-repeat; color: #FFF; height: 21px; font-size: 12px; box-sizing: border-box; }

.shroomcalendar td { position: relative; border-radius: 0; padding: 0; } .shroomcalendar td a { display: block; width: 100%; height: 100%; padding: 4px; box-sizing: border-box; }

.shroomcalendar td a.new { pointer-events: none; } .shroomcalendar td.current, .shroomcalendar td.current a { color: red; font-weight: bold; } .shroomcalendar td.current { box-shadow: 0px 0px 4px 5px rgba(255,0,0,0.3); position: relative; z-index: 1; transform: scale(1.1); }

.shroomcalendar tr:last-child td:first-child { border-bottom-left-radius: 25px; } .shroomcalendar tr:last-child td:last-child { border-bottom-right-radius: 25px }

/* Shroom Main Page Flexbox */

.shroomflex { display: flex; flex-flow: row wrap; justify-content: center; height: unset; } .shroomflex .shroomsectionbox { flex-grow: 1; flex-basis: 160px; margin: 2px; height: auto; } .shroomflex .shroomheader { flex-grow: 1; flex-basis: 100%; background-color: rgba(144, 238, 144, 0.6); border-radius: 25px; text-align: center; font-size: 120%; margin: 22.4px 0 22.4px 0; font-weight: bold; text-transform: uppercase; text-decoration: underline; }

/* Archive theme */

.shroombg.archive { background: #905516 url(/images/3/35/ShroomArchiveBG.png) repeat; }

.shroombg.pp .shroomsection { background: url("/images/f/fd/Pipewarning_image.png") repeat scroll 0% 0%, rgb(224, 255, 222) none repeat scroll 0% 0%; background-blend-mode: multiply, normal; }

.shroomYoutubeContainer { position: absolute; z-index: 3; transition: opacity 0.4s; opacity: 0; pointer-events: none; } .shroomYoutubeContainer.visible { opacity: 1; pointer-events: all; } .shroomYoutubeShade { position: fixed; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; } .shroomYoutubeBg { position: fixed; top: calc(50% - 168px); left: calc(50% - 219px); border-radius: 13px; background-color: #E8C161 ; padding: 7px; }

.shroomYoutubeVideoWrapper { display: none; z-index: 1; position: relative; }

.shroomYoutubeVideoWrapper.visible { display: block; }

.shroomYoutubeVideoWrapper iframe { border-radius: 13px; border: transparent; display: block; }

.shroomThrobber { width: 71px; height: 71px; background-image:url(/images/3/38/Shroomthrobber.png); animation: shroomThrobber 1s steps(23) infinite; } .shroomYoutubeBg .shroomThrobber { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 0; }

@keyframes shroomThrobber { from {background-position: 0 0;} to  {background-position: -1633px 0;} }

#bodyContent .shroomYoutube a.external { background-image: url("/images/3/36/ShroomYoutubeIcons.png"); background-position: right 3px; }

#bodyContent .shroomYoutube.playState a.external { background-position: right -17px; }

#bodyContent .shroomYoutube.pauseState a.external { background-position: right -37px; }

#bodyContent .shroomYoutube.stopState a.external { background-position: right -57px; }

.shroomYoutubeClose { width: 24px; height: 24px; background: transparent url("/images/a/a7/ShroomYoutubeClose.png") repeat scroll 0% 0%; position: absolute; right: -30px; cursor: pointer; }

.ShroomPumpkin img { image-rendering: auto; }

.ShroomPumpkin.turb { z-index: 1; position: fixed; pointer-events: none; left: 50%; top: 50%; transform: translate(-50%, -50%); animation: ShroomPumpkinTurb 120s infinite; }

@keyframes ShroomPumpkinTurb { from {opacity: 0} 95% {opacity: 0} 96% {opacity: 0.5} 99% {opacity: 0.5} to {opacity:0} }

/* 'Shroom Halloween theme 2015 */

.shroomhalloween2015 { background: #FFFFFF url(/images/4/4b/ShroomHalloween2015.png) repeat; padding: 0.3em; color: black; border-radius: 1em; }

.shroomhalloween2015 a { color: #8A2BE2; text-decoration: none; }

.shroomhalloween2015 a:visited { color: #7F007F; }

.shroomhalloween2015 a:active { color: #4169E1; }

.archive .shroomtable th { background-color: #b79261; } .archive .shroomtable td { background-color: #d7b27c; }

.shroombg .bestsongimage { border-radius: 25px 0 0 25px; }

.shroombg .cheatsimage { border-radius: 25px; }

/* Shroomsectionbox */

.shroomsectionbox { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid black; display: inline-block; height: 130px; overflow: hidden; padding: 0; vertical-align: bottom; width: 160px; border-radius: 1em 1em 1em 1em; text-align: center; color: #000000; }

.shroomsectionbox .header { background: none repeat scroll 0 0 #C0C0C0; margin: 0; }

.shroomsectionbox .header .title { text-decoration: underline; font-weight: bold; font-size: 110%; }

.shroomsectionbox .header .author { font-size: 70%; }

.shroomsectionbox .content { font-size:85%; }

/* shroomcctoc (Critics Corner TOC) */

.shroomtoc { border: 0 none; font-size: 0; margin: 0; padding: 0; text-align: center; width: 100%; }

.shroomtoc .supersection { -moz-box-sizing: border-box; border: 0 none; display: inline-block; margin: 0; padding: 0 2px; font-size: 12.7px; vertical-align: top; }

.shroomtoc.sw .supersection .header, .shroomtoc.sw .supersection .shroomsectionbox {

background: none repeat scroll 0 0 rgba(255,105,180,0.6);

}

.shroomtoc .supersection { width: 50%; }

.shroomtoc .supersection > .header { border: 1px solid black; border-radius: 12.7px 12.7px 12.7px 12.7px; color: black; font-size: 15.2333px; font-weight: bold; margin: 19px 0; padding: 6px; text-align: center; text-transform: uppercase; }

.shroomtoc.cc .mario .header, .shroomtoc.cc .mario .shroomsectionbox { background: none repeat scroll 0 0 #FA8072; }

.shroomtoc.cc .nonmario .header, .shroomtoc.cc .nonmario .shroomsectionbox { background: none repeat scroll 0 0 #808000; }

.shroomtoc.cc .opinion .header, .shroomtoc.cc .opinion .shroomsectionbox { background: none repeat scroll 0 0 #FF8C00; }

.shroomtoc.cc .nongame .header, .shroomtoc.cc .nongame .shroomsectionbox { background: none repeat scroll 0 0 #20B2AA; }

.shroomtoc.fn .news .header, .shroomtoc.fn .news .shroomsectionbox, .shroomtoc.fn .entertainment .header, .shroomtoc.fn .entertainment .shroomsectionbox { background: none repeat scroll 0 0 rgb(180, 106, 211); }

.shroomtoc.fs .word .header, .shroomtoc.fs .word .shroomsectionbox, .shroomtoc.fs .graphic .header, .shroomtoc.fs .graphic .shroomsectionbox, .shroomtoc.fs .mind .header, .shroomtoc.fs .mind .shroomsectionbox { background: none repeat scroll 0 0 rgb(100, 149, 237); }

.shroomtoc.pp .sections .header, .shroomtoc.pp .sections .shroomsectionbox { background: none repeat scroll 0 0 rgb(34, 139, 34); }

.shroomtoc.ps .sections .header, .shroomtoc.ps .sections .shroomsectionbox { background: none repeat scroll 0 0 rgb(218, 165, 32); }

/* Normal theme */

.shroom { background: #d4e6ea url(/images/c/c9/Mushroombg.png) repeat; padding: 0.3em; color: black; border-radius: 1em; }

.shroom a { color: blue; text-decoration: none; }

.shroom a:visited { color: purple; }

.shroom a:active { color: orange; }

/* Autumn theme */

.shroomfall { background: #FFFFFF url(/images/f/f2/Shroomfall.png) repeat; padding: 0.3em; color: black; border-radius: 1em; }

.shroomfall a { color: #8A2BE2; text-decoration: none; }

.shroomfall a:visited { color: #7F007F; }

.shroomfall a:active { color: #4169E1; }

/* Winter theme */

.shroomwinter { background: #d4e6ea url(/images/3/35/Shroomwinter.png) repeat; padding: 0.3em; color: black; border-radius: 1em; }

.shroomwinter a { color: green; text-decoration: none; }

.shroomwinter a:visited { color: #030; }

.shroomwinter a:active { color: green; }

/* Spring theme */

.shroomspring { background: #FFFFFF url(/images/3/37/Shroomspring.png) repeat; padding: 0.3em; color: black; border-radius: 1em; }

.shroomspring a { color: blue; text-decoration: none; }

.shroomspring a:visited { color: purple; }

.shroomspring a:active { color: blue; }

/* Summer theme */

.shroomsummer { background: #FFFFFF url(/images/8/8d/Shroomsummer.png) repeat; padding: 0.3em; color: black; border-radius: 1em; }

.shroomsummer a { color: blue; text-decoration: none; }

.shroomsummer a:visited { color: purple; }

.shroomsummer a:active { color: blue; }

/* Summer water edition theme */

.shroomsummerwatered { background: #FFFFFF url(/images/8/8d/Shroomsummer.png) repeat; padding: 0.3em; color: black; border-radius: 1em; }

.shroomsummerwatered a { color: blue; text-decoration: none; }

.shroomsummerwatered a:visited { color: purple; }

.shroomsummerwatered a:active { color: blue; }

/* Silver theme */

.shroom2 { border: 2px solid #aaa; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; khtml-border-radius: 1em; -icab-border-radius: 1em; background: #FFFFFF url(/images/e/e8/SilverMushroombg.PNG) repeat; padding: 0.3em; color: black; }

.shroom2 a:hover, .shroom2 p:hover, .shroom2 li:hover, .shroom2 h1:hover{ background: #fff; }

/* 50 theme */

.shroom50 { background: #d4e6ea url(/images/d/dd/Shroom50.png) repeat; padding: 0.3em; color: black; border-radius: 1em; }

.shroom50 a { color: #862dcb; text-decoration: none; }

.shroom50 a:visited { color: brown; }

.shroom50 a:active { color: gold; }

/* Winter theme */

.shroomholiday2011 { background: #d4e6ea url(/images/9/95/Shroomholiday2011.png) repeat; padding: 0.3em; color: black; border-radius: 1em; }

.shroomholiday2011 a { color: green; text-decoration: none; }

.shroomholiday2011 a:visited { color: #030; }

.shroomholiday2011 a:active { color: green; }

/* Old theme */

.shroomold { background: #d4e6ea url(/images/archive/c/c9/20090318205241!Mushroombg.png) repeat; padding: 0.3em; color: black; border-radius: 1em; }

/* 'Shroom Super Mario 64 */

.shroomsupermario64 { background: #d4e6ea url(/images/e/e7/Wingcap.png) repeat; padding: 0.3em; color: black; border-radius: 1em; }

/* 'Shroom Mario Kart 64 */

.shroommariokart64 { background: #d4e6ea url(/images/1/1b/Shroomflag.png) repeat; padding: 0.3em; color: black; border-radius: 1em; }

/* 'Shroom Mario Party */

.shroommarioparty { background: #d4e6ea url(/images/5/50/Shroomcube.png) repeat; padding: 0.3em; color: black; border-radius: 1em; }

/* 'Shroom Paper Mario */

.shroompapermario { background: #d4e6ea url(/images/0/0f/Shroompaper.png) repeat; padding: 0.3em; color: black; border-radius: 1em; }

/* 'Shroom Yoshi's Story */

.shroomyoshisstory { background: #d4e6ea url(/images/3/36/Shroomcrayon.png) repeat; padding: 0.3em; color: black; border-radius: 1em; }

/* 'Shroom Super Smash Bros. */

.shroomsupersmashbros { background: #d4e6ea url(/images/c/ca/Shroomfire.png) repeat; padding: 0.3em; color: black; border-radius: 1em; }

/* 'Shroom Halloween theme */

.shroomhalloween { background: #FFFFFF url(/images/b/b8/Shroomhalloween.png) repeat; padding: 0.3em; color: black; border-radius: 1em; }

.shroomhalloween a { color: #8A2BE2; text-decoration: none; }

.shroomhalloween a:visited { color: #7F007F; }

.shroomhalloween a:active { color: #4169E1; }

/* Waluigi theme */

.shroomwaluigi { background: #FFFFFF url(/images/8/87/BackgroundWaluigi.png) repeat; padding: 0.3em; color: white; border-radius: 1em; }

.shroomwaluigi a, #bodyContent .shroomwaluigi a.extiw { color: yellow; text-decoration: none; } .shroomwaluigi a:visited, #bodyContent .shroomwaluigi a.extiw:visited { color: orange; } .shroomwaluigi h1, .shroomwaluigi h2, .shroomwaluigi h3, .shroomwaluigi h4, .shroomwaluigi h5, .shroomwaluigi h6 { color: white; }

.shroomwaluigi a:active { color: yellow; }

/* Kirby theme */

.shroomkirby { background: #FFFFFF url(/images/2/2b/BackgroundKirby.png) repeat; padding: 0.3em; color: black; border-radius: 1em; }

.shroomkirby a { color: blue; text-decoration: none; }

.shroomkirby a:visited { color: purple; }

.shroomkirby a:active { color: blue; }

/* Mother theme */

.shroommother { background: #FFFFFF url(/images/3/31/BackgroundMother.png) repeat; padding: 0.3em; color: black; border-radius: 1em; }

.shroommother a { color: blue; text-decoration: none; }

.shroommother a:visited { color: purple; }

.shroommother a:active { color: blue; }

/* Zelda theme */

.shroomzelda { background: #FFFFFF url(/images/6/63/BackgroundZelda.png) repeat; padding: 0.3em; color: black; border-radius: 1em; }

.shroomzelda a { color: blue; text-decoration: none; }

.shroomzelda a:visited { color: purple; }

.shroomzelda a:active { color: blue; }

/* Pikmin theme */

.shroompikmin { background: #FFFFFF url(/images/a/a1/BackgroundPikmin.png) repeat; padding: 0.3em; color: black; border-radius: 1em; }

.shroompikmin a { color: blue; text-decoration: none; }

.shroompikmin a:visited { color: purple; }

.shroompikmin a:active { color: blue; }

/* Pokémon theme */

.shroompokémon { background: #FFFFFF url(/images/d/d3/BackgroundPokemon.png) repeat; padding: 0.3em; color: black; border-radius: 1em; }

.shroompokémon a { color: blue; text-decoration: none; }

.shroompokémon a:visited { color: purple; }

.shroompokémon a:active { color: blue; }

/* shroomMK8 theme */

.shroomMK8 { background: #d4e6ea url(/images/6/6e/ShroomMK8.png) repeat; padding: 0.3em; color: black; border-radius: 1em; }

.shroomMK8 a { color: green; text-decoration: none; }

.shroomMK8 a:visited { color: darkgreen; }

.shroomMK8 a:active { color: red; }

/* Zeldamon theme */

.shroomzeldamon { background: #FFFFFF url(/images/8/82/ShroomBGzeldamon.png) repeat; padding: 0.3em; color: black; border-radius: 1em; }

.shroomzeldamon a { color: blue; text-decoration: none; }

.shroomzeldamon a:visited { color: purple; }

.shroomzeldamon a:active { color: blue; }

/* 'Shroom 111 theme */

.shroombg.shroom111bowser { background: #FFFFFF url(/images/5/51/Shroom111bowser.png) repeat; color:white } .shroom111bowser.shroom111bowser .shroomcalendar a { color: blue; } .shroom111bowser.shroom111bowser .shroomcalendar a:visited { color: purple; } .shroom111bowser.shroom111bowser a { color: #FFFFE0; } .shroom111bowser.shroom111bowser a:visited { color: #F7CFFF; } .shroom111bowser.shroom111bowser a:active { color: #E5E3FF; } .shroombg.shroom111wendy.shroom111wendy { background: #FFFFFF url(/images/0/0f/Shroom111wendy.png) repeat; } .shroombg.shroom111morton { background: #FFFFFF url(/images/6/64/Shroom111morton.png) repeat; color:white } .shroom111morton.shroom111morton a { color: #FFFFE0; } .shroom111morton.shroom111morton a:visited { color: #F7CFFF; } .shroom111morton.shroom111morton a:active { color: #E5E3FF; } .shroombg.shroom111larry.shroom111larry { background: #FFFFFF url(/images/8/8b/Shroom111larry.png) repeat; } .shroombg.shroom111ludwig.shroom111ludwig { background: #FFFFFF url(/images/5/51/Shroom111ludwig.png) repeat; } .shroombg.shroom111iggy.shroom111iggy { background: #FFFFFF url(/images/4/42/Shroom111iggy.png) repeat; } .shroombg.shroom111lemmy.shroom111lemmy { background: #FFFFFF url(/images/c/c9/Shroom111lemmy.png) repeat; } .shroombg.shroom111roy.shroom111roy { background: #FFFFFF url(/images/a/a2/Shroom111roy.png) repeat; } .shroombg.shroom111bowserjr.shroom111bowserjr { background: #FFFFFF url(/images/3/38/Shroom111bowserjr.png) repeat; } .shroomnav-summer.shroomnav-summer a { color:blue; } .shroomnav-summer.shroomnav-summer a:visited { color:purple; } .shroomnav-summer.shroomnav-summer a:active { color:orange; }

/* 'Shroom April Fools */

.ShroomCrash2017 { background: #FFFFFF url(/images/3/3e/Shroom_crash_bg.png) repeat; padding: 0.3em; color: black; border-radius: 1em; }

/* 'Shroom Banners */

.ShroomVerticalBannerLeftSpring { background-image:url('/images/9/92/ShroomVerticalBannerLeft_spring.png'); width: 41px; height: 100%; position: absolute; left: 0; border-top-left-radius: 1em; border-bottom-left-radius: 1em; }

.ShroomVerticalBannerRightSpring { background-image:url('/images/2/29/ShroomVerticalBannerRight_spring.png'); width: 41px; height: 100%; position: absolute; right: 0; border-top-right-radius: 1em; border-bottom-right-radius: 1em; }

.ShroomVerticalBannerLeftSummer { background-image:url('/images/a/ac/ShroomVerticalBannerLeft_summer.png'); width: 41px; height: 100%; position: absolute; left: 0; border-top-left-radius: 1em; border-bottom-left-radius: 1em; }

.ShroomVerticalBannerRightSummer { background-image:url('/images/f/fb/ShroomVerticalBannerRight_summer.png'); width: 41px; height: 100%; position: absolute; right: 0; border-top-right-radius: 1em; border-bottom-right-radius: 1em; }

.ShroomVerticalBannerLeftFall { background-image:url('/images/d/d8/ShroomVerticalBannerLeft_fall.png'); width: 41px; height: 100%; position: absolute; left: 0; border-top-left-radius: 1em; border-bottom-left-radius: 1em; }

.ShroomVerticalBannerRightFall { background-image:url('/images/7/77/ShroomVerticalBannerRight_fall.png'); width: 41px; height: 100%; position: absolute; right: 0; border-top-right-radius: 1em; border-bottom-right-radius: 1em; }

.ShroomVerticalBannerLeft { background-image:url('/images/e/e2/ShroomVerticalBannerLeft.png'); width: 41px; height: 100%; position: absolute; left: 0; border-top-left-radius: 1em; border-bottom-left-radius: 1em; }

.ShroomVerticalBannerRight { background-image:url('/images/8/8b/ShroomVerticalBannerRight.png'); width: 41px; height: 100%; position: absolute; right: 0; border-top-right-radius: 1em; border-bottom-right-radius: 1em; }

.ShroomVerticalHolidayBannerLeft { background-image:url('/images/4/48/VerticalHolidaySideBannerLeft.png'); width: 41px; height: 100%; position: absolute; left: 0; border-top-left-radius: 1em; border-bottom-left-radius: 1em; }

.ShroomVerticalHolidayBannerRight { background-image:url('/images/1/14/VerticalHolidaySideBannerRight.png'); width: 41px; height: 100%; position: absolute; right: 0; border-top-right-radius: 1em; border-bottom-right-radius: 1em; }

.ShroomVerticalBannerCrash2017Left { background-image:url('/images/0/02/Shroom_crash_left_spring.png'); width: 41px; height: 100%; position: absolute; left: 0; border-top-left-radius: 1em; border-bottom-left-radius: 1em; }

.ShroomVerticalBannerCrash2017Right { background-image:url('/images/f/fb/Shroom_crash_right_spring.png'); width: 41px; height: 100%; position: absolute; right: 0; border-top-right-radius: 1em; border-bottom-right-radius: 1em; }