MediaWiki:Wikia.css

/** * Wikia CSS */

/* Font stuff */

@font-face { font-family: 'Fira Code'; src: url('https://rawgit.com/Arashiryuu/font-host-test/master/FiraCode-Regular.ttf') format('truetype'); }

/***************************************/ /*             HEADER STUFF          */ /*************************************/

.WikiaSiteWrapper .wds-community-header { background-color: initial; }

.WikiaSiteWrapper .wds-community-header::before { background: linear-gradient(to right,rgba(229,0,0,0.5),rgba(229,0,0,0.5)),linear-gradient(to left,rgba(229,0,0,0) 200px,#e50000 630px); }

.WikiaSiteWrapper .wds-community-header .wds-button.wds-is-secondary { border-color: #000; color: #000; }

/**********************************/ /*           USERS           */ /**********************************/ a[href$="/wiki/User:ShadowBeast109"], a[href$="/wiki/Message_Wall:ShadowBeast109"] { text-shadow:0 0 10px; display: inline-block; text-decoration: none; } a[href$="/wiki/User:ShadowBeast109"]:hover, a[href$="/wiki/Message_Wall:ShadowBeast109"]:hover { -webkit-animation: pulse 3s infinite; animation: pulse 3s infinite alternate; animation-timing-function: ease; }

.edited-by a[href$="ShadowBeast109"] ~ .subtle::after { display: inline-block; font-style: italic; text-transform: uppercase; content: " Overlord" !important; text-decoration: none !important; font-family: Chiller, sans-serif; font-weight: 600; font-size: 16px; }

/**********************************/ /*           USERPAGES           */ /**********************************/ .UserProfileMasthead .masthead-info { overflow:hidden; } .UserProfileMasthead .masthead-info hgroup { background-image: url(''); overflow:hidden; } .UserProfileMasthead h1 { text-shadow: 0 0 7px black !important; } .UserProfileMasthead h2 { font-size:3.0em; font-weight: 900; text-shadow: 0 0 7px black !important; } .UserProfileMasthead .masthead-info .group { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-image: url(''); border-radius: 3px; display: inline-block; margin-left: 10px; padding: 2px 5px; position: relative; top: -4px; overflow:hidden; } .masthead-avatar img { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; } .masthead-avatar:hover img { border-radius: 100%; box-shadow:0 0 20px black; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .masthead-avatar .sprite.edit-pencil { display: none } .tabs-container { box-shadow: inset 0 -9px 10px rgba(0, 0, 0, .3); padding-left: 20px; } .WikiaUserPagesHeader .tabs li { background: transparent .3; } .WikiaUserPagesHeader .tabs li:hover { background: transparent .6; } .WikiaUserPagesHeader .tabs li { -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transition-duration: 0.3s; -webkit-transition-property: transform; backface-visibility: hidden; box-shadow: 0 0 1px rgba(0, 0, 0, .3); display: inline-block; position: relative; transform: translateZ(0); transition-duration: 0.3s; transition-property: transform; vertical-align: middle; } .WikiaUserPagesHeader .tabs li:before { -webkit-transition-duration: 0.3s; -webkit-transition-property: transform, opacity; background: none; content: ''; height: 10px; left: 5%; opacity: 0; pointer-events: none; position: absolute; top: 100%; transition-duration: 0.3s; transition-property: transform, opacity; width: 90%; z-index: -1; } .WikiaUserPagesHeader .tabs li:hover, .WikiaUserPagesHeader .tabs li:focus, .WikiaUserPagesHeader .tabs li:active { -webkit-transform: translateY(-5px); transform: translateY(-5px); } .WikiaUserPagesHeader .tabs li:hover:before, .WikiaUserPagesHeader .tabs li:focus:before, .WikiaUserPagesHeader .tabs li:active:before { -webkit-transform: translateY(5px); opacity: 1; transform: translateY(5px); } .WikiaUserPagesHeader .tabs .selected a { border:none; }
 * 1) userAvatarEdit { margin-left: 30px }

/**********************************/ /*           WORDMARK           */ /**********************************/ .wordmark:hover { -webkit-animation: flash .5s; animation: flash .5s; }

/**********************************/ /*           ANIMATIONS           */ /**********************************/ @-webkit-keyframes flash { 50%{       -webkit-filter: blur(2px) brightness(2); filter: blur(2px) brightness(2); } }

@-webkit-keyframes pulse { 20%{       text-shadow:0 0 8px, 0 0 8px; }   40%{        text-shadow:0 0 10px #00ccff, 0 0 10px #00ccff; }   60%{        text-shadow:0 0 8px #ff00ff, 0 0 8px #ff00ff; }   80%{        text-shadow:0 0 10px #ffff00, 0 0 10px #ffff00; }   100%{        text-shadow:0 0 8px, 0 0 8px; } } /***************************************/ /*             TABBER              */ /*************************************/ .tabbertab { border: none !important; padding: 0 !important; } ul.tabbernav { font: 12px Helvetica,Arial,sans-serif !important; font-weight: bold !important; border-top: 0 !important; border-bottom: 6px solid rgba(15,15,15,.3) !important; } ul.tabbernav li a { -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transition-duration: 0.3s; -webkit-transition-property: transform; backface-visibility: hidden; box-shadow: 0 0 1px rgba(0, 0, 0, .3); display: inline-block; position: relative; transform: translateZ(0); transition-duration: 0.3s; transition-property: transform; vertical-align: middle; padding: 8px 8px !important; margin-left: 0 !important; border: 1px !important; color: white !important; background: none !important; } ul.tabbernav li a:before { -webkit-transition-duration: 0.3s; -webkit-transition-property: transform, opacity; background: radial-gradient(ellipse at center, rgba(92, 0, 0, 0.35) 0, rgba(92, 0, 0, 0) 80%); content: ''; height: 10px; left: 5%; opacity: 0; pointer-events: none; position: absolute; top: 100%; transition-duration: 0.3s; transition-property: transform, opacity; width: 90%; z-index: -1; }

ul.tabbernav li a:link { color: white !important; } ul.tabbernav li a:visited {color: white !important; } ul.tabbernav li a:hover { color: #fff !important; text-shadow: 0 0 15px #5c0000, 0 0 15px #5c0000 !important; background: #151515 !important; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; transition: translateZ(0) !important; -webkit-transform: translateY(-5px) !important; -moz-transfom: translateY(-5px) !important; transform: translateY(-5px) !important; } ul.tabbernav li a:hover, ul.tabbernav li a:focus, ul.tabbernav li a:active { -webkit-transform: translateY(-5px); transform: translateY(-5px); } ul.tabbernav li a:hover:before, ul.tabbernav li a:focus:before, ul.tabbernav li a:active:before { -webkit-transform: translateY(5px); opacity: 1; transform: translateY(5px); } ul.tabbernav li.tabberactive a { color: white !important; background: #5c0000 !important; z-index: -1px !important; }

/*

SCROLLBAR
*/


 * -webkit-scrollbar {

width: 12px; height: 12px; transition: all .6s ease; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; }


 * -webkit-scrollbar-track {

background: #000; border: #000; }


 * -webkit-scrollbar-thumb:vertical {

min-height: 50pt !important; background: -webkit-linear-gradient(top, #000 30%, #e50000); border-radius: 1em; border: 2px solid #000; background-clip: content-box !important; }


 * -webkit-scrollbar-thumb:horizontal {

min-width: 50pt !important; background: -webkit-linear-gradient(left, #000 30%, #e50000); border-radius: 1em; border: 2px solid #000; background-clip: content-box !important; }


 * -webkit-scrollbar-thumb:vertical:hover {

background: -webkit-linear-gradient(top, #000 30%, #ff0505); border: 2px solid #000; }


 * -webkit-scrollbar-thumb:horizontal:hover {

background: -webkit-linear-gradient(left, #000 30%, #e50000); border: 2px solid #000; }


 * -webkit-scrollbar-thumb:vertical:active {

background: -webkit-linear-gradient(top, #000 30%, #d10000); border: 2px solid #000; }


 * -webkit-scrollbar-thumb:horizontal:active {

background: -webkit-linear-gradient(left, #000 30%, #e50000); border: 2px solid #000; }

/* ######################################################################                            ==    END    == ###################################################################### */