MediaWiki:Wikia.css

@import url("/load.php?mode=articles&articles=MediaWiki:Themes.css&only=styles"); /* MP font */ @import url(https://fonts.googleapis.com/css?family=Londrina+Solid);

.mainpage-box { border: 1px solid #242B7C; padding: 5px; background-color: #ffffcc; margin-bottom: 5px; clear: both; overflow: auto; }

.main-page-tag-lcs .mainpage-box { width: 100%; }

.mainpage-box h2 { background: #F8D030; color: black; text-align: left; font-size: x-large; padding: 1em; font-family: Londrina Solid; letter-spacing: 4px; margin: unset; } .mainpage-box p { padding: 0 0.5em; } .mainpage-box > div { padding: 0.5em; } .mainpage-box .wikia-gallery { margin: 7px 0 12px 0;} .mainpage-box .wikia-gallery-item { padding: 2px; } .mainpage-box .gallery-image-wrapper { height: 85px !important; border-radius: 3px; } .mainpage-box .gallery-image-wrapper { border-radius: 3px; height: 85px !important; } .mainpage-box .thumb { height: 88px !important; } .mainpage-box .wikia-gallery .lightbox-caption { border-radius: 2px 0 0; border-top-left-radius: 8px; font-size: x-small; font-weight: bold; left: initial; padding: 1px 2px 1px 3px; right: 0; width: auto; float: right; } .mainpage-box__footer { text-align: right; clear: right; float: right; }

.i18ndoc { background-color: #FFF77D; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; }


 * -webkit-scrollbar {

width: 12px !important; -webkit-overflow-scrolling: auto !important; }


 * -webkit-scrollbar-track {

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important; -webkit-border-radius: 10px !important; border-radius: 10px !important; }


 * -webkit-scrollbar-thumb {

-webkit-border-radius: 10px !important; border-radius: 10px !important; background: #41617D !important; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important; }


 * -webkit-scrollbar-thumb:window-inactive {

background: #41617D !important; }

/* cover images */

.CoverImage img { display: none; }

background: url('https://vignette.wikia.nocookie.net/spongebob/images/d/d1/SpongeBobKCA2015.jpg') no-repeat center; }
 * 1) newsfeed2016img1 {

background: url('https://vignette.wikia.nocookie.net/spongebob/images/3/3b/SpongeBob_SquarePants_main_characters.png') no-repeat center; }
 * 1) newsfeed2016img2 {

/* footer-design */

background: none !important; }
 * 1) recirculation-footer-index-container {

/*wiki-background*/

background: rgba(255,255,255,0.6); }
 * 1) WikiaPage {

background: linear-gradient( rgba(255,255,255,0.75), rgba(255,255,255,0.75) ), url("https://images.wikia.nocookie.net/__cb0/spongebob/images/5/5a/Wiki-background-seed.jpg"); background-size: 100% auto !important; }
 * 1) WikiaPageBackground, #WikiaPage > #WikiaMainContent {

/*chat-customize*/

.Chat { background: linear-gradient( rgba(255,255,255,0.75), rgba(255,255,255,0.75) ), url("https://images.wikia.nocookie.net/__cb0/spongebob/images/5/5a/Wiki-background-seed.jpg") !important; background-size: 100% auto !important; }

.Chat .you { background: rgba(245,245,245,0.75) !important; }

.Chat .inline-alert { color: black !important; }

.ChatWindow .WikiaPage { background: white !important; }

/* default skin for infoboxes */ table.infobox { vertical-align:middle; clear:both; }

/*toc-customize*/

