MediaWiki:Gadget-Staff.css

/***********************************************************************/ /***********************************************************************/ /************************** Table of Contents **************************/ /***********************************************************************/ /***********************************************************************/ /*   Section 1 - Table of Contents Section 2 - Top Configuration Section 2.1 - Imports Section 2.1.1 - Contribs Buttons Section 2.1.2 - Fonts Section 3 - CSS Styling Section 3.1 - User Styling Section 3.1.01 - Chur21 Section 3.1.02 - DP-28 OP           Section 3.1.03 - EpicDragon Section 3.1.04 - FLATtheFISH Section 3.1.05 - MattyB420 Section 3.1.06 - Raicchen Section 3.1.07 - ThePokegeek5000 Section 3.1.08 - Trilogy7 Section 3.1.09 - ScrubyDub2222 Section 3.1.10 - XXxKARMAxXx Section 4 - Bottom Configuration Section 4.1 - Keyframes

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

/* Fonts */ @import url('https://fonts.googleapis.com/css?family=Allerta+Stencil|Black+Ops+One|Gloria+Hallelujah|Noto+Serif|Righteous|Signika|Ultra');/**/

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

/* Chur21 */ .wds-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked > li > a[href$=":Chur21"], .Wall .edited-by a.subtle[href$="Wall:Chur21"], font-family:"Comic Sans MS", sans-serif; font-size:100%; font-variant:normal; font-weight:bold; background:-webkit-linear-gradient(330deg, #348C19, #3FD611); -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$=":Chur21"],
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$="/Chur21"] {

.SpeechBubble .edited-by a[href$="User:Chur21"]:after, .Wall .edited-by a.subtle[href$="Wall:Chur21"]:after { content:" Churcuzzy"; font-family:"Comic Sans MS", sans-serif; font-size:12px; font-variant:small-caps; font-weight:bold; }/**/

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

/* DP-28_OP */ .wds-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked > li > a[href$=":DP-28_OP"], .Wall .edited-by a.subtle[href$="Wall:DP-28_OP"], font-family:"Black Ops One", sans-serif; font-size:100%; font-variant:normal; background:-webkit-linear-gradient(330deg, #0000FF, #000000); -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$=":DP-28_OP"],
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$="/DP-28_OP"] {

.SpeechBubble .edited-by a[href$="User:DP-28_OP"]:after, .Wall .edited-by a.subtle[href$="Wall:DP-28_OP"]:after { content:" [L M G  O V E R L O R D]"; font-family:"Black Ops One", sans-serif; font-size:12px; font-variant:small-caps; font-weight:bold; }/**/

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

/* EpicDragon */ .wds-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked > li > a[href$=":EpicDragon"], .Wall .edited-by a.subtle[href$="Wall:EpicDragon"], font-family:"Gloria Hallelujah", sans-serif; font-size:110%; font-variant:normal; background:linear-gradient(330deg, #70FFF7, #000000); -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$=":EpicDragon"],
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$="/EpicDragon"] {

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

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

/* FLATtheFISH */ .wds-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked > li > a[href$=":FLATtheFISH"], .Wall .edited-by a.subtle[href$="Wall:FLATtheFISH"], font-family:"Impact", sans-serif; font-size:110%; font-variant:normal; background:linear-gradient(330deg, #42F4F4, #197A7F); -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$=":FLATtheFISH"],
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$="/FLATtheFISH"] {

.SpeechBubble .edited-by a[href$="User:FLATtheFISH"]:after, .Wall .edited-by a.subtle[href$="Wall:FLATtheFISH"]:after { content:" Stingray'); DROP TABLE users;--";   font-family:"Impact", sans-serif;    font-size:12px;    font-variant:small-caps; }/**/

/* MattyB420 */ .Wall .edited-by a.subtle[href$="Wall:MattyB420"], font-family:"Ultra", sans-serif; font-size:100%; font-variant:normal; background:linear-gradient(330deg, #00FFFF, #4E2987, #CD2990); -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$=":MattyB420"],
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$="/MattyB420"] {

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

/* Osome oli */ .Wall .edited-by a.subtle[href$="Wall:Osome_oli"], font-family:"Impact", sans-serif; font-size:100%; font-variant:normal; background:linear-gradient(330deg, #FF9900, #FF0099); -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$=":Osome_oli"],
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$="/Osome_oli"] {

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

img[alt="Osome oli"].avatar:hover, li[data-user="Osome oli"] .avatar:hover { animation-name:rainbowAvatar; animation-duration:4s; animation-iteration-count:infinite; animation-timing-function:linear; border-radius:100%; }/**/

/* Raicchen */ .Wall .edited-by a.subtle[href$="Wall:Raicchen"], font-family:"Allerta Stencil", Verdana, sans-serif; font-size:110%; font-variant:normal; background:linear-gradient(330deg, #0026FF, #FF00FF); -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$=":Raicchen"],
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$="/Raicchen"] {

.SpeechBubble .edited-by a[href$="User:Raicchen"]:after, .Wall .edited-by a.subtle[href$="Wall:Raicchen"]:after { content:" Content Mod"; font-family:"Allerta Stencil", Verdana, sans-serif; font-size:12px; font-variant:small-caps; }/**/

img[alt="Raicchen"].avatar:hover, li[data-user="Raicchen"] .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%; }/**/

/* 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-family:"Righteous", Helvetica, 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"] {

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

img[alt="ThePokegeek5000"].avatar:hover, li[data-user="ThePokegeek5000"] .avatar:hover { animation-name:firePulse; 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 */ }/**/

/* Trilogy7 */ .Wall .edited-by a.subtle[href$="Wall:Trilogy7"], font-family:"Signika", sans-serif; font-size:110%; font-variant:normal; background:linear-gradient(330deg, #11AAFF, #24E6E1,  #68F68B); -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$=":Trilogy7"],
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$="/Trilogy7"] {

.SpeechBubble .edited-by a[href$="User:Trilogy7"]:after, .Wall .edited-by a.subtle[href$="Wall:Trilogy7"]:after { content:" THE HOLY MOD"; font-family:"Signika", sans-serif; font-size:12px; font-variant:small-caps; }/**/

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

/* ScrubyDub2222 */ .Wall .edited-by a.subtle[href$="Wall:ScrubyDub2222"], font-family:sans-serif; font-size:110%; font-variant:normal; background:linear-gradient(330deg, #7A42F4, #228924); -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$=":ScrubyDub2222"],
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$="/ScrubyDub2222"] {

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

/* XXxKARMAxXx */ .Wall .edited-by a.subtle[href$="Wall:XXxKARMAxXx"], font-family:"Noto Serif", sans-serif; font-size:100%; font-variant:normal; background:linear-gradient(330deg, #FF1C1C, #FF8282,  #FFFCFC); -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$=":XXxKARMAxXx"],
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$="/XXxKARMAxXx"] {

.SpeechBubble .edited-by a[href$="User:XXxKARMAxXx"]:after, .Wall .edited-by a.subtle[href$="Wall:XXxKARMAxXx"]:after { content:" [Content Mod]"; font-family:"Noto Serif", sans-serif; font-size:12px; font-variant:small-caps; }/**/