Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Wikia.css

MediaWiki interface page
Revision as of 12:05, 11 November 2018 by LightSwitch (talk | contribs)

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)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* 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:Eppen"],
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:Eppen"]: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:Eppen"]: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);
    }
}

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

/* Countdown Designs */
.cdnotc {
    background-image: url("https://vignette.wikia.nocookie.net/growtopia/images/e/e6/Countdownnotcheader.png");
    background-color: #134513;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.cdtgt {
    background-image: url("https://vignette.wikia.nocookie.net/growtopia/images/2/26/Cdpagoda.png");
    background-color: #043339;
    background-repeat: no-repeat;
    background-position: left bottom;
}