MediaWiki:Gadget-ShroomStyle.css
From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* <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;
-moz-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: auto;
}
.shroomtable th.norightradius, .shroomtable td.norightradius,
.shroomtable th.norightradius, .shroomtable td.norightradius {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
padding-right: auto;
}
.cc .shroomtable th {
background-color: rgba(255,127,0,0.6);
}
.cc .shroomtable td {
background-color: rgba(255,127,0,0.4);
}
.fn .shroomtable th {
background-color: rgba(190, 60, 220, 0.4);
}
.fn .shroomtable td {
background-color: rgba(190,60,220,0.2);
}
.fs .shroomtable th {
background-color: rgba(0, 127, 255, 0.4);
}
.fs .shroomtable td {
background-color: rgba(0, 127, 255, 0.2);
}
.pp .shroomtable th {
background-color: rgba(34, 139, 34, 0.4);
}
.pp .shroomtable td {
background-color: rgba(34, 139, 34, 0.2);
}
.ps .shroomtable th {
background-color: rgba(218, 165, 32, 0.6);
}
.ps .shroomtable td {
background-color: rgba(218, 165, 32, 0.4);
}
.sw .shroomtable th {
background-color: rgba(255, 105, 180, 0.6);
}
.sw .shroomtable td {
background-color: rgba(255, 105, 180, 0.4);
}
/* Shroom Gallery Thumbnails */
.shroomthumb li.gallerybox div.thumb {
background: transparent none repeat scroll 0px 0px;
border-radius: 13px 13px 0px 0px;
display: block;
border: 1px solid transparent;
}
.shroomthumb .gallery .thumb img {
border-radius: 13px;
}
.shroomthumb .gallerytext {
margin: 1px 1px 2px 2px;
border-radius: 0 0 13px 13px;
}
/* Shroom Calendar */
.shroomcalendar {
text-align: center;
border-spacing: 1px;
}
.shroomcalendar th {
background-color: #BF1616;
border-radius: 25px 25px 0px 0px;
text-align: center;
background-image: url("images/6/65/Temp_shroomnav1.png"), url("images/9/92/Temp_shroomnav2.png"), url("images/1/10/Temp_shroomnav3.png"), url("images/5/50/Temp_shroomnav6.png"), url("images/4/43/Temp_shroomnav4.png"), url("images/5/52/Temp_shroomnav5.png");
background-attachment: scroll, scroll, scroll, scroll, scroll, scroll;
background-position: 0% top, 10% bottom, 18% center, 82% center, 90% top, right bottom;
background-repeat: no-repeat;
color: #FFF;
height: 21px;
font-size: 12px;
box-sizing: border-box;
}
.shroomcalendar td {
position: relative;
border-radius: 0;
padding: 0;
}
.shroomcalendar td a {
display: block;
width: 100%;
height: 100%;
padding: 4px;
box-sizing: border-box;
}
.shroomcalendar td a.new {
pointer-events: none;
}
.shroomcalendar td.current, .shroomcalendar td.current a {
color: red;
font-weight: bold;
}
.shroomcalendar td.current {
box-shadow: 0px 0px 4px 5px rgba(255,0,0,0.3);
position: relative;
z-index: 1;
transform: scale(1.1);
}
.shroomcalendar tr:last-child td:first-child {
border-bottom-left-radius: 25px;
}
.shroomcalendar tr:last-child td:last-child {
border-bottom-right-radius: 25px
}
/* Shroom Main Page Flexbox */
.shroomflex {
display: flex;
flex-flow: row wrap;
justify-content: center;
height: unset;
}
.shroomflex .shroomsectionbox {
flex-grow: 1;
flex-basis: 160px;
margin: 2px;
height: auto;
}
.shroomflex .shroomheader {
flex-grow: 1;
flex-basis: 100%;
background-color: rgba(144, 238, 144, 0.6);
border-radius: 25px;
text-align: center;
font-size: 120%;
margin: 22.4px 0 22.4px 0;
font-weight: bold;
text-transform: uppercase;
text-decoration: underline;
}
/* <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;
}
.shroomYoutubeContainer {
position: absolute;
z-index: 3;
transition: opacity 0.4s;
opacity: 0;
pointer-events: none;
}
.shroomYoutubeContainer.visible {
opacity: 1;
pointer-events: all;
}
.shroomYoutubeShade {
position: fixed;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.shroomYoutubeBg {
position: fixed;
top: calc(50% - 168px);
left: calc(50% - 219px);
border-radius: 13px;
background-color: #E8C161 ;
padding: 7px;
}
.shroomYoutubeVideoWrapper {
display: none;
z-index: 1;
position: relative;
}
.shroomYoutubeVideoWrapper.visible {
display: block;
}
.shroomYoutubeVideoWrapper iframe {
border-radius: 13px;
border: transparent;
display: block;
}
.shroomThrobber {
width: 71px;
height: 71px;
background-image:url(images/3/38/Shroomthrobber.png);
animation: shroomThrobber 1s steps(23) infinite;
}
.shroomYoutubeBg .shroomThrobber {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 0;
}
@keyframes shroomThrobber {
from {background-position: 0 0;}
to {background-position: -1633px 0;}
}
#bodyContent .shroomYoutube a.external {
background-image: url("images/3/36/ShroomYoutubeIcons.png");
background-position: right 3px;
}
#bodyContent .shroomYoutube.playState a.external {
background-position: right -17px;
}
#bodyContent .shroomYoutube.pauseState a.external {
background-position: right -37px;
}
#bodyContent .shroomYoutube.stopState a.external {
background-position: right -57px;
}
.shroomYoutubeClose {
width: 24px;
height: 24px;
background: transparent url("images/a/a7/ShroomYoutubeClose.png") repeat scroll 0% 0%;
position: absolute;
right: -30px;
cursor: pointer;
}
.ShroomPumpkin img {
image-rendering: auto;
}
.ShroomPumpkin.turb {
z-index: 1;
position: fixed;
pointer-events: none;
left: 50%; top: 50%;
transform: translate(-50%, -50%);
animation: ShroomPumpkinTurb 120s infinite;
}
@keyframes ShroomPumpkinTurb {
from {opacity: 0}
95% {opacity: 0}
96% {opacity: 0.5}
99% {opacity: 0.5}
to {opacity:0}
}
/* <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;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
khtml-border-radius: 1em;
-icab-border-radius: 1em;
background: #FFFFFF url(images/e/e8/SilverMushroombg.PNG) repeat;
padding: 0.3em;
color: black;
}
.shroom2 a:hover,
.shroom2 p:hover,
.shroom2 li:hover,
.shroom2 h1:hover{
background: #fff;
}
/* <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;
}
/* <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;
}
/* <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;
}