MediaWiki:Gadget-Staff.css

/***********************************************************************/ /***********************************************************************/ /************************** Table of Contents **************************/ /***********************************************************************/ /***********************************************************************/ /*   Section 1 - Table of Contents Section 2 - Top Configuration Section 2.1 - Imports Section 2.1.1 - Fonts Section 3 - CSS Section 3.1 - User Styling Section 3.1.1 - Banarama Section 3.1.2 - Cl091000010 Section 3.1.3 - Dominoes Section 3.1.4 - HiIplayMoomoo Section 3.1.5 - Iodine314 Section 3.1.6 - JoelCoop11 Section 3.1.7 - PredatoR X ~CF0P~ Section 3.1.8 - Soil Milk Section 3.1.9 - Surviver.io           Section 3.1.10 - ThePokegeek5000 Section 3.1.11 - TheSURVIVR Section 3.1.12 - Waffenträger E 100 Section 3.1.13 - WhyNotSameEmail Section 3.1.14 - XXxKARMAxXx Section 3.2 - All Users Section 4 - Bottom Configuration Section 4.1 - Keyframes

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

/* Fonts */ @import url('https://fonts.googleapis.com/css?family=Black+Ops+One|Gloria+Hallelujah|Iceberg|Merriweather|Noto+Serif|Oswald|Pacifico|Times+New+Roman|Righteous|Signika|Ultra');/**/

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

