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 2.2 - Variables Section 2.2.1 - AlternatingLists Section 2.2.2 - Detect Username Templates Section 2.2.3 - ThePokegeek5000 Section 2.2.4 - ThePokegeek5001 Section 3 - CSS Styling Section 3.1 - ThePokegeek5000 Section 3.1.1 - Username Styling Section 3.1.2 - Avatar Spin Section 3.2 - ThePokegeek5001 Section 3.2.1 - Username Styling Section 3.2.2 - Avatar Spin Section 3.3 - Detect Username Templetes Section 3.5 - Remove Mainpage Ads Section 4 - Bottom Configuration Section 4.1 - Keyframes

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

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

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

/* Other Imports */ @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:AL.css|u:dev:MediaWiki:ContribsButtons.css|u:dev:MediaWiki:CBD.css|u:dev:MediaWiki:EditorSourceMinimal/code.css|u:dev:MediaWiki:InterlanguageFlags/code.css|u:dev:MediaWiki:NoCustomCursors/code.css|u:diepio:MediaWiki:Global.css|&only=styles");/**/

/***********************************************************************/ /****************************** Variables ******************************/ /***********************************************************************/

/* AlternatingLists */
 * root {

--al-ul2-type: square; }

/* Detect Username Templates */
 * root {

--UserBoxColor: #0000FF; }/**/

/* ThePokegeek5000 */
 * root {

--ThePokegeek5000_Background: -webkit-linear-gradient(330deg, #FF0000, #990000, #990099, #000099, #0000FF); --ThePokegeek5000_Font_Family: "Righteous", Helvetica, sans-serif; --ThePokegeek5000_Font_Variant_1: normal; --ThePokegeek5000_Font_Variant_2: small-caps; --ThePokegeek5000_Font_Size_1: 110%; --ThePokegeek5000_Font_Size_2: 12px; --ThePokegeek5000_Title: "[Code] Admin"; }/**/

/* ThePokegeek5001 */
 * root {

--ThePokegeek5001_Background: -webkit-linear-gradient(330deg, #FF0000, #FFFF00, #00FF00, #00FFFF, #0000FF); --ThePokegeek5001_Font_Family: "Righteous", Helvetica, sans-serif; --ThePokegeek5001_Font_Variant_1: normal; --ThePokegeek5001_Font_Variant_2: small-caps; --ThePokegeek5001_Font_Size_1: 110%; --ThePokegeek5001_Font_Size_2: 12px; --ThePokegeek5001_Title: "Minion"; }/**/

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

/***********************************************************************/ /*************************** ThePokegeek5000 ***************************/ /***********************************************************************/

/* Username Styling */ .wds-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked > li > a[href$=":ThePokegeek5000"], .Wall .edited-by a.subtle[href$="Wall:ThePokegeek5000"], font-family: var(--ThePokegeek5000_Font_Family); font-size: var(--ThePokegeek5000_Font_Size_1); font-variant: var(--ThePokegeek5000_Font_Variant_1); /*background: var(--ThePokegeek5000_Background);*/ -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; animation-name: pulseKeybind; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear; }
 * 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"] {

.SpeechBubble .edited-by a[href$="User:ThePokegeek5000"]:after, .Wall .edited-by a.subtle[href$="Wall:ThePokegeek5000"]:after { content: " "var(--ThePokegeek5000_Title); font-family: var(--ThePokegeek5000_Font_Family); font-size: var(--ThePokegeek5000_Font_Size_2); font-variant: var(--ThePokegeek5000_Font_Variant_2); }/**/

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

/***********************************************************************/ /*************************** ThePokegeek5001 ***************************/ /***********************************************************************/

/* Username Styling */ .wds-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked > li > a[href$=":ThePokegeek5001"], .Wall .edited-by a.subtle[href$="Wall:ThePokegeek5001"], font-family: var(--ThePokegeek5001_Font_Family); font-size: var(--ThePokegeek5001_Font_Size_1); font-variant: var(--ThePokegeek5001_Font_Variant_1); background: var(--ThePokegeek5001_Background); -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: " "var(--ThePokegeek5001_Title); font-family: var(--ThePokegeek5001_Font_Family); font-size: var(--ThePokegeek5001_Font_Size_2); font-variant: var(--ThePokegeek5001_Font_Variant_2); }/**/

/* Avatar Spin */

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

/***********************************************************************/ /********************** Detect Username Template ***********************/ /***********************************************************************/

.insertusername, .inputusername, .InsertUsername, .InputUsername { border-color: var(--UserBoxColor); border-width: 1px; border-style: solid; padding: 0.5px; }/**/

/***********************************************************************/ /************************* 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,

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

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

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

@keyframes firePulse { 0% {       background-color:#D45500; box-shadow:0 0 9px #333 }   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 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 sidespin { from { transform: rotateY(0deg); }   to { transform: rotateY(129600deg); } }/**/