User:Arashiryuu/global.css

@import 'https://fonts.googleapis.com/css?family=Dancing+Script|Kaushan+Script|Lobster|Montez|Pacifico|Raleway|Satisfy|Farsan|Warnes|Bangers|Ceviche+One';

/*************************************************************************************************** .WikiaTopAds, .home-top-right-ads, .wikia-ad, .SelfServeUrl, #WikiaArticleBottomAd, #WikiaFooter, .WikiaAdInContentPlaceHolder, .WikiaAdInContent, #RECIRCULATION_RAIL, .branding { display: none !important; }
 * My CSS Crap                                         **
 * Remove the following: * Top ads, top-right ads,                                               **
 * misc. ads on rail, ad captions, * bottom ads,                                                 **
 * unnecessary placeholder, * ads that appear inside content,                                    **
 * "Around Wikia's network" box,                                                                 **
 * "Wikia    lifestyle" box                                                                      **
 * "Wikia    lifestyle" box                                                                      **

.embeddable-discussions-module { border: none !important; } .embeddable-discussions-module .embeddable-discussions-post-detail { border-radius: 8pt !important; background-color: transparent !important; } .embeddable-discussions-module .embeddable-discussions-post-actions { border-radius:0 0 8pt 8pt !important; }


 * root {

--main-color: transparent; }

a[href*="Arashiryuu"] { display: inline-block !important; text-decoration: none !important; }

a[href*="Arashiryuu"] ~ .subtle::after { content: " Overlord" !important; background: var(--main-color) !important; font-family: 'Constantia'; text-shadow: 0 0 3px, 0 0 5px; font-size: 10px; font-weight: 600; text-transform: Uppercase !important; color: #fff!important; margin-left: 6px; padding: 1px 2px; -webkit-border-radius: 3px; border-radius: 3px; text-transform: uppercase; vertical-align: top; line-height: 16px; -webkit-flex-shrink: 0; height: 14px; -webkit-font-smoothing: antialiased; }

/* Spoiler Hider */

