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

.mw-editform .mw-scribunto-input { color: #4f0; }

.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, .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; grid-gap: 10px; grid-template-columns: 200px calc(100% - 210px); padding: 10px; }

.dual-container>.resizable-container { height: unset; max-width: unset; opacity: 1; width: 100%; }

.main-container, .resizable-container { margin: 0; width: 100%; }

.is-content-expanded .side-container { opacity: 0; }

.is-content-expanded .dual-container { grid-template-columns: 0 calc(100% - 10px); }

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


 * 1) p-views { display:none; }

/* 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; display: flex; color: var(--theme-page-text-color); }

.notifications__toggle, .notifications__toggle * {	width: 20px; height: 20px; color: var(--theme-page-text-color); cursor: pointer; }

.navigation-header > * { width: 32px; height: 30px; text-align: center; padding-block: 5px; cursor: pointer; border-right: 2px var(--theme-body-background-color) solid; }

.navigation-header svg { width: 20px; height: 20px; }

/* Notifications */

.notifications .wds-dropdown__content { width: 350px; top: 0 !important; padding: 0; } .NotificationsContent-module_tabber__3gSyl { height: calc(100vh - 100px) !important; } .notifications__counter { display: none; }