MediaWiki:Gadget-ShroomStyle.css

/* <h4> Fonts </h4> */

.font-courgette {
    font-family: 'Courgette', cursive;
}
.font-federant {
    font-family: 'Federant', serif;
}
.font-ptserif {
    font-family: 'PT Serif', serif;
}
.font-pressstart2p {
    font-family: 'Press Start 2P', monospace;
}

/* 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&display=swap */
/* latin-ext */
@font-face {
  font-family: 'Courgette';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Courgette Regular'), local('Courgette-Regular'), url(https://fonts.gstatic.com/s/courgette/v7/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: local('Courgette Regular'), local('Courgette-Regular'), url(https://fonts.gstatic.com/s/courgette/v7/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: local('Federant'), local('Federant-Regular'), url(https://fonts.gstatic.com/s/federant/v12/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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('PT Serif Bold'), local('PTSerif-Bold'), url(https://fonts.gstatic.com/s/ptserif/v11/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';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('PT Serif Bold'), local('PTSerif-Bold'), url(https://fonts.gstatic.com/s/ptserif/v11/EJRSQgYoZZY2vCFuvAnt66qWVyvHpA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('PT Serif Bold'), local('PTSerif-Bold'), url(https://fonts.gstatic.com/s/ptserif/v11/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';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('PT Serif Bold'), local('PTSerif-Bold'), url(https://fonts.gstatic.com/s/ptserif/v11/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: local('Press Start 2P Regular'), local('PressStart2P-Regular'), url(https://fonts.gstatic.com/s/pressstart2p/v8/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: local('Press Start 2P Regular'), local('PressStart2P-Regular'), url(https://fonts.gstatic.com/s/pressstart2p/v8/e3t4euO8T-267oIAQAu6jDQyK3nRivN04w.woff2) format('woff2');
  unicode-range: 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: local('Press Start 2P Regular'), local('PressStart2P-Regular'), url(https://fonts.gstatic.com/s/pressstart2p/v8/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: local('Press Start 2P Regular'), local('PressStart2P-Regular'), url(https://fonts.gstatic.com/s/pressstart2p/v8/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: local('Press Start 2P Regular'), local('PressStart2P-Regular'), url(https://fonts.gstatic.com/s/pressstart2p/v8/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 */

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

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

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

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

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

.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 {
  border: 1px solid #202020;
  border-radius: 8px;
  font-family: Arial;
  font-size: 11px;
  text-align: center;
  color: #ffffff;
  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(images/6/65/Temp_shroomnav1.png), url(images/9/92/Temp_shroomnav2.png), url(images/1/10/Temp_shroomnav3.png), url(images/5/50/Temp_shroomnav6.png), url(images/4/43/Temp_shroomnav4.png), url(images/5/52/Temp_shroomnav5.png);
  background-attachment: scroll, scroll, scroll, scroll, scroll, scroll;
  background-position: 0%, 10%, 18%, 82%, 90%, right center;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.shroombg .shroomsection:after {
  content: "";
  display: table;
  clear: both;
}

.shroombg .shroomsection+br {
  display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Shroom Tables */

  .shroomtable {
    background:none; 
    border-spacing: 0 1px;
  }
  
  .shroomtable th, .shroomtable td {
    padding: 4px;
  }
  
  .shroomtable.roundcells td, .shroomtable.roundcells th,
  .shroomtable.roundrows th:first-child, .shroomtable.roundrows td:first-child,
  .shroomtable.roundtable tr:first-child th:first-child, .shroomtable.roundtable tr:first-child td:first-child {
    border-top-left-radius: 25px;
    padding-left: 12px;
  }
  
  .shroomtable.roundcells td, .shroomtable.roundcells th,
  .shroomtable.roundrows th:last-child, .shroomtable.roundrows td:last-child,
  .shroomtable.roundtable tr:first-child th:last-child, .shroomtable.roundtable tr:first-child td:last-child {
    border-top-right-radius: 25px;
    padding-right: 12px;
  }
  
  .shroomtable.roundcells td, .shroomtable.roundcells th,
  .shroomtable.roundrows th:last-child, .shroomtable.roundrows td:last-child,
  .shroomtable.roundtable tr:last-child th:last-child, .shroomtable.roundtable tr:last-child td:last-child {
    border-bottom-right-radius: 25px;
    padding-right: 12px;
  }
  
  .shroomtable.roundcells td, .shroomtable.roundcells th,
  .shroomtable.roundrows th:first-child, .shroomtable.roundrows td:first-child,
  .shroomtable.roundtable tr:last-child th:first-child, .shroomtable.roundtable tr:last-child td:first-child {
    border-bottom-left-radius: 25px;
    padding-left: 12px;
  }
  
  .shroomtable.roundrows th.noleftradius, .shroomtable.roundrows td.noleftradius,
  .shroomtable.roundtable th.noleftradius, .shroomtable.roundtable td.noleftradius {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 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: transparent none repeat scroll 0px 0px;
    border-radius: 13px 13px 0px 0px;
    display: block;
    border: 1px solid transparent;
 }
 
  .shroomthumb .gallery .thumb img {
    border-radius: 13px;
  }
  
 .shroomthumb .gallerytext {
   margin: 1px 1px 2px 2px;
   border-radius: 0 0 13px 13px;
 }

/* Shroom Calendar */

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

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

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

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

/* Shroom Main Page Flexbox */

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

/* <h4> Archive theme </h4> */

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

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

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

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

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

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

  .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: #FFFFFF url(images/4/4b/ShroomHalloween2015.png) repeat;
	padding: 0.3em;
	color: black;
	border-radius: 1em;
}

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

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

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

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

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


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

/* <h4> Shroomsectionbox </h4> */

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

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

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

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

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

/* <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(images/c/c9/Mushroombg.png) repeat;
	padding: 0.3em;
	color: black;
	border-radius: 1em;
}

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

.shroom a:visited {
   color: purple;
}

.shroom a:active {
   color: orange;
}

/* <h4> Autumn theme </h4> */

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

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

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

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

/* <h4> Winter theme </h4> */

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

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

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

.shroomwinter a:active {
	color: green; 
}

/* <h4> Spring theme </h4> */

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

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

.shroomspring a:visited {
	color: purple; 
}

.shroomspring a:active {
	color: blue; 
}

/* <h4> Summer theme </h4> */

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

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

.shroomsummer a:visited {
	color: purple; 
}

 .shroomsummer a:active {
	color: blue; 
}

/* <h4> Summer water edition theme </h4> */

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

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

.shroomsummerwatered a:visited {
	color: purple; 
}

.shroomsummerwatered a:active {
	color: blue; 
}

/* <h4> Silver theme </h4> */

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

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

/* <h4> 50 theme </h4> */

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

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

.shroom50 a:visited {
	color: brown; 
}

.shroom50 a:active {
	color: gold; 
}

/* <h4> Winter theme </h4> */

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

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

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

.shroomholiday2011 a:active {
	color: green; 
}

/* <h4> Old theme </h4> */

.shroomold {
	background: #d4e6ea url(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(images/e/e7/Wingcap.png) repeat;
	padding: 0.3em;
	color: black;
	border-radius: 1em;
}

/* <h4> 'Shroom Mario Kart 64 </h4> */

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

/* <h4> 'Shroom Mario Party </h4> */

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

/* <h4> 'Shroom Paper Mario </h4> */

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

/* <h4> 'Shroom Yoshi's Story </h4> */

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

/* <h4> 'Shroom Super Smash Bros. </h4> */

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

/* <h4> 'Shroom Halloween theme </h4> */

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

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

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

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

/* <h4> Waluigi theme </h4> */

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

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

.shroomwaluigi a:active {
	color: yellow; 
}

/* <h4> Kirby theme </h4> */

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

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

.shroomkirby a:visited {
	color: purple; 
}

.shroomkirby a:active {
	color: blue; 
}

/* <h4> Mother theme </h4> */

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

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

.shroommother a:visited {
	color: purple; 
}

.shroommother a:active {
	color: blue; 
}

/* <h4> Zelda theme </h4> */

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

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

.shroomzelda a:visited {
	color: purple; 
}

.shroomzelda a:active {
	color: blue; 
}

/* <h4> Pikmin theme </h4> */

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

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

.shroompikmin a:visited {
	color: purple; 
}

.shroompikmin a:active {
	color: blue; 
}

/* <h4> Pokémon theme </h4> */

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

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

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

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

/* <h4> shroomMK8 theme </h4> */

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

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

.shroomMK8 a:visited {
   color: darkgreen; 
}

.shroomMK8 a:active {
   color: red; 
}

/* <h4> Zeldamon theme </h4> */

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

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

.shroomzeldamon a:visited {
	color: purple; 
}

.shroomzeldamon a:active {
	color: blue; 
}

/* <h4> 'Shroom 111 theme </h4> */

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

/* <h4> 'Shroom April Fools */

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

.ShroomSimian2019 {
	background: #feb0d0 url(images/7/7c/ShroomFools19.png) repeat;
	color: black;
}

/* <h4> 'Shroom 123 theme </h4> */

.shroombg.shroom123wario.shroom123wario {
	background: #FFFFFF url(images/b/b9/Shroom123wario.png) repeat;
}
 
.shroombg.shroom123waluigi.shroom123waluigi {
	background: #FFFFFF url(images/2/29/Shroom123waluigi.png) repeat;
}

.shroombg.shroom123mona.shroom123mona {
	background: #FFFFFF url(images/f/fa/Shroom123mona.png) repeat;
}
 
.shroombg.shroom123ashley.shroom123ashley {
	background: #FFFFFF url(images/4/48/Shroom123ashley.png) repeat;
}

.shroombg.shroom123stein.shroom123stein {
	background: #FFFFFF url(images/7/79/Shroom123stein.png) repeat;
}
 
.shroombg.shroom123syrup.shroom123syrup {
	background: #FFFFFF url(images/e/e0/Shroom123syrup.png) repeat;
}

.shroombg.shroom1239volt.shroom1239volt {
	background: #FFFFFF url(images/f/f4/Shroom1239volt.png) repeat;
}

/* <h4> 'Shroom Banners </h4> */

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

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

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

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

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

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

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

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

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

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

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

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

.ShroomVerticalBannerSimian2019Left {
 background-image:url(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(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: #FFFFFF url(images/1/1e/Shroom135luigi.png) repeat;
}

.shroombg.shroom135birdo.shroom135birdo {
    background: #FFFFFF url(images/a/a2/Shroom135birdo.png) repeat;
}

.shroombg.shroom135funkykong.shroom135funkykong {
    background: #FFFFFF url(images/f/fa/Shroom135funkykong.png) repeat;
}

.shroombg.shroom135kamek.shroom135kamek {
    background: #FFFFFF url(images/f/f7/Shroom135kamek.png) repeat;
}

.shroombg.shroom135kingboo.shroom135kingboo {
    background: #FFFFFF url(images/8/8b/Shroom135kingboo.png) repeat;
}

.shroombg.shroom135tatanga.shroom135tatanga {
    background: #FFFFFF url(images/2/21/Shroom135tatanga.png) repeat;
}

.shroombg.shroom135toadsworth.shroom135toadsworth {
    background: #FFFFFF url(images/f/f3/Shroom135toadsworth.png) repeat;
}

/* <h4> 'Shroom 150 theme </h4> */

.shroombg.shroom150main.shroom150main {
    background: #f6ca4d url(images/7/77/Shroom150main.png) repeat;
}

.shroombg.shroom150fn.shroom150fn {
    background: #d5b7fc url(images/3/3e/Shroom150fn.png) repeat;
}

.shroombg.shroom150fs.shroom150fs {
    background: #a4c7ff url(images/d/df/Shroom150fs.png) repeat;
}

.shroombg.shroom150ps.shroom150ps {
    background: #ffe89b url(images/1/10/Shroom150ps.png) repeat;
}

.shroombg.shroom150pp.shroom150pp {
    background: #b7fbbf url(images/8/81/Shroom150pp.png) repeat;
}

.shroombg.shroom150cc.shroom150cc {
    background: #ffbe89 url(images/2/26/Shroom150cc.png) repeat;
}

.shroombg.shroom150sw.shroom150sw {
    background: #ffd2ec url(images/f/fa/Shroom150sw.png) repeat;
}

.shroombg.shroom150misc.shroom150misc {
    background: #4d4d4d url(images/6/6e/Shroom150misc.png) repeat;
}

/* <h4> Responsive images </h4> */
.img-responsive {
    max-width: 100%;
    height: auto;
}