MediaWiki:Wikia.css

/* CSS here will be applied to the main Wikia theme */

/* Body background */
body.mediawiki {
   background: #60D7F2 url('https://vignette.wikia.nocookie.net/growtopia/images/9/9e/Wikibackground2.png/revision/latest?cb=20180913125512') center bottom fixed repeat-x !important;
}

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

/** Style Reset **/
#WikiaUserPagesHeader .tabs-container [data-id=profile] a {
    background: initial;
    color: #00aed3 !important;
    font-weight: initial !important;
}
#WikiaUserPagesHeader .tabs-container .selected[data-id=profile] a {
    background: #f0fcff;
    color: #3a3a3a !important;
    font-weight: bold !important;
}
.wds-dropdown__content .wds-list.wds-is-linked>li>a {
    background: initial;
    color: #39424d !important;
    font-weight: initial !important;
}
.community-page-rail-module .wds-avatar a {
    background: initial;
    padding: initial;
}
/** Founder **/
a[href$="/wiki/User:SpaceManiac"],
.Wall .edited-by a[href$="Wall:SpaceManiac"]:not(.subtle) {
    background: url(https://vignette.wikia.nocookie.net/growtopia/images/5/5d/Legendaryorbthingfounder.png/revision/latest?cb=20170217131209) center left no-repeat;
    padding-left: 17px;
    color: #f8ba00 !important;
    font-weight: bold !important;
}
 
.Wall .edited-by a.subtle[href$="Wall:SpaceManiac"]:after {
    color: #f8ba00 !important;
    content: "founder" !important;
    font-family: Nunito;
    font-size: 15px;
    font-variant: small-caps;
    font-weight: bold;
}
 
/** Bureaucrats **/
a[href$="/wiki/User:Librarian_Bird"],
a[href$="/wiki/User:LightSwitch"],
.Wall .edited-by a[href$="Wall:Librarian_Bird"]:not(.subtle),
.Wall .edited-by a[href$="Wall:LightSwitch"]:not(.subtle) {
    background: url(https://vignette.wikia.nocookie.net/growtopia/images/5/5f/Rsz_screen_shot_2016-10-24_at_71438_pm.png) center left no-repeat;
    padding-left: 17px;
    color: #ec2dff !important;
    font-weight: bold !important;
}
 
.Wall .edited-by a.subtle[href$="Wall:Librarian_Bird"]:after,
.Wall .edited-by a.subtle[href$="Wall:LightSwitch"]:after {
    color: #ec2dff !important;
    content: "bureaucrat" !important;
    font-family: Nunito;
    font-size: 15px;
    font-variant: small-caps;
    font-weight: bold;
}
 
/** Administrators **/
a[href$="/wiki/User:BlueDwarf"],
a[href$="/wiki/User:Joshcat"],
a[href$="/wiki/User:TheKill69"], 
a[href$="/wiki/User:Awesome187"],
a[href$="/wiki/User:Mctommycheng"],
a[href$="/wiki/User:BSV001"],
.Wall .edited-by a[href$="Wall:BlueDwarf"]:not(.subtle),
.Wall .edited-by a[href$="Wall:Joshcat"]:not(.subtle),
.Wall .edited-by a[href$="Wall:TheKill69"]:not(.subtle),
.Wall .edited-by a[href$="Wall:Awesome187"]:not(.subtle),
.Wall .edited-by a[href$="Wall:Mctommycheng"]:not(.subtle),
.Wall .edited-by a[href$="Wall:BSV001"]:not(.subtle) {
    background: url(https://vignette.wikia.nocookie.net/growtopia/images/1/19/Rsz_rsz_screen_shot_2016-10-24_at_35749_pm_1.png) center left no-repeat;
    padding-left: 17px;
    color: #06c22c !important;
    font-weight: bold !important;
}
 
.Wall .edited-by a.subtle[href$="Wall:BlueDwarf"]:after,
.Wall .edited-by a.subtle[href$="Wall:Awesome187"]:after,
.Wall .edited-by a.subtle[href$="Wall:Joshcat"]:after,
.Wall .edited-by a.subtle[href$="Wall:TheKill69"]:after,
.Wall .edited-by a.subtle[href$="Wall:Mctommycheng"]:after,
.Wall .edited-by a.subtle[href$="Wall:BSV001"]:after {
    color: #06c22c !important;
    content: "Admin" !important;
    font-family: Nunito;
    font-size: 15px;
    font-variant: small-caps;
    font-weight: bold;
}

/** Content Moderators **/
a[href$="/wiki/User:Jetpack_joyrider"],
a[href$="/wiki/User:HealLV"],
a[href$="/wiki/User:IciesDJ"],
a[href$="/wiki/User:Vijuki"],
a[href$="/wiki/User:Derek524"],
.Wall .edited-by a[href$="Wall:Jetpack_joyrider"]:not(.subtle),
.Wall .edited-by a[href$="Wall:HealLV"]:not(.subtle),
.Wall .edited-by a[href$="Wall:IciesDJ"]:not(.subtle),
.Wall .edited-by a[href$="Wall:Vijuki"]:not(.subtle),
.Wall .edited-by a[href$="Wall:Derek524"]:not(.subtle) {
    background: url(https://vignette.wikia.nocookie.net/growtopia/images/e/e5/Sapphirecontentmodicon.png) center left no-repeat;
    padding-left: 17px;
    color: #0C8DDF !important;
    font-weight: 700 !important;
}
 
.Wall .edited-by a.subtle[href$="Wall:Jetpack_joyrider"]:after,
.Wall .edited-by a.subtle[href$="Wall:HealLV"]:after,
.Wall .edited-by a.subtle[href$="Wall:IciesDJ"]:after,
.Wall .edited-by a.subtle[href$="Wall:Vijuki"]:after,
.Wall .edited-by a.subtle[href$="Wall:Derek524"]:after {
    color: #0C8DDF !important;
    content: "content moderator" !important;
    font-family: Nunito;
    font-size: 15px;
    font-variant: small-caps;
    font-weight: 400;
}

/* Tabber Design */
.tabbernav {
    font: normal 14px Helvetica, Arial, sans-serif !important;
    border-bottom: 3px solid #229CBC !important;
    padding: 10px 0px !important;
}
.tabbernav a {
    padding: 10px 10px !important;
    margin: 0px !important;
    color: #229CBC !important;
    border: none !important;
    background: transparent !important;
}
.tabberactive a {
    color: white !important;
    background: #229CBC !important;
}
.tabbernav :not(.tabberactive) a:hover {
    background: rgba(35,156,188, 0.2) !important;
}
.tabbertab {
    border: none !important;
    padding: 0px !important;
}

/* User Tags */
a.tag {
    color: inherit;
}

/* Button Hover */
.fadeout img:hover {
	opacity:0;
}
.fadeout img:active {
	opacity:0;
}
body:not(.editor) .fadeout-container.fadeout-hide-bottom > .fadein {
    visibility: hidden;
}

body:not(.editor) .fadeout-container.fadeout-hide-bottom > .fadeout:hover + .fadein {
    visibility: visible;
}

/* Custom Scrollbar */
*::-webkit-scrollbar{background:#FFFFFF}
*::-webkit-scrollbar:vertical{width:13px}
*::-webkit-scrollbar:horizontal{height:13px}
*::-webkit-scrollbar-thumb{background: #229CBC}

/* Spritesheet */
.growsprite {
    display: inline-block;
}

.growsprite img {
    image-rendering: pixelated;
}

/* New Table */
.ntbhead {
    background-image: url("https://vignette.wikia.nocookie.net/growtopia/images/7/74/Ntbheader.png");
    background-color: #60D7F2;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.ntbdirt {
    background-image: url("https://vignette.wikia.nocookie.net/growtopia/images/9/96/Dirtlayer.png");
    background-color: #BEE8F1;
    background-repeat: repeat-x;
}

.ntbbody {
    background-color: #BEE8F1;
}

.ntbfade {
    animation: FadeInLeft 0.7s;
}
 
@keyframes FadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* WPCard */
.wpcard {
    font-family: Century Gothic;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 14px;
    color: #000000;
}
.wpcard .header{
    background-image: url("https://vignette.wikia.nocookie.net/growtopia/images/7/74/Ntbheader.png");
    background-color: #60D7F2;
    background-repeat: no-repeat;
    background-position: right bottom;
    color: #FFFFFF;
    text-shadow: 1.5px 1.5px 1px rgba(0,0,0,0.8);
    padding: 15px 20px 25px;
    text-align: left;
    font-size: 20px;
	position:relative;
}
.wpcard .header::after{
    content: "";
    display: block;
    width: 100%;
	height: 17px;
    background-image: url("https://vignette.wikia.nocookie.net/growtopia/images/9/96/Dirtlayer.png");
    background-color: #BEE8F1;
    background-repeat: repeat-x;
	position:absolute;
	bottom: 0;
	left: 0;
}
.wpcard .body {
    padding: 10px 20px;
	background-color: #BEE8F1;
}

/* Disclaimer */
.disclaimer {
    background-image: url("https://vignette.wikia.nocookie.net/growtopia/images/e/e7/Disclaimerbackground2222.png");
    background-color: #60D7F2;
    background-repeat: repeat-x;
    background-position: bottom;
}

/* Better Hover */
.hover {
opacity: 1;
transition: opacity 300ms ease-out;
}
.hover:hover {
opacity: 0.5;
}

/* Shifty */
@keyframes shiftyEffect {
    from {
        filter: brightness(0.5) sepia() saturate(4) hue-rotate(0deg);   
    }
    to {
        filter: brightness(0.5) sepia() saturate(4) hue-rotate(360deg);   
    }
}
.growsprite.shifty {
    animation: shiftyEffect 10s linear infinite;
}

/* Hide the internal page source code viewer */
#editform[action="/wiki/Template:Item/ids?action=submit"] #PermissionsError~#mw-content-text {
    display:none;
}
#ca-viewsource[href="/wiki/Template:Item/ids?action=edit"] {
    display:none;
}
#ca-viewsource[href="/wiki/Template:Item/ids?action=edit"]~.wds-dropdown .wds-button{
    display:none;
}
.rc-conntent .mw-changeslist-ns10-Item_ids, .rc-conntent .mw-changeslist-ns10-Item_Data {
	display:none
}