User:ThePokegeek5000/universal.css

/***********************************************************************/ /***********************************************************************/ /************************** Table of Contents **************************/ /***********************************************************************/ /***********************************************************************/ /*   Section 1 - Table of Contents Section 2 - Top Configuration Section 2.1 - Imports Section 2.1.1 - Fonts Section 2.1.2 - Other Imports Section 3 - CSS Styling Section 3.1 - Detect Username Templetes Section 3.2 - Remove Mainpage Ads Section 3.3 - File/User Page Tabs Section 3.4 - User Styling Section 3.5 - All Users Section 4 - Bottom Configuration Section 4.1 - Keyframes

/***********************************************************************/ /***********************************************************************/ /************************** Top Configuration **************************/ /***********************************************************************/ /***********************************************************************/

/***********************************************************************/ /******************************* Imports *******************************/ /***********************************************************************/

/* Fonts */ @import url('https://fonts.googleapis.com/css?family=Righteous');/**/

/* Other Imports */

/* ContribsButtons InterlanguageFlags UpgradeToolbar - Listed as "Broken" for "Inherently compatible." - Asking Banarama if it's still functional - removed, import with is here @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ContribsButtons.css|u:dev:MediaWiki:InterlanguageFlags.css|u:dev:MediaWiki:UpgradedToolbar.css&only=styles"); @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ContribsButtons.css|u:dev:MediaWiki:InterlanguageFlags.css&only=styles");/**/

/***********************************************************************/ /***********************************************************************/ /***************************** CSS Styling *****************************/ /***********************************************************************/ /***********************************************************************/

/***********************************************************************/ /********************** Detect Username Template ***********************/ /***********************************************************************/ .insertusername, .inputusername, .InsertUsername, .InputUsername { border-color:#0000FF; border-width:1px; border-style:solid; padding:0.5px; }/**/

/***********************************************************************/ /************************* File/User Page Tabs *************************/ /***********************************************************************/

ul.tabs { display:flex; flex-direction:row; border-bottom:none; text-shadow:0 1px 1px rgba(0, 0, 0, 0.4); } .tabs li { border-bottom:4px solid #888; box-shadow:0 2px 0 #5F5F5F; color:#888888; cursor:pointer; float:left; font-family:Ubuntu; font-size:.875rem; font-weight:bold; height:36px; text-align:center; text-transform:uppercase; flex:1 auto; margin:0; transition:filter 0.25s ease-out } .tabs li:hover { filter:brightness(1.25); } .tabs li a { color:inherit; border:none !important; } .tabs li:hover a { text-decoration:none; text-shadow:none; } .tabs li.selected { border-bottom:4px solid currentColor; box-shadow:0 2px 0 #888888; color:currentColor; } .tabs li.selected a { cursor:pointer; background:none; color:inherit; }/**/

/***********************************************************************/ /************************* Remove Mainpage Ads *************************/ /***********************************************************************/

.WikiaAdInContent, .wikia-ad, .home-top-right-ads, div[id^="br_video_player_"], .FIOnDemandWrapper { display:none !important; }/**/
 * 1) WikiaTopAds,
 * 2) top-right-boxad-wrapper,
 * 3) WikiaArticleBottomAd,
 * 4) WikiaAdInContentPlaceHolder,

/***********************************************************************/ /**************************** User Styling *****************************/ /***********************************************************************/

/* ThePokegeek5000 */ li[data-user="ThePokegeek5000"] .username { font-family:"Righteous", sans-serif; font-size:110%; font-variant:normal; background:-webkit-linear-gradient(330deg, #FF0000, #990000, #990099, #000099, #0000FF); -webkit-background-clip:text !important; -webkit-text-fill-color:transparent !important; }
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$=":ThePokegeek5000"],
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$="/ThePokegeek5000"],

li[data-user="ThePokegeek5000"] .username { width:15%; }

