User:Arashiryuu0/global.css

/** * Global CSS - styles that affect all fandom sites I visit. * @namespace Global.css */ @font-face { font-family: 'BMTicons'; src: url('data:application/font-ttf;charset=utf-8;base64,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') format('truetype'); }

@font-face { font-family: 'Fira Code'; src: url('https://rawgit.com/Arashiryuu/font-host-test/master/FiraCode-Regular.ttf') format('truetype'); }

@font-face { font-family: 'Optimus Princeps'; src: url('https://rawgit.com/Arashiryuu/font-host-test/master/OptimusPrinceps.ttf') format('truetype'); }

/* Codeblock font */ .WikiaArticle code[class]:not(.no-language) .hljs, .WikiaArticle #theme-solarized-dark, .WikiaArticle #theme-solarized-light, .WikiaArticle div[class*="source-"] .de1 { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; font-family: 'Fira Code', 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace !important; font-size: 0.9rem; contain: layout paint style; }

.WikiaArticle #theme-solarized-dark .es0, .WikiaArticle #theme-solarized-light .es0, .WikiaArticle div[class*="source-"] .de1 .es0, .WikiaArticle #theme-solarized-dark .kw0, .WikiaArticle #theme-solarized-light .kw0, .WikiaArticle div[class*="source-"] .de1 .kw0, .WikiaArticle #theme-solarized-dark .kw1, .WikiaArticle #theme-solarized-light .kw1, .WikiaArticle div[class*="source-"] .de1 .kw1, .WikiaArticle #theme-solarized-dark .kw2, .WikiaArticle #theme-solarized-light .kw2, .WikiaArticle div[class*="source-"] .de1 .kw2 { font-weight: normal; }

.WikiaArticle #theme-solarized-dark .co1, .WikiaArticle #theme-solarized-light .co1, .WikiaArticle div[class*="source-"] .de1 .co1, .WikiaArticle #theme-solarized-dark .co2, .WikiaArticle #theme-solarized-light .co2, .WikiaArticle div[class*="source-"] .de1 .co2, .WikiaArticle #theme-solarized-dark .coMULTI, .WikiaArticle #theme-solarized-light .coMULTI, .WikiaArticle div[class*="source-"] .de1 .coMULTI { font-style: normal; }

/** * 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, .Search.this-wiki .SearchAdsTopWrapper { display: none !important; }

/* Other */

.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"] { text-decoration: none !important; }

a[href*="Arashiryuu0"] ~ .subtle::after { content: ' Overlord' !important; background: transparent; font-family: 'Constantia'; text-shadow: 0 0 3px black, 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: 17px; -webkit-flex-shrink: 0; height: 14px; -webkit-font-smoothing: antialiased; }

/** Copy Code Button */

position: relative; top: -3.8ex; font-family: 'Fira Code', 'Consolas', 'Lucida Console', monospace !important; font-weight: 400 !important; font-size: 0.9rem !important; text-transform: uppercase !important; background: transparent !important; border: none !important; color: #FFF !important; user-select: none !important; float: right; }
 * 1) CopyCodeButton {

outline: none !important; box-shadow: none !important; }
 * 1) CopyCodeButton:focus, #CopyCodeButton:active {

text-shadow: 0 2px 5px black; }
 * 1) CopyCodeButton:active {

div[class*="source-"] #CopyCodeButton { padding: 7px !important; }

div[dir="ltr"][class="mw-geshi mw-content-ltr"] > div[class*="source-"] { contain: layout style; }

div[dir="ltr"][class="mw-geshi mw-content-ltr"] > div[class*="source-"] #CopyCodeButton { position: absolute; top: 0; right: 0; padding: 2px 7px !important; }

div[dir="ltr"][class="mw-content-ltr mw-context-text"] > code[class]:not(.no-language) #CopyCodeButton, position: sticky; margin-top: -23px; }
 * 1) mw-content-text code[class]:not(.no-language) #CopyCodeButton {

/* Code Buttons */ .code-button-container { display: flex; justify-content: center; }

.code-button { text-transform: capitalize; margin: 5px 2px 10px; }

/* VS2015 SyntaxHighlight */ .WikiaArticle.vs2015 #theme-solarized-dark, .WikiaArticle.vs2015 #theme-solarized-light, .WikiaArticle.vs2015 div[class*=source-] .de1 { background: #1e1e1e!important; color: #dcdcdc!important }

.WikiaArticle.vs2015 #theme-solarized-dark[class="css source-css"] .coMULTI, .WikiaArticle.vs2015 #theme-solarized-dark[class="javascript source-javascript"] .co1, .WikiaArticle.vs2015 #theme-solarized-dark[class="javascript source-javascript"] .coMULTI, .WikiaArticle.vs2015 #theme-solarized-light[class="css source-css"] .coMULTI, .WikiaArticle.vs2015 #theme-solarized-light[class="javascript source-javascript"] .co1, .WikiaArticle.vs2015 #theme-solarized-light[class="javascript source-javascript"] .coMULTI, .WikiaArticle.vs2015 .css.source-css .coMULTI, .WikiaArticle.vs2015 .javascript.source-javascript .co1, .WikiaArticle.vs2015 .javascript.source-javascript .coMULTI { color: #57a64a!important; font-style: normal!important }

