MediaWiki:Gadget-ShroomStyle.css: Difference between revisions
From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
(mobile tablet fix) |
m (Upcoming release) |
||
Line 44: | Line 44: | ||
} | } | ||
/* Summer */ | |||
.shroomsummer { | .shroomsummer { | ||
--shroom-main: #c62121; | --shroom-main: #c62121; | ||
Line 61: | Line 62: | ||
/* 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); | ||
} | |||
/* Autumn */ | |||
.shroomfall { | |||
--shroom-main: #efc70f; | |||
--shroom-main-text: #000; | |||
--shroom-main-link: #00f; | |||
--shroom-dark: #bb9a07; | |||
--shroom-dark-text: #fff; | |||
--shroom-bg: #f3ebce; | |||
--shroom-section-bg: #fff6e6; | |||
--shroom-section-text: #000; | |||
--shroom-section-link: #00f; | |||
--shroom-60: #efc70f99; | |||
--shroom-40: #efc70f66; | |||
--shroom-20: #efc70f33; | |||
/* 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); | |||
} | |||
/* 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-60: #a7d7d799; | |||
--shroom-40: #a7d7d766; | |||
--shroom-20: #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); | |||
} | } | ||
Revision as of 12:13, September 17, 2022
/* CSS used for styling the 'Shroom namespace and related templates
The "mobile" body class can be used to target mobile specifically */
/*
* 'Shroom colours
*/
/* Fallback values */
.shroombg {
--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-60: #aaa9;
--shroom-40: #aaa6;
--shroom-20: #aaa3;
}
/* SEASONAL */
/* Spring */
.shroomspring {
--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-60: #0bae2d99;
--shroom-40: #0bae2d66;
--shroom-20: #0bae2d33;
/* 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);
}
/* Summer */
.shroomsummer {
--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-60: #c6212199;
--shroom-40: #c6212166;
--shroom-20: #c6212133;
/* 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);
}
/* Autumn */
.shroomfall {
--shroom-main: #efc70f;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #bb9a07;
--shroom-dark-text: #fff;
--shroom-bg: #f3ebce;
--shroom-section-bg: #fff6e6;
--shroom-section-text: #000;
--shroom-section-link: #00f;
--shroom-60: #efc70f99;
--shroom-40: #efc70f66;
--shroom-20: #efc70f33;
/* 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);
}
/* 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-60: #a7d7d799;
--shroom-40: #a7d7d766;
--shroom-20: #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);
}
/* 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-60: #b46fd399;
--shroom-40: #b46fd366;
--shroom-20: #b46fd333;
}
/* 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-60: #4da5ff99;
--shroom-40: #4da5ff66;
--shroom-20: #4da5ff33;
}
/* 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-60: #e8c15f99;
--shroom-40: #e8c15f66;
--shroom-20: #e8c15f33;
}
/* 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-60: #31c83199;
--shroom-40: #31c83166;
--shroom-20: #31c83133;
}
/* 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-60: #ffa54d99;
--shroom-40: #ffa54d66;
--shroom-20: #ffa54d33;
}
/* 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-60: #ff69b499;
--shroom-40: #ff69b466;
--shroom-20: #ff69b433;
}
/* GENERIC SPECIALS */
.specialred {
--shroom-main: #c62121;
--shroom-main-text: #000;
--shroom-main-link: #00f;
--shroom-dark: #b50d0d;
--shroom-dark-text: #fff;
--shroom-bg: #fcbdbd;
--shroom-section-bg: #fff0f0;
--shroom-section-text: #000;
--shroom-section-link: #00f;
--shroom-60: #c6212199;
--shroom-40: #c6212166;
--shroom-20: #c6212133;
}
.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-60: #a55ad999;
--shroom-40: #a55ad966;
--shroom-20: #a55ad933;
}
.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-60: #51c9d099;
--shroom-40: #51c9d066;
--shroom-20: #51c9d033;
}
/* 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-60: #bb558b99;
--shroom-40: #bb558b66;
--shroom-20: #bb558b33;
}
/* 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-60: #f7be5299;
--shroom-40: #f7be5266;
--shroom-20: #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);
}
.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-60: #d38e1799;
--shroom-40: #d38e1766;
--shroom-20: #d38e1733;
}
.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-60: #96c1e999;
--shroom-40: #96c1e966;
--shroom-20: #96c1e933;
}
.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-60: #e79e5599;
--shroom-40: #e79e5566;
--shroom-20: #e79e5533;
}
.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-60: #6dbee899;
--shroom-40: #6dbee866;
--shroom-20: #6dbee833;
}
/* 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-60: #e1404999;
--shroom-40: #e1404966;
--shroom-20: #e1404933;
}
/*
* 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;
}
/* 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&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/v13/wEO_EBrAnc9BLjLQAUk1WPoK7Es.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-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/v13/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+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/v25/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+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/v17/m8JVjfNVeKWVnh3QMuKkFcZVaUuH.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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/v17/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/v17/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/v17/EJRSQgYoZZY2vCFuvAnt66qcVyvHpA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-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/v17/EJRSQgYoZZY2vCFuvAnt66qSVys.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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/v14/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/v14/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/v14/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/v14/e3t4euO8T-267oIAQAu6jDQyK3nbivN04w.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-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/v14/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+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Manual font imports end here */
/*
* Utility
*/
.alignleft, .aligncenter {
margin-right: auto;
}
.alignright, .aligncenter {
margin-left: auto;
}
/*
* General
*/
.shroombg hr {
border: none;
height: 2px;
border-radius: 2px;
background: var(--shroom-main);
}
/*
* Headers
*/
.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;
}
#mw-content .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;
}
/*
* Main page banners
*/
.shroombg.shroombanner {
padding-left: 45px;
padding-right: 45px;
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);
}
/*
* Collapsibles
*/
.shroom-collapsible {
max-width: 100%;
}
.shroom-collapsible:not(.floatleft):not(.floatright) {
margin-top: .6em;
margin-bottom: .7em;
}
.skin-timeless .shroom-collapsible:not(.floatleft):not(.floatright) {
margin-top: 1em;
margin-bottom: 1em;
}
.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-40);
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-20);
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;
}
/*
*
*/
/* <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-winter, .shroomnav-spring,
.shroomnav-summer, .shroomnav-fall {
margin-left: auto !important;
margin-right: auto !important;
}
.shroomnav-winter a.mw-collapsible-text,
.shroomnav-spring a.mw-collapsible-text,
.shroomnav-summer a.mw-collapsible-text,
.shroomnav-fall a.mw-collapsible-text {
color: #fff !important;
}
.shroomnav-winter {
border: 1px solid #202020;
border-radius: 8px;
font-family: Arial;
font-size: 11px;
text-align: center;
color: #fff;
width: 60%;
margin: auto;
}
.shroomnav-winter tr:first-child th {
background-color: #3670d2;
border-radius: 5px;
text-align: center;
font-size: 14px;
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-winter tr:first-child :link {
color: #fff;
}
.shroomnav-winter tr th {
background-color: #3670d2;
border-radius: 5px;
text-align: center;
font-size: 12px
}
.shroomnav-winter tr td {
background-color: #f3eede;
color: #000;
border-radius: 5px;
text-align: center;
font-size: 11px
}
.shroomnav-spring {
border: 1px solid #202020;
border-radius: 8px;
font-family: Arial;
font-size: 11px;
text-align: center;
color: #fff;
width: 60%;
margin: auto;
}
/* Temporary patch for Issue 181 */
.shroomnav-spring a {
color: #00f !important;
}
.shroomnav-spring tr:first-child th {
background-color: #1f9a2e;
border-radius: 5px;
text-align: center;
font-size: 14px;
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-spring tr:first-child :link {
color: #fff;
}
.shroomnav-spring tr th {
background-color: #1f9a2e;
border-radius: 5px;
text-align: center;
font-size: 12px
}
.shroomnav-spring tr td {
background-color: #f3eede;
color: #000;
border-radius: 5px;
text-align: center;
font-size: 11px
}
.shroomnav-summer {
border: 1px solid #202020;
border-radius: 8px;
font-family: Arial;
font-size: 11px;
text-align: center;
color: #fff;
width: 60%;
margin: auto;
}
.shroomnav-summer tr:first-child th {
background-color: #bf1616;
border-radius: 5px;
text-align: center;
font-size: 14px;
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-summer tr:first-child :link {
color: #fff;
}
.shroomnav-summer tr th {
background-color: #bf1616;
border-radius: 5px;
text-align: center;
font-size: 12px
}
.shroomnav-summer tr td {
background-color: #f3eede;
color: #000;
border-radius: 5px;
text-align: center;
font-size: 11px
}
.shroomnav-fall {
border: 1px solid #202020;
border-radius: 8px;
font-family: Arial;
font-size: 11px;
text-align: center;
color: #fff;
width: 60%;
margin: auto;
}
.shroomnav-fall tr:first-child th {
background-color: #e0a903;
border-radius: 5px;
text-align: center;
font-size: 14px;
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-fall tr:first-child :link {
color: #fff;
}
.shroomnav-fall tr th {
background-color: #e0a903;
border-radius: 5px;
text-align: center;
font-size: 12px
}
.shroomnav-fall tr td {
background-color: #f3eede;
color: #000;
border-radius: 5px;
text-align: center;
font-size: 11px
}
.shroomthumb .thumb.tleft {
margin: 1px 25px 9px 1px;
}
.shroomthumb .thumb.tright {
margin: 1px 1px 9px 25px;
}
.shroomthumb .thumb .thumbinner {
-moz-box-sizing: content-box;
background: none repeat scroll 0 0 transparent;
border: medium none;
overflow: visible;
padding: 0 !important;
width: 344px;
}
.shroomthumb .thumb .image {
background: var(--shroom-main);
border-radius: 13px 13px 0 0;
display: block;
padding: 4px 3px 4px;
width: inherit;
}
.mw-content-ltr .shroomthumb .thumb .thumbcaption {
border-radius: 0 0 13px 13px;
margin-top: 1px;
min-height: 16px;
text-align: left;
color: var(--shroom-main-text);
background: var(--shroom-main);
width: calc(100% + 6px);
padding: 3px 7px 3px;
box-sizing: border-box;
}
.shroomthumb .thumb .image img {
border-radius: 13px 13px 0 0;
border: none;
}
.shroomthumb .thumb .magnify a {
background-image: url(https://mario.wiki.gallery/images/7/76/Magnify-clip-cc.png) !important;
height: 11px;
width: 15px;
}
.shroomthumb .thumb .magnify img {
display: none;
}
.shroomthumb.staff .thumb .image,
.mw-content-ltr .shroomthumb.staff .thumb .thumbcaption,
.shroomthumb.staff .gallery .thumb,
.shroomthumb.staff .gallerytext {
background-color: #20d420 !important;
}
.shroomthumb.specialorange .thumb .image,
.mw-content-ltr .shroomthumb.specialorange .thumb .thumbcaption,
.shroomthumb.specialorange .gallery .thumb,
.shroomthumb.specialorange .gallerytext,
.shroomthumb.shroomhalloween2015 .thumb .image,
.mw-content-ltr .shroomthumb.shroomhalloween2015 .thumb .thumbcaption,
.shroomthumb.shroomhalloween2015 .gallery .thumb,
.shroomthumb.shroomhalloween2015 .gallerytext {
background-color: #ec8c24 !important;
}
.shroomthumb.specialyellow .thumb .image,
.mw-content-ltr .shroomthumb.specialyellow .thumb .thumbcaption,
.shroomthumb.specialyellow .gallery .thumb,
.shroomthumb.specialyellow .gallerytext,
.shroomthumb.shroomfall .thumb .image,
.mw-content-ltr .shroomthumb.shroomfall .thumb .thumbcaption,
.shroomthumb.shroomfall .gallery .thumb,
.shroomthumb.shroomfall .gallerytext {
background-color: #efc70f !important;
}
.shroomthumb.speciallime .thumb .image,
.mw-content-ltr .shroomthumb.speciallime .thumb .thumbcaption,
.shroomthumb.speciallime .gallery .thumb,
.shroomthumb.speciallime .gallerytext {
background-color: #9ed529 !important;
}
.shroomthumb.specialgreen .thumb .image,
.mw-content-ltr .shroomthumb.specialgreen .thumb .thumbcaption,
.shroomthumb.specialgreen .gallery .thumb,
.shroomthumb.specialgreen .gallerytext {
background-color: #0bae2d !important;
}
.shroomthumb.specialblue .thumb .image,
.mw-content-ltr .shroomthumb.specialblue .thumb .thumbcaption,
.shroomthumb.specialblue .gallery .thumb,
.shroomthumb.specialblue .gallerytext {
background-color: #366dde !important;
}
.shroomthumb.specialindigo .thumb .image,
.mw-content-ltr .shroomthumb.specialindigo .thumb .thumbcaption,
.shroomthumb.specialindigo .gallery .thumb,
.shroomthumb.specialindigo .gallerytext {
background-color: #6a45c8 !important;
}
.shroomthumb.specialpink .thumb .image,
.mw-content-ltr .shroomthumb.specialpink .thumb .thumbcaption,
.shroomthumb.specialpink .gallery .thumb,
.shroomthumb.specialpink .gallerytext {
background-color: #ec62c0 !important;
}
.shroomthumb.cc .nonmario-infobox td, .shroomthumb.cc .nonmario-infobox th {
background-color: #ff8c00;
}
.shroombg {
overflow: hidden;
overflow: clip;
padding: 0.3em;
color: var(--shroom-main-text);
background: var(--shroom-bg);
border-radius: 1em;
}
.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:active {
color: orange;
}
.shroombg a:active, .shroombg a:focus, .shroombg a:hover {
text-decoration: underline;
}
.shroombg.specialred {
background: #fcbdbd url(https://mario.wiki.gallery/images/b/bf/Shroombgspecialred.png) repeat;
}
.shroombg.specialorange {
background: #f8d1a6 url(https://mario.wiki.gallery/images/d/d2/Shroombgspecialorange.png) repeat;
}
.shroombg.specialyellow {
background: #f2d785 url(https://mario.wiki.gallery/images/8/86/Shroombgspecialyellow.png) repeat;
}
.shroombg.speciallime {
background: #e4f2c4 url(https://mario.wiki.gallery/images/1/18/Shroombgspeciallime.png) repeat;
}
.shroombg.specialgreen {
background: #c4f2d4 url(https://mario.wiki.gallery/images/9/93/Shroombgspecialgreen.png) repeat;
}
.shroombg.specialcyan {
background: #c4eaf2 url(https://mario.wiki.gallery/images/d/df/Shroombgspecialcyan.png) repeat;
}
.shroombg.specialblue {
background: #b7cbff url(https://mario.wiki.gallery/images/8/8f/Shroombgspecialblue.png) repeat;
}
.shroombg.specialindigo {
background: #d1c4f2 url(https://mario.wiki.gallery/images/f/f7/Shroombgspecialindigo.png) repeat;
}
.shroombg.specialpurple {
background: #e7c4f2 url(https://mario.wiki.gallery/images/5/52/Shroombgspecialpurple.png) repeat;
}
.shroombg.specialpink {
background: #f2c4db url(https://mario.wiki.gallery/images/0/01/Shroombgspecialpink.png) repeat;
}
.shroombg.cc {
background: #ffbe89 url(https://mario.wiki.gallery/images/7/7d/Shroombgcc.png) repeat;
}
.shroombg.fn {
background: #d5b7fc url(https://mario.wiki.gallery/images/d/db/Shroombgfn.png) repeat;
}
.shroombg.fs {
background: #a4c7ff url(https://mario.wiki.gallery/images/6/61/Shroombgfs.png) repeat;
}
.shroombg.pp {
background: #b0f4b8 url(https://mario.wiki.gallery/images/3/3a/Shroombgpp.png) repeat;
}
.shroombg.ps {
background: #ffdf92 url(https://mario.wiki.gallery/images/0/01/Shroombgps.png) repeat;
}
.shroombg.sw {
background: #ffd2ec url(https://mario.wiki.gallery/images/2/26/Shroombgsw.png) repeat;
}
.shroombg.staff {
background: transparent url(https://mario.wiki.gallery/images/c/c9/Mushroombg.png) repeat;
}
.shroombg.issue100 {
background: #ffd800 url(https://mario.wiki.gallery/images/a/a2/Shroombg100main.gif) repeat;
}
.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.shroomwinter .shroomsection {
background-color: #f4f8f8;
}
.shroombg.shroomspring .shroomsection {
background-color: #f3f7f3;
}
.shroombg.shroomsummer .shroomsection {
background-color: #fff5f5;
}
.shroombg.shroomfall .shroomsection {
background-color: #fff6e6;
}
.shroombg.specialred .shroomsection {
background-color: #fff0f0;
}
.shroombg.specialorange .shroomsection, .shroombg.shroomhalloween2015 .shroomsection {
background-color: #fff4e9;
}
.shroombg.specialyellow .shroomsection,
.shroombg.issue100 .shroomsection {
background-color: #fffae9;
}
.shroombg.speciallime .shroomsection {
background-color: #f8ffe9;
}
.shroombg.specialgreen .shroomsection {
background-color: #e9fff1;
}
.shroombg.specialcyan .shroomsection {
background-color: #e9faff;
}
.shroombg.specialblue .shroomsection {
background-color: #e5eeff;
}
.shroombg.specialindigo .shroomsection {
background-color: #efe9ff;
}
.shroombg.specialpurple .shroomsection {
background-color: #f9e9ff;
}
.shroombg.specialpink .shroomsection {
background-color: #ffe9f4;
}
.shroombg.cc .shroomsection {
background-color: #ffe3ba;
}
.shroombg.cc .shroomsection.ripped {
border-image: url(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.fn .shroomsection {
background-color: #f3dcff;
}
.shroombg.fs .shroomsection {
background-color: #e1eaf9;
}
.shroombg.pp .shroomsection {
background-color: #e0ffde;
}
.shroombg.ps .shroomsection {
background-color: #fff5c7;
}
.shroombg.sw .shroomsection {
background-color: #ffebf5;
}
/* Shroom Tables */
.shroomtable {
background: none;
border-spacing: 0 1px;
}
.shroomtable th, .shroomtable td {
padding: 4px;
}
.shroomtable.roundcells td, .shroomtable.roundcells th,
.shroomtable.roundrows th:first-child, .shroomtable.roundrows td:first-child,
.shroomtable.roundtable tr:first-child th:first-child, .shroomtable.roundtable tr:first-child td:first-child {
border-top-left-radius: 25px;
padding-left: 12px;
}
.shroomtable.roundcells td, .shroomtable.roundcells th,
.shroomtable.roundrows th:last-child, .shroomtable.roundrows td:last-child,
.shroomtable.roundtable tr:first-child th:last-child, .shroomtable.roundtable tr:first-child td:last-child {
border-top-right-radius: 25px;
padding-right: 12px;
}
.shroomtable.roundcells td, .shroomtable.roundcells th,
.shroomtable.roundrows th:last-child, .shroomtable.roundrows td:last-child,
.shroomtable.roundtable tr:last-child th:last-child, .shroomtable.roundtable tr:last-child td:last-child {
border-bottom-right-radius: 25px;
padding-right: 12px;
}
.shroomtable.roundcells td, .shroomtable.roundcells th,
.shroomtable.roundrows th:first-child, .shroomtable.roundrows td:first-child,
.shroomtable.roundtable tr:last-child th:first-child, .shroomtable.roundtable tr:last-child td:first-child {
border-bottom-left-radius: 25px;
padding-left: 12px;
}
.shroomtable.roundrows th.noleftradius, .shroomtable.roundrows td.noleftradius,
.shroomtable.roundtable th.noleftradius, .shroomtable.roundtable td.noleftradius {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding-left: 4px;
}
.shroomtable th.norightradius, .shroomtable td.norightradius,
.shroomtable th.norightradius, .shroomtable td.norightradius {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
padding-right: 4px;
}
.cc .shroomtable th {
background-color: rgba(255, 127, 0, 0.6);
}
.cc .shroomtable td {
background-color: rgba(255, 127, 0, 0.4);
}
.fn .shroomtable th {
background-color: rgba(190, 60, 220, 0.4);
}
.fn .shroomtable td {
background-color: rgba(190, 60, 220, 0.2);
}
.fs .shroomtable th {
background-color: rgba(0, 127, 255, 0.4);
}
.fs .shroomtable td {
background-color: rgba(0, 127, 255, 0.2);
}
.pp .shroomtable th {
background-color: rgba(34, 139, 34, 0.4);
}
.pp .shroomtable td {
background-color: rgba(34, 139, 34, 0.2);
}
.ps .shroomtable th {
background-color: rgba(218, 165, 32, 0.6);
}
.ps .shroomtable td {
background-color: rgba(218, 165, 32, 0.4);
}
.sw .shroomtable th {
background-color: rgba(255, 105, 180, 0.6);
}
.sw .shroomtable td {
background-color: rgba(255, 105, 180, 0.4);
}
/* Shroom Gallery Thumbnails */
.shroomthumb li.gallerybox div.thumb {
background: var(--shroom-main);
border-radius: 13px 13px 0px 0px;
display: block;
border: 1px solid transparent;
}
.shroomthumb .gallery .thumb img {
border-radius: 13px;
}
.shroomthumb .gallerytext {
margin: 1px 1px 2px 2px;
border-radius: 0 0 13px 13px;
background: var(--shroom-main);
color: var(--shroom-main-text);
}
/* Shroom Calendar */
.shroomcalendar {
text-align: center;
border-spacing: 1px;
}
.shroomcalendar th {
background-color: #bf1616;
border-radius: 25px 25px 0px 0px;
text-align: center;
background-image: url(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;
height: 21px;
font-size: 12px;
box-sizing: border-box;
}
.shroomcalendar td {
position: relative;
border-radius: 0;
padding: 0;
}
.shroomcalendar td a {
display: block;
width: 100%;
height: 100%;
padding: 4px;
box-sizing: border-box;
}
.shroomcalendar td a.new {
pointer-events: none;
}
.shroomcalendar td.current, .shroomcalendar td.current a {
color: red;
font-weight: bold;
}
.shroomcalendar td.current {
box-shadow: 0px 0px 4px 5px rgba(255, 0, 0, 0.3);
position: relative;
z-index: 1;
transform: scale(1.1);
}
.shroomcalendar tr:last-child td:first-child {
border-bottom-left-radius: 25px;
}
.shroomcalendar tr:last-child td:last-child {
border-bottom-right-radius: 25px
}
/* Shroom 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;
}
/* <h4> Archive theme </h4> */
.shroombg.archive {
background: #905516 url(https://mario.wiki.gallery/images/3/35/ShroomArchiveBG.png) repeat;
}
.shroombg.pp:not(.pp19) .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: #fff url(https://mario.wiki.gallery/images/4/4b/ShroomHalloween2015.png) repeat;
padding: 0.3em;
color: black;
border-radius: 1em;
}
.shroomhalloween2015 a {
color: #8a2be2;
text-decoration: none;
}
.shroomhalloween2015 a:visited {
color: #7f007f;
}
.shroomhalloween2015 a:active {
color: #4169e1;
}
.archive .shroomtable th {
background-color: #b79261;
}
.archive .shroomtable td {
background-color: #d7b27c;
}
.shroombg .bestsongimage {
border-radius: 25px 0 0 25px;
}
.shroombg .cheatsimage {
border-radius: 25px;
}
/* <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> Normal theme </h4> */
.shroom {
background: #d4e6ea url(https://mario.wiki.gallery/images/c/c9/Mushroombg.png) repeat;
padding: 0.3em;
color: black;
border-radius: 1em;
}
.shroom a, .shroom .plainshroomlinks a.extiw {
color: blue;
text-decoration: none;
}
.shroom a:visited, .shroom .plainshroomlinks a.extiw:visited {
color: purple;
}
.shroom a:active, .shroom .plainshroomlinks a.extiw:active {
color: orange;
}
/* <h4> Autumn theme </h4> */
.shroomfall {
background: #fff url(https://mario.wiki.gallery/images/f/f2/Shroomfall.png) repeat;
padding: 0.3em;
color: black;
border-radius: 1em;
}
.shroomfall a, .shroomfall .plainshroomlinks a.extiw {
color: #8a2be2;
text-decoration: none;
}
.shroomfall a:visited, .shroomfall .plainshroomlinks a.extiw:visited {
color: #7f007f;
}
.shroomfall a:active, .shroomfall .plainshroomlinks a.extiw:active {
color: #4169e1;
}
/* <h4> Winter theme </h4> */
.shroomwinter {
background: #d4e6ea url(https://mario.wiki.gallery/images/3/35/Shroomwinter.png) repeat;
padding: 0.3em;
color: black;
border-radius: 1em;
}
.shroomwinter a, .shroomwinter .plainshroomlinks a.extiw {
color: green;
text-decoration: none;
}
.shroomwinter a:visited, .shroomwinter .plainshroomlinks a.extiw:visited {
color: #030;
}
.shroomwinter a:active, .shroomwinter .plainshroomlinks a.extiw:active {
color: green;
}
.shroomthumb.shroomwinter .thumb .image,
.mw-content-ltr .shroomthumb.shroomwinter .thumb .thumbcaption,
.shroomthumb.shroomwinter .gallery .thumb,
.shroomthumb.shroomwinter .gallerytext {
background: #a7d7d7;
}
/* <h4> Spring theme </h4> */
.shroomspring {
background: #fff url(https://mario.wiki.gallery/images/3/37/Shroomspring.png) repeat;
padding: 0.3em;
color: black;
border-radius: 1em;
}
.shroomspring a, .shroomspring .plainshroomlinks a.extiw {
color: blue;
text-decoration: none;
}
.shroomspring a:visited, .shroomspring .plainshroomlinks a.extiw :visited {
color: purple;
}
.shroomspring a:active, .shroomspring .plainshroomlinks a.extiw:active {
color: blue;
}
/* <h4> Summer theme </h4> */
.shroomsummer {
background: #fff url(https://mario.wiki.gallery/images/8/8d/Shroomsummer.png) repeat;
padding: 0.3em;
color: black;
border-radius: 1em;
}
.shroomsummer a, .shroomsummer .plainshroomlinks a.extiw {
color: blue;
text-decoration: none;
}
.shroomsummer a:visited, .shroomsummer .plainshroomlinks a.extiw:visited {
color: purple;
}
.shroomsummer a:active, .shroomsummer .plainshroomlinks a.extiw:active {
color: blue;
}
/* <h4> Summer water edition theme </h4> */
.shroomsummerwatered {
background: #fff url(https://mario.wiki.gallery/images/8/8d/Shroomsummer.png) repeat;
padding: 0.3em;
color: black;
border-radius: 1em;
}
.shroomsummerwatered a {
color: blue;
text-decoration: none;
}
.shroomsummerwatered a:visited {
color: purple;
}
.shroomsummerwatered a:active {
color: blue;
}
/* <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> Zeldamon theme </h4> */
.shroomzeldamon {
background: #fff url(https://mario.wiki.gallery/images/8/82/ShroomBGzeldamon.png) repeat;
padding: 0.3em;
color: black;
border-radius: 1em;
}
.shroomzeldamon a {
color: blue;
text-decoration: none;
}
.shroomzeldamon a:visited {
color: purple;
}
.shroomzeldamon a:active {
color: blue;
}
/* <h4> 'Shroom 111 theme </h4> */
.shroombg.shroom111bowser {
background: #fff url(https://mario.wiki.gallery/images/5/51/Shroom111bowser.png) repeat;
color: white
}
.shroom111bowser.shroom111bowser .shroomcalendar a {
color: blue;
}
.shroom111bowser.shroom111bowser .shroomcalendar a:visited {
color: purple;
}
.shroom111bowser.shroom111bowser a {
color: #ffffe0;
}
.shroom111bowser.shroom111bowser a:visited {
color: #f7cfff;
}
.shroom111bowser.shroom111bowser a:active {
color: #e5e3ff;
}
.shroombg.shroom111wendy.shroom111wendy {
background: #fff url(https://mario.wiki.gallery/images/0/0f/Shroom111wendy.png) repeat;
}
.shroombg.shroom111morton {
background: #fff url(https://mario.wiki.gallery/images/6/64/Shroom111morton.png) repeat;
color: white
}
.shroom111morton.shroom111morton a {
color: #ffffe0;
}
.shroom111morton.shroom111morton a:visited {
color: #f7cfff;
}
.shroom111morton.shroom111morton a:active {
color: #e5e3ff;
}
.shroombg.shroom111larry.shroom111larry {
background: #fff url(https://mario.wiki.gallery/images/8/8b/Shroom111larry.png) repeat;
}
.shroombg.shroom111ludwig.shroom111ludwig {
background: #fff url(https://mario.wiki.gallery/images/5/51/Shroom111ludwig.png) repeat;
}
.shroombg.shroom111iggy.shroom111iggy {
background: #fff url(https://mario.wiki.gallery/images/4/42/Shroom111iggy.png) repeat;
}
.shroombg.shroom111lemmy.shroom111lemmy {
background: #fff url(https://mario.wiki.gallery/images/c/c9/Shroom111lemmy.png) repeat;
}
.shroombg.shroom111roy.shroom111roy {
background: #fff url(https://mario.wiki.gallery/images/a/a2/Shroom111roy.png) repeat;
}
.shroombg.shroom111bowserjr.shroom111bowserjr {
background: #fff url(https://mario.wiki.gallery/images/3/38/Shroom111bowserjr.png) repeat;
}
.shroomnav-summer.shroomnav-summer a {
color: blue;
}
.shroomnav-summer.shroomnav-summer a:visited {
color: purple;
}
.shroomnav-summer.shroomnav-summer a:active {
color: orange;
}
/* <h4> 'Shroom April Fools */
.ShroomCrash2017 {
background: #fff url(https://mario.wiki.gallery/images/3/3e/Shroom_crash_bg.png) repeat;
padding: 0.3em;
color: black;
border-radius: 1em;
}
.ShroomSimian2019 {
background: #feb0d0 url(https://mario.wiki.gallery/images/7/7c/ShroomFools19.png) repeat;
color: black;
}
/* <h4> 'Shroom 123 theme </h4> */
.shroombg.shroom123wario.shroom123wario {
background: #fff url(https://mario.wiki.gallery/images/b/b9/Shroom123wario.png) repeat;
}
.shroombg.shroom123waluigi.shroom123waluigi {
background: #fff url(https://mario.wiki.gallery/images/2/29/Shroom123waluigi.png) repeat;
}
.shroombg.shroom123mona.shroom123mona {
background: #fff url(https://mario.wiki.gallery/images/f/fa/Shroom123mona.png) repeat;
}
.shroombg.shroom123ashley.shroom123ashley {
background: #fff url(https://mario.wiki.gallery/images/4/48/Shroom123ashley.png) repeat;
}
.shroombg.shroom123stein.shroom123stein {
background: #fff url(https://mario.wiki.gallery/images/7/79/Shroom123stein.png) repeat;
}
.shroombg.shroom123syrup.shroom123syrup {
background: #fff url(https://mario.wiki.gallery/images/e/e0/Shroom123syrup.png) repeat;
}
.shroombg.shroom1239volt.shroom1239volt {
background: #fff url(https://mario.wiki.gallery/images/f/f4/Shroom1239volt.png) repeat;
}
/* <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> 'Shroom 135 theme </h4> */
.shroombg.shroom135luigi.shroom135luigi {
background: #fff url(https://mario.wiki.gallery/images/1/1e/Shroom135luigi.png) repeat;
}
.shroombg.shroom135birdo.shroom135birdo {
background: #fff url(https://mario.wiki.gallery/images/a/a2/Shroom135birdo.png) repeat;
}
.shroombg.shroom135funkykong.shroom135funkykong {
background: #fff url(https://mario.wiki.gallery/images/f/fa/Shroom135funkykong.png) repeat;
}
.shroombg.shroom135kamek.shroom135kamek {
background: #fff url(https://mario.wiki.gallery/images/f/f7/Shroom135kamek.png) repeat;
}
.shroombg.shroom135kingboo.shroom135kingboo {
background: #fff url(https://mario.wiki.gallery/images/8/8b/Shroom135kingboo.png) repeat;
}
.shroombg.shroom135tatanga.shroom135tatanga {
background: #fff url(https://mario.wiki.gallery/images/2/21/Shroom135tatanga.png) repeat;
}
.shroombg.shroom135toadsworth.shroom135toadsworth {
background: #fff url(https://mario.wiki.gallery/images/f/f3/Shroom135toadsworth.png) repeat;
}
/* <h4> 'Shroom 150 theme </h4> */
.shroombg.shroom150main.shroom150main {
background: #f6ca4d url(https://mario.wiki.gallery/images/7/77/Shroom150main.png) repeat;
}
.shroombg.shroom150fn.shroom150fn {
background: #d5b7fc url(https://mario.wiki.gallery/images/3/3e/Shroom150fn.png) repeat;
}
.shroombg.shroom150fs.shroom150fs {
background: #a4c7ff url(https://mario.wiki.gallery/images/d/df/Shroom150fs.png) repeat;
}
.shroombg.shroom150ps.shroom150ps {
background: #ffe89b url(https://mario.wiki.gallery/images/1/10/Shroom150ps.png) repeat;
}
.shroombg.shroom150pp.shroom150pp {
background: #b7fbbf url(https://mario.wiki.gallery/images/8/81/Shroom150pp.png) repeat;
}
.shroombg.shroom150cc.shroom150cc {
background: #ffbe89 url(https://mario.wiki.gallery/images/2/26/Shroom150cc.png) repeat;
}
.shroombg.shroom150sw.shroom150sw {
background: #ffd2ec url(https://mario.wiki.gallery/images/f/fa/Shroom150sw.png) repeat;
}
.shroombg.shroom150misc.shroom150misc {
background: #4d4d4d url(https://mario.wiki.gallery/images/6/6e/Shroom150misc.png) repeat;
}
/* <h4> 'Shroom 165 theme </h4> */
/* Main: [[File:Shroom165main.png]] */
.shroombg.shroom165main.shroom165main {
background: #dcfcff url(https://mario.wiki.gallery/images/b/b8/Shroom165main.png) repeat;
}
/* Staff: [[File:Shroom165staff.png]] */
.shroombg.shroom165staff.shroom165staff {
background: #4d4d4d url(https://mario.wiki.gallery/images/a/a9/Shroom165staff.png) repeat;
}
.shroombg.shroom165staff .shroomsection {
background-color: #e6e6e6;
}
.shroomthumb.shroom165staff .thumb .image,
.mw-content-ltr .shroomthumb.shroom165staff .thumb .thumbcaption,
.shroomthumb.shroom165staff .gallery .thumb,
.shroomthumb.shroom165staff .gallerytext {
background-color: #a0a0a0 !important;
}
/* Spotlight: [[File:Shroom165spotlight.png]] */
.shroombg.shroom165spotlight.shroom165spotlight {
background: #b7f47e url(https://mario.wiki.gallery/images/f/f5/Shroom165spotlight.png) repeat;
}
.shroombg.shroom165spotlight .shroomsection {
background-color: #edfcde;
}
/* Fake News: [[File:Shroom165fn.png]] */
.shroombg.shroom165fn.shroom165fn {
background: #d5b7fc url(https://mario.wiki.gallery/images/9/9b/Shroom165fn.png) repeat;
}
/* Fun Stuff: [[File:Shroom165fs.png]] */
.shroombg.shroom165fs.shroom165fs {
background: #a4c7ff url(https://mario.wiki.gallery/images/9/9b/Shroom165fs.png) repeat;
}
/* Palette Swap: [[File:Shroom165ps.png]] */
.shroombg.shroom165ps.shroom165ps {
background: #ffdf92 url(https://mario.wiki.gallery/images/a/af/Shroom165ps.png) repeat;
}
/* Pipe Plaza: [[File:Shroom165pp.png]] */
.shroombg.shroom165pp.shroom165pp {
background: #b0f4b8 url(https://mario.wiki.gallery/images/b/bf/Shroom165pp.png) repeat;
}
/* Critic Corner: [[File:Shroom165cc.png]] */
.shroombg.shroom165cc.shroom165cc {
background: #ffbe89 url(https://mario.wiki.gallery/images/1/1c/Shroom165cc.png) repeat;
}
/* Strategy Wing: [[File:Shroom165sw.png]] */
.shroombg.shroom165sw.shroom165sw {
background: #ffd2ec url(https://mario.wiki.gallery/images/c/c6/Shroom165sw.png) repeat;
}
/* Specials: [[File:Shroom165special.png]] */
.shroombg.shroom165special.shroom165special {
background: #55c4ed url(https://mario.wiki.gallery/images/5/52/Shroom165special.png) repeat;
}
.shroombg.shroom165special .shroomsection {
background-color: #e3f5fc;
}
.shroomthumb.shroom165special .thumb .image,
.mw-content-ltr .shroomthumb.shroom165special .thumb .thumbcaption,
.shroomthumb.shroom165special .gallery .thumb,
.shroomthumb.shroom165special .gallerytext {
background-color: #55c4ed !important;
}
/* <h4> 'Shroom 171 theme </h4> */
/* Main: [[File:Shroom171mainpage.png]] */
.shroombg.shroom171main.shroom171main {
background: #ffee8a url(https://mario.wiki.gallery/images/5/59/Shroom171mainpage.png) repeat;
}
/* Main: [[File:Shroomsummer171.png]] */
.shroombg.shroomsummer171.shroomsummer171 {
background: #f5e7e4 url(https://mario.wiki.gallery/images/9/9d/Shroomsummer171.png) repeat;
}
.shroomthumb.shroomsummer171 .thumb .image,
.mw-content-ltr .shroomthumb.shroomsummer171 .thumb .thumbcaption,
.shroomthumb.shroomsummer171 .gallery .thumb,
.shroomthumb.shroomsummer171 .gallerytext {
background-color: #f5e7e4 !important;
}
/* Staff: [[File:Shroom171staff.png]] */
.shroombg.shroomstaff171.shroomstaff171 {
background: #717171 url(https://mario.wiki.gallery/images/c/cd/Shroom171staff.png) repeat;
}
.shroomthumb.shroomstaff171 .thumb .image,
.mw-content-ltr .shroomthumb.shroomstaff171 .thumb .thumbcaption,
.shroomthumb.shroomstaff171 .gallery .thumb,
.shroomthumb.shroomstaff171 .gallerytext {
background-color: #a0a0a0 !important;
}
/* Spotlight: [[File:Shroom171spotlight.png]] */
.shroombg.shroom171spotlight.shroom171spotlight {
background: #b7f47e url(https://mario.wiki.gallery/images/f/fc/Shroom171spotlight.png) repeat;
}
/* Fake News: [[File:Shroom171fn.png]] */
.shroombg.shroom171fn.shroom171fn {
background: #d5b7fc url(https://mario.wiki.gallery/images/8/8a/Shroom171fn.png) repeat;
}
/* Fun Stuff: [[File:Shroom171fs.png]] */
.shroombg.shroom171fs.shroom171fs {
background: #a4c7ff url(https://mario.wiki.gallery/images/6/6c/Shroom171fs.png) repeat;
}
/* Palette Swap: [[File:Shroom171ps.png]] */
.shroombg.shroom171ps.shroom171ps {
background: #ffdf92 url(https://mario.wiki.gallery/images/5/50/Shroom171ps.png) repeat;
}
/* Pipe Plaza: [[File:Shroom171pp.png]] */
.shroombg.shroom171pp.shroom171pp {
background: #b0f4b8 url(https://mario.wiki.gallery/images/4/43/Shroom171pp.png) repeat;
}
/* Critic Corner: [[File:Shroom171cc.png]] */
.shroombg.shroom171cc.shroom171cc {
background: #ffbe89 url(https://mario.wiki.gallery/images/2/2a/Shroom171cc.png) repeat;
}
/* Strategy Wing: [[File:Shroom171sw.png]] */
.shroombg.shroom171sw.shroom171sw {
background: #ffd2ec url(https://mario.wiki.gallery/images/8/84/Shroom171sw.png) repeat;
}
/* Dossier: [[File:Shroombgdossier.png]] */
.shroombg.shroombgdossier.shroombgdossier {
background: #e9656d url(https://mario.wiki.gallery/images/7/72/Shroombgdossier.png) repeat;
}
/* <h4> 'Shroom 175 theme </h4> */
/* Trick or Treat: [[File:Shroom175special.png]] */
.shroombg.shroom175tricktreat.shroom175tricktreat {
background: #ffa852 url(https://mario.wiki.gallery/images/3/3e/Shroom175special.png) repeat;
}
.shroomthumb.shroom175tricktreat .thumb .image,
.mw-content-ltr .shroomthumb.shroom175tricktreat .thumb .thumbcaption,
.shroomthumb.shroom175tricktreat .gallery .thumb,
.shroomthumb.shroom175tricktreat .gallerytext {
background-color: #ffa852 !important;
}
/* <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-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 177 theme </h4> */
/* Main: [[File:Shroom177main.png]] */
.shroombg.shroom177main.shroom177main {
background: #9fd9ee url(https://mario.wiki.gallery/images/f/fe/Shroom177main.png) repeat;
}
/* Staff: [[File:Shroom177staff.png]] */
.shroombg.shroom177staff.shroom177staff {
background: #a0a0a0 url(https://mario.wiki.gallery/images/e/e3/Shroom177staff.png) repeat;
}
.shroombg.shroom177staff .shroomsection {
background-color: #e6e6e6;
}
.shroomthumb.shroom177staff .thumb .image,
.mw-content-ltr .shroomthumb.shroom177staff .thumb .thumbcaption,
.shroomthumb.shroom177staff .gallery .thumb,
.shroomthumb.shroom177staff .gallerytext {
background-color: #a0a0a0 !important;
}
/* Spotlight: [[File:Shroom177spotlight.png]] */
.shroombg.shroom177spotlight.shroom177spotlight {
background: #b7f47e url(https://mario.wiki.gallery/images/9/92/Shroom177spotlight.png) repeat;
}
.shroombg.shroom177spotlight .shroomsection {
background-color: #edfcde;
}
/* Special: [[File:Shroom177special.png]] */
.shroombg.shroom177special.shroom177special {
background: #e6f3f3 url(https://mario.wiki.gallery/images/6/6b/Shroom177special.png) repeat;
}
.shroombg.shroom177special .shroomsection {
background-color: #eef7f7;
}
.shroomthumb.shroom177special .thumb .image,
.mw-content-ltr .shroomthumb.shroom177special .thumb .thumbcaption,
.shroomthumb.shroom177special .gallery .thumb,
.shroomthumb.shroom177special .gallerytext {
background-color: #55c4ed !important;
}
/* Fake News: [[File:Shroom177fn.png]] */
.shroombg.shroom177fn.shroom177fn {
background: #d5b7fc url(https://mario.wiki.gallery/images/e/e6/Shroom177fn.png) repeat;
}
/* Fun Stuff: [[File:Shroom177fs.png]] */
.shroombg.shroom177fs.shroom177fs {
background: #a4c7ff url(https://mario.wiki.gallery/images/3/35/Shroom177fs.png) repeat;
}
/* Palette Swap: [[File:Shroom177ps.png]] */
.shroombg.shroom177ps.shroom177ps {
background: #ffdf92 url(https://mario.wiki.gallery/images/7/76/Shroom177ps.png) repeat;
}
/* Pipe Plaza: [[File:Shroom177pp.png]] */
.shroombg.shroom177pp.shroom177pp {
background: #b0f4b8 url(https://mario.wiki.gallery/images/f/fc/Shroom177pp.png) repeat;
}
/* Critic Corner: [[File:Shroom177cc.png]] */
.shroombg.shroom177cc.shroom177cc {
background: #ffbe89 url(https://mario.wiki.gallery/images/8/87/Shroom177cc.png) repeat;
}
/* Strategy Wing: [[File:Shroom177sw.png]] */
.shroombg.shroom177sw.shroom177sw {
background: #ffd2ec url(https://mario.wiki.gallery/images/6/6f/Shroom177sw.png) repeat;
}
/* <h4> 'Shroom 181 theme </h4> */
/* Main: [[File:Shroom181main.png]] */
.shroombg.shroom181main.shroom181main {
background: #221c37 url(https://mario.wiki.gallery/images/4/40/Shroom181main.png) repeat;
}
.shroom181main .shroomheader,
.shroom181main .shroomfooter {
text-shadow: 0 0 4px #000;
}
.shroom181main .shroomlogo {
filter: drop-shadow(0 0 2px #000);
margin-top: 6px;
}
/* Fake News: [[File:Shroom181fn.png]] */
.shroombg.shroom181fn.shroom181fn {
background-image: url(https://mario.wiki.gallery/images/2/2e/Shroom181fn.png);
}
/* Fun Stuff: [[File:Shroom181fs.png]] */
.shroombg.shroom181fs.shroom181fs {
background-image: url(https://mario.wiki.gallery/images/b/bd/Shroom181fs.png);
}
/* Palette Swap: [[File:Shroom181ps.png]] */
.shroombg.shroom181ps.shroom181ps {
background-image: url(https://mario.wiki.gallery/images/0/01/Shroom181ps.png);
}
/* Pipe Plaza: [[File:Shroom181pp.png]] */
.shroombg.shroom181pp.shroom181pp {
background-image: url(https://mario.wiki.gallery/images/1/17/Shroom181pp.png);
}
/* Critic Corner: [[File:Shroom181cc.png]] */
.shroombg.shroom181cc.shroom181cc {
background-image: url(https://mario.wiki.gallery/images/3/39/Shroom181cc.png);
}
/* Strategy Wing: [[File:Shroom181sw.png]] */
.shroombg.shroom181sw.shroom181sw {
background-image: url(https://mario.wiki.gallery/images/1/18/Shroom181sw.png);
}
/* <h4> 'Shroom 183 theme </h4> */
/* Main: [[File:Shroom183main.png]] */
.shroombg.shroom183main.shroom183main {
background-image: url(https://mario.wiki.gallery/images/a/ac/Shroom183main.png);
}
.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;
}
.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%);
}
/* Staff: [[File:Shroom183staff.png]] */
.shroombg.shroom183staff.shroom183staff {
background-image: url(https://mario.wiki.gallery/images/0/0a/Shroom183staff.png);
}
/* Spotlight: [[File:Shroom183fludd.png]] */
.shroombg.shroom183fludd.shroom183fludd {
background-image: url(https://mario.wiki.gallery/images/6/6e/Shroom183fludd.png);
}
/* Special: [[File:Shroom183sun.png]] */
.shroombg.shroom183sun.shroom183sun {
background-image: url(https://mario.wiki.gallery/images/b/b5/Shroom183sun.png);
}
/* Blooper: [[File:Shroom183blooper.png]] */
.shroombg.shroom183blooper.shroom183blooper {
background-image: url(https://mario.wiki.gallery/images/a/a4/Shroom183blooper.png);
}
/* Fake News: [[File:Shroom183fn.png]] */
.shroombg.shroom183fn.shroom183fn {
background-image: url(https://mario.wiki.gallery/images/2/2b/Shroom183fn.png);
}
/* Fun Stuff: [[File:Shroom183fs.png]] */
.shroombg.shroom183fs.shroom183fs {
background-image: url(https://mario.wiki.gallery/images/3/34/Shroom183fs.png);
}
/* Palette Swap: [[File:Shroom183ps.png]] */
.shroombg.shroom183ps.shroom183ps {
background-image: url(https://mario.wiki.gallery/images/d/db/Shroom183ps.png);
}
/* Pipe Plaza: [[File:Shroom183pp.png]] */
.shroombg.shroom183pp.shroom183pp {
background-image: url(https://mario.wiki.gallery/images/f/fe/Shroom183pp.png);
}
/* Critic Corner: [[File:Shroom183cc.png]] */
.shroombg.shroom183cc.shroom183cc {
background-image: url(https://mario.wiki.gallery/images/e/e3/Shroom183cc.png);
}
/* Strategy Wing: [[File:Shroom183sw.png]] */
.shroombg.shroom183sw.shroom183sw {
background-image: url(https://mario.wiki.gallery/images/9/91/Shroom183sw.png);
}
/* <h4> Responsive images </h4> */
.img-responsive {
max-width: 100%;
height: auto;
}
/*
* Issue banner
*/
.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;
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;
}
.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,
.shroom-toc-link a:visited {
color: #00f;
}
.shroom-toc-link a::before {
content: "[";
}
.shroom-toc-link a::after {
content: "]";
}
/* 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;
}