MediaWiki:Common.css

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

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

/* 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-color: white !important; border-bottom: none !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; }

/*article-tabs*/

.list-tab { float: left; font-weight: normal !important; text-align: center; background: none !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.extra a, .list-tab.selected.extra { padding-left:10px !important; padding-right:10px !important; }

.tableDiv { display:table; }

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

.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:0px; background-color: #F8D030 !important; }

.list-tab a:hover { text-decoration: none !important; font-weight: normal !important; background-color: #F8D030 !important; border-color: white !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; } }

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

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

.WikiaPhotoGalleryPreview * { max-width: 100%; } /* Color Links For Bureaucrats */

a[href="/wiki/User:QuackersClocks"], a[href="http://webkinzmovies.wikia.com/wiki/User:QuackersClocks"], a[href="/wiki/Message_Wall:QuackersClocks"], a[href="http://webkinzmovies.wikia.com/wiki/Message_Wall:QuackersClocks"], a[href="/wiki/User_blog:QuackersClocks"], a[href="http://webkinzmovies.wikia.com/wiki/User_blog:QuackersClocks"], a[href="/wiki/Special:Contributions/QuackersClocks"], a[href="http://webkinzmovies.wikia.com/wiki/Special:Contributions/QuackersClocks"], a[href="/wiki/Special:Following"], a[href="http://webkinzmovies.wikia.com/wiki/Special:Following"], a[href="/wiki/Special:Editcount/QuackersClocks"], a[href="http://webkinzmovies.wikia.com/wiki/Special:Editcount/QuackersClocks"],

a[href="/wiki/User:Clockchime557"], a[href="http://webkinzmovies.wikia.com/wiki/User:Clockchime557"], a[href="/wiki/Message_Wall:Clockchime557"], a[href="http://webkinzmovies.wikia.com/wiki/Message_Wall:Clockchime557"], a[href="/wiki/User_blog:Clockchime557"], a[href="http://webkinzmovies.wikia.com/wiki/User_blog:Clockchime557"], a[href="/wiki/Special:Contributions/Clockchime557"], a[href="http://webkinzmovies.wikia.com/wiki/Special:Contributions/Clockchime557"], a[href="/wiki/Special:Editcount/Clockchime557"], a[href="http://webkinzmovies.wikia.com/wiki/Special:Editcount/Clockchime557s"], a[href="/wiki/User:JCM"], a[href="http://webkinzmovies.wikia.com/wiki/User:JCM"], a[href="/wiki/Message_Wall:JCM"], a[href="http://webkinzmovies.wikia.com/wiki/Message_Wall:JCM"], a[href="/wiki/User_blog:JCM"], a[href="http://webkinzmovies.wikia.com/wiki/User_blog:JCM"], a[href="/wiki/Special:Contributions/JCM"], a[href="http://webkinzmovies.wikia.com/wiki/Special:Contributions/JCM"], a[href="/wiki/Special:Editcount/JCM"], a[href="http://webkinzmovies.wikia.com/wiki/Special:Editcount/JCM"], a[href="/wiki/User:Spongebob456"], a[href="http://webkinzmovies.wikia.com/wiki/User:Spongebob456"], a[href="/wiki/Message_Wall:Spongebob456"], a[href="http://webkinzmovies.wikia.com/wiki/Message_Wall:Spongebob456"], a[href="/wiki/User_blog:Spongebob456"], a[href="http://webkinzmovies.wikia.com/wiki/User_blog:Spongebob456"], a[href="/wiki/Special:Contributions/Spongebob456"], a[href="http://webkinzmovies.wikia.com/wiki/Special:Contributions/Spongebob456"], a[href="/wiki/Special:Editcount/Spongebob456"], a[href="http://webkinzmovies.wikia.com/wiki/Special:Editcount/Spongebob456"], a[href="/wiki/User:AMK152"], a[href="http://webkinzmovies.wikia.com/wiki/User:AMK152"], a[href="/wiki/Message_Wall:AMK152"], a[href="http://webkinzmovies.wikia.com/wiki/Message_Wall:AMK152"], a[href="/wiki/User_blog:AMK152"], a[href="http://webkinzmovies.wikia.com/wiki/User_blog:AMK152"], a[href="/wiki/Special:Contributions/AMK152"], a[href="http://webkinzmovies.wikia.com/wiki/Special:Contributions/AMK152"], a[href="/wiki/Special:Editcount/AMK152"], a[href="http://webkinzmovies.wikia.com/wiki/Special:Editcount/AMK152"], a[href="/wiki/User:ZeoSpark"], a[href="http://webkinzmovies.wikia.com/wiki/User:ZeoSpark"], a[href="/wiki/Message_Wall:ZeoSpark"], a[href="http://webkinzmovies.wikia.com/wiki/Message_Wall:ZeoSpark"], a[href="/wiki/User_blog:ZeoSpark"], a[href="http://webkinzmovies.wikia.com/wiki/User_blog:ZeoSpark"], a[href="/wiki/Special:Contributions/ZeoSpark"], a[href="http://webkinzmovies.wikia.com/wiki/Special:Contributions/ZeoSpark"], a[href="/wiki/Special:Editcount/ZeoSpark"], a[href="http://webkinzmovies.wikia.com/wiki/Special:Editcount/ZeoSpark"] {

color:#33c00b !important; font-weight: bold !important; } /* Comment tags for staff members */ /* Bureaucrats */ .comments li[data-user="QuackersClocks"] .edited-by:after, .comments li[data-user="Clockchime557"] .edited-by:after, .comments li[data-user="AMK152"] .edited-by:after, .comments li[data-user="JCM"] .edited-by:after, .comments li[data-user="Spongebob456"] .edited-by:after, .comments li[data-user="ZeoSpark"] .edited-by:after { content: "(Bureaucrat • Administrator)"; font-family: arial; font-size: 10px; font-weight: bold; vertical-align: top; color: red; padding: 0 4px; }