MediaWiki:Gadget-ShroomStyle.css: Difference between revisions
From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
m (Thumbnail fixes) |
mNo edit summary |
||
(21 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
/* CSS used for styling the 'Shroom namespace and related templates | /* CSS used for styling the 'Shroom namespace and related templates | ||
The "mobile" body class can be used to target mobile specifically */ | The "mobile" body class can be used to target mobile specifically */ | ||
.shroom-style-notice.sv1, .shroom-style-notice.sv3 { | |||
display: none; | |||
} | |||
/* | /* | ||
* 'Shroom colours | * 'Shroom colours and backgrounds | ||
*/ | */ | ||
/* Fallback values */ | /* Fallback values */ | ||
.shroombg { | .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: #aaa; | ||
--shroom-main-text: #000; | --shroom-main-text: #000; | ||
Line 17: | Line 40: | ||
--shroom-section-text: #000; | --shroom-section-text: #000; | ||
--shroom-section-link: #00f; | --shroom-section-link: #00f; | ||
--shroom- | --shroom-t1: #aaac; | ||
--shroom- | --shroom-t2: #aaa9; | ||
--shroom- | --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); | |||
} | } | ||
Line 25: | Line 81: | ||
/* Spring */ | /* Spring */ | ||
.shroomspring { | .shroomspring, | ||
.specialgreen, | |||
.shroomzeldamon { | |||
--shroom-main: #0bae2d; | --shroom-main: #0bae2d; | ||
--shroom-main-text: #000; | --shroom-main-text: #000; | ||
Line 35: | Line 93: | ||
--shroom-section-text: #000; | --shroom-section-text: #000; | ||
--shroom-section-link: #00f; | --shroom-section-link: #00f; | ||
--shroom- | --shroom-t1: #0bae2dcc; | ||
--shroom- | --shroom-t2: #0bae2d99; | ||
--shroom- | --shroom-t3: #0bae2d66; | ||
--shroom-t4: #0bae2d33; | |||
} | |||
.shroomspring { | |||
/* Left banner: [[File:ShroomVerticalBannerLeft_spring.png]] */ | /* Left banner: [[File:ShroomVerticalBannerLeft_spring.png]] */ | ||
--shroom-banner-left: url(https://mario.wiki.gallery/images/9/92/ShroomVerticalBannerLeft_spring.png); | --shroom-banner-left: url(https://mario.wiki.gallery/images/9/92/ShroomVerticalBannerLeft_spring.png); | ||
/* Right banner: [[File:ShroomVerticalBannerRight_spring.png]] */ | /* Right banner: [[File:ShroomVerticalBannerRight_spring.png]] */ | ||
--shroom-banner-right: url(https://mario.wiki.gallery/images/2/29/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 */ | /* Summer */ | ||
.shroomsummer { | .shroomsummer, | ||
.specialred, | |||
.shroom111bowser, | |||
.shroomsummer171 { | |||
--shroom-main: #c62121; | --shroom-main: #c62121; | ||
--shroom-main-text: #000; | --shroom-main-text: #000; | ||
Line 55: | Line 122: | ||
--shroom-section-text: #000; | --shroom-section-text: #000; | ||
--shroom-section-link: #00f; | --shroom-section-link: #00f; | ||
--shroom- | --shroom-t1: #c6212199; | ||
--shroom- | --shroom-t2: #c6212166; | ||
--shroom- | --shroom-t3: #c6212133; | ||
--shroom-t4: #c621211a; | |||
} | |||
.shroomsummer { | |||
/* Left banner: [[File:ShroomVerticalBannerLeft_summer.png]] */ | /* Left banner: [[File:ShroomVerticalBannerLeft_summer.png]] */ | ||
--shroom-banner-left: url(https://mario.wiki.gallery/images/a/ac/ShroomVerticalBannerLeft_summer.png); | --shroom-banner-left: url(https://mario.wiki.gallery/images/a/ac/ShroomVerticalBannerLeft_summer.png); | ||
/* Right banner: [[File:ShroomVerticalBannerRight_summer.png]] */ | /* Right banner: [[File:ShroomVerticalBannerRight_summer.png]] */ | ||
--shroom-banner-right: url(https://mario.wiki.gallery/images/f/fb/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 */ | /* Autumn */ | ||
.shroomfall { | .shroomfall, | ||
.specialyellow, | |||
.issue100 { | |||
--shroom-main: #efc70f; | --shroom-main: #efc70f; | ||
--shroom-main-text: #000; | --shroom-main-text: #000; | ||
Line 72: | Line 147: | ||
--shroom-dark-text: #fff; | --shroom-dark-text: #fff; | ||
--shroom-bg: #f3ebce; | --shroom-bg: #f3ebce; | ||
--shroom-section-bg: # | --shroom-section-bg: #fffae9; | ||
--shroom-section-text: #000; | --shroom-section-text: #000; | ||
--shroom-section-link: # | --shroom-section-link: #8a2be2; | ||
--shroom- | --shroom-t1: #efc70fcc; | ||
--shroom- | --shroom-t2: #efc70f99; | ||
--shroom- | --shroom-t3: #efc70f66; | ||
--shroom-t4: #efc70f33; | |||
} | |||
.shroomfall { | |||
/* Left banner: [[File:ShroomVerticalBannerLeft_fall.png]] */ | /* Left banner: [[File:ShroomVerticalBannerLeft_fall.png]] */ | ||
--shroom-banner-left: url(https://mario.wiki.gallery/images/d/d8/ShroomVerticalBannerLeft_fall.png); | --shroom-banner-left: url(https://mario.wiki.gallery/images/d/d8/ShroomVerticalBannerLeft_fall.png); | ||
/* Right banner: [[File:ShroomVerticalBannerRight_fall.png]] */ | /* Right banner: [[File:ShroomVerticalBannerRight_fall.png]] */ | ||
--shroom-banner-right: url(https://mario.wiki.gallery/images/7/77/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); | |||
} | } | ||
Line 95: | Line 176: | ||
--shroom-section-text: #000; | --shroom-section-text: #000; | ||
--shroom-section-link: green; | --shroom-section-link: green; | ||
--shroom- | --shroom-t1: #a7d7d7cc; | ||
--shroom- | --shroom-t2: #a7d7d799; | ||
--shroom- | --shroom-t3: #a7d7d766; | ||
--shroom-t4: #a7d7d733; | |||
/* Left banner: [[File:ShroomVerticalBannerLeft.png]] */ | /* Left banner: [[File:ShroomVerticalBannerLeft.png]] */ | ||
--shroom-banner-left: url(https://mario.wiki.gallery/images/e/e2/ShroomVerticalBannerLeft.png); | --shroom-banner-left: url(https://mario.wiki.gallery/images/e/e2/ShroomVerticalBannerLeft.png); | ||
/* Right banner: [[File:ShroomVerticalBannerRight.png]] */ | /* Right banner: [[File:ShroomVerticalBannerRight.png]] */ | ||
--shroom-banner-right: url(https://mario.wiki.gallery/images/8/8b/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); | |||
} | } | ||
Line 117: | Line 201: | ||
--shroom-section-text: #000; | --shroom-section-text: #000; | ||
--shroom-section-link: #00f; | --shroom-section-link: #00f; | ||
--shroom- | --shroom-t1: #be3cdc99; | ||
--shroom- | --shroom-t2: #be3cdc66; | ||
--shroom- | --shroom-t3: #be3cdc33; | ||
--shroom-t4: #be3cdc1a; | |||
/* Background: [[File:Shroombgfn.png]] */ | |||
--shroom-bg-image: url(https://mario.wiki.gallery/images/d/db/Shroombgfn.png); | |||
} | } | ||
Line 133: | Line 220: | ||
--shroom-section-text: #000; | --shroom-section-text: #000; | ||
--shroom-section-link: #00f; | --shroom-section-link: #00f; | ||
--shroom- | --shroom-t1: #007fff99; | ||
--shroom- | --shroom-t2: #007fff66; | ||
--shroom- | --shroom-t3: #007fff33; | ||
--shroom-t4: #007fff1a; | |||
/* Background: [[File:Shroombgfs.png]] */ | |||
--shroom-bg-image: url(https://mario.wiki.gallery/images/6/61/Shroombgfs.png); | |||
} | } | ||
Line 149: | Line 239: | ||
--shroom-section-text: #000; | --shroom-section-text: #000; | ||
--shroom-section-link: #00f; | --shroom-section-link: #00f; | ||
--shroom- | --shroom-t1: #daa520cc; | ||
--shroom- | --shroom-t2: #daa52099; | ||
--shroom- | --shroom-t3: #daa52066; | ||
--shroom-t4: #daa52033; | |||
/* Background: [[File:Shroombgps.png]] */ | |||
--shroom-bg-image: url(https://mario.wiki.gallery/images/0/01/Shroombgps.png); | |||
} | } | ||
Line 165: | Line 258: | ||
--shroom-section-text: #000; | --shroom-section-text: #000; | ||
--shroom-section-link: #00f; | --shroom-section-link: #00f; | ||
--shroom- | --shroom-t1: #228b2299; | ||
--shroom- | --shroom-t2: #228b2266; | ||
--shroom- | --shroom-t3: #228b2233; | ||
--shroom-t4: #228b221a; | |||
/* Background: [[File:Shroombgpp.png]] */ | |||
--shroom-bg-image: url(https://mario.wiki.gallery/images/3/3a/Shroombgpp.png); | |||
} | } | ||
Line 181: | Line 277: | ||
--shroom-section-text: #000; | --shroom-section-text: #000; | ||
--shroom-section-link: #00f; | --shroom-section-link: #00f; | ||
--shroom- | --shroom-t1: #ff7f00cc; | ||
--shroom- | --shroom-t2: #ff7f0099; | ||
--shroom- | --shroom-t3: #ff7f0066; | ||
--shroom-t4: #ff7f0033; | |||
/* Background: [[File:Shroombgcc.png]] */ | |||
--shroom-bg-image: url(https://mario.wiki.gallery/images/7/7d/Shroombgcc.png); | |||
} | } | ||
Line 197: | Line 296: | ||
--shroom-section-text: #000; | --shroom-section-text: #000; | ||
--shroom-section-link: #00f; | --shroom-section-link: #00f; | ||
--shroom- | --shroom-t1: #ff69b4cc; | ||
--shroom- | --shroom-t2: #ff69b499; | ||
--shroom- | --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 */ | /* GENERIC SPECIALS */ | ||
/* specialred: see shroomsummer */ | |||
.specialred { | .specialred { | ||
--shroom-dark: #b50d0d; | --shroom-dark: #b50d0d; | ||
--shroom-bg: #fcbdbd; | --shroom-bg: #fcbdbd; | ||
--shroom-section-bg: #fff0f0; | --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-text: #000; | ||
--shroom-section-link: #00f; | --shroom-section-link: #00f; | ||
--shroom- | --shroom-t1: #ec8c24cc; | ||
--shroom- | --shroom-t2: #ec8c2499; | ||
--shroom- | --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 */ | ||
--shroom-main: # | .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-text: #000; | ||
--shroom-main-link: #00f; | --shroom-main-link: #00f; | ||
--shroom-dark: # | --shroom-dark: #80b017; | ||
--shroom-dark-text: #fff; | --shroom-dark-text: #fff; | ||
--shroom-bg: # | --shroom-bg: #e4f2c4; | ||
--shroom-section-bg: # | --shroom-section-bg: #f8ffe9; | ||
--shroom-section-text: #000; | --shroom-section-text: #000; | ||
--shroom-section-link: #00f; | --shroom-section-link: #00f; | ||
--shroom- | --shroom-t1: #9ed529cc; | ||
--shroom- | --shroom-t2: #9ed52999; | ||
--shroom- | --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); | |||
} | } | ||
Line 244: | Line 381: | ||
--shroom-section-text: #000; | --shroom-section-text: #000; | ||
--shroom-section-link: #00f; | --shroom-section-link: #00f; | ||
--shroom- | --shroom-t1: #51c9d0cc; | ||
--shroom- | --shroom-t2: #51c9d099; | ||
--shroom- | --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: # | --shroom-main-link: #00f; | ||
--shroom-main-text: # | --shroom-dark: #366dde; | ||
--shroom-main-link: # | |||
--shroom-dark: # | |||
--shroom-dark-text: #fff; | --shroom-dark-text: #fff; | ||
--shroom-bg: # | --shroom-bg: #b7cbff; | ||
--shroom-section-bg: # | --shroom-section-bg: #e5eeff; | ||
--shroom-section-text: #000; | --shroom-section-text: #000; | ||
--shroom-section-link: #00f; | --shroom-section-link: #00f; | ||
--shroom- | --shroom-t1: #618feacc; | ||
--shroom- | --shroom-t2: #618fea99; | ||
--shroom- | --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: # | |||
--shroom-main-text: #000; | --shroom-main-text: #000; | ||
--shroom-main-link: #00f; | --shroom-main-link: #00f; | ||
--shroom-dark: # | --shroom-dark: #6a45c8; | ||
--shroom-dark-text: #fff; | --shroom-dark-text: #fff; | ||
--shroom-bg: # | --shroom-bg: #d1c4f2; | ||
--shroom-section-bg: # | --shroom-section-bg: #efe9ff; | ||
--shroom-section-text: #000; | --shroom-section-text: #000; | ||
--shroom-section-link: #00f; | --shroom-section-link: #00f; | ||
--shroom- | --shroom-t1: #8568cfcc; | ||
--shroom- | --shroom-t2: #8568cf99; | ||
--shroom- | --shroom-t3: #8568cf66; | ||
/* | --shroom-t4: #8568cf33; | ||
--shroom- | /* Background: [[File:Shroombgspecialindigo.png]] */ | ||
--shroom-bg-image: url(https://mario.wiki.gallery/images/f/f7/Shroombgspecialindigo.png); | |||
--shroom- | --shroom-bg2-image: var(--shroom-bg-star); | ||
} | } | ||
. | .specialpurple { | ||
--shroom-main: # | --shroom-main: #a55ad9; | ||
--shroom-main-text: #000; | --shroom-main-text: #000; | ||
--shroom-main-link: #00f; | --shroom-main-link: #00f; | ||
--shroom-dark: # | --shroom-dark: #7126a6; | ||
--shroom-dark-text: #fff; | --shroom-dark-text: #fff; | ||
--shroom-bg: # | --shroom-bg: #e7c4f2; | ||
--shroom-section-bg: # | --shroom-section-bg: #f9e9ff; | ||
--shroom-section-text: #000; | --shroom-section-text: #000; | ||
--shroom-section-link: #00f; | --shroom-section-link: #00f; | ||
--shroom- | --shroom-t1: #a55ad9cc; | ||
--shroom- | --shroom-t2: #a55ad999; | ||
--shroom- | --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: # | --shroom-main: #ec62c0; | ||
--shroom-main-text: #000; | --shroom-main-text: #000; | ||
--shroom-main-link: #00f; | --shroom-main-link: #00f; | ||
--shroom-dark: # | --shroom-dark: #da2fa4; | ||
--shroom-dark-text: #fff; | --shroom-dark-text: #fff; | ||
--shroom-bg: # | --shroom-bg: #f2c4db; | ||
--shroom-section-bg: # | --shroom-section-bg: #ffe9f4; | ||
--shroom-section-text: #000; | --shroom-section-text: #000; | ||
--shroom-section-link: #00f; | --shroom-section-link: #00f; | ||
--shroom- | --shroom-t1: #ec62c0cc; | ||
--shroom- | --shroom-t2: #ec62c099; | ||
--shroom- | --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 */ | ||
--shroom- | |||
--shroom- | /* issue100: see shroomfall */ | ||
--shroom-main-link: # | .issue100 { | ||
--shroom- | --shroom-bg: #ffd800; | ||
--shroom- | /* Background: [[File:Shroombg100main.gif]] */ | ||
--shroom-bg: # | --shroom-bg-image: url(https://mario.wiki.gallery/images/a/a2/Shroombg100main.gif); | ||
--shroom- | } | ||
/* 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-text: #000; | ||
--shroom-section-link: #00f; | --shroom-section-link: #00f; | ||
/* Background: [[File:Shroom111bowser.png]] */ | |||
--shroom- | --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-main-text: # | --shroom-bg: #4b4b4b; | ||
--shroom-main-link: # | --shroom-section-bg: #fff6e6; | ||
--shroom-bg: # | |||
--shroom-section-bg: # | |||
--shroom-section-text: #000; | --shroom-section-text: #000; | ||
--shroom-section-link: #00f; | --shroom-section-link: #00f; | ||
/* Background: [[File:Shroom111morton.png]] */ | |||
--shroom- | --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); | |||
} | } | ||
.shroom- | /* 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); | |||
} | } | ||
.shroom- | .shroomstaff171 { | ||
.shroom- | --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; | |||
text- | --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; | |||
text- | --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; | |||
text- | --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-family: | |||
} | } | ||
. | .font-mochiypopone { | ||
font-family: 'Mochiy Pop One', sans-serif; | |||
font- | |||
} | } | ||
. | /* 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- | 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- | font-style: normal; | ||
font- | 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- | 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- | 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; | |||
} | } | ||
. | .subtle-shadow { | ||
filter: drop-shadow(0px 0px 2px #0002); | |||
} | } | ||
/* | |||
* 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- | 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; | |||
padding: 0 | 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 | .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. | .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. | .shroombg.shroombanner { | ||
padding-left: calc(41px + .3em); | |||
padding-right: calc(41px + .3em); | |||
position: relative; | |||
} | } | ||
.shroombg. | .shroombg.shroombanner::before, | ||
background: | .shroombg.shroombanner::after { | ||
content: ''; | |||
display: block; | |||
position: absolute; | |||
z-index: 10; | |||
width: 41px; | |||
top: 0; | |||
bottom: 0; | |||
background: repeat-y; | |||
} | } | ||
.shroombg. | .shroombg.shroombanner::before { | ||
background: | left: 0; | ||
background-image: var(--shroom-banner-left); | |||
} | } | ||
.shroombg. | .shroombg.shroombanner::after { | ||
background: | right: 0; | ||
background-image: var(--shroom-banner-right); | |||
} | } | ||
/* | |||
* Images / thumbnails | |||
*/ | |||
.shroombg. | .shroombg .image > img { | ||
max-width: 100%; | |||
height: auto; | |||
} | } | ||
.shroombg. | .shroombg table .image > img { | ||
max-width: 40vw !important; | |||
} | } | ||
. | .shroomthumb .thumb { | ||
max-width: 100%; | |||
} | } | ||
. | .shroomthumb .thumbinner { | ||
border: none; | |||
padding: 3px; | |||
box-shadow: none; | |||
max-width: calc(100% - 6px); | |||
} | } | ||
. | .mediawiki .shroomthumb .thumbinner { | ||
background: | background: none !important; | ||
} | } | ||
.skin-minerva .shroomthumb .thumbinner { | |||
. | max-width: calc(100% - 8px) !important; | ||
} | } | ||
. | .shroomthumb .thumbinner .image { | ||
background: | display: block; | ||
border-radius: 13px 13px 0 0; | |||
background: var(--shroom-main); | |||
padding: 3px; | |||
margin: -3px; | |||
} | } | ||
. | .shroomthumb .thumbinner .thumbimage { | ||
background: | 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: | background: none; | ||
} | } | ||
. | .shroomthumb .thumbinner .thumbcaption { | ||
position: relative; | |||
margin: 4px -3px -3px !important; | |||
padding: .5em !important; | |||
border-radius: | 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- | 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 { | ||
background-color: | 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- | 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 { | ||
background- | 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-color: | background: var(--shroom-dark); | ||
color: var(--shroom-dark-text); | |||
} | } | ||
. | .shroomSlideshowLeft, .shroomSlideshowRight { | ||
background-color: | 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 | 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 { | ||
border- | width: 100%; | ||
margin-bottom: 10px; | |||
border-spacing: 5px 0; | |||
} | } | ||
. | .shroomArchive2023 .shroomArchive2023Body .shroomArchive2023BodyTeam .shroomArchive2023BodyTeamHeader { | ||
width: 20%; | |||
border-radius: 0 | border-radius: 0; | ||
} | } | ||
.shroomArchive2023 .shroomArchive2023Body .shroomArchive2023BodyTeam .shroomArchive2023BodyTeamSections { | |||
. | |||
text-align: center; | text-align: center; | ||
border- | border-radius: 0; | ||
} | } | ||
/* | |||
* | |||
*/ | |||
. | /* <h4> Nonmario </h4> */ | ||
.nonmario_template { | |||
border-radius: | 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 { | ||
color: | background-color: #c50; | ||
} | } | ||
. | .nonmario_template td.active { | ||
background-color: orange; | |||
vertical-align: top; | |||
z-index: | z-index: 0; | ||
transform: | -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- | border-top-left-radius: 13px; | ||
} | } | ||
.nonmario_template .roundborder_tr { | |||
. | border-top-right-radius: 13px; | ||
} | } | ||
. | .nonmario_template .roundborder_br { | ||
border | 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> */ | ||
color: # | .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> */ | ||
background | .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; | |||
padding | |||
} | } | ||
. | .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: | font-size: 24px; | ||
} | position: absolute; | ||
padding-top: 215px; | |||
padding-left: 398px; | |||
line-height: 43px; | |||
} | |||
. | .swinfobox { | ||
font-size: | 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; | |||
border | |||
} | } | ||
. | .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; | color: purple; | ||
} | } | ||
. | .shroomnav.shroomnav a:active, | ||
.shroomnav.shroomnav a:active:hover { | |||
color: orange; | 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 { | ||
color: # | 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; | |||
color: | |||
} | } | ||
. | .shroomnav-winter tr th { | ||
color: | background-color: #3670d2; | ||
} | } | ||
. | .shroomnav-spring tr:first-child th { | ||
color: # | background-color: #1f9a2e; | ||
text-shadow: 0 0 4px #1f9a2e, 0 0 2px #1f9a2e; | |||
} | } | ||
. | .shroomnav-spring tr:first-child :link { | ||
color: | color: #fff; | ||
} | } | ||
. | .shroomnav-spring tr th { | ||
background-color: #1f9a2e; | |||
background: # | |||
} | } | ||
.shroomnav-summer tr:first-child th { | |||
background-color: #bf1616; | |||
. | text-shadow: 0 0 4px #bf1616, 0 0 2px #bf1616; | ||
background: # | |||
} | } | ||
. | .shroomnav-summer tr:first-child :link { | ||
color: | color: #fff; | ||
} | } | ||
. | .shroomnav-summer tr th { | ||
color: | background-color: #bf1616; | ||
} | } | ||
. | .shroomnav-fall tr:first-child th { | ||
color: | 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 { | ||
color: | background-color: #e0a903; | ||
} | } | ||
. | .shroomthumb.cc .nonmario-infobox td, .shroomthumb.cc .nonmario-infobox th { | ||
color: | background-color: #ff8c00; | ||
} | } | ||
. | .shroombg { | ||
overflow: hidden; | |||
overflow: clip; | |||
padding: 0.3em; | padding: 0.3em; | ||
color: | color: var(--shroom-main-text); | ||
background: var(--shroom-bg) var(--shroom-bg-image); | |||
border-radius: 1em; | border-radius: 1em; | ||
position: relative; | |||
} | } | ||
. | .shroombg.v2 { | ||
font-size: .9625rem; | |||
line-height: 1.5; | |||
} | } | ||
. | /* v2 background exceptions can be added here */ | ||
color: | .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: | 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, | ||
color: | .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: | 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; | |||
border- | |||
} | } | ||
/ | .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: # | 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; | |||
color: | |||
} | } | ||
. | .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; | |||
padding: 0 | 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 { | ||
background: | 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> | /* <h4> 'Shroom Halloween theme 2015 </h4> */ | ||
. | .shroomhalloween2015 { | ||
background: | background-image: url(https://mario.wiki.gallery/images/4/4b/ShroomHalloween2015.png); | ||
} | } | ||
. | .shroomhalloween2015 a:visited { | ||
color: | color: #7f007f; | ||
} | } | ||
. | .shroomhalloween2015 a:active { | ||
color: | color: #4169e1; | ||
} | } | ||
. | .shroombg .bestsongimage { | ||
border-radius: 25px 0 0 25px; | |||
} | } | ||
.shroombg .cheatsimage { | |||
border-radius: 25px; | |||
. | |||
border-radius: | |||
} | } | ||
/* <h4> Shroomsectionbox </h4> */ | |||
. | .shroomsectionbox { | ||
color: | 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 | ||
background: | .supersection .shroomsectionbox { | ||
background: none repeat scroll 0 0 rgba(255, 105, 180, 0.6); | |||
} | } | ||
. | .shroomtoc .supersection { | ||
width: 50%; | |||
} | } | ||
. | .shroomtoc .supersection > .header { | ||
color: | 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; | |||
. | |||
background: | |||
} | } | ||
. | .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: | 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: | color: blue; | ||
} | } | ||
. | .shroomsummerwatered a:visited { | ||
color: purple; | |||
} | } | ||
. | .shroomsummerwatered a:active { | ||
color: blue; | |||
} | } | ||
/* <h4> Silver theme </h4> */ | |||
. | .shroom2 { | ||
color: | 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: # | 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> */ | ||
background: # | |||
.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: | color: green; | ||
text-decoration: none; | |||
} | } | ||
. | .shroomholiday2011 a:visited { | ||
color: | color: #030; | ||
} | } | ||
. | .shroomholiday2011 a:active { | ||
color: | color: green; | ||
} | } | ||
/* <h4> | /* <h4> Old theme </h4> */ | ||
. | .shroomold { | ||
background: # | background: #d4e6ea url(https://mario.wiki.gallery/images/archive/c/c9/20090318205241!Mushroombg.png) repeat; | ||
padding: 0.3em; | padding: 0.3em; | ||
color: black; | color: black; | ||
Line 2,451: | Line 2,890: | ||
} | } | ||
. | /* <h4> 'Shroom Super Mario 64 </h4> */ | ||
background: # | |||
.shroomsupermario64 { | |||
background: #d4e6ea url(https://mario.wiki.gallery/images/e/e7/Wingcap.png) repeat; | |||
padding: 0.3em; | |||
color: black; | color: black; | ||
border-radius: 1em; | |||
} | } | ||
/* <h4> 'Shroom | /* <h4> 'Shroom Mario Kart 64 </h4> */ | ||
. | .shroommariokart64 { | ||
background: # | 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: # | 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: # | 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: # | background: #d4e6ea url(https://mario.wiki.gallery/images/3/36/Shroomcrayon.png) repeat; | ||
padding: 0.3em; | |||
color: black; | |||
border-radius: 1em; | |||
} | } | ||
/* <h4> 'Shroom | /* <h4> 'Shroom Super Smash Bros. </h4> */ | ||
. | .shroomsupersmashbros { | ||
background | background: #d4e6ea url(https://mario.wiki.gallery/images/c/ca/Shroomfire.png) repeat; | ||
padding: 0.3em; | |||
color: black; | |||
border-radius: 1em; | |||
border | |||
} | } | ||
. | /* <h4> 'Shroom Halloween theme </h4> */ | ||
background | |||
.shroomhalloween { | |||
background: #fff url(https://mario.wiki.gallery/images/b/b8/Shroomhalloween.png) repeat; | |||
padding: 0.3em; | |||
color: black; | |||
border-radius: 1em; | |||
border | |||
} | } | ||
. | .shroomhalloween a { | ||
color: #8a2be2; | |||
text-decoration: none; | |||
} | |||
.shroomhalloween a:visited { | |||
color: #7f007f; | |||
} | } | ||
. | .shroomhalloween a:active { | ||
color: #4169e1; | |||
} | } | ||
. | /* <h4> Waluigi theme </h4> */ | ||
background | |||
.shroomwaluigi { | |||
background: #fff url(https://mario.wiki.gallery/images/8/87/BackgroundWaluigi.png) repeat; | |||
padding: 0.3em; | |||
color: white; | |||
border-radius: 1em; | |||
border | |||
} | } | ||
. | .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 { | ||
background | color: yellow; | ||
} | |||
/* <h4> Kirby theme </h4> */ | |||
.shroomkirby { | |||
border | 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> */ | ||
background | |||
.shroommother { | |||
background: #fff url(https://mario.wiki.gallery/images/3/31/BackgroundMother.png) repeat; | |||
padding: 0.3em; | |||
color: black; | |||
border-radius: 1em; | |||
border | |||
} | } | ||
. | .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/ | 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> | /* <h4> Pikmin theme </h4> */ | ||
. | .shroompikmin { | ||
background: # | 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: # | 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); | |||
background: # | |||
} | } | ||
.ShroomSimian2019 { | |||
background: #feb0d0 url(https://mario.wiki.gallery/images/7/7c/ShroomFools19.png); | |||
background: # | |||
} | } | ||
/* | /* <h4> 'Shroom Banners </h4> */ | ||
.ShroomVerticalBannerLeftSpring { | |||
background-image: url(https://mario.wiki.gallery/images/9/92/ShroomVerticalBannerLeft_spring.png); | |||
background: | 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); | |||
background: | 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%; | |||
background: | 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); | |||
background: | 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); | |||
background: | 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); | |||
background: | 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); | |||
background: | 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); | |||
background: | 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); | |||
background: | 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); | |||
background: | width: 41px; | ||
height: 100%; | |||
position: absolute; | |||
right: 0; | |||
border-top-right-radius: 1em; | |||
border-bottom-right-radius: 1em; | |||
} | } | ||
Line 2,872: | Line 3,293: | ||
} | } | ||
.shroom-dossier-poll { | .shroom-dossier-container .shroom-dossier-poll { | ||
flex: 1 200px; | flex: 1 200px; | ||
max-width: 300px; | max-width: 300px; | ||
Line 2,892: | Line 3,313: | ||
} | } | ||
/* <h4> 'Shroom | /* <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: | 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%, | |||
background: | 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: ''; | |||
background: # | 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); | ||
} | |||
background-image: url(https://mario.wiki.gallery/images/ | .toc-189-container .icon.course a:hover ~ .icon-description, .toc-189-container .icon.course a:focus ~ .icon-description { | ||
color: var(--shroom-dark); | |||
} | |||
margin: | /* 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; | color: #fff9; | ||
--shroom-dark: #fff9; | --shroom-dark: #fff9; | ||
Line 3,049: | Line 3,518: | ||
} | } | ||
. | /* <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 { | |||
position: absolute; | display: flex; | ||
bottom: 0; | 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%; | left: 50%; | ||
transform: translateX(-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; | |||
background | |||
} | } | ||
.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]] | ||
background-image: url(https://mario.wiki.gallery/images/ | * 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; | ||
background-image: url(https://mario.wiki.gallery/images/f/fe/ | /* 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/ | 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 { | |||
.shroombg. | background-size: auto 150%, 256px, auto; | ||
background- | 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- | 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; | 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; | ||
} | } | ||
.shroom-toc-item | /* 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; | |||
} | } | ||
.shroom- | /* Fireworks */ | ||
.shroom-fireworks { | |||
inset: 0; | |||
position: absolute; | |||
pointer-events: none; | |||
} | } | ||
.shroom- | .shroom-fireworks canvas { | ||
display: block; | |||
position: sticky; | |||
top: 0; | |||
} | } | ||
.shroom- | .shroom-fireworks .fireworks-images { | ||
display: none; | |||
} | } | ||
.shroom- | .shroom-zhack { | ||
position: relative; | |||
z-index: 5; | |||
} | } | ||
. | .client-js .shroom-fireworks-view { | ||
.shroom- | 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; | |||
} | } | ||
.shroom181main .shroom-toc.main-toc { | #vending-machine-items ul { | ||
--shroom-main: #92d2ec; | position: absolute; | ||
--shroom-main-text: #000; | inset: 0; | ||
--shroom-dark: #5a85b3; | 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; | --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); | |||
} | } |
Latest revision as of 12:02, April 20, 2024
/* 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;
}
.subtle-shadow {
filter: drop-shadow(0px 0px 2px #0002);
}
/*
* 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;
box-shadow: none;
max-width: calc(100% - 6px);
}
.mediawiki .shroomthumb .thumbinner {
background: none !important;
}
.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);
}