User:GavinCharlie06/global.css

/* Imports */ @import "/load.php?mode=articles&articles=u:dev:MediaWiki:HorizontalMCF.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:FloatingTitle.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:GlobalNavigationIcons.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:BalancedUCX.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:BalancedGlobalNavigation.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:OldWikiaBar.css&only=styles";

/* Variables */
 * root {

/* Transparency */ --theme-page-background-color--opacity: 0.8; --theme-sticky-nav-background-color--opacity: 0.9; --theme-accent-color--opacity: 0.8; --theme-accent-color: rgba(		var(--theme-accent-color--rgb),		var(--theme-accent-color--opacity)	)!important; /* Set Accent Color Transparency */ /* Background Customization */ /*	--background-img-file: url(URL); // This exists for example purposes */ --background-img-position: center top; --background-img-size: contain; --background-img-repeat: repeat; --background-img-attachment: fixed; }

/* Transparency */ /* Sticky Nav Transparency */ .fandom-sticky-header{ background-color: rgba(		var(--theme-sticky-nav-background-color--rgb),		var(--theme-sticky-nav-background-color--opacity)	); } /* Transparent Page, Rail, and MCF Background */ .page__main, .page__right-rail, background-color: rgba(		var(--theme-page-background-color--rgb),		var(--theme-page-background-color--opacity)	); } .page__right-rail .rail-module { background: transparent; } /* Transparent WikiEditor */ .wikiEditor-ui-text { background-color: #0008; } /* Transparent Footer */ footer.global-footer { background: rgba(0, 42, 50, 0.5); }
 * 1) mixed-content-footer {

/* Old WDS */ .wds-button { padding: 7px 12px; font-size: 10px; border-radius: 0 !important; }

/* Talk Button Customizations */ font-size: 0; } #ca-talk::after { content: attr(title); font-size: 12px; }
 * 1) ca-talk {

/* Minified PPH */ .page-header__categories, .page-header__languages { display: none; } .page-header__title { font-size: 34px; }

/* Background Customization */ .main-container { background-image: var(--background-img-file, var(--theme-body-background-image)); background-position: var(--background-img-position); background-size: var(--background-img-size); background-repeat: var(--background-img-repeat); background-attachment: var(--background-img-attachment); }

/* Hidden TOC */ clip: rect(1px, 1px, 1px, 1px); overflow: hidden; position: absolute; }
 * toc:not(:focus-within) {

/* Diff Hightlight Borders */ .diffchange { border: 1px solid #f00; }

/* Back to Top Button Transparency */ opacity: var(--theme-accent-color--opacity); }
 * 1) BackToTopBtn div {

/* Adds FAB styling to the rail toggle button */ .page__right-rail > .right-rail-toggle { -webkit-box-pack: center; -webkit-box-align: center; align-items: center; background: var(--theme-page-background-color); border: none; border-radius: 50%; -webkit-box-shadow: 0 3px 12px 0 rgb(0 0 0 / 30%); box-shadow: 0 3px 12px 0 rgb(0 0 0 / 30%); color: var(--theme-link-color); cursor: pointer; display: -webkit-box; display: flex; height: 36px; justify-content: center; margin-bottom: 9px; margin-top: 18px; outline: none; padding: 0; position: sticky; top: 58px; -webkit-transition: color 0.3s; transition: color 0.3s; width: 36px; } .page__right-rail > .right-rail-toggle:focus-visible { outline: 2px solid var(--theme-link-color); } .page__right-rail > .right-rail-toggle:hover, .page__right-rail > .right-rail-toggle:focus { color: var(--theme-link-color--hover); } .page__right-rail > .right-rail-toggle { float: right; transform: translateX(18px); } /* Restores rail's original position and width */ .right-rail-wrapper { transform: translateY(-63px); width: 100%; }