MediaWiki:Gadget-ShroomStyle.css: Difference between revisions
From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
mNo edit summary |
mNo edit summary |
||
| Line 4,195: | Line 4,195: | ||
position: absolute; | position: absolute; | ||
padding: 0; | padding: 0; | ||
max-width: none; | |||
width: 200%; | width: 200%; | ||
height: 200%; | height: 200%; | ||
Revision as of 12:28, December 23, 2023
/* CSS used for styling the 'Shroom namespace and related templates
The "mobile" body class can be used to target mobile specifically */
.shroom-style-notice.sv1, .shroom-style-notice.sv3 {
display: none;
}
/*
* 'Shroom colours and backgrounds
*/
/* Fallback values */
.shroombg {
/* Mushroom background: [[File:Shroom-bg-mushroom.svg]] */
--shroom-bg-mushroom: url(https://mario.wiki.gallery/images/b/b0/Shroom-bg-mushroom.svg);
/* Question block background: [[File:Shroom-bg-questionblock.svg]] */
--shroom-bg-questionblock: url(https://mario.wiki.gallery/images/5/5c/Shroom-bg-questionblock.svg);
/* Star background: [[File:Shroom-bg-star.svg]] */
--shroom-bg-star: url(https://mario.wiki.gallery/images/1/10/Shroom-bg-star.svg);
/* Grand Star background: [[File:Shroom-bg-grandstar.svg]] */
--shroom-bg-grandstar: url(https://mario.wiki.gallery/images/d/da/Shroom-bg-grandstar.svg);
/* Coin background: [[File:Shroom-bg-coin.svg]] */
--shroom-bg-coin: url(https://mario.wiki.gallery/images/e/e1/Shroom-bg-coin.svg);
/* Flower background: [[File:Shroom-bg-flower.svg]] */
--shroom-bg-flower: url(https://mario.wiki.gallery/images/f/fd/Shroom-bg-flower.svg);
/* Super Bell background: [[File:Shroom-bg-bell.svg]] */
--shroom-bg-bell: url(https://mario.wiki.gallery/images/6/6d/Shroom-bg-bell.svg);
/* Super Leaf background: [[File:Shroom-bg-leaf.svg]] */
--shroom-bg-leaf: url(https://mario.wiki.gallery/images/7/76/Shroom-bg-leaf.svg);
/* Note background: [[File:Shroom-bg-note.svg]] */
--shroom-bg-note: url(https://mario.wiki.gallery/images/7/7f/Shroom-bg-note.svg);
--shroom-main: #aaa;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #888;
--shroom-dark-text: #fff;
--shroom-bg: #ddd;
--shroom-section-bg: #eee;
--shroom-section-text: #000;
--shroom-section-link: #00f;
--shroom-t1: #aaac;
--shroom-t2: #aaa9;
--shroom-t3: #aaa6;
--shroom-t4: #aaa3;
--shroom-bg-image: none;
--shroom-bg2-image: var(--shroom-bg-mushroom);
--shroom-bg2-width: 180px;
--shroom-bg2-height: var(--shroom-bg2-width);
}
/* GENERIC */
.staff {
--shroom-main: #20d420;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-bg: #eeeeee;
/* Background: [[File:Mushroombg.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/c/c9/Mushroombg.png);
}
.archive {
--shroom-main: #c4a383;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #9a724d;
--shroom-dark-text: #fff;
--shroom-bg: #905516;
--shroom-section-bg: #b79261;
--shroom-section-text: #000;
--shroom-section-link: #00f;
--shroom-t2: #b79261;
--shroom-t3: #d7b27c;
--shroom-t4: #e4c291;
/* Background: [[File:ShroomArchiveBG.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/3/35/ShroomArchiveBG.png);
}
/* SEASONAL */
/* Spring */
.shroomspring,
.specialgreen,
.shroomzeldamon {
--shroom-main: #0bae2d;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #1f9a2e;
--shroom-dark-text: #fff;
--shroom-bg: #e6f3e6;
--shroom-section-bg: #f3f7f3;
--shroom-section-text: #000;
--shroom-section-link: #00f;
--shroom-t1: #0bae2dcc;
--shroom-t2: #0bae2d99;
--shroom-t3: #0bae2d66;
--shroom-t4: #0bae2d33;
}
.shroomspring {
/* Left banner: [[File:ShroomVerticalBannerLeft_spring.png]] */
--shroom-banner-left: url(https://mario.wiki.gallery/images/9/92/ShroomVerticalBannerLeft_spring.png);
/* Right banner: [[File:ShroomVerticalBannerRight_spring.png]] */
--shroom-banner-right: url(https://mario.wiki.gallery/images/2/29/ShroomVerticalBannerRight_spring.png);
/* Background: [[File:Shroomspring.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/3/37/Shroomspring.png);
}
/* Summer */
.shroomsummer,
.specialred,
.shroom111bowser,
.shroomsummer171 {
--shroom-main: #c62121;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #a01313;
--shroom-dark-text: #fff;
--shroom-bg: #f5e7e4;
--shroom-section-bg: #fff5f5;
--shroom-section-text: #000;
--shroom-section-link: #00f;
--shroom-t1: #c6212199;
--shroom-t2: #c6212166;
--shroom-t3: #c6212133;
--shroom-t4: #c621211a;
}
.shroomsummer {
/* Left banner: [[File:ShroomVerticalBannerLeft_summer.png]] */
--shroom-banner-left: url(https://mario.wiki.gallery/images/a/ac/ShroomVerticalBannerLeft_summer.png);
/* Right banner: [[File:ShroomVerticalBannerRight_summer.png]] */
--shroom-banner-right: url(https://mario.wiki.gallery/images/f/fb/ShroomVerticalBannerRight_summer.png);
/* Background: [[File:Shroomsummer.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/8/8d/Shroomsummer.png);
}
/* Autumn */
.shroomfall,
.specialyellow,
.issue100 {
--shroom-main: #efc70f;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #bb9a07;
--shroom-dark-text: #fff;
--shroom-bg: #f3ebce;
--shroom-section-bg: #fffae9;
--shroom-section-text: #000;
--shroom-section-link: #8a2be2;
--shroom-t1: #efc70fcc;
--shroom-t2: #efc70f99;
--shroom-t3: #efc70f66;
--shroom-t4: #efc70f33;
}
.shroomfall {
/* Left banner: [[File:ShroomVerticalBannerLeft_fall.png]] */
--shroom-banner-left: url(https://mario.wiki.gallery/images/d/d8/ShroomVerticalBannerLeft_fall.png);
/* Right banner: [[File:ShroomVerticalBannerRight_fall.png]] */
--shroom-banner-right: url(https://mario.wiki.gallery/images/7/77/ShroomVerticalBannerRight_fall.png);
/* Background: [[File:Shroomfall.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/f/f2/Shroomfall.png);
}
/* Winter */
.shroomwinter {
--shroom-main: #a7d7d7;
--shroom-main-text: #000;
--shroom-main-link: green;
--shroom-dark: #619e9e;
--shroom-dark-text: #fff;
--shroom-bg: #e6f3f3;
--shroom-section-bg: #f4f8f8;
--shroom-section-text: #000;
--shroom-section-link: green;
--shroom-t1: #a7d7d7cc;
--shroom-t2: #a7d7d799;
--shroom-t3: #a7d7d766;
--shroom-t4: #a7d7d733;
/* Left banner: [[File:ShroomVerticalBannerLeft.png]] */
--shroom-banner-left: url(https://mario.wiki.gallery/images/e/e2/ShroomVerticalBannerLeft.png);
/* Right banner: [[File:ShroomVerticalBannerRight.png]] */
--shroom-banner-right: url(https://mario.wiki.gallery/images/8/8b/ShroomVerticalBannerRight.png);
/* Background: [[File:Shroomwinter.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/3/35/Shroomwinter.png);
}
/* TEAMS */
/* Fake News */
.fn {
--shroom-main: #b46fd3;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #9400d3;
--shroom-dark-text: #fff;
--shroom-bg: #d5b7fc;
--shroom-section-bg: #f3dcff;
--shroom-section-text: #000;
--shroom-section-link: #00f;
--shroom-t1: #be3cdc99;
--shroom-t2: #be3cdc66;
--shroom-t3: #be3cdc33;
--shroom-t4: #be3cdc1a;
/* Background: [[File:Shroombgfn.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/d/db/Shroombgfn.png);
}
/* Fun Stuff */
.fs {
--shroom-main: #4da5ff;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #007fff;
--shroom-dark-text: #fff;
--shroom-bg: #a4c7ff;
--shroom-section-bg: #e1eaf9;
--shroom-section-text: #000;
--shroom-section-link: #00f;
--shroom-t1: #007fff99;
--shroom-t2: #007fff66;
--shroom-t3: #007fff33;
--shroom-t4: #007fff1a;
/* Background: [[File:Shroombgfs.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/6/61/Shroombgfs.png);
}
/* Palette Swap */
.ps {
--shroom-main: #e8c15f;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #daa520;
--shroom-dark-text: #fff;
--shroom-bg: #ffdf92;
--shroom-section-bg: #fff5c7;
--shroom-section-text: #000;
--shroom-section-link: #00f;
--shroom-t1: #daa520cc;
--shroom-t2: #daa52099;
--shroom-t3: #daa52066;
--shroom-t4: #daa52033;
/* Background: [[File:Shroombgps.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/0/01/Shroombgps.png);
}
/* Pipe Plaza */
.pp {
--shroom-main: #31c831;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #228b22;
--shroom-dark-text: #fff;
--shroom-bg: #b0f4b8;
--shroom-section-bg: #e0ffde;
--shroom-section-text: #000;
--shroom-section-link: #00f;
--shroom-t1: #228b2299;
--shroom-t2: #228b2266;
--shroom-t3: #228b2233;
--shroom-t4: #228b221a;
/* Background: [[File:Shroombgpp.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/3/3a/Shroombgpp.png);
}
/* Critic Corner */
.cc {
--shroom-main: #ffa54d;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #ff7f00;
--shroom-dark-text: #fff;
--shroom-bg: #ffbe89;
--shroom-section-bg: #ffe3ba;
--shroom-section-text: #000;
--shroom-section-link: #00f;
--shroom-t1: #ff7f00cc;
--shroom-t2: #ff7f0099;
--shroom-t3: #ff7f0066;
--shroom-t4: #ff7f0033;
/* Background: [[File:Shroombgcc.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/7/7d/Shroombgcc.png);
}
/* Strategy Wing */
.sw {
--shroom-main: #ff69b4;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #ff1493;
--shroom-dark-text: #fff;
--shroom-bg: #ffd2ec;
--shroom-section-bg: #ffebf5;
--shroom-section-text: #000;
--shroom-section-link: #00f;
--shroom-t1: #ff69b4cc;
--shroom-t2: #ff69b499;
--shroom-t3: #ff69b466;
--shroom-t4: #ff69b433;
/* Background: [[File:Shroombgsw.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/2/26/Shroombgsw.png);
}
/* GENERIC SPECIALS */
/* specialred: see shroomsummer */
.specialred {
--shroom-dark: #b50d0d;
--shroom-bg: #fcbdbd;
--shroom-section-bg: #fff0f0;
/* Background: [[File:Shroombgspecialred.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/b/bf/Shroombgspecialred.png);
--shroom-bg2-image: var(--shroom-bg-star);
}
.specialorange, .shroomhalloween2015 {
--shroom-main: #ec8c24;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #e07400;
--shroom-dark-text: #fff;
--shroom-bg: #f8d1a6;
--shroom-section-bg: #fff4e9;
--shroom-section-text: #000;
--shroom-section-link: #00f;
--shroom-t1: #ec8c24cc;
--shroom-t2: #ec8c2499;
--shroom-t3: #ec8c2466;
--shroom-t4: #ec8c2433;
/* Background: [[File:Shroombgspecialorange.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/d/d2/Shroombgspecialorange.png);
--shroom-bg2-image: var(--shroom-bg-star);
}
/* specialyellow: see shroomfall */
.specialyellow {
--shroom-bg: #f2d785;
/* Background: [[File:Shroombgspecialyellow.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/8/86/Shroombgspecialyellow.png);
--shroom-bg2-image: var(--shroom-bg-star);
}
.speciallime {
--shroom-main: #9ed529;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #80b017;
--shroom-dark-text: #fff;
--shroom-bg: #e4f2c4;
--shroom-section-bg: #f8ffe9;
--shroom-section-text: #000;
--shroom-section-link: #00f;
--shroom-t1: #9ed529cc;
--shroom-t2: #9ed52999;
--shroom-t3: #9ed52966;
--shroom-t4: #9ed52933;
/* Background: [[File:Shroombgspeciallime.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/1/18/Shroombgspeciallime.png);
--shroom-bg2-image: var(--shroom-bg-star);
}
/* specialgreen: see shroomspring */
.specialgreen {
--shroom-bg: #c4f2d4;
--shroom-section-bg: #e9fff1;
/* Background: [[File:Shroombgspecialgreen.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/9/93/Shroombgspecialgreen.png);
--shroom-bg2-image: var(--shroom-bg-star);
}
.specialcyan {
--shroom-main: #51c9d0;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #2aa6ac;
--shroom-dark-text: #fff;
--shroom-bg: #c4eaf2;
--shroom-section-bg: #e9faff;
--shroom-section-text: #000;
--shroom-section-link: #00f;
--shroom-t1: #51c9d0cc;
--shroom-t2: #51c9d099;
--shroom-t3: #51c9d066;
--shroom-t4: #51c9d033;
/* Background: [[File:Shroombgspecialcyan.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/d/df/Shroombgspecialcyan.png);
--shroom-bg2-image: var(--shroom-bg-star);
}
.specialblue {
--shroom-main: #618fea;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #366dde;
--shroom-dark-text: #fff;
--shroom-bg: #b7cbff;
--shroom-section-bg: #e5eeff;
--shroom-section-text: #000;
--shroom-section-link: #00f;
--shroom-t1: #618feacc;
--shroom-t2: #618fea99;
--shroom-t3: #618fea66;
--shroom-t4: #618fea33;
/* Background: [[File:Shroombgspecialblue.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/8/8f/Shroombgspecialblue.png);
--shroom-bg2-image: var(--shroom-bg-star);
}
.specialindigo {
--shroom-main: #8568cf;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #6a45c8;
--shroom-dark-text: #fff;
--shroom-bg: #d1c4f2;
--shroom-section-bg: #efe9ff;
--shroom-section-text: #000;
--shroom-section-link: #00f;
--shroom-t1: #8568cfcc;
--shroom-t2: #8568cf99;
--shroom-t3: #8568cf66;
--shroom-t4: #8568cf33;
/* Background: [[File:Shroombgspecialindigo.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/f/f7/Shroombgspecialindigo.png);
--shroom-bg2-image: var(--shroom-bg-star);
}
.specialpurple {
--shroom-main: #a55ad9;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #7126a6;
--shroom-dark-text: #fff;
--shroom-bg: #e7c4f2;
--shroom-section-bg: #f9e9ff;
--shroom-section-text: #000;
--shroom-section-link: #00f;
--shroom-t1: #a55ad9cc;
--shroom-t2: #a55ad999;
--shroom-t3: #a55ad966;
--shroom-t4: #a55ad933;
/* Background: [[File:Shroombgspecialpurple.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/5/52/Shroombgspecialpurple.png);
--shroom-bg2-image: var(--shroom-bg-star);
}
.specialpink {
--shroom-main: #ec62c0;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #da2fa4;
--shroom-dark-text: #fff;
--shroom-bg: #f2c4db;
--shroom-section-bg: #ffe9f4;
--shroom-section-text: #000;
--shroom-section-link: #00f;
--shroom-t1: #ec62c0cc;
--shroom-t2: #ec62c099;
--shroom-t3: #ec62c066;
--shroom-t4: #ec62c033;
/* Background: [[File:Shroombgspecialpink.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/0/01/Shroombgspecialpink.png);
--shroom-bg2-image: var(--shroom-bg-star);
}
/* SPECIAL 100 */
/* issue100: see shroomfall */
.issue100 {
--shroom-bg: #ffd800;
/* Background: [[File:Shroombg100main.gif]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/a/a2/Shroombg100main.gif);
}
/* SPECIAL 103 */
/* shroomhalloween2015: see specialorange */
.shroomhalloween2015 {
--shroom-main-link: #8a2be2;
--shroom-bg: #ffa443;
}
/* SPECIAL 107 */
/* shroomzeldamon: see shroomspring */
.shroomzeldamon {
--shroom-bg: #f5dc80;
/* Background: [[File:ShroomBGzeldamon.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/8/82/ShroomBGzeldamon.png);
}
/* SPECIAL 111 */
/* shroom111bowser: see shroomsummer */
.shroom111bowser {
--shroom-main-text: #fff;
--shroom-main-link: #ffffe0;
--shroom-section-text: #000;
--shroom-section-link: #00f;
/* Background: [[File:Shroom111bowser.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/5/51/Shroom111bowser.png);
}
.shroom111wendy {
--shroom-bg: #e0e0e0;
/* Background: [[File:Shroom111wendy.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/0/0f/Shroom111wendy.png);
}
.shroom111morton {
--shroom-main-text: #fff;
--shroom-main-link: #ffffe0;
--shroom-bg: #4b4b4b;
--shroom-section-bg: #fff6e6;
--shroom-section-text: #000;
--shroom-section-link: #00f;
/* Background: [[File:Shroom111morton.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/6/64/Shroom111morton.png);
}
.shroom111larry {
/* Background: [[File:Shroom111larry.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/8/8b/Shroom111larry.png);
}
.shroom111ludwig {
/* Background: [[File:Shroom111ludwig.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/5/51/Shroom111ludwig.png);
}
.shroom111iggy {
/* Background: [[File:Shroom111iggy.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/4/42/Shroom111iggy.png);
}
.shroom111lemmy {
/* Background: [[File:Shroom111lemmy.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/c/c9/Shroom111lemmy.png);
}
.shroom111roy {
/* Background: [[File:Shroom111roy.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/a/a2/Shroom111roy.png);
}
.shroom111bowserjr {
/* Background: [[File:Shroom111bowserjr.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/3/38/Shroom111bowserjr.png);
}
/* SPECIAL 123 */
.shroom123wario {
/* Background: [[File:Shroom123wario.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/b/b9/Shroom123wario.png);
}
.shroom123waluigi {
/* Background: [[File:Shroom123waluigi.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/2/29/Shroom123waluigi.png);
}
.shroom123mona {
/* Background: [[File:Shroom123mona.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/f/fa/Shroom123mona.png);
}
.shroom123ashley {
/* Background: [[File:Shroom123ashley.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/4/48/Shroom123ashley.png);
}
.shroom123stein {
/* Background: [[File:Shroom123stein.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/7/79/Shroom123stein.png);
}
.shroom123syrup {
/* Background: [[File:Shroom123syrup.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/e/e0/Shroom123syrup.png);
}
.shroom1239volt {
/* Background: [[File:Shroom1239volt.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/f/f4/Shroom1239volt.png);
}
/* SPECIAL 135 */
.shroom135luigi {
--shroom-main: #90ee9099;
--shroom-dark: #1a6312;
--shroom-bg: #1a940d;
/* Background: [[File:Shroom135luigi.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/1/1e/Shroom135luigi.png);
}
.shroom135birdo {
/* Background: [[File:Shroom135birdo.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/a/a2/Shroom135birdo.png);
}
.shroom135funkykong {
/* Background: [[File:Shroom135funkykong.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/f/fa/Shroom135funkykong.png);
}
.shroom135kamek {
/* Background: [[File:Shroom135kamek.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/f/f7/Shroom135kamek.png);
}
.shroom135kingboo {
/* Background: [[File:Shroom135kingboo.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/8/8b/Shroom135kingboo.png);
}
.shroom135tatanga {
/* Background: [[File:Shroom135tatanga.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/2/21/Shroom135tatanga.png);
}
.shroom135toadsworth {
/* Background: [[File:Shroom135toadsworth.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/f/f3/Shroom135toadsworth.png);
}
/* SPECIAL 150 */
.shroom150main {
--shroom-main: #e5b01a;
--shroom-dark: #a07807;
--shroom-bg: #f6ca4d;
/* Background: [[File:Shroom150main.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/7/77/Shroom150main.png);
}
.shroom150misc {
--shroom-main: #aaa;
--shroom-main-text: #fff;
--shroom-main-link: #eef;
--shroom-dark: #fff;
--shroom-bg: #4d4d4d;
--shroom-section-bg: #d3d3d3;
/* Background: [[File:Shroom150misc.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/6/6e/Shroom150misc.png);
}
.shroom150fn {
/* Background: [[File:Shroom150fn.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/3/3e/Shroom150fn.png);
}
.shroom150fs {
/* Background: [[File:Shroom150fs.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/d/df/Shroom150fs.png);
}
.shroom150ps {
/* Background: [[File:Shroom150ps.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/1/10/Shroom150ps.png);
}
.shroom150pp {
/* Background: [[File:Shroom150pp.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/8/81/Shroom150pp.png);
}
.shroom150cc {
/* Background: [[File:Shroom150cc.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/2/26/Shroom150cc.png);
}
.shroom150sw {
/* Background: [[File:Shroom150sw.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/f/fa/Shroom150sw.png);
}
/* SPECIAL 165 */
.shroom165main {
--shroom-main: #a6e3eb;
--shroom-dark: #63cbd9;
--shroom-bg: #dcfcff;
/* Background: [[File:Shroom165main.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/b/b8/Shroom165main.png);
}
.shroom165staff {
--shroom-main: #a0a0a0;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #888;
--shroom-dark-text: #fff;
--shroom-bg: #4d4d4d;
--shroom-section-bg: #e6e6e6;
--shroom-section-text: #000;
--shroom-section-link: #00f;
/* Background: [[File:Shroom165staff.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/a/a9/Shroom165staff.png);
}
.shroom165spotlight {
--shroom-main: #a6e46c;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #88cc49;
--shroom-dark-text: #fff;
--shroom-bg: #b7f47e;
--shroom-section-bg: #edfcde;
--shroom-section-text: #000;
--shroom-section-link: #00f;
/* Background: [[File:Shroom165spotlight.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/f/f5/Shroom165spotlight.png);
}
.shroom165special {
--shroom-main: #55c4ed;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #13afe7;
--shroom-dark-text: #fff;
--shroom-bg: #55c4ed;
--shroom-section-bg: #e3f5fc;
--shroom-section-text: #000;
--shroom-section-link: #00f;
/* Background: [[File:Shroom165special.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/5/52/Shroom165special.png);
}
.shroom165fn {
/* Background: [[File:Shroom165fn.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/9/9b/Shroom165fn.png);
}
.shroom165fs {
/* Background: [[File:Shroom165fs.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/9/9b/Shroom165fs.png);
}
.shroom165ps {
/* Background: [[File:Shroom165ps.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/a/af/Shroom165ps.png);
}
.shroom165pp {
/* Background: [[File:Shroom165pp.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/b/bf/Shroom165pp.png);
}
.shroom165cc {
/* Background: [[File:Shroom165cc.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/1/1c/Shroom165cc.png);
}
.shroom165sw {
/* Background: [[File:Shroom165sw.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/c/c6/Shroom165sw.png);
}
/* SPECIAL 171 */
.shroom171main {
--shroom-main: #f6ca4d;
--shroom-dark: #a08537;
--shroom-bg: #ffee8a;
/* Background: [[File:Shroom171mainpage.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/5/59/Shroom171mainpage.png);
}
/* shroomsummer171: see shroomsummer */
.shroomsummer171 {
--shroom-main: #f5e7e4;
--shroom-bg: #f5e7e4;
/* Background: [[File:Shroomsummer171.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/9/9d/Shroomsummer171.png);
}
.shroomstaff171 {
--shroom-main: #a0a0a0;
--shroom-bg: #717171;
/* Background: [[File:Shroom171staff.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/c/cd/Shroom171staff.png);
}
.shroom171spotlight {
--shroom-dark: #6b9d3d;
--shroom-bg: #b7f47e;
--shroom-section-bg: #c9f1a4;
/* Background: [[File:Shroom171spotlight.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/f/fc/Shroom171spotlight.png);
}
.shroom171fn {
/* Background: [[File:Shroom171fn.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/8/8a/Shroom171fn.png);
}
.shroom171fs {
/* Background: [[File:Shroom171fs.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/6/6c/Shroom171fs.png);
}
.shroom171ps {
/* Background: [[File:Shroom171ps.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/5/50/Shroom171ps.png);
}
.shroom171pp {
/* Background: [[File:Shroom171pp.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/4/43/Shroom171pp.png);
}
.shroom171cc {
/* Background: [[File:Shroom171cc.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/2/2a/Shroom171cc.png);
}
.shroom171sw {
/* Background: [[File:Shroom171sw.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/8/84/Shroom171sw.png);
}
/* SPECIAL 175 */
.shroom175tricktreat {
--shroom-main: #ffa852;
--shroom-dark: #cb7e33;
--shroom-bg: #ffa443;
--shroom-section-bg: #ffe4c6;
--shroom-t1: #ffa500cc;
--shroom-t2: #ffa50099;
--shroom-t3: #ffa50066;
--shroom-t4: #ffa50033;
/* Background: [[File:Shroom175special.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/3/3e/Shroom175special.png);
}
/* SPECIAL 177 */
.shroom177main {
--shroom-main: #77d2ee;
--shroom-dark: #4dbde0;
--shroom-bg: #9fd9ee;
/* Background: [[File:Shroom177main.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/f/fe/Shroom177main.png);
}
.shroom177staff {
--shroom-main: #a0a0a0;
--shroom-dark: #1f1f1f;
--shroom-bg: #a0a0a0;
--shroom-section-bg: #e6e6e6;
/* Background: [[File:Shroom177staff.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/e/e3/Shroom177staff.png);
}
.shroom177spotlight {
--shroom-dark: #88cc49;
--shroom-bg: #b7f47e;
--shroom-section-bg: #edfcde;
--shroom-section-text: #000;
--shroom-section-link: #00f;
/* Background: [[File:Shroom177spotlight.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/9/92/Shroom177spotlight.png);
}
.shroom177special {
--shroom-main: #55c4ed;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #0caae4;
--shroom-dark-text: #fff;
--shroom-bg: #e6f3f3;
--shroom-section-bg: #eef7f7;
--shroom-section-text: #000;
--shroom-section-link: #00f;
/* Background: [[File:Shroom177special.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/6/6b/Shroom177special.png);
}
.shroom177fn {
/* Background: [[File:Shroom177fn.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/e/e6/Shroom177fn.png);
}
.shroom177fs {
/* Background: [[File:Shroom177fs.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/3/35/Shroom177fs.png);
}
.shroom177ps {
/* Background: [[File:Shroom177ps.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/7/76/Shroom177ps.png);
}
.shroom177pp {
/* Background: [[File:Shroom177pp.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/f/fc/Shroom177pp.png);
}
.shroom177cc {
/* Background: [[File:Shroom177cc.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/8/87/Shroom177cc.png);
}
.shroom177sw {
/* Background: [[File:Shroom177sw.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/6/6f/Shroom177sw.png);
}
/* SPECIAL 181 */
.shroom181main {
--shroom-main: #bb558b;
--shroom-main-text: #fff;
--shroom-main-link: #fff;
--shroom-dark: #72185b;
--shroom-dark-text: #fff;
--shroom-bg: #221c37;
--shroom-section-bg: #92d2ec;
--shroom-section-text: #000;
--shroom-section-link: #00f;
--shroom-t1: #bb558bcc;
--shroom-t2: #bb558b99;
--shroom-t3: #bb558b66;
--shroom-t4: #bb558b33;
/* Background: [[File:Shroom181main.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/4/40/Shroom181main.png);
}
.shroom181fn {
/* Background: [[File:Shroom181fn.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/2/2e/Shroom181fn.png);
}
.shroom181fs {
/* Background: [[File:Shroom181fs.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/b/bd/Shroom181fs.png);
}
.shroom181ps {
/* Background: [[File:Shroom181ps.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/0/01/Shroom181ps.png);
}
.shroom181pp {
/* Background: [[File:Shroom181pp.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/1/17/Shroom181pp.png);
}
.shroom181cc {
/* Background: [[File:Shroom181cc.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/3/39/Shroom181cc.png);
}
.shroom181sw {
/* Background: [[File:Shroom181sw.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/1/18/Shroom181sw.png);
}
/* SPECIAL 183 */
.shroom183main {
--shroom-main: #f7be52;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #e09306;
--shroom-dark-text: #fff;
--shroom-bg: #fbf1e0;
--shroom-section-bg: #faedd1;
--shroom-section-text: #000;
--shroom-section-link: #00f;
--shroom-t1: #f7be52cc;
--shroom-t2: #f7be5299;
--shroom-t3: #f7be5266;
--shroom-t4: #f7be5233;
/* Left banner: [[File:ShroomVerticalBannerLeft_183.png]] */
--shroom-banner-left: url(https://mario.wiki.gallery/images/f/f1/ShroomVerticalBannerLeft_183.png);
/* Right banner: [[File:ShroomVerticalBannerRight_183.png]] */
--shroom-banner-right: url(https://mario.wiki.gallery/images/9/96/ShroomVerticalBannerRight_183.png);
/* Background: [[File:Shroom183main.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/a/ac/Shroom183main.png);
}
.shroom183staff {
--shroom-main: #d38e17;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #ac6f06;
--shroom-dark-text: #fff;
--shroom-bg: #f6e3b5;
--shroom-section-bg: #f9edcf;
--shroom-section-text: #000;
--shroom-section-link: #00f;
--shroom-t1: #d38e17cc;
--shroom-t2: #d38e1799;
--shroom-t3: #d38e1766;
--shroom-t4: #d38e1733;
/* Background: [[File:Shroom183staff.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/0/0a/Shroom183staff.png);
}
.shroom183fludd {
--shroom-main: #96c1e9;
--shroom-main-text: #fff;
--shroom-main-link: #ddf;
--shroom-dark: #87a7c5;
--shroom-dark-text: #fff;
--shroom-bg: #759abc;
--shroom-section-bg: #e4f0fb;
--shroom-section-text: #000;
--shroom-section-link: #00f;
--shroom-t1: #96c1e9cc;
--shroom-t2: #96c1e999;
--shroom-t3: #96c1e966;
--shroom-t4: #96c1e933;
/* Background: [[File:Shroom183sun.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/6/6e/Shroom183sun.png);
}
.shroom183sun {
--shroom-main: #e79e55;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #7b828a;
--shroom-dark-text: #fff;
--shroom-bg: #a4b5c1;
--shroom-section-bg: #fcf0e3;
--shroom-section-text: #000;
--shroom-section-link: #00f;
--shroom-t1: #e79e55cc;
--shroom-t2: #e79e5599;
--shroom-t3: #e79e5566;
--shroom-t4: #e79e5533;
/* Background: [[File:Shroom183sun.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/b/b5/Shroom183sun.png);
}
.shroom183blooper {
--shroom-main: #6dbee8;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #a7b9c9;
--shroom-dark-text: #fff;
--shroom-bg: #d8ebf6;
--shroom-section-bg: #edf5ff;
--shroom-section-text: #000;
--shroom-section-link: #00f;
--shroom-t1: #6dbee8cc;
--shroom-t2: #6dbee899;
--shroom-t3: #6dbee866;
--shroom-t4: #6dbee833;
/* Background: [[File:Shroom183blooper.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/a/a4/Shroom183blooper.png);
}
.shroom183fn {
/* Background: [[File:Shroom183fn.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/2/2b/Shroom183fn.png);
}
.shroom183fs {
/* Background: [[File:Shroom183fs.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/3/34/Shroom183fs.png);
}
.shroom183ps {
/* Background: [[File:Shroom183ps.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/d/db/Shroom183ps.png);
}
.shroom183pp {
/* Background: [[File:Shroom183pp.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/f/fe/Shroom183pp.png);
}
.shroom183cc {
/* Background: [[File:Shroom183cc.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/e/e3/Shroom183cc.png);
}
.shroom183sw {
/* Background: [[File:Shroom183sw.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/9/91/Shroom183sw.png);
}
/* SPECIAL 189 */
.shroom189main {
--shroom-main: #6d72a0;
--shroom-main-text: #fff;
--shroom-main-link: #fff;
--shroom-dark: #1c36b7;
--shroom-dark-text: #fff;
--shroom-bg: #e6f3f3;
--shroom-section-bg: #f4f8f8;
--shroom-section-text: #000;
--shroom-section-link: green;
--shroom-t1: #a7d7d7cc;
--shroom-t2: #a7d7d799;
--shroom-t3: #a7d7d766;
--shroom-t4: #a7d7d733;
/* Left banner: [[File:ShroomVerticalBannerLeft.png]] */
--shroom-banner-left: url(https://mario.wiki.gallery/images/e/e2/ShroomVerticalBannerLeft.png);
/* Right banner: [[File:ShroomVerticalBannerRight.png]] */
--shroom-banner-right: url(https://mario.wiki.gallery/images/8/8b/ShroomVerticalBannerRight.png);
}
.shroom189staff {
--shroom-main: #a6d1e4;
--shroom-main-text: #fff;
--shroom-main-link: #fff;
--shroom-dark: #183f72;
--shroom-dark-text: #fff;
--shroom-bg: #002353;
--shroom-section-bg: #93b0dd;
--shroom-section-text: #000;
--shroom-section-link: #00f;
--shroom-t1: #6163aacc;
--shroom-t2: #6163aa99;
--shroom-t3: #6163aa66;
--shroom-t4: #6163aa33;
/* Background: [[File:Shroom189dd.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/2/23/Shroom189dd.png);
}
.shroom189fn {
/* Background: [[File:Shroom189fn.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/9/9f/Shroom189fn.png);
}
.shroom189fs {
/* Background: [[File:Shroom189fs.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/8/85/Shroom189fs.png);
}
.shroom189ps {
/* Background: [[File:Shroom189ps.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/f/fa/Shroom189ps.png);
}
.shroom189pp {
/* Background: [[File:Shroom189pp.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/f/f1/Shroom189pp.png);
}
.shroom189cc {
/* Background: [[File:Shroom189cc.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/7/7c/Shroom189cc.png);
}
.shroom189sw {
/* Background: [[File:Shroom189sw.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/2/26/Shroom189sw.png);
}
/* SPECIAL 195 */
.shroom195main {
--shroom-main: #ffb644;
--shroom-main-text: #fff;
--shroom-main-link: #eb9622;
--shroom-dark: #c30029;
--shroom-dark-text: #fff;
--shroom-bg: #5f403b;
--shroom-section-bg: #e1cbb1;
--shroom-section-text: #000;
--shroom-section-link: #00f;
--shroom-t1: #ffb644cc;
--shroom-t2: #ffb64499;
--shroom-t3: #ffb64466;
--shroom-t4: #ffb64433;
/* Left banner: [[File:ShroomVerticalBannerLeft_summer.png]] */
--shroom-banner-left: url(https://mario.wiki.gallery/images/a/ac/ShroomVerticalBannerLeft_summer.png);
/* Right banner: [[File:ShroomVerticalBannerRight_summer.png]] */
--shroom-banner-right: url(https://mario.wiki.gallery/images/f/fb/ShroomVerticalBannerRight_summer.png);
/* Background: [[File:Shroom195main.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/6/6f/Shroom195main.png);
}
.shroom195brick {
/* Background: [[File:Shroom195brick.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/7/7a/Shroom195brick.png);
}
/* ISSUE 200 */
.shroom200main {
--shroom-main: rgba(14, 9, 43, 0.7);
--shroom-main-text: #fff;
--shroom-main-link: #e0eb6b;
--shroom-dark: #594196;
--shroom-dark-text: #fff;
--shroom-bg: #37314b;
--shroom-section-bg: #c2c1ff;
}
.shroom200mainalt {
--shroom-main: #29284fb3;
--shroom-main-text: #fff;
--shroom-main-link: #8888f1;
--shroom-dark: #1f1233b3;
--shroom-dark-text: #fff;
--shroom-bg: #37314b;
}
.shroom200Persona {
--shroom-main: #687AF7;
--shroom-main-text: #000;
--shroom-main-link: #444478;
--shroom-dark: #1E2880;
--shroom-dark-text: #FFF;
--shroom-bg: #8a8bf7;
--shroom-section-bg: #D3D4FF;
--shroom-section-text: #000;
--shroom-section-link: #00f;
/* Background: [[File:Shroombgpersona200.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/d/d1/Shroombgpersona200.png);
}
.shroom200Personaalt {
--shroom-main: #687AF7;
--shroom-main-text: #000;
--shroom-main-link: #fff;
--shroom-dark: #1E2880;
--shroom-dark-text: #FFF;
--shroom-bg: #8a8bf7;
--shroom-section-text: #000;
--shroom-section-link: #00f;
}
/* AWARDS */
.shroombgdossier {
--shroom-main: #e14049;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #b9131e;
--shroom-dark-text: #fff;
--shroom-bg: #e9656d;
--shroom-section-bg: #faebec;
--shroom-section-text: #000;
--shroom-section-link: #00f;
--shroom-t1: #e14049cc;
--shroom-t2: #e1404999;
--shroom-t3: #e1404966;
--shroom-t4: #e1404933;
/* Background: [[File:Shroombgdossier.png]] */
--shroom-bg-image: url(https://mario.wiki.gallery/images/7/72/Shroombgdossier.png);
}
/* BACKGROUND OVERRIDES (insert new colour schemes above) */
.shroombg.bg-mushroom {
--shroom-bg2-image: var(--shroom-bg-mushroom);
--shroom-bg2-width: 180px;
}
.shroombg.bg-questionblock {
--shroom-bg2-image: var(--shroom-bg-questionblock);
--shroom-bg2-width: 180px;
}
.shroombg.bg-star {
--shroom-bg2-image: var(--shroom-bg-star);
--shroom-bg2-width: 180px;
}
.shroombg.bg-grandstar {
--shroom-bg2-image: var(--shroom-bg-grandstar);
--shroom-bg2-width: 250px;
}
.shroombg.bg-coin {
--shroom-bg2-image: var(--shroom-bg-coin);
--shroom-bg2-width: 180px;
--shroom-bg2-height: 240px;
}
.shroombg.bg-flower {
--shroom-bg2-image: var(--shroom-bg-flower);
--shroom-bg2-width: 180px;
}
.shroombg.bg-bell {
--shroom-bg2-image: var(--shroom-bg-bell);
--shroom-bg2-width: 180px;
}
.shroombg.bg-leaf {
--shroom-bg2-image: var(--shroom-bg-leaf);
--shroom-bg2-width: 180px;
}
.shroombg.bg-note {
--shroom-bg2-image: var(--shroom-bg-note);
--shroom-bg2-width: 180px;
}
/*
* Fonts
*/
.font-courgette {
font-family: 'Courgette', cursive;
}
.font-federant {
font-family: 'Federant', serif;
}
.font-ptserif {
font-family: 'PT Serif Bold', serif;
}
.font-pressstart2p {
font-family: 'Press Start 2P', monospace;
}
.font-indieflower {
font-family: 'Indie Flower', cursive;
}
.font-mochiypopone {
font-family: 'Mochiy Pop One', sans-serif;
}
/* Manual Google Fonts imports for font files because of MediaWiki limitations
* https://fonts.googleapis.com/css?family=Courgette|Federant|PT+Serif:700|Press+Start+2P|Indie+Flower|Luckiest+Guy&display=swap */
/* latin-ext */
@font-face {
font-family: 'Courgette';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/courgette/v17/wEO_EBrAnc9BLjLQAUk1WPoK7Es.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Courgette';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/courgette/v17/wEO_EBrAnc9BLjLQAUk1VvoK.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
font-family: 'Federant';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/federant/v29/2sDdZGNfip_eirT0_X0kT0A.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
font-family: 'Indie Flower';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/indieflower/v21/m8JVjfNVeKWVnh3QMuKkFcZVaUuH.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
font-family: 'Luckiest Guy';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/luckiestguy/v22/_gP_1RrxsjcxVyin9l9n_j2hTd52.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'PT Serif Bold';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRSQgYoZZY2vCFuvAnt66qfVyvHpA.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'PT Serif Bold';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRSQgYoZZY2vCFuvAnt66qWVyvHpA.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
font-family: 'PT Serif Bold';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRSQgYoZZY2vCFuvAnt66qcVyvHpA.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'PT Serif Bold';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRSQgYoZZY2vCFuvAnt66qSVys.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Press Start 2P';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/pressstart2p/v15/e3t4euO8T-267oIAQAu6jDQyK3nYivN04w.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Press Start 2P';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/pressstart2p/v15/e3t4euO8T-267oIAQAu6jDQyK3nRivN04w.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
font-family: 'Press Start 2P';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/pressstart2p/v15/e3t4euO8T-267oIAQAu6jDQyK3nWivN04w.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
font-family: 'Press Start 2P';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/pressstart2p/v15/e3t4euO8T-267oIAQAu6jDQyK3nbivN04w.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Press Start 2P';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/pressstart2p/v15/e3t4euO8T-267oIAQAu6jDQyK3nVivM.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* For Mochiy Pop One specifically
* https://fonts.googleapis.com/css?family=Mochiy+Pop+One&display=swap&text=abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789.%21%22%23%24%25%26%27()%2B,-%2f%2a%20%3a%3b%3f%c3%97%C3%A9 */
@font-face {
font-family: 'Mochiy Pop One';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/l/font?kit=QdVPSTA9Jh-gg-5XZP2UmU4O9kw1F94zRZkBUTqNT2NkpneOTZI1Zgb4_M_NYQkQZs3PctmOD7cpAS8w3FY_Pw1ZD-dh8q-_drdY79tES0q9N1pns1VNUkQbtOyeLD9rdylV6qI4xfRSLFtHM2sewnxxh1n9gbq7HJpWVPlyf9-SrUMGTcrdrzO5RLaUkJ2XPO94BbIEtv6g4ZsMdOjIJKVf6juRU_YuqP-w1ZzhWpgm5rULGEfOhZQ&skey=2cc05ce17d12c026&v=v9) format('woff2');
}
/* Manual font imports end here */
/*
* Utility
*/
.alignleft, .aligncenter {
margin-right: auto;
}
.alignright, .aligncenter {
margin-left: auto;
}
/*
* General
*/
.shroombg p {
margin: .6em 0 .7em;
}
.shroombg p:first-child {
margin-top: 0;
}
.shroombg p:last-child {
margin-bottom: 0;
}
.shroombg hr {
border: none;
height: 2px;
border-radius: 2px;
background: var(--shroom-main);
margin: .5em 0;
}
/*
* Headers
*/
/* Christmas lights: [[File:XLights2.gif]] */
.shroom-xlights {
height: 44px;
background: url(https://mario.wiki.gallery/images/6/6b/XLights2.gif) repeat-x top;
margin: 0 0 10px;
}
.shroomheader {
margin-bottom: 18px;
}
.shroomheader h1,
#mw-content .shroomheader h1 {
color: inherit;
border-bottom: 3px solid var(--shroom-main);
font-family: 'Times New Roman', serif;
font-size: 350%;
line-height: 1;
padding: 0;
margin: 10px 0;
overflow: visible;
text-wrap: balance;
}
.shroombg.v2 .shroomheader h1,
#mw-content .shroombg.v2 .shroomheader h1 {
font-family: 'Luckiest Guy', sans-serif;
word-break: break-word;
}
.shroomsection h2:first-child:not(#mw-toc-heading) {
margin-top: 0;
}
.shroomsection h2:first-child:not(#mw-toc-heading) {
padding: .2em;
color: inherit;
}
.shroomsection h2:not(#mw-toc-heading),
#mw-content .shroomsection h2:not(#mw-toc-heading) {
border-bottom: 2px solid var(--shroom-main);
}
#mw-content .shroomheader h1::after,
#mw-content .shroomsection h2::after {
content: none;
}
.shroombg.v2 .shroomsection h2:first-child:not(#mw-toc-heading) {
font-family: 'Luckiest Guy', sans-serif;
font-weight: 400;
line-height: 1.1;
padding-bottom: 0;
}
/*
* Main page banners
*/
.shroombg.shroombanner {
padding-left: calc(41px + .3em);
padding-right: calc(41px + .3em);
position: relative;
}
.shroombg.shroombanner::before,
.shroombg.shroombanner::after {
content: '';
display: block;
position: absolute;
z-index: 10;
width: 41px;
top: 0;
bottom: 0;
background: repeat-y;
}
.shroombg.shroombanner::before {
left: 0;
background-image: var(--shroom-banner-left);
}
.shroombg.shroombanner::after {
right: 0;
background-image: var(--shroom-banner-right);
}
/*
* Images / thumbnails
*/
.shroombg .image > img {
max-width: 100%;
height: auto;
}
.shroombg table .image > img {
max-width: 40vw !important;
}
.shroomthumb .thumb {
max-width: 100%;
}
.shroomthumb .thumbinner {
border: none;
padding: 3px;
background: none;
box-shadow: none;
max-width: calc(100% - 6px);
}
.skin-minerva .shroomthumb .thumbinner {
max-width: calc(100% - 8px) !important;
}
.shroomthumb .thumbinner .image {
display: block;
border-radius: 13px 13px 0 0;
background: var(--shroom-main);
padding: 3px;
margin: -3px;
}
.shroomthumb .thumbinner .thumbimage {
border-radius: 10px 10px 0 0;
border: 1px solid transparent;
background-clip: content-box;
max-width: calc(100% - 2px) !important;
}
.shroomthumb .thumbinner .thumbimage.thumb-transparent {
background: none;
}
.shroomthumb .thumbinner .thumbcaption {
position: relative;
margin: 4px -3px -3px !important;
padding: .5em !important;
background: var(--shroom-main);
color: var(--shroom-main-text);
overflow: hidden;
border-radius: 0 0 13px 13px;
text-align: left;
}
.shroomthumb .thumbinner .thumbcaption div.magnify a {
margin-bottom: 0;
}
@media screen and (max-width: 850px) {
.skin-timeless .shroomthumb .thumbinner .image {
padding: 4px;
}
.skin-timeless .shroomthumb .thumbinner .thumbimage {
border-radius: 9px 9px 0 0;
margin-bottom: 0;
border: none;
max-width: 100% !important;
}
}
.shroomthumb .mw-gallery-traditional li.gallerybox,
.shroomthumb .mw-gallery-traditional li.gallerybox > div {
max-width: 100%;
}
.shroomthumb .mw-gallery-traditional li.gallerybox div.thumb {
background: var(--shroom-main);
border-radius: 13px 13px 0 0;
border: none !important;
overflow: hidden;
box-shadow: none;
margin: 2px auto 1px;
}
.shroomthumb .mw-gallery-traditional li.gallerybox .gallerytext {
border-radius: 0 0 13px 13px;
background: var(--shroom-main);
color: var(--shroom-main-text);
margin: 1px auto 0;
width: calc(100% - 5px - 1em);
padding: .5em;
}
.shroomthumb .mw-gallery-traditional li.gallerybox .gallerytext p {
margin: 0 !important;
}
@media (max-width: 550px) {
.skin--responsive .shroomthumb .mw-gallery-traditional li.gallerybox .gallerytext {
width: calc(100% - 1em);
}
}
/* Responsive images -- not needed anymore on 'Shroom pages, but feel free to use elsewhere. */
.img-responsive {
max-width: 100%;
height: auto;
}
/*
* Collapsibles
*/
.shroom-collapsible {
max-width: 100%;
}
.shroom-collapsible:not(.floatleft):not(.floatright) {
margin-top: .6em;
margin-bottom: .7em;
}
.shroom-collapsible:not(.floatleft):not(.floatright):first-child {
margin-top: 0;
}
.shroom-collapsible:not(.floatleft):not(.floatright):last-child {
margin-bottom: 0;
}
.shroom-collapsible.floatleft,
.shroom-collapsible.floatright {
width: 265px;
}
.shroom-collapsible .shroom-collapsible-header,
.shroom-collapsible .mw-collapsible-content {
padding: 4px 12px;
}
.shroom-collapsible .shroom-collapsible-header {
background: var(--shroom-t3);
border-radius: 25px 25px 0 0;
font-weight: bold;
}
.client-js .shroom-collapsible.mw-collapsed .shroom-collapsible-header {
border-radius: 25px;
}
.shroom-collapsible .mw-collapsible-content {
margin-top: 1px;
background: var(--shroom-t4);
border-radius: 0 0 25px 25px;
overflow: hidden;
}
.shroom-collapsible span.mw-collapsible-toggle,
.shroom-collapsible:not(.mw-made-collapsible):before {
padding: 4px 12px;
}
.shroom-collapsible.no-header span.mw-collapsible-toggle,
.shroom-collapsible.no-header:not(.mw-made-collapsible):before {
float: left;
}
/*
* Flipping cards
*/
.shroomCardInner {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
transform-style: preserve-3d;
transition: all 0.8s ease;
}
.shroomCardInner.active {
transform: rotateY(180deg);
}
.shroomCard.right {
float: right;
}
.shroomCard .front, .shroomCard .back {
backface-visibility: hidden;
grid-row-start: 1;
grid-column-start: 1;
padding: 16px;
border-radius: 5px;
}
.shroomCard .back {
transform: rotateY(180deg);
}
.client-nojs .shroomCardFlip:hover .shroomCardInner {
transform: rotateY(180deg);
}
/*
* Slideshow
*/
.shroomSlideshow {
position: relative;
}
.client-js .shroomSlideshowHeader, .client-js .shroomSlideshowNav {
display: flex;
}
.client-nojs .shroomSlideshowHeader, .client-nojs .shroomSlideshowNav {
display: none;
}
.shroomSlideshow .shroomSlideshowIndex {
flex-grow: 1;
align-self: center;
text-align: center;
}
.shroomSlideshowNav {
display: flex;
flex-wrap: wrap;
text-align: center;
justify-content: center;
clear: both;
}
.shroomSlideshow .shroomSlideshowTab {
background: var(--shroom-main);
color: var(--shroom-main-text);
outline: 3px var(--shroom-dark) solid;
cursor: pointer;
margin-bottom: 15px;
}
.shroomSlideshow .shroomSlideshowTab p {
font-weight: bold;
padding: 16px 0;
}
.shroomSlideshow .shroomSlideshowTab.active {
background: var(--shroom-dark);
color: var(--shroom-dark-text);
}
.shroomSlideshowLeft, .shroomSlideshowRight {
cursor: pointer;
font-weight: bold;
outline: 3px var(--shroom-dark) solid;
background: var(--shroom-main);
color: var(--shroom-main-text);
font-size: 110%;
padding: 16px;
margin: 10px 0 15px;
}
.shroomSlideshowLeft {
float: left;
}
.shroomSlideshowRight {
float: right;
}
.shroomSlideshowTab {
flex: 0 0 auto;
}
/*
* Section of the month
*/
.shroom-sotm-poll {
display: flex;
justify-content: center;
}
/*
* Archives
*/
.shroomArchive2023 .shroomArchive2023Header {
background: rgb(215, 178, 124) !important;
height: fit-content;
}
.shroomArchive2023 .shroomArchive2023Header .shroomArchive2023HeaderDate {
float: left;
}
.shroomArchive2023 .shroomArchive2023Header .shroomArchive2023HeaderIssue {
display: inline-block;
width: 100%;
text-align: center;
}
.shroomArchive2023 .shroomArchive2023Body {
border-radius: 0;
}
.shroomArchive2023 .shroomArchive2023Body .shroomArchive2023BodyTeam:first-child {
margin-top: 10px;
}
.shroomArchive2023 .shroomArchive2023Body .shroomArchive2023BodyTeam {
width: 100%;
margin-bottom: 10px;
border-spacing: 5px 0;
}
.shroomArchive2023 .shroomArchive2023Body .shroomArchive2023BodyTeam .shroomArchive2023BodyTeamHeader {
width: 20%;
border-radius: 0;
}
.shroomArchive2023 .shroomArchive2023Body .shroomArchive2023BodyTeam .shroomArchive2023BodyTeamSections {
text-align: center;
border-radius: 0;
}
/*
*
*/
/* <h4> Nonmario </h4> */
.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: #c50;
color: silver;
font-weight: bold;
}
.nonmario_template td.inactive {
background-color: #c50;
}
.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;
}
/* <h4> {{tem|Fakewarning}} </h4> */
.fakecup {
background: #d4e6ea url(https://mario.wiki.gallery/images/f/fd/GreenTea.png) repeat;
align: center;
width: 60%;
padding: .5em 1em;
color: black;
border: 2px solid #000;
border-radius: 1em;
}
/* <h4> {{tem|Funwarning}} </h4> */
.shroommidnight {
background: #11176d url(https://mario.wiki.gallery/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;
}
/* <h4> {{tem|SWarning}} </h4> */
.shroombg.sw-warning {
background: #ffd2ec url(https://mario.wiki.gallery/images/4/43/SW-Pwing.png) repeat;
}
/* <h4> {{tem|ShroomInviteXLV}} </h4> */
@font-face {
font-family: plum;
src: url(https://mario.wiki.gallery/images/PlumScript.woff2);
}
.shroominvite {
background-image: url(https://mario.wiki.gallery/images/c/c6/Shroom_background.png);
width: 747px;
height: 352px;
color: #ffc90e;
font-family: plum;
position: relative;
line-height: 29px;
}
.shroominvite .one {
font-size: 32px;
padding-left: 248px;
padding-top: 25px;
position: absolute;
line-height: 57px;
}
.shroominvite .two {
font-size: 18px;
padding-left: 247px;
padding-top: 84px;
position: absolute;
padding-right: 1em;
line-height: 32px;
}
.shroominvite .two * {
width: 150px;
float: right;
height: 21px;
}
.shroominvite .three {
font-size: 24px;
position: absolute;
padding-top: 215px;
padding-left: 398px;
line-height: 43px;
}
.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;
}
/* <h3> The 'Shroom </h3> */
/* <h4> 'Shroom navigation template </h4> */
.shroomnav {
border: 1px solid #202020;
border-radius: 8px;
font-family: Arial, sans-serif;
font-size: 11px;
text-align: center;
color: #fff;
width: 60%;
margin-left: auto;
margin-right: auto;
}
.shroomnav.shroomnav a,
.shroomnav.shroomnav a:hover {
color: blue;
}
.shroomnav.shroomnav a:visited,
.shroomnav.shroomnav a:visited:hover {
color: purple;
}
.shroomnav.shroomnav a:active,
.shroomnav.shroomnav a:active:hover {
color: orange;
}
.shroomnav a.mw-collapsible-text {
color: #fff !important;
}
.shroomnav tr:first-child th {
border-radius: 5px;
text-align: center;
font-size: 12px;
text-shadow: 0 0 4px #000, 0 0 2px #000;
background: #000;
background-image: url(https://mario.wiki.gallery/images/6/65/Temp_shroomnav1.png), url(https://mario.wiki.gallery/images/9/92/Temp_shroomnav2.png), url(https://mario.wiki.gallery/images/1/10/Temp_shroomnav3.png), url(https://mario.wiki.gallery/images/5/50/Temp_shroomnav6.png), url(https://mario.wiki.gallery/images/4/43/Temp_shroomnav4.png), url(https://mario.wiki.gallery/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 tr th {
border-radius: 5px;
text-align: center;
font-size: 12px;
background: #000;
}
.shroomnav tr td {
background-color: #f3eede;
color: #000;
border-radius: 5px;
text-align: center;
font-size: 11px;
}
.shroomnav-winter tr:first-child th {
background-color: #3670d2;
text-shadow: 0 0 4px #3670d2, 0 0 2px #3670d2;
}
.shroomnav-winter tr:first-child :link {
color: #fff;
}
.shroomnav-winter tr th {
background-color: #3670d2;
}
.shroomnav-spring tr:first-child th {
background-color: #1f9a2e;
text-shadow: 0 0 4px #1f9a2e, 0 0 2px #1f9a2e;
}
.shroomnav-spring tr:first-child :link {
color: #fff;
}
.shroomnav-spring tr th {
background-color: #1f9a2e;
}
.shroomnav-summer tr:first-child th {
background-color: #bf1616;
text-shadow: 0 0 4px #bf1616, 0 0 2px #bf1616;
}
.shroomnav-summer tr:first-child :link {
color: #fff;
}
.shroomnav-summer tr th {
background-color: #bf1616;
}
.shroomnav-fall tr:first-child th {
background-color: #e0a903;
text-shadow: 0 0 4px #e0a903, 0 0 2px #e0a903;
}
.shroomnav-fall tr:first-child :link {
color: #fff;
}
.shroomnav-fall tr th {
background-color: #e0a903;
}
.shroomthumb.cc .nonmario-infobox td, .shroomthumb.cc .nonmario-infobox th {
background-color: #ff8c00;
}
.shroombg {
overflow: hidden;
overflow: clip;
padding: 0.3em;
color: var(--shroom-main-text);
background: var(--shroom-bg) var(--shroom-bg-image);
border-radius: 1em;
position: relative;
}
.shroombg.v2 {
font-size: .9625rem;
line-height: 1.5;
}
/* v2 background exceptions can be added here */
.shroombg.v2:not(.shroom200Persona):not(.shroom200main):not(.archive):not(.shroom195brick) {
background: var(--shroom-bg);
background-image: var(--shroom-bg2-image), var(--shroom-bg2-image);
background-size: var(--shroom-bg2-width) var(--shroom-bg2-height);
background-position: 0 0, calc(var(--shroom-bg2-width) / 2) calc(var(--shroom-bg2-height) / 2);
background-blend-mode: soft-light;
}
.shroombg a, .shroombg a:visited,
.mw-parser-output .shroombg a.extiw, .mw-parser-output .shroombg a.extiw:visited {
color: var(--shroom-main-link);
text-decoration: none;
}
.shroombg a:hover, .shroombg a:hover:visited {
color: var(--shroom-main-link);
}
.shroombg a:active {
color: orange;
}
.shroombg a:active, .shroombg a:focus, .shroombg a:hover {
text-decoration: underline;
}
.shroombg .shroomsection {
color: var(--shroom-section-text);
background: var(--shroom-section-bg);
border: 10px solid rgba(0, 0, 0, 0);
border-radius: 25px;
margin-bottom: 18px;
}
.shroombg .shroomsection:after {
content: '';
display: table;
clear: both;
}
.shroombg .shroomsection + br {
display: none;
}
.shroombg .shroomsection a,
.shroombg .shroomsection a:visited,
.mw-parser-output .shroombg .shroomsection a.extiw,
.mw-parser-output .shroombg .shroomsection a.extiw:visited {
color: var(--shroom-section-link);
}
.shroombg.cc .shroomsection.ripped {
border-image: url(https://mario.wiki.gallery/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.v2 .shroomsection, .shroombg.v2 .shroomheader {
max-width: 80rem;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 5;
}
/* Shroom Tables */
.shroomtable, .skin-timeless .content-table-wrapper .shroomtable {
background: none;
border-spacing: 0 1px;
margin: .6em 0 .7em;
}
.shroomtable:first-child, .skin-timeless .content-table-wrapper:first-child .shroomtable {
margin-top: 0;
}
.shroomtable:last-child, .skin-timeless .content-table-wrapper:last-child .shroomtable {
margin-bottom: 0;
}
.shroomtable caption, .shroomtable th, .shroomtable td {
padding: 4px;
}
.shroomtable caption {
background-color: var(--shroom-t1);
font-weight: bold;
}
.shroomtable th {
background-color: var(--shroom-t2);
}
.shroomtable td {
background-color: var(--shroom-t3);
}
.shroomtable.roundtable caption, .shroomtable.roundcells caption, .shroomtable.roundrows caption,
.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.roundtable caption + tbody > tr:first-child > th:first-child,
.shroomtable.roundtable caption + tbody > tr:first-child > td:first-child {
border-top-left-radius: 0;
padding-left: 4px;
}
.shroomtable.roundtable caption, .shroomtable.roundcells caption, .shroomtable.roundrows caption,
.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.roundtable caption + tbody > tr:first-child > th:last-child,
.shroomtable.roundtable caption + tbody > tr:first-child > td:last-child {
border-top-right-radius: 0;
padding-right: 4px;
}
.shroomtable.roundcells caption, .shroomtable.roundrows caption,
.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 caption, .shroomtable.roundrows caption,
.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 caption.noleftradius:first-child,
.shroomtable th.noleftradius:first-child, .shroomtable td.noleftradius:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding-left: 4px;
}
.shroomtable caption.norightradius:last-child,
.shroomtable th.norightradius:last-child, .shroomtable td.norightradius:last-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
padding-right: 4px;
}
/* Shroom Calendar */
.shroomcalendar {
text-align: center;
border-spacing: 1px;
}
.shroomcalendar th {
background-color: #bf1616;
border-radius: 25px 25px 0 0;
text-align: center;
background-image: url(https://mario.wiki.gallery/images/6/65/Temp_shroomnav1.png), url(https://mario.wiki.gallery/images/9/92/Temp_shroomnav2.png), url(https://mario.wiki.gallery/images/1/10/Temp_shroomnav3.png), url(https://mario.wiki.gallery/images/5/50/Temp_shroomnav6.png), url(https://mario.wiki.gallery/images/4/43/Temp_shroomnav4.png), url(https://mario.wiki.gallery/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;
text-shadow: 0 0 4px #bf1616, 0 0 2px #bf1616;
height: 21px;
font-size: 12px;
box-sizing: border-box;
}
.shroomcalendar td {
position: relative;
border-radius: 0;
padding: 0;
}
.shroomcalendar td.shroombg {
font-size: .9625rem;
}
.shroomcalendar a.mw-collapsible-text {
color: #fff;
}
.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: 0 0 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 footer */
.shroomfooter {
padding: 6px 0;
}
.shroomfooter ul {
border: var(--shroom-dark) solid;
border-width: 1px 0;
font-variant: small-caps;
clear: both;
margin: 0 auto;
padding: 4px 0;
min-width: 80%;
max-width: max-content;
font-size: smaller;
list-style: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.shroomfooter ul li {
margin: 0 2px;
min-height: 18px;
line-height: 1;
display: flex;
align-items: center;
}
/* [[File:Shroombull.png]] */
.shroomfooter ul li:not(:first-child) {
background: url(https://mario.wiki.gallery/images/3/35/Shroombull.png) no-repeat left;
padding-left: 18px;
}
/* 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;
}
.shroombg.pp:not(.pp19):not(.v2) .shroomsection {
background: url(https://mario.wiki.gallery/images/f/fd/Pipewarning_image.png) repeat scroll 0 0, rgb(224, 255, 222) none repeat scroll 0 0;
background-blend-mode: multiply, normal;
}
.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
}
}
/* <h4> 'Shroom Halloween theme 2015 </h4> */
.shroomhalloween2015 {
background-image: url(https://mario.wiki.gallery/images/4/4b/ShroomHalloween2015.png);
}
.shroomhalloween2015 a:visited {
color: #7f007f;
}
.shroomhalloween2015 a:active {
color: #4169e1;
}
.shroombg .bestsongimage {
border-radius: 25px 0 0 25px;
}
.shroombg .cheatsimage {
border-radius: 25px;
}
/* <h4> Shroomsectionbox </h4> */
.shroomsectionbox {
background: none repeat scroll 0 0 #fff;
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: #000;
}
.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%;
}
/* <h4> shroomcctoc (Critics Corner TOC) </h4> */
.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);
}
/* <h4> Summer water edition theme </h4> */
.shroomsummerwatered {
background: #fff url(https://mario.wiki.gallery/images/8/8d/Shroomsummer.png);
}
.shroomsummerwatered a {
color: blue;
}
.shroomsummerwatered a:visited {
color: purple;
}
.shroomsummerwatered a:active {
color: blue;
}
/* <h4> Silver theme </h4> */
.shroom2 {
border: 2px solid #aaa;
border-radius: 1em;
background: #fff url(https://mario.wiki.gallery/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;
}
/* <h4> 50 theme </h4> */
.shroom50 {
background: #d4e6ea url(https://mario.wiki.gallery/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;
}
/* <h4> Winter theme </h4> */
.shroomholiday2011 {
background: #d4e6ea url(https://mario.wiki.gallery/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;
}
/* <h4> Old theme </h4> */
.shroomold {
background: #d4e6ea url(https://mario.wiki.gallery/images/archive/c/c9/20090318205241!Mushroombg.png) repeat;
padding: 0.3em;
color: black;
border-radius: 1em;
}
/* <h4> 'Shroom Super Mario 64 </h4> */
.shroomsupermario64 {
background: #d4e6ea url(https://mario.wiki.gallery/images/e/e7/Wingcap.png) repeat;
padding: 0.3em;
color: black;
border-radius: 1em;
}
/* <h4> 'Shroom Mario Kart 64 </h4> */
.shroommariokart64 {
background: #d4e6ea url(https://mario.wiki.gallery/images/1/1b/Shroomflag.png) repeat;
padding: 0.3em;
color: black;
border-radius: 1em;
}
/* <h4> 'Shroom Mario Party </h4> */
.shroommarioparty {
background: #d4e6ea url(https://mario.wiki.gallery/images/5/50/Shroomcube.png) repeat;
padding: 0.3em;
color: black;
border-radius: 1em;
}
/* <h4> 'Shroom Paper Mario </h4> */
.shroompapermario {
background: #d4e6ea url(https://mario.wiki.gallery/images/0/0f/Shroompaper.png) repeat;
padding: 0.3em;
color: black;
border-radius: 1em;
}
/* <h4> 'Shroom Yoshi's Story </h4> */
.shroomyoshisstory {
background: #d4e6ea url(https://mario.wiki.gallery/images/3/36/Shroomcrayon.png) repeat;
padding: 0.3em;
color: black;
border-radius: 1em;
}
/* <h4> 'Shroom Super Smash Bros. </h4> */
.shroomsupersmashbros {
background: #d4e6ea url(https://mario.wiki.gallery/images/c/ca/Shroomfire.png) repeat;
padding: 0.3em;
color: black;
border-radius: 1em;
}
/* <h4> 'Shroom Halloween theme </h4> */
.shroomhalloween {
background: #fff url(https://mario.wiki.gallery/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;
}
/* <h4> Waluigi theme </h4> */
.shroomwaluigi {
background: #fff url(https://mario.wiki.gallery/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;
}
/* <h4> Kirby theme </h4> */
.shroomkirby {
background: #fff url(https://mario.wiki.gallery/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;
}
/* <h4> Mother theme </h4> */
.shroommother {
background: #fff url(https://mario.wiki.gallery/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;
}
/* <h4> Zelda theme </h4> */
.shroomzelda {
background: #fff url(https://mario.wiki.gallery/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;
}
/* <h4> Pikmin theme </h4> */
.shroompikmin {
background: #fff url(https://mario.wiki.gallery/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;
}
/* <h4> Pokémon theme </h4> */
.shroompokémon {
background: #fff url(https://mario.wiki.gallery/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;
}
/* <h4> shroomMK8 theme </h4> */
.shroomMK8 {
background: #d4e6ea url(https://mario.wiki.gallery/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;
}
/* <h4> 'Shroom April Fools */
.ShroomCrash2017 {
background: #fff url(https://mario.wiki.gallery/images/3/3e/Shroom_crash_bg.png);
}
.ShroomSimian2019 {
background: #feb0d0 url(https://mario.wiki.gallery/images/7/7c/ShroomFools19.png);
}
/* <h4> 'Shroom Banners </h4> */
.ShroomVerticalBannerLeftSpring {
background-image: url(https://mario.wiki.gallery/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(https://mario.wiki.gallery/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(https://mario.wiki.gallery/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(https://mario.wiki.gallery/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(https://mario.wiki.gallery/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(https://mario.wiki.gallery/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(https://mario.wiki.gallery/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(https://mario.wiki.gallery/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(https://mario.wiki.gallery/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(https://mario.wiki.gallery/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(https://mario.wiki.gallery/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(https://mario.wiki.gallery/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;
}
.ShroomVerticalBannerSimian2019Left {
background-image: url(https://mario.wiki.gallery/images/a/a7/ShroomVerticalBannerLeft_fools19.png);
width: 41px;
height: 100%;
position: absolute;
left: 0;
border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
}
.ShroomVerticalBannerSimian2019Right {
background-image: url(https://mario.wiki.gallery/images/c/c8/ShroomVerticalBannerRight_fools19.png);
width: 41px;
height: 100%;
position: absolute;
right: 0;
border-top-right-radius: 1em;
border-bottom-right-radius: 1em;
}
/* <h4> Community Awards dossier formatting </h4> */
.shroom-dossier-container {
display: flex;
flex-direction: row-reverse;
margin: -3px;
flex-wrap: wrap;
justify-content: center;
}
.shroom-dossier-info, .shroom-dossier-poll {
padding: 3px;
}
.shroom-dossier-info {
flex: 2 400px;
}
.shroom-dossier-container .shroom-dossier-poll {
flex: 1 200px;
max-width: 300px;
}
.shroom-dossier-poll .cpf-poll {
position: sticky;
top: 8px;
}
@media (min-width: 851px) {
.skin-timeless .shroom-dossier-poll .cpf-poll {
top: calc(3.475em + 9px);
}
}
.mediawiki #content .shroom-dossier-info .wikitable {
margin: 0;
}
/* <h4> 'Shroom 181 theme </h4> */
.shroom181main .shroomheader,
.shroom181main .shroomfooter {
text-shadow: 0 0 4px #000;
}
.shroom181main .shroomlogo {
filter: drop-shadow(0 0 2px #000);
margin-top: 6px;
}
/* <h4> 'Shroom 183 theme </h4> */
.shroom183main .shroom-toc.main-toc {
--shroom-dark: #7bbafc;
}
.shroom183main .shroom-toc.main-toc .shroom-toc-header {
--shroom-dark: #7bbafc99;
}
/* Ocean footer: [[File:Shroom183blueocean.png]], [[File:Shroom183ink.png]], [[File:Shroom183ocean.png]] */
.shroom183ocean {
box-sizing: border-box;
min-height: 270px;
background-image: url(https://mario.wiki.gallery/images/d/d0/Shroom183blueocean.png), url(https://mario.wiki.gallery/images/8/82/Shroom183ocean.png);
background-size: 360px 91px, 270px 180px;
background-repeat: repeat-x, repeat-x;
background-position: 0 0, left 0 bottom 0;
margin: 0 -.5em -.3em;
padding: 15px .5em 25px;
position: relative;
z-index: 5;
color: #fff9;
--shroom-dark: #fff9;
--shroom-main-link: #fff;
}
/* mask: [[File:Shroom183ink.png]] */
.shroom183ocean::before {
content: '';
display: block;
height: 91px;
position: absolute;
top: 0;
left: 0;
right: 0;
background: linear-gradient(
90deg,
rgba(255, 0, 0, 1) 0%,
rgba(255, 154, 0, 1) 10%,
rgba(208, 222, 33, 1) 20%,
rgba(79, 220, 74, 1) 30%,
rgba(63, 218, 216, 1) 40%,
rgba(47, 201, 226, 1) 50%,
rgba(28, 127, 238, 1) 60%,
rgba(95, 21, 242, 1) 70%,
rgba(186, 12, 248, 1) 80%,
rgba(251, 7, 217, 1) 90%,
rgba(255, 0, 0, 1) 100%
);
-webkit-mask-image: url(https://mario.wiki.gallery/images/7/74/Shroom183ink.png);
mask-image: url(https://mario.wiki.gallery/images/7/74/Shroom183ink.png);
-webkit-mask-size: 360px 91px;
mask-size: 360px 91px;
}
.shroom183ocean::after {
content: '';
display: block;
background: #225edf;
position: absolute;
left: 0;
right: 0;
top: 80px;
bottom: 180px;
z-index: -1;
}
.shroom183ocean .shroomfooter {
text-shadow: 0 0 4px #000b
}
img.shroom183footerimg {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
/* <h4> 'Shroom 189 theme </h4> */
/* TOCs */
.toc-189-header {
margin: .666em;
text-align: center;
background: #0005 padding-box;
color: #fff;
font-weight: bold;
font-size: 1.5em;
line-height: 1;
padding: .5em;
border: solid #0003;
border-width: 2px 0;
clip-path: polygon(0 0, .5em 100%, calc(100% - .5em) 100%, 100% 0);
}
.toc-189-container {
background: #fff9 padding-box;
margin: 1em -.3em;
border: solid #fff4;
border-width: .2em 0;
padding: 1em 2em;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1em
}
.toc-189-container .icon {
padding-top: 128px;
position: relative;
display: flex;
}
.toc-189-container .icon.cup {
width: 13em;
filter: drop-shadow(0px 1px 2px #0005);
}
.toc-189-container .icon.course {
width: 15em;
}
.toc-189-container .icon a {
position: absolute;
inset: 0;
z-index: 1;
}
.toc-189-container .icon a img {
position: absolute;
left: 50%;
transform: translateX(-50%);
transition: transform .2s;
}
.toc-189-container .icon .icon-description {
text-align: center;
display: flex;
color: #000;
}
.toc-189-container .icon.cup .icon-description {
transition: background .2s;
padding: 0 .5em;
background: #fff;
align-items: center;
clip-path: polygon(8px 0, 0 8px, 0 calc(100% - 8px), 8px 100%, calc(100% - 8px) 100%, 100% calc(100% - 8px), 100% 8px, calc(100% - 8px) 0);
}
.toc-189-container .icon.course .icon-description {
transition: color .2s;
padding: .25em .5em 0;
text-shadow: 0 0 8px #fff, 0 0 5px #fff, 0 0 3px #fff, 0 0 1px #fff;
}
.toc-189-container .icon.cup a:hover img, .toc-189-container .icon.cup a:focus img {
transform: translateX(-50%) rotate(3deg) scale(1.1);
}
.toc-189-container .icon.cup a:hover ~ .icon-description, .toc-189-container .icon.cup a:focus ~ .icon-description {
background: #efe000;
}
.toc-189-container .icon.course a:hover img, .toc-189-container .icon.course a:focus img {
transform: translateX(-50%) scale(1.05);
}
.toc-189-container .icon.course a:hover ~ .icon-description, .toc-189-container .icon.course a:focus ~ .icon-description {
color: var(--shroom-dark);
}
/* Main: [[File:Shroom189main.png]], [[File:Shroom189sparkles.png]] */
.shroombg.shroom189main {
background: #10a6ed;
background-image: url(https://mario.wiki.gallery/images/9/96/Shroom189main.png),
linear-gradient(to top right, #1c36b700, #10a6ed88 40%, #03cdd8bb),
url(https://mario.wiki.gallery/images/9/90/Shroom189sparkles.png),
linear-gradient(to top right, #1c36b7, #10a6ed 40%, #03cdd8);
}
.shroom189main .shroomlogo {
filter: drop-shadow(0 0 2px #000);
margin-top: 6px;
}
.shroom189main .shroomfooter {
text-shadow: 0 0 4px #000b;
color: #fff9;
--shroom-dark: #fff9;
--shroom-main-link: #fff;
}
/* <h4> 'Shroom 195 theme </h4> */
.shroom195main .shroom-toc .shroom-toc-header {
--shroom-main: #c30029;
--shroom-main-text: #fff;
}
.shroom195main .shroom-toc-item {
--shroom-main: #dc0029;
--shroom-main-text: #fff;
box-shadow: 0 0 5px var(--shroom-bg);
}
.shroom195main .shroom-toc-item-header {
--shroom-dark: #7e0010;
--shroom-dark-text: #fff;
}
.shroom195main .shroom-toc.specials .shroom-toc-item-header {
--shroom-dark: #353331;
}
.shroom195main .shroom-toc.specials .shroom-toc-item {
--shroom-main: #24221f;
}
.shroom195main .shroom-toc.specials .shroom-toc-item-title {
display: flex;
min-height: 3em;
justify-content: center;
align-items: center;
}
.shroom195main .shroom-toc-link a, .shroom195main .shroom-toc-link a:visited {
color: #fff;
}
.shroom195curtain-canvas {
position: absolute;
top: 0;
left: 0;
z-index: 5;
}
.client-nojs .shroom195curtain-placeholder {
display: none;
}
.shroom195curtain-placeholder {
position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
z-index: 6;
background: #800 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAKBAMAAAAEOBBCAAAALVBMVEWlAACHAACpAACWAACtAACdAACZAACgAACyAACNAACSAAC/AAC3AAC9AADDAACGDBgzAAAAgklEQVQY02OYmBgZnG5kEqJ0YMMOBm9uHiXXZuWypaJikmCZBKCMAlCGyZsXJiMMlVkClfEDyrg1K5cuR5ZxgMm0ocmUQGU4FKAygjCZIqDMDaiMGkhmIkgmzQAsswkuUw6WWYiQuVMElQlHyCwyKWqHyGg4YMoch8k4q4VPF5WaCACtDlmYROE6pQAAAABJRU5ErkJggg==) no-repeat 0 0;
background-size: 100% 100%;
filter: blur(5px);
transition: opacity 1s ease-in-out;
pointer-events: none;
}
.shroom195curtain-placeholder.exit {
opacity: 0;
}
.shroom195curtain-button {
position: absolute;
top: 100px;
left: 50%;
transform: translateX(-50%);
z-index: 6;
width: 12em;
padding: 1em;
background: #0003;
border-radius: 1em;
color: #fff;
border: 5px solid transparent;
font: normal 20px/1 Courgette, sans-serif;
cursor: pointer;
transition: opacity 1s, transform 1s ease-in, background .3s;
}
@media (min-width: 600px) {
.shroom195curtain-button {
padding: 2em;
width: 14em;
}
}
.shroom195curtain-button:hover, .shroom195curtain-button:focus {
background: #90F5;
}
.shroom195curtain-button:focus {
border-color: #90F;
}
.shroom195curtain-button.exit {
opacity: 0;
transform: translateX(-50%) translateY(-1em);
}
/* Mario silhouette: [[File:Shroom195mario.png]]
* Bowser silhouette: [[File:Shroom195bowser.png]]
* Poochy silhouette: [[File:Shroom195poochy.png]]
* Chair silhouette : [[File:Shroom195chair.png]] */
.shroom195footer {
margin: 0 -.3em -.3em;
height: 200px;
background-image: url(https://mario.wiki.gallery/images/c/c3/Shroom195mario.png),
url(https://mario.wiki.gallery/images/5/58/Shroom195bowser.png),
url(https://mario.wiki.gallery/images/9/97/Shroom195poochy.png),
url(https://mario.wiki.gallery/images/5/52/Shroom195chair.png),
linear-gradient(0deg, var(--shroom-bg) 20%, transparent);
background-repeat: no-repeat, no-repeat, no-repeat, repeat-x, repeat-x;
background-position: right calc(5% + 350px) bottom 10px, right calc(5% + 122px) bottom, right calc(5% + 5px) bottom 22px, bottom right 5%, bottom right;
background-size: 112px, 210px, 90px, 112px;
position: relative;
z-index: 6;
}
@media (max-width: 650px) {
.shroom195footer {
height: 125px;
background-position: right calc(5% + 175px) bottom 5px, right calc(5% + 61px) bottom, right calc(5% + 2px) bottom 11px, bottom right 5%, bottom right;
background-size: 56px, 105px, 45px, 56px;
}
}
/* <h4> 'Shroom 200 theme </h4> */
.shroom200main .shroomlogo {
filter: drop-shadow(0 0 2px #000);
margin-top: 6px
}
.shroombg.shroom200main {
background: #37314b;
/* Stars: [[File:Shroom200stars.png]] */
/* Diorama: [[File:Shroom200mountaincity.png]] */
background-image: url(https://mario.wiki.gallery/images/f/fe/Shroom200mountaincity.png), url(https://mario.wiki.gallery/images/2/2a/Shroom200stars.png), linear-gradient(165deg, #0d1c30 10%, #203652 50%, #344d63 80%);
background-size: 512px, 512px, auto;
background-position: bottom, center, center;
background-repeat: repeat-x, repeat, repeat;
}
.shroombg.shroom200main.mainpage {
/* Fireworks: [[File:Shroom200mainshroom.png]] */
background-image: url(https://mario.wiki.gallery/images/c/c7/Shroom200mainshroom.png), url(https://mario.wiki.gallery/images/f/fe/Shroom200mountaincity.png), url(https://mario.wiki.gallery/images/2/2a/Shroom200stars.png), linear-gradient(165deg, #0d1c30 10%, #203652 50%, #344d63 80%);
background-size: auto 150%, auto 150%, 512px, auto;
background-repeat: no-repeat, repeat-x, repeat-x, no-repeat;
background-position: calc(5% - 100px) 70%, center, center, center;
}
.shroomcalendar .shroombg.shroom200main {
background-size: auto 150%, 256px, auto;
background-repeat: repeat-x, repeat-x, no-repeat;
background-position: top;
}
#shroom200logo {
display: flex;
flex-direction: column;
align-items: center;
padding: 3rem 1rem;
}
.client-js #shroom200logo {
height: calc(90vh - 10rem);
position: relative;
}
.client-js #shroom200logo img {
position: absolute;
bottom: 50%;
right: 50%;
transform: translate(50%, 50%);
transition: opacity .5s;
}
.client-js #shroom200logo.opened img {
bottom: 2rem;
right: 1rem;
transform: scale(.33);
transform-origin: bottom right;
}
#shroom200logo button {
font: normal 1rem/1 'Mochiy Pop One', sans-serif;
background: none;
border: none;
padding: 1rem 1.5rem;
animation: f200b infinite 1s ease-in-out alternate;
cursor: pointer;
position: absolute;
transition: opacity .5s;
}
#shroom200logo button:hover {
text-decoration: underline;
}
#shroom200logo button.start {
bottom: 6rem;
}
#shroom200logo button.stop {
bottom: 0;
right: 0;
}
#shroom200logo.opened button.start, #shroom200logo:not(.opened) button.stop {
display: none;
}
#shroom200logo.transition img, #shroom200logo.transition button {
opacity: 0;
}
@keyframes f200b {
0% {
color: #fff;
}
100% {
color: #fff8;
}
}
.shroom200footer {
min-height: 220px;
display: flex;
flex-direction: column;
justify-content: flex-end;
position: relative;
}
.shroom200footer .shroomfooter {
z-index: 2;
}
.shroom200footer .shroomfooter ul {
background: #12091380;
}
.shroom200footer img.footerdecoration {
position: absolute;
bottom: -.3em;
left: -.3em;
pointer-events: none;
}
.shroombg .shroombg.shroom200main.shroom200footer {
margin: 0 -0.3em calc(-7rem - 0.3em);
top: -7rem;
padding-top: 7rem;
border-radius: 0;
-webkit-mask-image: linear-gradient(to bottom, #0000, #000 6rem);
mask-image: linear-gradient(to bottom, #0000, #000 6rem);
}
.shroombg.shroom200main.shroom200mall.shroom200footer {
/* Mall background [[File:Shroom200mall.png]] */
background-image: url(https://mario.wiki.gallery/images/0/02/Shroom200mall.png), url(https://mario.wiki.gallery/images/2/2a/Shroom200stars.png), linear-gradient(165deg, #0d1c30 10%, #203652 50%, #344d63 80%);
background-size: 400px, 512px, auto;
padding-bottom: 8rem;
min-height: 0;
}
/* TOCs */
.shroom-toc-item.shroom200mainalt {
box-shadow: 0 0 5px #fff3;
}
.toc-200 .shroom-toc-content {
background: #4966847f;
margin: 1em -1.3em;
padding: 1em 2em;
}
/* Fireworks */
.shroom-fireworks {
inset: 0;
position: absolute;
pointer-events: none;
}
.shroom-fireworks canvas {
display: block;
position: sticky;
top: 0;
}
.shroom-fireworks .fireworks-images {
display: none;
}
.shroom-zhack {
position: relative;
z-index: 5;
}
.client-js .shroom-fireworks-view {
height: 100vh
}
/* /fireworks */
/* Vending machine */
.client-js .js-disclaimer {
display: none;
}
#vending-machine-container {
position: relative;
border-radius: 1em;
overflow: hidden;
}
#vending-machine-container button {
display: block;
border: none;
cursor: pointer;
padding: .5rem;
}
button.vending-machine {
width: 100%;
background: none;
}
button.vending-machine:hover, button.vending-machine:focus {
outline: none;
}
button.vending-machine img {
transition: transform .15s ease-in-out;
}
button.vending-machine:hover img {
transform: scale(1.03);
}
button.vending-machine:focus img {
outline: 2px solid var(--shroom-section-text);
outline-offset: 2px;
}
#vending-machine-items {
display: none;
background: #0005;
backdrop-filter: blur(5px);
position: absolute;
inset: 0;
}
#vending-machine-items ul {
position: absolute;
inset: 0;
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
#vending-machine-items li {
filter: drop-shadow(0 0 4px #0008);
color: #fff;
text-align: center;
max-width: 25em;
}
.initialised #vending-machine-items {
display: block;
transition: opacity .5s ease-in-out;
}
#vending-machine-items.hidden {
opacity: 0;
pointer-events: none;
}
#vending-machine-items button.close {
position: absolute;
top: 0;
right: 0;
color: #fff;
background: #0003;
text-shadow: 0 0 4px #0008, 0 0 8px #0003;
font-size: 2rem;
line-height: 1;
width: 3rem;
border-bottom-left-radius: 1rem;
transition: background-color .15s ease-in-out;
}
#vending-machine-items button.close:hover, #vending-machine-items button.close:focus {
background: #0005;
}
#vending-machine-items button.close:focus {
outline: 2px solid #fff
}
/* /vending machine */
/* Scavenger */
.shroom-scav {
position: relative;
max-width: 100%;
}
.shroom-scav.left {
float: left;
}
.shroom-scav.right {
float: right;
}
.shroom-scav.center {
margin: auto;
width: max-content;
}
.shroom-scav span.plainlinks {
position: absolute;
pointer-events: none;
display: block;
}
.shroom-scav span.plainlinks a {
pointer-events: all;
display: block;
}
.shroom-scav span.plainlinks img {
max-width: 100%;
display: block;
}
.shroom-scav-layer {
z-index: 1;
position: relative;
}
/*
* Issue banner
*/
.shroombg .shroomissuebanner {
border: var(--shroom-main) solid;
border-width: 2px 0;
clear: both;
margin: 1em auto;
padding: 4px 0;
min-width: 80%;
max-width: max-content;
display: flex;
align-items: center;
gap: .5em;
}
.shroomissuebanner > div {
flex: 1;
}
.shroomissuebanner .issueno {
text-align: left;
font-weight: bold;
}
.shroomissuebanner .issuedate {
text-align: center;
font-weight: bold;
}
.shroomissuebanner .issueabout {
text-align: right;
}
@media (max-width: 480px) {
.shroomissuebanner > div {
flex: auto;
}
.shroomissuebanner .issuedate {
text-align: right;
}
.shroomissuebanner .issueabout {
display: none
}
}
/*
* Table of contents
*/
.shroom-toc {
text-align: center;
text-wrap: balance;
line-height: 1.5;
margin: 1em;
}
.shroom-toc-header {
color: var(--shroom-main-text);
background: var(--shroom-main);
border-radius: .8rem;
font-size: 1.1em;
font-weight: bold;
margin: 1em 0;
padding: .4em;
text-transform: uppercase;
position: relative;
}
.shroom-toc-content {
display: flex;
flex-wrap: wrap;
gap: .4em;
justify-content: center;
}
/* Text items */
.shroom-toc-item {
color: var(--shroom-main-text);
background: var(--shroom-main);
overflow: hidden;
border-radius: .8rem;
width: 11.5em;
min-height: 9em;
padding: .4em;
}
.shroom-toc-item-header {
background: var(--shroom-dark);
color: var(--shroom-dark-text);
position: relative;
margin: -.4em -.4em 8px;
padding: .4em;
}
.shroom-toc-item-header a,
.shroom-toc-item-header a:visited,
.shroom-toc-item-header a.extiw,
.shroom-toc-item-header a.extiw:visited,
.mw-parser-output .shroom-toc-item-header a.extiw,
.mw-parser-output .shroom-toc-item-header a.extiw:visited,
.shroom-toc-item-header a.external,
.shroom-toc-item-header a.external:visited,
.mw-parser-output .shroom-toc-item-header a.external,
.mw-parser-output .shroom-toc-item-header a.external:visited {
color: var(--shroom-dark-text) !important;
}
.shroom-toc-item-header::after {
display: block;
position: absolute;
background: var(--shroom-dark);
left: 0;
right: 0;
height: 1px;
bottom: -4px;
content: '';
}
.shroom-toc-item-title a {
font-weight: bold;
text-decoration: underline;
}
.shroom-toc-item-author {
font-size: .9em;
}
.shroom-toc-description {
font-size: .95em;
margin-bottom: .25em;
}
.shroom-toc-link {
font-size: .85em;
font-weight: bold;
}
.shroom-toc-link a::before {
content: '[';
}
.shroom-toc-link a::after {
content: ']';
}
/* Icon items */
.shroom-toc-icon {
position: relative;
width: 15em;
padding-top: 128px;
}
.shroom-toc-icon a {
position: absolute;
inset: 0;
z-index: 1;
color: transparent !important;
}
.shroom-toc-icon a img {
position: absolute;
left: 50%;
transform: translateX(-50%);
transition: transform .2s;
}
.shroom-toc-icon .icon-description {
text-align: center;
display: flex;
transition: text-shadow .2s;
padding: .25em .5em 0;
justify-content: center;
}
.shroom-toc-icon.button .button {
position: absolute;
top: 0;
left: 50%;
height: 128px;
width: 192px;
transform: translateX(-50%);
transition: transform .2s;
background: var(--shroom-main);
overflow: hidden;
border-radius: 15px;
}
.shroom-toc-icon.button .a-left {
--ha: left;
}
.shroom-toc-icon.button .a-right {
--ha: right;
}
.shroom-toc-icon.button .a-top {
--va: top;
}
.shroom-toc-icon.button .a-bottom {
--va: bottom;
}
.shroom-toc-icon.button .button::before {
content: '';
box-shadow: inset 1px 1px 2px #fff, inset -0.5px -0.5px 2px #0006;
position: absolute;
border-radius: 14px;
border: 1px;
inset: 0;
z-index: 5;
}
.shroom-toc-icon.button .button img.bg {
position: absolute;
left: 0;
top: 0;
width: 192px;
height: 104px;
object-fit: none;
object-position: var(--ha, center) var(--va, center);
}
.shroom-toc-icon.button .button .shroombg {
position: absolute;
padding: 0;
max-width: none;
width: 200%;
height: 200%;
transform: scale(.5);
transform-origin: top left;
}
.shroom-toc-icon.button .button .fg {
position: absolute;
filter: drop-shadow(0px 0px 8px #fff);
}
.shroom-toc-icon.button .button div.title {
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: var(--shroom-dark);
}
.shroom-toc-icon.button .button div.title::after {
display: flex;
text-align: center;
justify-content: center;
align-items: center;
min-height: 20px;
line-height: 1.1;
padding: 1px 0 3px;
content: attr(data-label);
font-family: 'Mochiy Pop One', sans-serif;
background: linear-gradient(0deg, #ccc, #fff 80%);
background-clip: text;
color: transparent;
}
.shroom-toc-icon.icon a:hover img, .shroom-toc-icon.icon a:focus img,
.shroom-toc-icon.button a:hover ~ .button, .shroom-toc-icon.button a:focus ~ .button {
transform: translateX(-50%) scale(1.05)
}
.shroom-toc-icon a:hover ~ .icon-description, .shroom-toc-icon a:focus ~ .icon-description {
text-shadow: 0 0 8px var(--shroom-main), 0 0 5px var(--shroom-main), 0 0 3px var(--shroom-main), 0 0 1px var(--shroom-main)
}
/* Main page style */
.shroom-toc.main-toc {
--shroom-main: #fff9e7;
--shroom-main-text: #000;
--shroom-dark: #90ee90;
--shroom-dark-text: #000;
}
.shroom-toc.main-toc .shroom-toc-header {
background: var(--shroom-dark);
color: var(--shroom-dark-text);
}
/* Special sections */
.shroom-toc.main-toc .special {
--shroom-main: #6e94ff;
--shroom-dark: #ff483f;
}
.shroom181main .shroom-toc.main-toc {
--shroom-main: #92d2ec;
--shroom-main-text: #000;
--shroom-dark: #5a85b3;
--shroom-dark-text: #fff;
}
/* MediaWiki TOCSs */
.shroombg .toc {
background: var(--shroom-section-bg);
color: var(--shroom-section-text);
border: none;
border-radius: .8rem;
}
.shroombg .toc a {
color: var(--shroom-section-link);
}