.SpeechBubble .edited-by a[href$="User:ThePokegeek5000"]:after, .Wall .edited-by a.subtle[href$="Wall:ThePokegeek5000"]:after { content:" [Code] Overlord"; font-family:"Righteous", sans-serif; font-size:12px; font-variant:small-caps; text-shadow: none; background:-webkit-linear-gradient(330deg, #FF0000, #FFFF00, #00FF00, #00FFFF, #0000FF); -webkit-background-clip:text !important; -webkit-text-fill-color:transparent !important; }/**/

img[alt="ThePokegeek5000"].avatar:hover, li[data-user="ThePokegeek5000"] .avatar:hover { animation-name:factionPulse; animation-duration:1s; animation-iteration-count:infinite; border-radius:100%; }/**/

.comments li[data-user="ThePokegeek5000"] blockquote { font-family:sans-serif; border-style:ridge; border-color:#FF0000 #00FF99 #0000FF #00FF00; border-width:10px 10px 10px 10px;/* T R B L */ } .comments li[data-user="ThePokegeek5000"] blockquote:before { display:none; }/**/

/* ThePokegeek5001 */ font-family:"Righteous", Helvetica, sans-serif; font-size:110%; font-variant:normal; background:-webkit-linear-gradient(330deg, #FF0000, #FFFF00, #00FF00, #00FFFF, #0000FF); -webkit-background-clip:text !important; -webkit-text-fill-color:transparent !important; }
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$=":ThePokegeek5001"],
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$="/ThePokegeek5001"] {

.SpeechBubble .edited-by a[href$="User:ThePokegeek5001"]:after, .Wall .edited-by a.subtle[href$="Wall:ThePokegeek5001"]:after { content:" Drone"; font-family:"Righteous", Helvetica, sans-serif; font-size:12px; font-variant:small-caps; }/**/

img[alt="ThePokegeek5001"].avatar:hover, li[data-user="ThePokegeek5001"] .avatar:hover { animation-name:avspin; animation-direction:alternate; animation-duration:0.8s; animation-iteration-count:infinite; animation-timing-function:ease-in-out; border-radius:100%; }/**/

/***********************************************************************/ /****************************** All Users ******************************/ /***********************************************************************/ img.avatar, li .avatar { transition: all 0.6s ease; }/**/

/***********************************************************************/ /***********************************************************************/ /************************ Bottom Configuration *************************/ /***********************************************************************/ /***********************************************************************/

/***********************************************************************/ /****************************** Keyframes ******************************/ /***********************************************************************/

@keyframes avspin { 0% {       transform:rotate(0deg); }   to { transform:rotate(720deg); } }

@keyframes bloodPulse { 0% {       background-color:#500000; box-shadow:0 0 9px #500000; }   50% {        background-color:#750000; box-shadow:0 0 18px #750000; }   to { background-color:#500000; box-shadow:0 0 9px #500000; } }

@keyframes factionPulse { 0% {       background-color:#007EFF; box-shadow:0 0 9px #007EFF; }   50% {        background-color:#CC0000; box-shadow:0 0 18px #CC0000; }   to { background-color:#007EFF; box-shadow:0 0 9px #007EFF; } }

@keyframes firePulse { 0% {       background-color:#D45500; box-shadow:0 0 9px #333333; }   50% {        background-color:#FF5C00; box-shadow:0 0 18px #FF5C00; }   to { background-color:#D45500; box-shadow:0 0 9px #333333; } }

@keyframes pulseKeybind { 0% {       background-color:#000000; }   50% {        background-color:#50AFAB; }   to { background-color:#000000; } }

@keyframes pulseKeybindAvatar { 0% {       background-color:#000000; box-shadow:0 0 12px #000000; }   50% {        background-color:#50AFAB; box-shadow:0 0 12px #50AFAB; }   to { background-color:#000000; box-shadow:0 0 12px #000000; } }

@keyframes rainbow { 0% {       background-color:#FF00BB; }   14.2857142857% {        background-color:#FF0000; }   28.5714285714% {        background-color:#FFFF00; }   42.8571428571% {        background-color:#00FF00; }   57.1428571429% {        background-color:#00FFFF; }   71.4285714286% {        background-color:#0000FF; }   85.7142857143% {        background-color:#BB00FF; }   to { background-color:#FF00BB; } }

@keyframes rainbowAvatar { 0% {       background-color:#FF00BB; box-shadow:0 0 12px #FF00BB; }   14.2857142857% {        background-color:#FF0000; box-shadow:0 0 12px #FF0000; }   28.5714285714% {        background-color:#FFFF00; box-shadow:0 0 12px #FFFF00; }   42.8571428571% {        background-color:#00FF00; box-shadow:0 0 12px #00FF00; }   57.1428571429% {        background-color:#00FFFF; box-shadow:0 0 12px #00FFFF; }   71.4285714286% {        background-color:#0000FF; box-shadow:0 0 12px #0000FF; }   85.7142857143% {        background-color:#BB00FF; box-shadow:0 0 12px #BB00FF; }   to { background-color:#FF00BB; box-shadow:0 0 12px #FF00BB; } }

@keyframes sidespin { 0% {       transform:rotateY(0deg); }   to { transform:rotateY(129600deg); } }

@keyframes woodsPulse { 0% {       background-color:#908D2D; box-shadow:0 0 9px #333333 }   50% {        background-color:#CBC526; box-shadow:0 0 18px #F3EB0F }   to { background-color:#908d2d; box-shadow:0 0 9px #333333 } } /**/