User:Williek11/global.css


 * 1) wds-brand-fandom-logo-light>path:nth-child(3) {fill:#b9b6ff;}
 * 2) wds-brand-fandom-logomark>path:nth-child(1), #wds-brand-fandom-logo-light>path:nth-child(1) {fill:#3632a4;}
 * 3) wds-brand-fandom-logomark>path:nth-child(2), #wds-brand-fandom-logo-light>path:nth-child(2) {fill:#b9b6ff;}

.ve-ui-mwSaveDialog .WikiaArticle.WikiaMainContent.hasRailModule {margin-right:0;}

.page {margin-top: 0;} .page__main {border-top: 2px var(--theme-border-color) solid;}

/* General */

.global-navigation__icon {background:#0000 !important;height:30px;width:30px;border:0;} .wds-dropdown.wds-is-active:not(.wds-no-chevron)::after, .wds-dropdown.wds-is-active:not(.wds-no-chevron)::before, .wds-dropdown:not(.wds-is-touch-device):not(.wds-is-not-hoverable):hover:not(.wds-no-chevron)::after, .wds-dropdown:not(.wds-is-touch-device):not(.wds-is-not-hoverable):hover:not(.wds-no-chevron)::before {display:none} .global-navigation__icon, .global-navigation__icon:active, .global-navigation__icon:focus, .global-navigation__icon:hover, .global-navigation__icon:visited {color: #fff;}

/* Medals */


 * 1) MedalSettings {margin-right: 15px;}

/* Display: none */

.global-navigation, .fandom-sticky-header, .page-side-tools__wrapper, .wiki-wikia .fandom-sticky-header, .fandom-community-header__community-name-wrapper, .page__right-rail, .page-counter, .fandom-community-header__top-container, .fandom-community-header__image {display:none;}

/* Customizing Containers - no JS*/

.page.page-is-edit, .ve-active .page {margin:0;} .resizable-container {height:100vh;opacity:0;} .oo-ui-panelLayout {padding: 0 20px;}

/* Customizing Containers - w/JS */

/* grid-template-columns: 200px calc(100% - 210px) is necessary for adding appropriate spacing in main page */ .dual-container {margin-top:30px;display:grid;padding:10px;grid-gap:10px;grid-template-columns:200px calc(100% - 210px);} .dual-container>.resizable-container {height:unset;opacity:1;max-width:unset;width:100%;} .main-container, .resizable-container {margin: 0;width: 100%;}

/* Side bar */ .side_item { background: var(--theme-page-background-color); padding: 5px 10px; border-radius: 5px; box-shadow: 0 3px 5px #0003; margin-bottom: 10px; }

.side_items-title { text-align: center; border-bottom: 1px var(--theme-page-text-color) solid; color: var(--theme-page-text-color); margin-bottom:5px; letter-spacing: .4px; }

.side_items-list {overflow:hidden;}

.side_items-list > li > a { padding: 2px 0 2px 5px; transition: .3s; display:block; border-radius: 3px; }

.side_items-list > li > a:hover { background: rgba(var(--theme-link-color--rgb), 0.3); text-decoration: none; }

.side_items-title_collapse { float: right; height: 25.5px; cursor:pointer; }

/* Profile Container */ cursor: pointer; border-radius: 50%; box-shadow: 0 4px 6px #0007; text-align: center; overflow: hidden; width: 150px; height: 150px; margin: auto auto 20px; position: relative; }
 * 1) profile-container {

background: #0005; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; }
 * 1) profile-overlay {

/* Community Header */

.community-header-wrapper { display:grid; grid-template-columns: repeat(auto-fit,minmax(2ch,max-content)); grid-column-gap: 10px; margin-left: 20px; justify-content: flex-start; height: 25px; }

.community-header-tab { background: var(--theme-page-background-color); padding: 0 10px; border-radius: 5px 5px 0 0; color: var(--theme-page-text-color); line-height: 25px; }

/* Navigation Header */

.navigation-header { height: 30px; position: fixed; background: var(--theme-page-background-color); width: 100%; z-index: 100; box-shadow: 0 3px 5px #0003; }

/* Notifications */

.notifications .wds-dropdown .global-navigation__icon { color: var(--theme-page-text-color); cursor:pointer; padding-top: 4px; } .notifications .wds-dropdown__content {width: 350px;top: 0!important;padding:0;} .NotificationsContent-module_tabber__3gSyl {height: calc(100vh - 100px)!important;} .notifications__counter { display: block; width: 20px; height: 20px; line-height: 20px; background: var(--theme-accent-color); color: var(--theme-accent-dynamic-color-1); text-align: center; border-radius: 50%; transform: translate(10px,-13px); }