MediaWiki:Gadget-Staff.css

/***********************************************************************/ /***********************************************************************/ /****************************** Doc & ToC ******************************/ /***********************************************************************/ /***********************************************************************/ /* DOCUMENTATION * @Authors:       Diep.io Wikia Code Administrators  * @Description:   Adds personalized CSS to Staff members when enabled.  * @Note:          Unless otherwise stated, use alphabetical order. */ /* TABLE OF CONTENTS * Section 1 — Imports (keep at top) * Section 2 — Nannerz * Section 3 — BananaBot * Section 4 — Diepmon * Section 5 — Graviatar * Section 6 — Nobel * Section 7 — Patrik * Section 8 — Tacocat * Section 9 — Tidal * Section 10 — Zathsu * Section 11 — KeyFrames (keep last) */ /***********************************************************************/ /***********************************************************************/ /************************ Imports (keep at top) ************************/ /***********************************************************************/ /***********************************************************************/ @import url('https://fonts.googleapis.com/css?family=Exo+2:400,400i,700,700i|Kreon|Lobster+Two:400,700|Righteous|Teko'); /***********************************************************************/ /***********************************************************************/ /******************************* Nannerz *******************************/ /***********************************************************************/ /***********************************************************************/ a[href$=":Banarama/Talk"], a[href$=":Banarama"], a[href$="/Banarama"] { color: #FF89B8 !important; font-family: "Kumar One", "Lobster Two", Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, "Courier New", Helvetica, sans-serif; font-weight: bold; font-size: 110% !important; background: -webkit-linear-gradient(left, #FF1493 0%, #FF3333 50%, #FFAA00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; }

a[href$=":Banarama/Talk"]:hover, a[href$=":Banarama"]:hover, a[href$="/Banarama"]:hover { text-shadow: none !important; color: #FF89B8 !important; font-family: "Kumar One", "Lobster Two", Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, "Courier New", Helvetica, sans-serif; font-weight: bold; background: -webkit-linear-gradient(330deg, #FF1493, #FFB6C1) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; }

.Wall .edited-by a.subtle[href$="Wall:Banarama"]:after { color: #00FFFF !important; content: "∆Junior Administrator∆" !important; font-family: "Kreon", Georgia, "Courier New", Helvetica, sans-serif; font-size: 16px !important; font-variant: small-caps !important; font-weight: bold !important; background: -webkit-linear-gradient(left, #00FFFF 0%, #7766FF 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; margin: 0 !important; line-height: 18px !important; }

.SpeechBubble .edited-by a[href$="User:Banarama"]:after { color: #00FFFF !important; content: "∆Junior Administrator∆" !important; font-family: "Kreon", Georgia, "Courier New", Helvetica, sans-serif; font-size: 12px !important; font-variant: small-caps !important; font-weight: bold !important; background: -webkit-linear-gradient(left, #00FFFF 0%, #7766FF 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; margin: 4pt; line-height: 18px; }

.SpeechBubble .edited-by a[href$="User:Banarama"]:hover { text-decoration: none !important; }

li[data-user="Banarama"] .username { color: #FF3399 !important; }

img[alt="Banarama"].avatar, li[data-user="Banarama"] .avatar { border-style: solid; border-color: #FF0088; border-width: 2px; border-radius: 100%; }

img[alt="Banarama"].avatar:hover, li[data-user="Banarama"] .avatar:hover { animation-name: srspin !important; animation-direction: alternate !important; animation-duration: 0.6s !important; animation-iteration-count: infinite !important; animation-timing-function: ease-in-out !important; border-radius: 100%; }

.Chat li[data-user="Banarama"] .username { color: #FFCC00 !important; }

.Chat li[data-user="Banarama"] .avatar { border-radius: 16px !important; border-style: solid !important; border-color: #FFCC00 !important; border-width: 2px !important; }

.Chat li[data-user="Banarama"] .avatar:hover { animation-name: srspin-chat !important; border-color: #FF8822 !important; }

li[data-user="Banarama"] .message { color: #FF8822 !important; }

body.page-Special_Contributions_Banarama .masthead-avatar img.avatar, body.page-User_blog_Banarama .masthead-avatar img.avatar, body.page-User_talk_Banarama .masthead-avatar img.avatar, body.page-Message_Wall_Banarama .masthead-avatar img.avatar, body.page-User_Banarama .masthead-avatar img.avatar { -moz-transition: all 0.55s ease; -ms-transition: all 0.55s ease; -o-transition: all 0.55s ease; -webkit-transition: all 0.55s ease; transition: all 0.55s ease; border-style: solid; border-color: #FF0088; border-width: 5px; border-radius: 100%; }

body.page-Special_Contributions_Banarama .masthead-avatar img.avatar:hover, body.page-User_blog_Banarama .masthead-avatar img.avatar:hover, body.page-User_talk_Banarama .masthead-avatar img.avatar:hover, body.page-Message_Wall_Banarama .masthead-avatar img.avatar:hover, body.page-User_Banarama .masthead-avatar img.avatar:hover { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); border-style: solid; border-color: #FF0088; border-width: 5px; border-radius: 100%; box-shadow: 0 0 6px 0 #FF0044; }

.community-page-admins-list img[alt="Banarama"].avatar, -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; transform: none; -moz-transition: none; -ms-transition: none; -o-transition: none; -webkit-transition: none; transition: none; border: none; border-radius: 0; box-shadow: none; }/**/
 * 1) WallThreadHistory img[alt="Banarama"].avatar {

/***********************************************************************/ /***********************************************************************/ /****************************** BananaBot ******************************/ /***********************************************************************/ /***********************************************************************/ img[alt="BananaBot"].avatar, li[data-user="BananaBot"] .avatar { -moz-transition: all 0.55s ease; -ms-transition: all 0.55s ease; -o-transition: all 0.55s ease; -webkit-transition: all 0.55s ease; transition: all 0.55s ease; border-style: solid; border-color: #FFCC00; border-width: 2px; border-radius: 100%; }

img[alt="BananaBot"].avatar:hover, li[data-user="BananaBot"] .avatar:hover { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); border-radius: 100%; }

.Chat li[data-user="BananaBot"] .avatar { border: 2px solid #FFCC00 !important; border-radius: 100% !important; }/**/

body.page-Special_Contributions_BananaBot .masthead-avatar img.avatar, body.page-User_blog_BananaBot .masthead-avatar img.avatar, body.page-User_talk_BananaBot .masthead-avatar img.avatar, body.page-Message_Wall_BananaBot .masthead-avatar img.avatar, body.page-User_BananaBot .masthead-avatar img.avatar { -moz-transition: all 0.55s ease; -ms-transition: all 0.55s ease; -o-transition: all 0.55s ease; -webkit-transition: all 0.55s ease; transition: all 0.55s ease; border-style: solid; border-color: #FFCC00; border-width: 5px; border-radius: 100%; }

body.page-Special_Contributions_BananaBot .masthead-avatar img.avatar:hover, body.page-User_blog_BananaBot .masthead-avatar img.avatar:hover, body.page-User_talk_BananaBot .masthead-avatar img.avatar:hover, body.page-Message_Wall_BananaBot .masthead-avatar img.avatar:hover, body.page-User_BananaBot .masthead-avatar img.avatar:hover { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); border-style: solid; border-color: #FFCC00; border-width: 5px; border-radius: 100%; box-shadow: 0 0 6px 0 #FFAA00; }

.community-page-admins-list img[alt="BananaBot"].avatar, -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; transform: none; -moz-transition: none; -ms-transition: none; -o-transition: none; -webkit-transition: none; transition: none; border: none; border-radius: 0; box-shadow: none; }/**/
 * 1) WallThreadHistory img[alt="BananaBot"].avatar {

/***********************************************************************/ /***********************************************************************/ /******************************* Diepmon *******************************/ /***********************************************************************/ /***********************************************************************/ .SpeechBubble .edited-by a[href$="User:Diepmon"]:after, .Wall .edited-by a.subtle[href$="Wall:Diepmon"], .Chat li[data-user="Diepmon"] .username:hover, .Chat li[data-user="Diepmon"] .message:hover, .Chat li[data-user="Diepmon"] .username, .Chat li[data-user="Diepmon"] .message { font-family: "Exo 2", "Oxygen", "Ubuntu"; color: #FBE800; text-shadow: none; } .Chat li[data-user="Diepmon"] .avatar { border-color: #FBE800; }/**/
 * not(.wds-list) > *:not(.custom-wds-wrapper) > a[href$=":Diepmon/Talk"],
 * not(.wds-list) > *:not(.custom-wds-wrapper) > a[href$=":Diepmon"],
 * not(.wds-list) > *:not(.custom-wds-wrapper) > a[href$="/Diepmon"],

/***********************************************************************/ /***********************************************************************/ /****************************** Graviatar ******************************/ /***********************************************************************/ /***********************************************************************/ a[href$=":Graviatar/Talk"], a[href$=":Graviatar"], a[href$="/Graviatar"] { color: #00FFFF !important; font-weight: bold; font-size: 100%; background: -webkit-linear-gradient(330deg, #768DFC, #A071FF) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; text-shadow: none !important; }

.Chat li[data-user="Graviatar"] .username { color: #A071FF; font-weight: 900; }

.Chat li[data-user="Graviatar"] .avatar { border: 3px solid #768DFC; border-radius: 100%; }

.Chat li[data-user="Graviatar"] .message { color: #768DFC; font-size: 9pt; }

.SpeechBubble .edited-by a[href$="User:Graviatar"]:after, .Wall .edited-by a.subtle[href$="Wall:Graviatar"]:after { display: none; }/**/

/***********************************************************************/ /***********************************************************************/ /******************************** Nobel ********************************/ /***********************************************************************/ /***********************************************************************/ a[href$=":Nobellion/Talk"], a[href$=":Nobellion"], a[href$="/Nobellion"] { text-shadow: none !important; color: #FF89B8 !important; font-weight: bold; font-size: 110% !important; font-family: "Righteous", Helvetica, sans-serif !important; background: -webkit-linear-gradient(330deg, #DC143C, #8A2BE2) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; }

.Wall .edited-by a.subtle[href$="Wall:Nobellion"]:after { color: #FF89B8 !important; content: "▶Code Administrator◀" !important; font-weight: bold !important; font-size: 16px !important; font-family: "Righteous", Helvetica, sans-serif !important; background: -webkit-linear-gradient(330deg, #DC146E, #5C2BE2) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; font-variant: small-caps !important; }

.SpeechBubble .edited-by a[href$="User:Nobellion"]:after { color: #FF89B8 !important; content: "▶Code Administrator◀" !important; font-weight: bold !important; font-size: 16px !important; font-family: "Righteous", Helvetica, sans-serif !important; background: -webkit-linear-gradient(330deg, #DC146E, #5C2BE2) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; font-variant: small-caps !important; } .Chat li[data-user="Nobellion"] .username { color: #A358E8; }

.Chat li[data-user="Nobellion"] .avatar { border-style: solid; border-color: #8A2BE2; border-width: 3px !important; border-radius: 100px !important; }

.Chat li[data-user="Nobellion"] .avatar:hover { border-style: outset !important; border-color: grey !important; text-shadow: 0 0 10px grey !important; }

.Chat li[data-user="Nobellion"] .message { color: #DC146E; } a[href$=":Nobellion/Talk"]:hover, a[href$=":Nobellion"]:hover, a[href$="/Nobellion"]:hover { text-shadow: none !important; color: #FF89B8 !important; font-weight: bold; font-size: 110% !important; font-family: "Righteous", Helvetica, sans-serif !important; background: -webkit-linear-gradient(330deg, #DC143C, #8A2BE2) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; animation-name: move !important; animation-duration: 1s !important; animation-iteration-count: 1 !important; animation-timing-function: ease !important; } .Chat li[data-user="Nobellion"] .username { color: #A358E8; }

.Chat li[data-user="Nobellion"] .avatar { border-style: solid; border-color: #8A2BE2; border-width: 3px !important; border-radius: 100px !important; }

.Chat li[data-user="Nobellion"] .avatar:hover { border-style: outset !important; border-color: grey !important; text-shadow: 0 0 10px grey !important; }

.Chat li[data-user="Nobellion"] .message { color: #DC1E14!important; }

img[alt="Nobellion"].avatar, li[data-user="Nobellion"] .avatar { border-style: outset !important; border-color: #808080 !important; border-width: 2.5px !important; border-radius: 100% !important; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease !important; }

img[alt="Nobellion"].avatar:hover, li[data-user="Nobellion"] .avatar:hover { animation-name: avspin !important; animation-duration: 40s !important; animation-iteration-count: 1 !important; animation-fill-mode: both !important; animation-timing-function: ease-in-out !important; }

body.page-Special_Contributions_Nobellion .masthead-avatar img.avatar, body.page-User_blog_Nobellion .masthead-avatar img.avatar, body.page-User_talk_Nobellion .masthead-avatar img.avatar, body.page-Message_Wall_Nobellion .masthead-avatar img.avatar, body.page-User_Nobellion .masthead-avatar img.avatar { -moz-transition: all 0.55s ease; -ms-transition: all 0.55s ease; -o-transition: all 0.55s ease; -webkit-transition: all 0.55s ease; transition: all 0.55s ease; border-style: solid; border-color: #DC143C; border-width: 4.5px; border-radius: 100%; transform: scale(.75,.75); position: relative !important; top: 70px; }

body.page-Special_Contributions_Nobellion .masthead-avatar img.avatar:hover, body.page-User_blog_Nobellion .masthead-avatar img.avatar:hover, body.page-User_talk_Nobellion .masthead-avatar img.avatar:hover, body.page-Message_Wall_Nobellion .masthead-avatar img.avatar:hover, body.page-User_Nobellion .masthead-avatar img.avatar:hover { transform: scale(1,1); border-style: solid; border-color: #8A2BE2; border-width: 1px; border-radius: 100%; box-shadow: 0 0 1px 1px #8A2BE2; }

body.page-Special_Contributions_Nobellion .masthead-avatar img.avatar:active, body.page-User_blog_Nobellion .masthead-avatar img.avatar:active, body.page-User_talk_Nobellion .masthead-avatar img.avatar:active, body.page-Message_Wall_Nobellion .masthead-avatar img.avatar:active, body.page-User_Nobellion .masthead-avatar img.avatar:active { transform: scale(2,2); position: relative !important; z-index: 5 !important; border-color: rgba(0, 0, 0, 0); box-shadow: 0 0 100px 100px rgba(0, 0, 0, 0); }

body.page-Special_Contributions_Nobellion .avatar-controls, body.page-User_blog_Nobellion .avatar-controls, body.page-User_talk_Nobellion .avatar-controls, body.page-Message_Wall_Nobellion .avatar-controls, body.page-User_Nobellion .avatar-controls { visibility: hidden !important; }

body.page-Special_Contributions_Nobellion .masthead-info-lower:before, body.page-User_blog_Nobellion .masthead-info-lower:before, body.page-User_talk_Nobellion .masthead-info-lower:before, body.page-Message_Wall_Nobellion .masthead-info-lower:before, body.page-User_Nobellion .masthead-info-lower:before { top: 70px !important; left: -12px !important; transform: rotate(225deg) !important; }/**/

/************************************************************************/ /************************************************************************/ /******************************** Patrik ********************************/ /************************************************************************/ /************************************************************************/ .wds-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked > li > a[href$=":TheGoldenPatrik1"], .Wall .edited-by a.subtle[href$="Wall:TheGoldenPatrik1"], text-shadow: none !important; color: #FFA500 !important; font-weight: bold; font-size: 100% !important; background: -webkit-linear-gradient(330deg, #000000, #D2691E, #FF8C00, #FFA500, #FF7F50, #DAA520) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; }
 * not(.wds-list) > *:not(.custom-wds-wrapper) > a[href$=":TheGoldenPatrik1/Talk"],
 * not(.wds-list) > *:not(.custom-wds-wrapper) > a[href$=":TheGoldenPatrik1"],
 * not(.wds-list) > *:not(.custom-wds-wrapper) > a[href$="/TheGoldenPatrik1"] {

.SpeechBubble .edited-by a[href$="User:TheGoldenPatrik1"]:after, .Wall .edited-by a.subtle[href$="Wall:TheGoldenPatrik1"]:after { content: "Community Administrator"; font: normal small-caps normal 12px "Ubuntu"; margin: -3px; }

.SpeechBubble .edited-by a[href$="User:TheGoldenPatrik1"]:after { font-size: 10px; line-height: 18px; margin: 6px; }

.SpeechBubble .edited-by a[href$="User:TheGoldenPatrik1"]:hover { text-decoration: none !important; }

li[data-user="TheGoldenPatrik1"] .username { color: #FFA500 !important; }

img[alt="TheGoldenPatrik1"].avatar, li[data-user="TheGoldenPatrik1"] .avatar { border: 2px solid #FFA500; border-radius: 100%; }

img[alt="TheGoldenPatrik1"].avatar:hover, li[data-user="TheGoldenPatrik1"] .avatar:hover { animation-name: patrikspin !important; animation-direction: alternate !important; animation-duration: 0.6s !important; animation-iteration-count: infinite !important; animation-timing-function: ease-in-out !important; border-radius: 100%; }

.Chat li[data-user="TheGoldenPatrik1"] .username { color: #FFA500; } .Chat li[data-user="TheGoldenPatrik1"] .avatar { -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; border-style: solid; border-color: #FFA500; border-width: 3px; border-radius: 8px; } .Chat li[data-user="TheGoldenPatrik1"] .avatar:hover { border-style: solid; border-color: #FFA500; border-width: 2.5px; border-radius: 100%; box-shadow: 0 0 6px 0 #FFA500; }

.Chat li[data-user="TheGoldenPatrik1"] .message { color: #FFA500 !important; }/**/

/***********************************************************************/ /***********************************************************************/ /******************************* Tacocat *******************************/ /***********************************************************************/ /***********************************************************************/ a[href$=":Tacocat247/Talk"], a[href$=":Tacocat247"], a[href$="/Tacocat247"], a[href$=":Tacocat247/Talk"]:hover, a[href$=":Tacocat247"]:hover, a[href$="/Tacocat247"]:hover { color: #B58EFF !important; font-weight: normal !important; font-family: "Amaranth", "Lato", "Helvetica Neue", "Helvetica", sans-serif; background: -webkit-linear-gradient(330deg, #FF00F4, #9172CC) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; text-shadow: none !important; }

.Chat li[data-user="Tacocat247"] .username { background: -webkit-linear-gradient(330deg, #B58EFF, #9172CC); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.Chat li[data-user="Tacocat247"] .avatar { border: 4px outset #FF00F4 !important; border-radius: 75% !important; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; -webkit-transition: all 0.8s ease; transition: all 0.8s ease !important; }

.Chat li[data-user="Tacocat247"] .message { color: #FF00F4 !important; font-family: "OCR A Std", "Courier New", monospace !important; } img[alt="Tacocat247"].avatar, li[data-user="Tacocat247"] .avatar { border-style: outset !important; border-color: #B58EFF !important; border-width: 4px !important; border-radius: 75% !important; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; -webkit-transition: all 0.8s ease; transition: all 0.8s ease !important; }

img[alt="Tacocat247"].avatar:hover, li[data-user="Tacocat247"] .avatar:hover { animation-name: tacospin !important; animation-duration: 40s !important; animation-iteration-count: 1 !important; animation-fill-mode: both !important; animation-timing-function: ease-in-out !important; }

.Wall .edited-by a.subtle[href$="Wall:Tacocat247"]:after { color: #00FFFF !important; content: "|┴┬┴┤A Code Admin├┬┴┬|" !important; font-family: "OCR A Std", "Courier New"; font-size: 12px !important; font-variant: small-caps !important; font-weight: bold !important; background: -webkit-linear-gradient(left, #FFA700 0%, #FFFFA0 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; margin: 4pt; line-height: 18px; }

.SpeechBubble .edited-by a[href$="User:Tacocat247"]:after { color: #00FFFF !important; content: "|┴┬┴┤A Code Admin├┬┴┬|" !important; font-family: "OCR A Std", "Courier New"; font-size: 12px !important; font-variant: small-caps !important; font-weight: bold !important; background: -webkit-linear-gradient(left, #FFA700 0%, #FFFFA0 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; margin: 4pt; line-height: 18px; }

.SpeechBubble .edited-by a[href$="User:Tacocat247"]:hover { text-decoration: none !important; }

.SpeechBubble .edited-by a[href$="User:Tacocat247"]:after, .Wall .edited-by a.subtle[href$="Wall:Tacocat247"]:after { display: none; }/**/

/***********************************************************************/ /***********************************************************************/ /******************************** Tidal ********************************/ /***********************************************************************/ /***********************************************************************/ .Chat li[data-user="The Tidal Wave"] .username, .Chat li[data-user="The Tidal Wave"] .message, a[href$=":The_Tidal_Wave/Talk"], a[href$=":The_Tidal_Wave"], a[href$="/The_Tidal_Wave"], .Chat li[data-user="The Tidal Wave"] .username:hover, .Chat li[data-user="The Tidal Wave"] .message:hover, a[href$=":The_Tidal_Wave/Talk"]:hover, a[href$=":The_Tidal_Wave"]:hover, a[href$="/The_Tidal_Wave"]:hover { font-family: "Agency FB", "Teko", sans-serif; font-weight: normal !important; }

.Chat li[data-user="The Tidal Wave"] .avatar { border: 4px outset #00FF00 !important; border-radius: 75% !important; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; -webkit-transition: all 0.8s ease; transition: all 0.8s ease !important; } img[alt="The Tidal Wave"].avatar, li[data-user="The Tidal Wave"] .avatar { border: 4px outset #00FF00 !important; border-radius: 75% !important; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; -webkit-transition: all 0.8s ease; transition: all 0.8s ease!important; }

img[alt="The Tidal Wave"].avatar:hover, li[data-user="The Tidal Wave"] .avatar:hover { animation-name: tacospin !important; animation-duration: 40s !important; animation-iteration-count: 1 !important; animation-fill-mode: both !important; animation-timing-function: ease-in-out !important; }/**/

/***********************************************************************/ /***********************************************************************/ /******************************* Zathsu ********************************/ /***********************************************************************/ /***********************************************************************/ a[href$=":Zathsu/Talk"], a[href$=":Zathsu"], a[href$="/Zathsu"] { text-shadow: none !important; color: #FF89B8 !important; font-weight: bold; font-size: 110% !important; background: -webkit-linear-gradient(330deg, #000000, #2F0101, #650000, #8D0202, #BD0000,#EA0000, #FF0000) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; }

.Chat li[data-user="Zathsu"] .username { color: #00FFFF; }

.Chat li[data-user="Zathsu"] .message { color: #00FFFF; font-size: 9pt; }

.Chat li[data-user="Zathsu"] .avatar { -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; border-style: solid; border-color: #00FFFF; border-width: 3px; border-radius: 8px; }

.Chat li[data-user="Zathsu"] .avatar:hover { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); border-style: solid; border-color: #00FFFF; border-width: 2.5px; border-radius: 100%; box-shadow: 0 0 6px 0 #CCCCCC; }

.SpeechBubble .edited-by a[href$="User:Zathsu"]:after, .Wall .edited-by a.subtle[href$="Wall:Zathsu"]:after { display: none; }/**/

/***********************************************************************/ /***********************************************************************/ /************************ KeyFrames (keep last) ************************/ /***********************************************************************/ /***********************************************************************/ /* Spins */ @keyframes avspin { 0% {       transform: rotate(0deg); }   25% {        border-right-color: rgba(216, 216, 216, 1); border-bottom-color: rgba(216, 216, 216, 1);} 50% {       filter: blur(.5px); }   97% {        filter: blur(0); box-shadow: 0 0 15px 0 #DC143C; }   98.5%{        filter: blur(2px); }   to { transform: rotate(129600deg); box-shadow: 0 0 15px 2px rgba(138, 43, 226, 1); filter: blur(none); } }

@keyframes capspine { 0% {       transform: rotate(0deg); }   50% {        filter: blur(.5px); }   97% {        filter: blur(0); box-shadow: 0 0 15px 0 #6F00DD; }   98.5%{        filter: blur(2px); box-shadow: 0 0 0 2px #DD6E00; }   to { transform: rotate(129600deg); box-shadow: 0 0 15px 2px #2F4F4F; filter: blur(none); } }

@keyframes patrikspin { from { transform: rotate(0deg); }   to { transform: rotate(720deg); box-shadow: 0 0 6px 0 #FFA500; border-color: #FFA500 !important; } }

@keyframes srspin { from { transform: rotate(0deg); }   to { transform: rotate(720deg); box-shadow: 0 0 6px 0 #FF0088; } }

@keyframes srspin-chat { from { transform: rotate(0deg); }   to { transform: rotate(720deg); box-shadow: 0 0 6px 0 #FF8822; border-color: #FF8822 !important; } }

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