background-color: white !important; }
 * toc, .toc {

/* main page blocks */ .mpblock { position:relative; background:#ffffcc; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#ffffcc'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ffffcc)); /* for webkit browsers */ background: -moz-linear-gradient(top, white,  #ffffcc); /* for firefox 3.6+ */ padding: 10px; border:1px solid #ccc; -webkit-box-shadow: 0 3px 3px #DADADA; /* Safari and Chrome */ -moz-box-shadow: 0 1px 3px #DADADA; box-shadow: 0 1px 3px #DADADA; }

.mpblock2 { background: linear-gradient(to bottom,#ffffcc,white) !important; border: 1px solid #ccc !important; box-shadow: 0 1px 3px #DADADA !important; } .mpblock2 { padding: 10px !important; position: relative !important; }

/* tabber */ .tabbertab { border-top: 2px solid black !important; border-bottom: none !important; border-left: none !important; border-right: none !important; padding:0px !important; }

/* add spaces to tabview tabs */ .tabberlive > ul.tabbernav > li { margin-right: 2px; } /* not applying on the last tabview tabs */ .tabberlive > ul.tabbernav > li:last-child { margin-right: 0px; } .tabbernav { background: transparent; border-bottom: none !important; padding: 3px 0 !important; } ul.tabbernav li a { color: black !important; padding: 3px 0.5em !important; margin-left: 0px !important; background: #F8D030 !important; border: 2px solid black !important; font-weight: normal !important; -moz-border-radius-topright: 10px !important; border-top-right-radius: 10px !important; -moz-border-radius-topleft: 10px !important; border-top-left-radius: 10px !important; position: relative; }

ul.tabbernav li a:hover{ font-weight: normal !important; background-color: #F8D030 !important; border: 1px solid #FAEBD7 !important; border-bottom: none !important; }

ul.tabbernav li:not(.tabberactive):hover { margin: 0 3px 0 1px !important; }

ul.tabbernav li.tabberactive a { border: 2px solid black !important; color: #000 !important; font-weight: bold !important; border-bottom: 2px solid black !important; background-color: #f2b850 !important; cursor: default; }

ul.tabbernav li.tabberactive a:hover { font-weight: bold !important; background-color: #f2b850 !important; border-color: black !important; border-bottom: 2px solid black !important; } ul.tabbernav li.tabberactive { line-height: 0px !important; } ul.tabbernav li.tabberactive:first-child a { margin-left: 0px !important; } .tabbertab .ajax-poll { border: none !important; }

.tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display:block !important; }

/*drop down*/

.custom-dropdown { padding: 1px 8px; }

.custom-dropdown > :first-child:after { background-image: url("data:image/gif;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAQAICTAEAOw%3D%3D"); border-color: white transparent transparent; border-style: solid; border-width: 4px; content: ""; display: inline-block; height: 1px; margin-left: 4px; margin-top: 2px; position: relative; vertical-align: middle; width: 1px; }

.custom-dropdown:hover { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-bottom: -1px; padding-bottom: 2px; }

.custom-dropdown ul { list-style: none outside none; min-width: 100%; top: 23px; }

.custom-dropdown:hover ul { display: block; }

.custom-dropdown li a { font-size: 12px; height: 14px; line-height: 14px; }

/* BEGIN: List tabs */

.tableDiv { display:table; }

.tableDiv > div { display:table-cell; }

.list-tab { float: left; font-weight: normal !important; text-align: center; background: none !important; margin-right: 2px !important; }

.list-tab.selected { padding:3px; font-weight: bold !important; border-radius: 10px 10px 0 0; border:2px solid black; border-bottom: 0px; background-color: #f2b850 !important; }

.list-tab.last { margin-right: 0 !important; }

.list-tab a { display: block; font-weight:normal !important; padding:3px; color: black; border-radius: 10px 10px 0 0; border:2px solid black; border-bottom: none !important; background-color: #F8D030 !important; }

.list-tab.extra a, .list-tab.selected.extra { padding-left:10px !important; padding-right:10px !important; }

.list-tab a:hover { text-decoration: none !important; font-weight: normal !important; background-color: #F8D030 !important; border: 1px solid #FAEBD7 !important; border-bottom: none !important; margin-top: 1px !important; }

.tableDiv > div:not(.selected):hover { margin: 0 3px -1px 1px !important; }

@media screen and (max-width: 1023px) { .list-tab a, .list-tab.selected { padding:1px !important; } .list-tab.extra a, .list-tab.selected.extra { padding-left:8px !important; padding-right:8px !important; } }

@media screen and (min-width: 1024px) and (max-width: 1599px) { .list-tab a, .list-tab.selected { padding:3px !important; } .list-tab.extra a, .list-tab.selected.extra { padding-left:10px !important; padding-right:10px !important; } }

@media screen and (min-width: 1600px) { .list-tab a, .list-tab.selected { padding:5px !important; } .list-tab.extra a, .list-tab.selected.extra { padding-left:12px !important; padding-right:12px !important; } }

/* END: List tabs */

/* DiscussionButtons */ .voteScoreSelect { text-align: center; font-size: 12pt; } .voteScoreSelect a { font-size: 15px; color: #FFF !important; padding: 3px; text-decoration: none; display: inline-block; border: 1px solid #000; border-radius: 5px; text-align: center; width: 17px; font-weight: bold; } .voteButtons a, .concernButtonSmall a { font-size: 14px; color: #FFF !important; padding: 0 4px; text-decoration: none; display: inline-block; border: 1px solid #000; border-radius: 5px; text-align: center; background: #005F9C; font-weight: bold; } .concernButtonBig a { font-size: 16px; color: #FFF !important; padding: 2px 5px; text-decoration: none; display: inline-block; border: 1px solid #000; border-radius: 5px; text-align: center; background: #005F9C; font-weight: bold; } .voteButtons a:hover, .concernButtonSmall a:hover, .concernButtonBig a:hover { background: #008BE3; } .supportScoreButtons a { background: #4e9a06; } .neutralScoreButtons a { background: #555753; } .opposeScoreButtons a { background: #b83737; }

.otherScoreButtons a { background: #3490c9; } .supportScoreButtons a:hover { background: #accf8a; } .neutralScoreButtons a:hover { background: #b0b1af; } .opposeScoreButtons a:hover { background: #d58a8a; }

.otherScoreButtons a:hover { background: #8aa6d5; }

/* Color Links For Bureaucrats */ a[href$="AMK152"], a[href$="Spongebob456"], a[href$="Figmeister"] { color: #33c00b !important; font-weight: bold !important; } /* Color Links For Admins */

a[href$="Alex.sapre"], a[href$="Anthony2306"], a[href$="Kandy_Katie"], a[href$="Koolkitty108"], a[href$="TheKorraFanatic"] { color:#00b3bf !important; font-weight: bold !important; }

/* Comment tags for staff members */

/* Administators */ .comments li[data-user="Alex.sapre"] .edited-by:after, .comments li[data-user="Anthony2306"] .edited-by:after, .comments li[data-user="Kandy_Katie"] .edited-by:after, .comments li[data-user="Koolkitty108"] .edited-by:after, .comments li[data-user="TheKorraFanatic"] .edited-by:after { content: "(Administrator)"; margin-left: -2px; font-family: arial; font-size: 10px; font-weight: bold; vertical-align: top; color: red; padding: 0 4px; }

/* Bureaucrats */ .comments li[data-user="AMK152"] .edited-by:after { content: "(Wiki Adopter • Bureaucrat • Administrator)"; margin-left: -2px; font-family: arial; font-size: 10px; font-weight: bold; vertical-align: top; color: red; padding: 0 4px; } .comments li[data-user="Figmeister"] .edited-by:after, .comments li[data-user="Spongebob456"] .edited-by:after { content: "(Bureaucrat • Administrator)"; margin-left: -2px; font-family: arial; font-size: 10px; font-weight: bold; vertical-align: top; color: red; padding: 0 4px; }

/* Assistants */ .comments li[data-user="The_Smarter,_Wiser_King_Dedede"] .edited-by:after, .comments li[data-user="Scrooge200"] .edited-by:after, .comments li[data-user="DragonSpore18"] .edited-by:after { content: "(Assistant)"; margin-left: -2px; font-family: arial; font-size: 10px; font-weight: bold; vertical-align: top; color: red; padding: 0 4px; }

/* Discussion Moderators */ .comments li[data-user="Chickenkrispies"] .edited-by:after, .comments li[data-user="Idroppedmypen"] .edited-by:after, .comments li[data-user="IloGaming4"] .edited-by:after, .comments li[data-user="MagicSponge123"] .edited-by:after, .comments li[data-user="Qwertyxp2000_the_second"] .edited-by:after {

content: "(Discussion Moderator)"; margin-left: -2px; font-family: arial; font-size: 10px; font-weight: bold; vertical-align: top; color: red; padding: 0 4px; }

/* Chat Moderators */ .comments li[data-user="TheNerdyGirl05"] .edited-by:after, .comments li[data-user="Mavnol333"] .edited-by:after, .comments li[data-user="Cmcgrath26"] .edited-by:after {

content: "(Chat Moderator)"; margin-left: -2px; font-family: arial; font-size: 10px; font-weight: bold; vertical-align: top; color: red; padding: 0 4px; }

.comments li[data-user="EmilyHReturns"] .edited-by:after { content: "(Chat Moderator • Rollback)"; margin-left: -2px; font-family: arial; font-size: 10px; font-weight: bold; vertical-align: top; color: red; padding: 0 4px; }

/* Rollbacks */ .comments li[data-user="Plant Protecter"] .edited-by:after, .comments li[data-user="Expert_at_Terraria"] .edited-by:after, .comments li[data-user="FlyingDutchmen"] .edited-by:after, .comments li[data-user="TheJasbre202"] .edited-by:after { content: "(Rollback)"; margin-left: -2px; font-family: arial; font-size: 10px; font-weight: bold; vertical-align: top; color: red; padding: 0 4px; }

.css.source-css .kw1 { color: black !important; }

background-image: url(https://images.wikia.nocookie.net/__cb20140627044512/spongebob/images/3/39/Mailbox_Notification.png); }
 * 1) WallNotifications .bubbles {

.WikiaArticle .editsection img.sprite.edit-pencil { background: url("https://vignette.wikia.nocookie.net/spongebob/images/0/01/EditButton_Hat.png/revision/latest?cb=20170619210355&path-prefix=el") no-repeat; background-size: 120%; background-position: center; } .WikiaPageHeader img.sprite.edit-pencil { background: url("https://vignette.wikia.nocookie.net/spongebob/images/0/01/EditButton_Hat.png/revision/latest?cb=20170619210355&path-prefix=el") no-repeat; background-size: 120%; background-position: center; } .UserProfileActionButton img.sprite.edit-pencil { background: url("https://vignette.wikia.nocookie.net/spongebob/images/0/01/EditButton_Hat.png/revision/latest?cb=20170619210355&path-prefix=el") no-repeat; background-size: 120%; background-position: center; } .UserProfileActionButton span.sprite.edit-pencil { background: url("https://vignette.wikia.nocookie.net/spongebob/images/0/01/EditButton_Hat.png/revision/latest?cb=20170619210355&path-prefix=el") no-repeat; background-size: 120%; background-position: center; }

/* ================  Navigational "bounce" effect mainly used on front page idea derives from the work of  Alessio Atzeni, a Roman web designer who can be found at  http://www.alessioatzeni.com ================ */ /* Adapted from User:CzechOut from w:c:kateprice */

.bounceme { position:relative; float:left; width:300px; height:200px; margin:10px; overflow:hidden; text-align:left; -webkit-box-shadow:1px 1px 2px #e6e6e6; -moz-box-shadow:1px 1px 2px #e6e6e6; box-shadow:1px 1px 2px #e6e6e6; background-color:#f5f5f5; }

.bounceme img { width:auto; height:200px; } .bounceme .info { position:absolute; top:-220px; width:300px; height:200px; overflow:hidden; background-color:rgba(254,204,32,0.98); }

.bounceme .info #heading { display:block; text-decoration:none; color:white; text-transform:uppercase; text-align: center; font-size: 11pt; padding: 6px; background: rgba(0, 0, 0, 0.6); margin: 20px 0 0 0; border-top:2px solid white; border-bottom:2px solid white; }

.bounceme .info #text { font-size: 10pt; position: relative; color: black; padding: 5px; text-align: center; }

.bounceme .info #button { text-decoration:none; font-size: 10pt; color: white; padding:0px 3px; text-align: center; background: rgba(0, 0, 0, 0.6); margin:0 auto; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -icab-border-radius:5px; -o-border-radius:5px; white-space:nowrap; }

.bounceme:hover .info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; top: 0px; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; -webkit-animation: bounceY 0.7s linear; -moz-animation: bounceY 0.7s linear; -ms-animation: bounceY 0.7s linear; animation: bounceY 0.7s linear; }

@-moz-keyframes bounceY { 0% { -moz-transform: translateY(-205px);} 40% { -moz-transform: translateY(-100px);} 65% { -moz-transform: translateY(-52px);} 82% { -moz-transform: translateY(-25px);} 92% { -moz-transform: translateY(-12px);} 55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px);} }

@-webkit-keyframes bounceY { 0% { -webkit-transform: translateY(-205px);} 40% { -webkit-transform: translateY(-100px);} 65% { -webkit-transform: translateY(-52px);} 82% { -webkit-transform: translateY(-25px);} 92% { -webkit-transform: translateY(-12px);} 55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px);} }

@keyframes bounceY { 0% { transform: translateY(-205px);} 40% { transform: translateY(-100px);} 65% { transform: translateY(-52px);} 82% { transform: translateY(-25px);} 92% { transform: translateY(-12px);} 55%, 75%, 87%, 97%, 100% { transform: translateY(0px);} }

/*welcome-buttons*/

.welcome-button img { width:150px; height:80px; }

a.tag { color: inherit; }

border-radius: 4px; padding: 1px 2px; width: 284px; } .editpage-sourcewidemode-on.mode-source #stdSummaries { left: -17px; position: relative; top: 25px; width: 250px; }
 * 1) stdSummaries {

-webkit-perspective: 400px; -webkit-perspective-origin: 50% 100px; -moz-perspective: 400px; -moz-perspective-origin: 50% 100px; perspective: 400px; perspective-origin: 50% 100px; }
 * 1) experiment {

position: relative; margin: 50px auto; height: 200px; width: 200px; -webkit-transition: -webkit-transform 2s linear; -webkit-transform-style: preserve-3d; -moz-transition: -moz-transform 2s linear; -moz-transform-style: preserve-3d; transition: transform 2s linear; transform-style: preserve-3d; }
 * 1) cube {

.face { position: absolute; height: 180px; width: 180px; padding: 10px; background-color: rgba(50, 50, 50, 0.7); font-size: 13.5px; line-height: 1em; color: #fff; border: 1px solid #555; border-radius: 3px; }

-webkit-transform: rotateX(90deg) translateZ(100px); -moz-transform: rotateX(90deg) translateZ(100px); transform: rotateX(90deg) translateZ(100px); }
 * 1) cube .one {

-webkit-transform: translateZ(100px); -moz-transform: translateZ(100px); transform: translateZ(100px); }
 * 1) cube .two {

-webkit-transform: rotateY(90deg) translateZ(100px); -moz-transform: rotateY(90deg) translateZ(100px); transform: rotateY(90deg) translateZ(100px); }
 * 1) cube .three {

-webkit-transform: rotateY(180deg) translateZ(100px); -moz-transform: rotateY(180deg) translateZ(100px); transform: rotateY(180deg) translateZ(100px); }
 * 1) cube .four {

-webkit-transform: rotateY(-90deg) translateZ(100px); -moz-transform: rotateY(-90deg) translateZ(100px); transform: rotateY(-90deg) translateZ(100px); }
 * 1) cube .five {

-webkit-transform: rotateX(-90deg) rotate(180deg) translateZ(100px); -moz-transform: rotateX(-90deg) rotate(180deg) translateZ(100px); transform: rotateX(-90deg) rotate(180deg) translateZ(100px); }
 * 1) cube .six {

@font-face { font-family: "Krabby Patty Font"; src: url(http://www.fontsaddict.com/fontface/krabby-patty.ttf) format("truetype"); } p.pattyfont { font-family: "Krabby Patty Font"; }

.round-image img { border-radius: 10px; }

.WikiaPhotoGalleryPreview * { max-width: 100%; }

.oasisclear { clear: both; }

.oasisclearleft { clear: left; }

.oasisclearright { clear: right; }

/* BEGIN: UserPage Customize */

body:not(.page-User_120d):not(.page-Message_Wall_120d):not(.page-User_blog_120d):not(.page-Special_Contributions_120d) #WikiaUserPagesHeader { background: none !important; }

body:not(.page-User_120d):not(.page-Message_Wall_120d):not(.page-User_blog_120d):not(.page-Special_Contributions_120d) #WikiaUserPagesHeader ul.tabs { margin: 0 !important; padding: 0 !important; border-bottom: 2px solid black !important; }

body:not(.page-User_120d):not(.page-Message_Wall_120d):not(.page-User_blog_120d):not(.page-Special_Contributions_120d) #WikiaUserPagesHeader ul.tabs li { float: left; font-weight: normal !important; text-align: center; background: none !important; margin: 0 2px 1px 0 !important; }

body:not(.page-User_120d):not(.page-Message_Wall_120d):not(.page-User_blog_120d):not(.page-Special_Contributions_120d) #WikiaUserPagesHeader ul.tabs li a { display: block; font-weight:normal !important; padding: 5px; color: black !important; border-radius: 10px 10px 0 0; border: 2px solid black; border-bottom: none !important; background-color: #F8D030 !important; }

body:not(.page-User_120d):not(.page-Message_Wall_120d):not(.page-User_blog_120d):not(.page-Special_Contributions_120d) #WikiaUserPagesHeader ul.tabs li.selected a { font-weight: bold !important; background-color: #f2b850 !important; pointer-events: none !important; cursor: default !important; }

body:not(.page-User_120d):not(.page-Message_Wall_120d):not(.page-User_blog_120d):not(.page-Special_Contributions_120d) #WikiaUserPagesHeader ul.tabs li a:hover { text-decoration: none !important; font-weight: normal !important; background-color: #F8D030 !important; border: 1px solid #FAEBD7 !important; border-bottom: none !important; padding: 5px !important; margin: 1px 1px -1px 1px !important; }

body:not(.page-User_120d):not(.page-Message_Wall_120d):not(.page-User_blog_120d):not(.page-Special_Contributions_120d) #WikiaUserPagesHeader ul.tabs li.selected a:hover { text-decoration: none !important; font-weight: bold !important; background-color: #f2b850 !important; border-color: black !important; padding: 5px !important; pointer-events: none !important; cursor: default !important; }

/* END: UserPage Customize */

/* designsTabber */

.designsTabber ul.tabbernav { white-space: nowrap !important; overflow-x: auto !important; width: 281px !important; line-height: 2.5em !important; border: none !important; }

.designsTabber ul.tabbernav li { display: inline-block !important; float: none !important; }

.designsTabber ul.tabbernav li a:hover { border: 2px solid black !important; font-weight: bold !important; }

.designsTabber .tabbertab { border: none !important; }

/* DiscussionButtons */

.voteScoreSelect { text-align: center; font-size: 12pt; }

.voteScoreSelect a { font-size: 15px; color: #FFF !important; padding: 3px; text-decoration: none; display: inline-block; border: 1px solid #000; border-radius: 5px; text-align: center; width: 17px; font-weight: bold; }

.voteButtons a, .concernButtonSmall a { font-size: 14px; color: #FFF !important; padding: 0 4px; text-decoration: none; display: inline-block; border: 1px solid #000; border-radius: 5px; text-align: center; background: #005F9C; font-weight: bold; }

.concernButtonBig a { font-size: 16px; color: #FFF !important; padding: 2px 5px; text-decoration: none; display: inline-block; border: 1px solid #000; border-radius: 5px; text-align: center; background: #005F9C; font-weight: bold; }

.voteButtons a:hover, .concernButtonSmall a:hover, .concernButtonBig a:hover { background: #008BE3; }

.supportScoreButtons a { background: #4e9a06; }

.neutralScoreButtons a { background: #555753; }

.opposeScoreButtons a { background: #b83737; }

.supportScoreButtons a:hover { background: #accf8a; }

.neutralScoreButtons a:hover { background: #b0b1af; }

.opposeScoreButtons a:hover { background: #d58a8a; }

/* TimeCirclesBegin */

.time_circles { position: relative; width: 100%; height: 100%; }

.time_circles > div { position: absolute; text-align: center; }

.time_circles > div > h4 { margin: 0px; padding: 0px; text-align: center; text-transform: uppercase; font-family: 'Century Gothic', Arial; }

.time_circles > div > span { display: block; width: 100%; text-align: center; font-family: 'Century Gothic', Arial; font-size: 300%; margin-top: 0.4em; font-weight: bold; }

/* TimeCirclesEnd */

/* Hiding a new post option by request */ .page-Message_Wall_CheeseRoxTheWorld .new-message { display: none; }

/** * ================== * Template:Scrollbox * ================== */   border: 1px solid #cccccc; box-sizing: border-box; max-height: 350px; overflow-y: scroll; padding: 1em; }   margin-top: 0; }
 * 1) mw-content-text div[data-scrollbox] {
 * 1) mw-content-text div[data-scrollbox] > dl,
 * 2) mw-content-text div[data-scrollbox] > ol,
 * 3) mw-content-text div[data-scrollbox] > ul,
 * 4) mw-content-text div[data-scrollbox] > ul li:first-child {

/* CreateBox - SpongeCup */ .worldCup > div { text-align: left !important; } .worldCup .createboxInput { display: none !important; }