User:HM100/WQ2020A.css

/* A Wiki Digital Fonts - From Goolge Fonts */ @import url('https://fonts.googleapis.com/css?family=Actor|Aladin|Alice|Audiowide|Dancing+Script:400,700|David+Libre:400,500,700|Days+One|Didact+Gothic|Fira+Sans:100,200,300,400,500,600,700,800,900|Fjord+One|Fondamento|Forum|Lobster|Lobster+Two:400,700|Londrina+Solid:100,300,400,900|Lora:400,700|M+PLUS+1p:100,300,400,500,700,800,900|Magra|Mako|Roboto:100,300,400,500,700,900&subset=cyrillic,cyrillic-ext,greek,greek-ext,hebrew,japanese,latin-ext,vietnamese'); /* Rest or the CSS */
 * root {

--local-nav-color:#6f027c; --local-nav-rgb-dark:156,2,174; --links-color-rgb:102,153,255; --buttons-color-rgb:255,99,71; --body-color:#f14700; --designer-color:#f14700; --main-font:"Arelousa", Audiowide, Orbitron; --page-color-rgba:223,189,221; --text-color:#202020; /* DFDFDF or 202020 */ --header-text-color:223,223,223; /* 20,20,20 or 223,223,223 */ } body:not(.background-ad), body:not(.editor):not(.background-ad) .WikiaPage fieldset input:not([type="submit"]), body:not(.editor):not(.background-ad) .WikiaPage fieldset select { text-rendering:optimizeSpeed!important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family:"Arial Nova", Samsung Sans, Arial, sans-serif; } body:not(.editor):not(.background-ad) .WikiaPage input, body:not(.editor):not(.background-ad) .WikiaPage select { text-rendering: optimizeSpeed!important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family:"Arial Nova Cond", Arial Nova, Samsung Sans, Arial Narrow, Arial, sans-serif; } .WikiaPage fieldset { border-radius:5px; } .editor { margin-top:8px; } .mediawiki { padding:0!important; } outline:0; box-sizing:content-box; } /* Control links to allow theming on them */ a, a:focus { color:rgb(var(--links-color-rgb)); } a:-moz-focusring { /* Firefox */ color:rgb(var(--links-color-rgb))!important; } a:-webkit-focusring { color:rgb(var(--links-color-rgb))!important; } a:-focus-ring { /* Qorta V5-V7 */ color:rgb(var(--links-color-rgb))!important; } /* Ad skin improvements */ .background-ad *, .background-ad *:before, .background-ad *:after, .background-ad button, .background-ad input { box-shadow:none!important; text-shadow:none!important; border-radius:0!important; transition-property:color,background-color,opacity!important; } .background-ad { margin-top:0!important; } .background-ad .WikiaTopAds { border-radius:initial!important; } /** Sequel changes **/ svg { transition:none!important; box-shadow:none!important; font-family:initial!important; text-shadow:none!important; background-color:transparent!important; } svg:focus { fill:var(--light-button-shadow)!important; } img { fill:currentColor!important; } .WikiaMainContent { font-family:"Segoe UI", Arial; font-weight:200; } .WikiaMainContent b, .WikiaMainContent strong { font-weight:600; } .editor .WikiaMainContent, .editor .WikiaMainContent b, .editor .WikiaMainContent strong { font-weight:inherit; } /** Actual CSS **/ /* Section 1 -- Content Wrapper */

.WikiaPage .WikiaPageContentWrapper, .WikiaPage #userProfileApp { background-color:rgba(var(--page-color-rgba),0.8); opacity:1; margin-top:4.5px; border-left:5px groove rgb(var(--buttons-color-rgb)); border-right:5px ridge rgb(var(--buttons-color-rgb)); border-radius:9px; } .WikiaPage .WikiaPageContentWrapper { border-bottom:5px ridge rgb(var(--buttons-color-rgb)); } .WikiaPage .WikiaPageContentWrapper, .WikiaPage #userProfileApp { border-top:5px groove rgb(var(--buttons-color-rgb)); } .WikiaPage #userProfileApp { border-bottom-left-radius:0; border-bottom-right-radius:0; } .WikiaPage #userProfileApp + .WikiaPageContentWrapper { border-top:0; border-top-left-radius:0; border-top-right-radius:0; margin-top:0; }

/* Section 2 -- Buttons */

.WikiaPage .wds-button { transition-duration:0.2s; transition-property:color,background-color,border-color,transform; }

.WikiaPage .wds-button:not(.wds-is-secondary):not(.wds-is-text):not(:hover):not(:active):not(:focus) { background-color:transparent!important; color:inherit!important; border-color:transparent!important; border-radius:5px!important; }

.WikiaPage .wds-button:not(.wds-is-secondary):not(.wds-is-text) { border-radius:5px!important; }

.WikiaPage .wds-button:hover, .WikiaPage .wds-button:focus { transform:scale(0.9); }

.WikiaPage .wds-button:not(.wds-is-secondary):not(.wds-is-text):hover { background-color: rgba(var(--buttons-color-rgb), 0.4)!important; border-color:rgba(var(--buttons-color-rgb), 0.4)!important; }

.WikiaPage .wds-button:not(.wds-is-secondary):not(.wds-is-text):active, .WikiaPage .wds-button:not(.wds-is-secondary):not(.wds-is-text):focus { background-color: rgba(var(--buttons-color-rgb), 0.6)!important; border-color:rgba(var(--buttons-color-rgb), 0.6)!important; }

/* Section 3 -- Masthead */

border-radius:50% 100%; transition:transform 600ms; }
 * 1) userProfileApp .user-identity-avatar__image {

border-radius:100% 50%; transform:scale(0.8); }
 * 1) userProfileApp .user-identity-avatar__image:hover {

border-radius:500px; border:1px solid; box-shadow:0 0 0.1px 0.1px; text-transform:uppercase; font-weight:500; background-color:rgb(var(--links-color-rgb));
 * 1) userProfileApp .user-identity-header__tag {

}

box-shadow:0 2px 10px 0 rgba(0,0,0,0.25),0 2px 10px 0 rgba(255,255,255,0.25); border-radius:10px 10px 5px 5px; padding:0 16px 8px 0; background-color:rgb(var(--page-color-rgba)); }
 * 1) userProfileApp .user-identity-box__info {

padding:8px; margin-top:0!important; border-radius:10px 10px 0 0; border-bottom:3px solid; font-variant:small-caps; background-color:rgba(var(--buttons-color-rgb),0.4); }
 * 1) userProfileApp .user-identity-header {

margin:0; }
 * 1) userProfileApp .user-identity-header__actions button {

color:inherit; background-color:transparent; }
 * 1) userProfileApp .modal-wrapper {

padding-left:8px; }
 * 1) userProfileApp ul.user-identity-stats, #userProfileApp .user-identity-bio, #userProfileApp .user-identity-social {

@media only screen and (max-width: 1023px) { #userProfileApp .user-identity-box { flex-direction:column; align-items:center; }   #userProfileApp .user-identity-avatar { margin-right:0; margin-bottom:18px; } }

/* Section 4 - Page Header */

/* Section 5 - WDS Community Header */

/* Section 6 - Dropdown */

.page-header .wds-dropdown__content { z-index:2!important; }