MediaWiki:Gadget-ShroomStyle.css

/* */ .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; }

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

/* */ @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; }

/* The 'Shroom */

/* 'Shroom navigation template */

.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; }

/* Archive theme */

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

.shroombg.pp .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} }

/* 'Shroom Halloween theme 2015 */

.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; }

/* Shroomsectionbox */

.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%; }

/* shroomcctoc (Critics Corner TOC) */

.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); }

/* Normal theme */

.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; }

/* Autumn theme */

.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; }

/* Winter theme */

.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; }

/* Spring theme */

.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; }

/* Summer theme */

.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; }

/* Summer water edition theme */

.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; }

/* Silver theme */

.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; }

/* 50 theme */

.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; }

/* Winter theme */

.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; }

/* Old theme */

.shroomold { background: #d4e6ea url(/images/archive/c/c9/20090318205241!Mushroombg.png) repeat; padding: 0.3em; color: black; border-radius: 1em; }

/* 'Shroom Super Mario 64 */

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

/* 'Shroom Mario Kart 64 */

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

/* 'Shroom Mario Party */

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

/* 'Shroom Paper Mario */

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

/* 'Shroom Yoshi's Story */

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

/* 'Shroom Super Smash Bros. */

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

/* 'Shroom Halloween theme */

.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; }

/* Waluigi theme */

.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; }

/* Kirby theme */

.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; }

/* Mother theme */

.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; }

/* Zelda theme */

.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; }

/* Pikmin theme */

.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; }

/* Pokémon theme */

.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; }

/* shroomMK8 theme */

.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; }

/* Zeldamon theme */

.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; }

/* 'Shroom 111 theme */

.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; }

/* 'Shroom April Fools */

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

/* 'Shroom 123 theme */

.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; }

/* 'Shroom Banners */

.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; }

/* 'Shroom 135 theme */

.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; }