User:Arashiryuu0/global.css

/*****************************/ /*     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  */   .WikiaTopAds, .home-top-right-ads, .wikia-ad, .SelfServeUrl, #WikiaArticleBottomAd, #WikiaFooter, .WikiaAdInContentPlaceHolder, .WikiaAdInContent, #RECIRCULATION_RAIL, .branding { display: none !important; }

.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; }

a[href$="Arashiryuu0"] { font-family: Optimus Princeps !important; text-decoration: none !important; display: inline-block !important; text-transform: Uppercase !important; }

a[href*="Arashiryuu0"] ~ .subtle::after { content: " Overlord" !important; background: var(--main-color) !important; font-size: 10px; font-weight: 600; 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); border-radius: 3px; } /*****************************/ /*     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; }   to{ text-shadow:0 0 10px #f96f00; } } @keyframes glow { from{ text-shadow:0 0 10px #00aa2a; }   to{ text-shadow: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 { border-radius: 100%; box-shadow:0 0 20px black; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) 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 { border-radius: 100%; box-shadow:0 0 20px black; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) scale(1.12); -webkit-animation: avflashs .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 { border-radius: 100%; box-shadow:0 0 20px black; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) scale(1.12); -webkit-animation: avflashs .5s; animation: avflashs .5s; } .masthead-avatar:hover img { -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); } }

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