User:ThePokegeek5000/global.css

/***********************************************************************/ /***********************************************************************/ /************************ Imports (keep at top) ************************/ /***********************************************************************/ /***********************************************************************/

/* Make Contribs Buttons Work */ @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ContribsButtons.css|u:dev:MediaWiki:CBD.css);/**/

/* Import Fonts */ @import url('https://fonts.googleapis.com/css?family=Exo+2:400,400i,700,700i|Kreon|Lobster+Two:400,700|Righteous|Teko');/**/ /***********************************************************************/ /***********************************************************************/ /************************** Table of Contents **************************/ /***********************************************************************/ /***********************************************************************/ /* Section 1 - ThePokegeek5000 Section 2 - ThePokegeek5001 Section 3 - Detect Username Templetes Section 4 - Contribs Button

/* ThePokegeek5000's Data */
 * root {

--ThePokegeek5000Color1: #FF0000; --ThePokegeek5000Color2: #990000; --ThePokegeek5000Color3: #990099; --ThePokegeek5000Color4: #000099; --ThePokegeek5000Color5: #0000FF; --ThePokegeek5000Font: "Righteous", Helvetica, sans-serif; --ThePokegeek5000Title: "Overlord"; }/**/

/* ThePokegeek5001's Data */
 * root {

--ThePokegeek5001Color1: #FF0000; --ThePokegeek5001Color2: #FFFF00; --ThePokegeek5001Color3: #00FF00; --ThePokegeek5001Color4: #00FFFF; --ThePokegeek5001Color5: #0000FF; --ThePokegeek5001Font: "Righteous", Helvetica, sans-serif; --ThePokegeek5001Title: "Drone"; }/**/

/* Detect Username Templates */
 * root {

--UserBoxColor: #000000; }/**/

/* Contribs Buttons */
 * root {

--ContribsDefault: #009900; --ContribsHover: #FF0000; }/**/

/***********************************************************************/ /***********************************************************************/ /*************************** ThePokegeek5000 ***************************/ /***********************************************************************/ /***********************************************************************/ .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-size: 110%; font-family: "Righteous", Helvetica, sans-serif; background: -webkit-linear-gradient(330deg, var(--ThePokegeek5000Color1), var(--ThePokegeek5000Color2), var(--ThePokegeek5000Color3), var(--ThePokegeek5000Color4), var(--ThePokegeek5000Color5)) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; } .SpeechBubble .edited-by a[href$="User:ThePokegeek5000"]:after, .Wall .edited-by a.subtle[href$="Wall:ThePokegeek5000"]:after { content: " "var(--ThePokegeek5000Title); font: normal small-caps normal 12px "Righteous", Helvetica, sans-serif; }/**/
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub) > a[href$=":ThePokegeek5000"],
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub) > a[href$="/ThePokegeek5000"] {

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

/***********************************************************************/ /***********************************************************************/ /*************************** ThePokegeek5001 ***************************/ /***********************************************************************/ /***********************************************************************/ .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-size: 110%; font-family: "Righteous", Helvetica, sans-serif; background: -webkit-linear-gradient(330deg, var(--ThePokegeek5001Color1), var(--ThePokegeek5001Color2), var(--ThePokegeek5001Color3), var(--ThePokegeek5001Color4), var(--ThePokegeek5001Color5)) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; } .SpeechBubble .edited-by a[href$="User:ThePokegeek5001"]:after, .Wall .edited-by a.subtle[href$="Wall:ThePokegeek5001"]:after { content: " "var(--ThePokegeek5001Title); font: normal small-caps normal 12px "Righteous", Helvetica, sans-serif; }/**/
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub) > a[href$=":ThePokegeek5001"],
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub) > a[href$="/ThePokegeek5001"] {

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

/***********************************************************************/ /***********************************************************************/ /************************** Contribs Buttons ***************************/ /***********************************************************************/ /***********************************************************************/ body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton, body.mw-special-Contributions #contentSub:not(.contentSub) a, body.mw-special-Contributions #contentSub #contentSubSub a { background: var(--ContribsDefault); } body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:active, body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:focus, body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:hover, body.mw-special-Contributions #contentSub:not(.contentSub) a:active, body.mw-special-Contributions #contentSub:not(.contentSub) a:focus, body.mw-special-Contributions #contentSub:not(.contentSub) a:hover, body.mw-special-Contributions #contentSub #contentSubSub a:active, body.mw-special-Contributions #contentSub #contentSubSub a:focus, body.mw-special-Contributions #contentSub #contentSubSub a:hover { background: var(--ContribsHover); }/**/

/***********************************************************************/ /***********************************************************************/ /*********************** Keyframes (keep at bottom) ********************/ /***********************************************************************/ /***********************************************************************/ @keyframes avspin { from { transform: rotate(0deg); }   to { transform: rotate(720deg); } }

@keyframes sidespin { from { transform: rotateY(0deg); }   to { transform: rotateY(129600deg); } }/**/