.WikiaArticle.vs2015 #theme-solarized-dark[class="javascript source-javascript"] .kw0, .WikiaArticle.vs2015 #theme-solarized-dark[class="javascript source-javascript"] .kw1, .WikiaArticle.vs2015 #theme-solarized-dark[class="javascript source-javascript"] .kw2, .WikiaArticle.vs2015 #theme-solarized-light[class="css source-css"] .co2, .WikiaArticle.vs2015 #theme-solarized-light[class="css source-css"] .nu0, .WikiaArticle.vs2015 #theme-solarized-light[class="javascript source-javascript"] .kw0, .WikiaArticle.vs2015 #theme-solarized-light[class="javascript source-javascript"] .kw1, .WikiaArticle.vs2015 #theme-solarized-light[class="javascript source-javascript"] .kw2, .WikiaArticle.vs2015 .css.source-css .co2, .WikiaArticle.vs2015 .css.source-css .nu0, .WikiaArticle.vs2015 .css.source-css .re3, .WikiaArticle.vs2015 .javascript.source-javascript .kw1, .WikiaArticle.vs2015 .javascript.source-javascript .kw2, .WikiaArticle.vs2015 .javascript.source-javascript .this { color: #569cd6!important; font-style: normal }

.WikiaArticle.vs2015 #theme-solarized-dark[class="css source-css"] .br0, .WikiaArticle.vs2015 #theme-solarized-dark[class="css source-css"] .sy0, .WikiaArticle.vs2015 #theme-solarized-dark[class="javascript source-javascript"] .br0, .WikiaArticle.vs2015 #theme-solarized-dark[class="javascript source-javascript"] .co2, .WikiaArticle.vs2015 #theme-solarized-dark[class="javascript source-javascript"] .es0, .WikiaArticle.vs2015 #theme-solarized-dark[class="javascript source-javascript"] .kw3, .WikiaArticle.vs2015 #theme-solarized-dark[class="javascript source-javascript"] .me1, .WikiaArticle.vs2015 #theme-solarized-dark[class="javascript source-javascript"] .re0, .WikiaArticle.vs2015 #theme-solarized-dark[class="javascript source-javascript"] .sy0, .WikiaArticle.vs2015 #theme-solarized-light[class="css source-css"] .br0, .WikiaArticle.vs2015 #theme-solarized-light[class="css source-css"] .sy0, .WikiaArticle.vs2015 #theme-solarized-light[class="javascript source-javascript"] .br0, .WikiaArticle.vs2015 #theme-solarized-light[class="javascript source-javascript"] .co2, .WikiaArticle.vs2015 #theme-solarized-light[class="javascript source-javascript"] .es0, .WikiaArticle.vs2015 #theme-solarized-light[class="javascript source-javascript"] .kw3, .WikiaArticle.vs2015 #theme-solarized-light[class="javascript source-javascript"] .me1, .WikiaArticle.vs2015 #theme-solarized-light[class="javascript source-javascript"] .re0, .WikiaArticle.vs2015 #theme-solarized-light[class="javascript source-javascript"] .sy0, .WikiaArticle.vs2015 .css.source-css .br0, .WikiaArticle.vs2015 .css.source-css .sy0, .WikiaArticle.vs2015 .html5.source-html5 .sc2, .WikiaArticle.vs2015 .html5.source-html5 .sy0, .WikiaArticle.vs2015 .javascript.source-javascript .br0, .WikiaArticle.vs2015 .javascript.source-javascript .co2, .WikiaArticle.vs2015 .javascript.source-javascript .es0, .WikiaArticle.vs2015 .javascript.source-javascript .me1, .WikiaArticle.vs2015 .javascript.source-javascript .ownProp, .WikiaArticle.vs2015 .javascript.source-javascript .prote, .WikiaArticle.vs2015 .javascript.source-javascript .sy0 { color: inherit!important; font-style: normal }

.WikiaArticle.vs2015 #theme-solarized-dark[class="css source-css"] .st0, .WikiaArticle.vs2015 #theme-solarized-dark[class="javascript source-javascript"] .st0, .WikiaArticle.vs2015 #theme-solarized-light[class="css source-css"] .st0, .WikiaArticle.vs2015 #theme-solarized-light[class="javascript source-javascript"] .st0, .WikiaArticle.vs2015 .css.source-css .st0, .WikiaArticle.vs2015 .html5.source-html5 .st0, .WikiaArticle.vs2015 .javascript.source-javascript .st0 { color: #d69d85!important; font-style: normal }

.WikiaArticle.vs2015 #theme-solarized-dark[class="css source-css"] .re1, .WikiaArticle.vs2015 #theme-solarized-dark[class="javascript source-javascript"] .kw4, .WikiaArticle.vs2015 #theme-solarized-light[class="css source-css"] .re1, .WikiaArticle.vs2015 #theme-solarized-light[class="javascript source-javascript"] .kw4, .WikiaArticle.vs2015 .css.source-css .re1, .WikiaArticle.vs2015 .javascript.source-javascript .kw1, .WikiaArticle.vs2015 .javascript.source-javascript .kw4 { color: #4ec9b0; font-style: normal }

.WikiaArticle.vs2015 #theme-solarized-dark[class="css source-css"] .co2, .WikiaArticle.vs2015 #theme-solarized-dark[class="css source-css"] .nu0, .WikiaArticle.vs2015 #theme-solarized-dark[class="javascript source-javascript"] .nu0, .WikiaArticle.vs2015 #theme-solarized-light[class="javascript source-javascript"] .nu0, .WikiaArticle.vs2015 .javascript.source-javascript .nu0 { color: #b8d7a3!important; font-style: normal }

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

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

margin-left: 30px; }
 * 1) userAvatarEdit {

/*@end@*/