span.spoiler { color: transparent; background: black; box-shadow: none !important; transition: all .6s ease-in-out; } span.spoiler:hover { color: #d4d3d3 !important; background: transparent !important; -webkit-animation: flash .5s; animation: flash .5s; } div.spoiler { color: transparent; background: black; box-shadow: none !important; transition: all .6s ease-in-out; } div.spoiler:hover { color: #d4d3d3 !important; background: transparent !important; -webkit-animation: flash .5s; animation: flash .5s; } @-webkit-keyframes flash { 50%{       -webkit-filter: blur(2px) brightness(2); } } @keyframes flash { 50%{       filter: blur(2px) brightness(2); } }

.WikiaArticle pre { background-color: #002b36 !important; color: #93a1a1 !important; font-family: Monaco, Menlo, "Ubuntu Mono", Consolas, source-code-pro, monospace !important; border:2px solid rgb(25, 25, 27) !important; border-radius: 3px !important; padding: 5px !important; }

/*****************************/ /*     Christmas Glow      */ /***************************/ a[href$="Arashiryuu0"]:hover { -webkit-animation: glow 1s infinite alternate; animation: glow 1s infinite alternate; transition: all .6s ease-in-out; } @-webkit-keyframes glow { from{ text-shadow:0 0 10px #00aa2a, 0 0 10px #00aa2a; }   to{ text-shadow:0 0 10px #f96f00, 0 0 10px #f96f00; } } @keyframes glow { from{ text-shadow:0 0 10px #00aa2a, 0 0 10px #00aa2a; }   to{ text-shadow:0 0 10px #f96f00, 0 0 10px #f96f00; } } /*****************************/ /*     Avatar St00ffs      */ /***************************/ .wall img.avatar { -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .Wall .avatar:hover { box-shadow:0 0 5px 3px black; transform: scale(1.12); -webkit-animation: avflashs .5s; animation: avflashs .5s; } .wallfeed img.avatar { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; } .wallfeed .avatar:hover { box-shadow:0 0 5px 3px black; border-radius: 100%; transform: scale(1.12) rotate(360deg); -webkit-animation: avflashs .5s; -moz-animation: avflash .5s; -ms-animation: avflash .5s; -o-animation: avflash .5s; animation: avflashs .5s; } .WikiaArticleComments .comments, img.avatar { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; } .avatar:hover { box-shadow:0 0 5px 3px black; border-radius: 100%; transform: scale(1.12) rotate(360deg); -webkit-animation: avflashs .5s; -moz-animation: avflash .5s; -ms-animation: avflash .5s; -o-animation: avflash .5s; animation: avflashs .5s; }

.masthead-avatar:hover img { border-radius: 100%; box-shadow:0 0 5px 3px black; -webkit-animation: flash .5s; -moz-animation: flash .5s; animation: flash .5s; transform: scale(1.12) rotate(360deg); }

/*****************************/ /*     General Crap      */ /***************************/ @-webkit-keyframes avflashs { 50%{       -webkit-filter: blur(2px) brightness(2); filter: blur(2px) brightness(2); } } .UserProfileMasthead .masthead-info-lower::before { display: none !important; } .masthead-avatar .sprite.edit-pencil { display: none }
 * 1) userAvatarEdit { margin-left: 30px }

/**********************************************************************************************
 * SYNTAX HIGHLIGHT FIX                                    **
 * SYNTAX HIGHLIGHT FIX                                    **

color: #889900 !important; font-weight: normal !important; }
 * 1) theme-solarized-dark .kw0 {

color: #b58900 !important; }
 * 1) theme-solarized-dark .kw5 {

color: #586e75 !important; font-style: normal !important; }
 * 1) theme-solarized-dark .co1,
 * 2) theme-solarized-dark .coMULTI {

color: #999 !important; }
 * 1) theme-solarized-dark .br0 {

color: #859900 !important; }
 * 1) theme-solarized-dark .sy0 {

color: #859900 !important; font-weight: normal !important; font-style: italic !important; }
 * 1) theme-solarized-dark .kw1 {

/**********************************************************************************************
 * LIGHT                                           **
 * LIGHT                                           **

color: #889900 !important; font-weight: normal !important; }
 * 1) theme-solarized-light .kw0 {

color: #b58900 !important; }
 * 1) theme-solarized-light .kw5 {

color: #586e75 !important; font-style: normal !important; }
 * 1) theme-solarized-light .co1,
 * 2) theme-solarized-light .coMULTI {

color: #999 !important; }
 * 1) theme-solarized-light .br0 {

color: #859900 !important; }
 * 1) theme-solarized-light .sy0 {

color: #859900 !important; font-weight: normal !important; font-style: italic !important; }
 * 1) theme-solarized-light .kw1 {

color: #889900 !important; font-weight: normal !important; }
 * 1) theme-solarized-dark .kw0 {

color: #b58900 !important; }
 * 1) theme-solarized-dark .kw5 {

color: #586e75 !important; font-style: normal !important; }
 * 1) theme-solarized-dark .co1,
 * 2) theme-solarized-dark .coMULTI {

color: #999 !important; }
 * 1) theme-solarized-dark .br0 {

color: #859900 !important; }
 * 1) theme-solarized-dark .sy0 {

color: #859900 !important; font-weight: normal !important; font-style: italic !important; }
 * 1) theme-solarized-dark .kw1 {

/**********************************************************************************************
 * CLASS                                           **
 * CLASS                                           **

.javascript.source-javascript .kw0 { color: #889900 !important; font-weight: normal !important; }

.javascript.source-javascript .kw5 { color: #b58900 !important; }

.javascript.source-javascript .co1, .javascript.source-javascript .coMULTI { color: #586e75 !important; font-style: normal !important; }

.javascript.source-javascript .br0 { color: #999 !important; }

.javascript.source-javascript .sy0 { color: #859900 !important; }

.javascript.source-javascript .kw1 { color: #859900 !important; font-weight: normal !important; font-style: italic !important; }

.javascript.source-javascript .me1 { color: #268bd2 !important; }

.javascript.source-javascript .nu0 { color: #2aa198 !important; }

.javascript.source-javascript .st0 { color: #2aa198 !important; }

.javascript.source-javascript .es0 { color: #d33628 !important; font-weight: bold !important; }

.javascript.source-javascript .kw2 { color: #b58900 !important; font-weight: normal !important; }

/**********************************************************************************************
 * CSS                                            **
 * CSS                                            **

pre#theme-solarized-light.css.source-css .kw1 { font-style: normal !important; color: #b58900 !important; }

pre#theme-solarized-light.css.source-css .st0 { color: #00969e !important }

pre#theme-solarized-light.css.source-css .co1, pre#theme-solarized-light.css.source-css .br0 { color: #859900 !important; }

pre#theme-solarized-light.css.source-css .re0 { color: #00969e !important }

pre#theme-solarized-light.css.source-css .kw2 { color: #999 !important; }

/**********************************************************************************************
 * CLASS                                           **
 * CLASS                                           **

.css.source-css .kw1 { font-style: normal !important; font-weight: normal !important; color: #b58900 !important; }

.css.source-css .st0 { color: #00969e !important }

.css.source-css .co1, .css.source-css .br0 { color: #859900 !important; }

.css.source-css .re0 { color: #00969e !important }

.css.source-css .kw2 { color: #999 !important; }

.css.source-css .re2 { color: #00b7a6 !important; }

.css.source-css .re1 { color: #268bd2 !important; }

/**********************************************************************************************
 * BEFORE                                          **
 * BEFORE                                          **

.css.source-css::before { content: attr(class); padding: 1px 0 3px 3ex; text-align: left; background: #151515; width: calc(100% - 3ex); display: block; font-family: 'Raleway'; }

.javascript.source-javascript::before { content: attr(class); padding: 1px 0 3px 3ex; text-align: left; background: #151515; width: calc(100% - 3ex); display: block; font-family: 'Raleway'; }

content: attr(class); padding: 2px 0 4px 0; text-align: left; border-left: 5ex solid #151515; background: #151515; width: 100%; display: block; position: relative; font-family: 'Raleway'; left: -1ex; top: -0.7ex; }
 * 1) theme-solarized-dark.css.source-css::before {

content: attr(class); padding: 2px 0 4px 0; text-align: left; border-left: 5ex solid #151515; background: #151515; width: 100%; display: block; position: relative; font-family: 'Raleway'; left: -1ex; top: -0.7ex; }
 * 1) theme-solarized-dark.javascript.source-javascript::before {

content: attr(class); padding: 2px 0 4px 0; text-align: left; border-left: 5ex solid #151515; background: #151515; width: 100%; display: block; position: relative; font-family: 'Raleway'; left: -1ex; top: -0.7ex; }
 * 1) theme-solarized-light.css.source-css::before {

content: attr(class); padding: 2px 0 4px 0; text-align: left; border-left: 5ex solid #151515; background: #151515; width: 100%; display: block; position: relative; font-family: 'Raleway'; left: -1ex; top: -0.7ex; }
 * 1) theme-solarized-light.javascript.source-javascript::before {

/**********************************************************************************************
 * END                                           **
 * END                                           **