/* Banarama */ .wds-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked > li > a[href$=":Banarama"], .Wall .edited-by a.subtle[href$="Wall:Banarama"], font-size: 110%; font-variant: normal; background: -webkit-linear-gradient(330deg, #008DDD, #00C6BB, #44D677); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; font-weight: bold; text-shadow: 0 0 3px #008DDD33, 0 0 5px #44D67733; }
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$=":Banarama"],
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$="/Banarama"] {

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

/* Cl091000010 */ .wds-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked > li > a[href$=":Cl091000010"], .Wall .edited-by a.subtle[href$="Cl091000010"], font-family:"Times New Roman", Times, serif; font-size: 100%; font-variant: normal; background: -webkit-linear-gradient(330deg, #C9533E, #C9533E); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; font-weight: bold; }
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$=":Cl091000010"],
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$="/Cl091000010"] {

.SpeechBubble .edited-by a[href$="User:Cl091000010"]:after, .Wall .edited-by a.subtle[href$="Wall:Cl091000010"]:after { content:" Discussions Moderator"; font-size: 12px; font-variant: small-caps; }/**/

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

/* Dominoes */ .wds-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked > li > a[href$=":Dominoes"], .Wall .edited-by a.subtle[href$="Wall:Dominoes"], font-family:sans-serif; font-weight:bold; font-variant:normal; background:linear-gradient(330deg, #0000FF, #FFFFFF); -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$=":Dominoes"],
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$="/Dominoes"] {

.SpeechBubble .edited-by a[href$="User:Dominoes"]:after, .Wall .edited-by a.subtle[href$="Wall:Dominoes"]:after { content:" DATA PROVIDER"; font-size:12px; font-variant:small-caps; }/**/

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

/***********************************************************************/ /*************************** HiIplayMoomoo *****************************/ /***********************************************************************/ .wds-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked > li > a[href$=":HiIplayMoomoo"], .Wall .edited-by a.subtle[href$="Wall:HiIplayMoomoo"], background: -webkit-linear-gradient(330deg, #8B0000, #DC143C, #FF0000, #FF4500, #FF8C00, #FFA500, #FFD700, #FFFF00, #ADFF2F, #00FF7F, #40E0D0, #7FFFD4, #00FFFF, #00BFFF, #1E90FF, #4169E1, #0000CD, #6A5ACD, #9932CC, #800080, #4B0082) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; text-shadow: 0 0 5px #FFFFFF; } .SpeechBubble .edited-by a[href$="User:HiIplayMoomoo"]:after, .Wall .edited-by a.subtle[href$="Wall:HiIplayMoomoo"]:after { content: "I Will Ban You"; font-size:12px; font-variant:small-caps; }
 * not(.wds-list) > :not(.custom-wds-wrapper):not(#contentSub):not(.tally) > a[href$=":HiIplayMoomoo"],
 * not(.wds-list) > :not(.custom-wds-wrapper):not(#contentSub):not(.tally) > a[href$="/HiIplayMoomoo"] {

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

.SpeechBubble .edited-by a[href$="User:Iodine314"]:after, .Wall .edited-by a.subtle[href$="Wall:Iodine314"]:after { content:" Probably default"; font-size:12px; font-variant:small-caps; }/**/

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

/* JoelCoop11 */ .wds-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked > li > a[href$=":JoelCoop11"], .Wall .edited-by a.subtle[href$="Wall:JoelCoop11"], font-family:"Merriweather", sans-serif; font-size:100%; font-variant:normal; background:linear-gradient(330deg, #BC6D82, #64BC6D, #F4CE42, #8C0933); -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$=":JoelCoop11"],
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$="/JoelCoop11"] {

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

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

/* PredatoR X ~CF0P~ */ .wds-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked > li > a[href$=":PredatoR_X_%7ECF0P%7E"], .Wall .edited-by a.subtle[href$="Wall:PredatoR_X_%7ECF0P%7E"], li[data-user="PredatoR_X_%7ECF0P%7E"] .username { font-family:"Righteous", Times, serif; font-size:110%; font-variant:normal; background:linear-gradient(430deg, #00FFF0, #FF00FF, #FF0000, #CCDB13, #3700FF); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$=":PredatoR_X_%7ECF0P%7E"],
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$="/PredatoR_X_%7ECF0P%7E"],

.wds-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked > li > a[href$=":PredatoR_X_%7ECF0P%7E"], .Wall .edited-by a.subtle[href$="Wall:PredatoR_X_%7ECF0P%7E"]:hover, li[data-user="PredatoR_X_%7ECF0P%7E"] .username:hover { text-shadow: 0 0 3px #00FFF066, 0 0 5px #3700FF66; }
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$=":PredatoR_X_%7ECF0P%7E"]:hover,
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$="/PredatoR_X_%7ECF0P%7E"]:hover,

li[data-user="PredatoR_X_%7ECF0P%7E"] .username { width:15%; }

.SpeechBubble .edited-by a[href$="User:PredatoR_X_%7ECF0P%7E"]:after, .Wall .edited-by a.subtle[href$="Wall:PredatoR_X_%7ECF0P%7E"]:after { content:" .["CSS"]"; font-size:12px; font-variant:small-caps; }/**/

img[alt="PredatoR X ~CF0P~"].avatar:hover, li[data-user="PredatoR X ~CF0P~"] .avatar:hover { animation-name:rainbowAvatar; animation-duration:5s; animation-iteration-count:infinite; border-radius:100%; }/**/

/* Soil Milk */ .Wall .edited-by a.subtle[href$="Wall:Soil_Milk"], font-family:sans-serif; font-size:110%; font-variant:normal; background:linear-gradient(330deg, #BF42F4, #5FF441, #F4BB41, #41E8F4,/* #89053,*/ #2F094F, #473F29); -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$=":Soil_Milk"],
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$="/Soil_Milk"] {

.SpeechBubble .edited-by a[href$="User:Soil_Milk"]:after, .Wall .edited-by a.subtle[href$="Wall:Soil_Milk"]:after { content:" ^D1CE^"; font-size:12px; font-variant:small-caps; }/**/

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

/* Surviver.io */ .wds-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked > li > a[href$=":Surviver.io"], .Wall .edited-by a.subtle[href$="Wall:Surviver.io"], li[data-user="Surviver.io"] .username { font-family:"Righteous", sans-serif; font-variant:normal; background:-webkit-linear-gradient(330deg, #000000, #FF0000); -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$=":Surviver.io"],
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$="/Surviver.io"],

.SpeechBubble .edited-by a[href$="User:Surviver.io"]:after, .Wall .edited-by a.subtle[href$="Wall:Surviver.io"]:after { content:" Discussions Mod"; font-size:12px; font-variant:small-caps; }/**/

img[alt="Surviver.io"].avatar:hover, li[data-user="Surviver.io"] .avatar:hover { animation-name:factionPulse; animation-duration:1s; animation-iteration-count:infinite; 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"], 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"],

.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"]:hover, li[data-user="ThePokegeek5000"] .username:hover { text-shadow: 0 0 3px #FF000066, 0 0 5px #0000FF66; }
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$=":ThePokegeek5000"]:hover,
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$="/ThePokegeek5000"]:hover,

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

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

.SpeechBubble .edited-by a[href$="User:TheSURVIVR"]:after, .Wall .edited-by a.subtle[href$="Wall:TheSURVIVR"]:after { content:" Still Surviving"; font-size:12px; font-variant:small-caps; }/**/

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

/* Waffenträger E 100 */ .wds-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked > li > a[href$=":Waffentr%C3%A4ger_E_100"], .Wall .edited-by a.subtle[href$="Wall:Waffentr%C3%A4ger_E_100"], font-family:"Courier New", sans-serif; font-size:100%; font-variant:normal; background:linear-gradient(330deg, #42F448, #42F448); -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$=":Waffentr%C3%A4ger_E_100"],
 * not(.wds-list) > *:not(.custom-wds-wrapper):not(#contentSub):not(#contentSubSub):not(.tally) > a[href$="/Waffenträger_E_100"] {

.SpeechBubble .edited-by a[href$="User:Waffentr%C3%A4ger_E_100"]:after, .Wall .edited-by a.subtle[href$="Wall:Waffentr%C3%A4ger_E_100"]:after { content:" D-Mod"; font-size:12px; font-variant:small-caps; }/**/

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

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

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

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

/* 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-size:12px; font-variant:small-caps; }/**/

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