MediaWiki:FandomDesktop.css

/**\   FandomDesktop mockup \**/

body { margin-left: 3.75rem; }

body.wikia-bar-visible { padding-bottom: 0; }

a.new { color: #f56 !important; }

a.new:hover { color: #f23 !important; }

/* Global nav bar */

.wds-global-navigation { flex-direction: column; height: 100%; min-width: 0; padding: 0.875rem 0.375rem; position: fixed !important; width: 3.75rem; }

/** Left section **/

.wds-global-navigation__content-bar-left { align-items: flex-start; flex-direction: column; height: 50%; width: 100%; }

.wds-global-navigation__logo { height: 35px; margin-left: 11px; overflow-x: hidden; width: calc(100% - 16px); }

.wds-global-navigation__links { align-items: center; flex-direction: column; margin: 1rem 0; width: 100%; }

.wds-global-navigation__link { margin-left: 0; }

.wds-search-is-active .wds-global-navigation__link { font-size: 0.7rem; }

.wds-global-navigation__link:not(.wds-dropdown__toggle), .wds-global-navigation__link-group { font-size: 0.7rem; margin: 0.75rem 0; }

.wds-global-navigation .wds-dropdown__toggle-chevron { display: none; }

.wds-global-navigation__link-group { width: 100%; }

.wds-global-navigation .wds-dropdown:not(.wds-global-navigation__search-scope):after { border-right-color: var(--wds-dropdown-background-color); border-bottom-color: transparent; margin-left: 10px; bottom: 20%; }

.wds-global-navigation__dropdown-controls { flex-direction: column; }

.wds-global-navigation__content-bar-left .wds-dropdown__content { position: absolute; top: -6px; left: 145px; }

/** Right section **/

.wds-global-navigation__content-bar-right { align-items: flex-end; width: 100%; }

.wds-global-navigation__search-container { position: relative; }

.wds-global-navigation__search { justify-content: center; /* height: 44px; */ }

.wds-search-is-active .wds-global-navigation__search { background-color: rgba(0,0,0,0.35); position: fixed; top: 0; right: 0; bottom: 0; left: 3.75rem; }

.wds-search-is-active .wds-global-navigation__search-toggle { position: absolute; bottom: 9.6em; left: -2.8em; }

.wds-global-navigation__search-toggle-icon, .wds-search-is-active .wds-global-navigation__search-toggle-icon { margin-right: 0; }

.wds-search-is-active .wds-global-navigation__search-input-wrapper { background-color: #069; /* #00334d; */ border-bottom: none; border-radius: 4px; /* padding: 8px 8px 8px 0; */ max-width: 600px; padding: 0.5em; }

.wds-global-navigation__search-input { background-color: #069 !important; }

.wds-global-navigation__content-bar-right .wds-global-navigation__dropdown-controls > * { margin: 0.75rem 0; width: 100%; }

.wds-global-navigation__content-bar-right .wds-dropdown__content:not(.wds-is-not-scrollable) { position: absolute; top: auto; bottom: -4px; left: 145px; }

.wds-global-navigation__content-bar-right .wds-notifications__dropdown-content { left: 50px !important; }

.wds-global-navigation__notifications-counter { top: -5px; left: 5px; }

.wds-global-navigation__search-toggle-text, .wds-global-navigation__start-a-wiki { display: none; }

/* Header */

.sticky.wds-community-header { background-color: #069 !important; height: auto; padding: 0; position: fixed; top: 0; left: 3.75rem; transition: background-color 0.35s ease-in; width: calc(100% - 3.75rem); }

.sticky .wds-community-header__wordmark { height: 55px; margin: 0; margin-left: 20px; }

.sticky .wds-community-header__top-container { float: right; height: auto; }

.sticky .wds-community-header__sitename { display: none; }

.sticky .wds-community-header__counter { margin-top: 8px; margin-bottom: 8px; }

.sticky .wds-community-header__wiki-buttons { margin-top: 10.5px; }

.sticky .wds-community-header__local-navigation { height: 55px; padding-left: 16px; }

.sticky .wds-community-header__local-navigation > .wds-tabs { align-items: center; }

/* Content area */

@media only screen and (min-width: 1084px) { .WikiaSiteWrapper { width: 92%; } }

.WikiaPage { padding-top: 0; }

.WikiaPage .WikiaPageContentWrapper { border-radius: 4px !important; }

.WikiaPage .page-header { padding-bottom: 24px; }

.ns-0:not(.mainpage) .WikiaPage .page-header, .ns-4 .WikiaPage .page-header, .ns-10 .WikiaPage .page-header, .ns-14 .WikiaPage .page-header { width: calc(100% - 320px); }

.page-header__separator { display: none; }

.page-header__contribution-buttons .wds-button { background-color: transparent; border: none !important; border-radius: 0 !important; padding: 0 12px; }

.page-header__contribution-buttons .wds-button-group:not(:last-child) .wds-button, .page-header__contribution-buttons .wds-button-group:last-child > .wds-button:not(:last-child) { border-right: 1px solid #0cf !important; }

/** Right rail **/

.WikiaRail { margin-top: -100px; }

.WikiaRail .wikia-rail-inner { margin-top: 16px; }

.WikiaRail .rail-module h2 { border: none; text-transform: uppercase; }

/* Footer */

margin-left: -3.75rem; }
 * 1) WikiaBar {

/** Toolbar **/

.WikiaBarWrapper { border-radius: 12px; box-shadow: none; right: 0.5rem; bottom: 0.5rem; z-index: 399; width: auto; }

.WikiaBarWrapper .wikia-bar { width: auto; }

.WikiaBarWrapper .tools { padding-right: 25px; padding-left: 5px; }

.WikiaBarWrapper .tools .overflow-menu .arrow-icon { margin-bottom: -2px; }

.WikiaBarWrapper .arrow { background-color: #fff; border-radius: 50%; color: #069; height: 9px; right: 3px; bottom: 3px; width: 9px; }

.WikiaBarWrapper .arrow .wds-icon-tiny { height: 11px; min-width: 0; width: 9px; }

.WikiaBarWrapper .tools-menu { background-color: #000; border: none; border-radius: 4px; }

.WikiaBarWrapper .tools-menu > li > a { background-color: transparent; color: #fff; }

.WikiaBarWrapper .tools-menu > li > a:hover { background-color: #00334d !important; color: #fff; font-weight: normal; }

/* Page editor */

.ve-ui-oasisToolbar.ve-ui-toolbar-floating > .oo-ui-toolbar-bar { top: 0; }

.wikia-bar-visible .ve-ui-summaryPanel { bottom: 0; }

.action-edit #WikiaBar { display: none; }

/**\   Dark theme \**/

.WikiaPage .WikiaPageContentWrapper { background-color: rgba(0,26,39,0.8); /* #000d13 */ }

/**\   Light theme \**/

/* a { color: #0099e6; }

a:hover, .mw-parser-output a:hover { color: #0cf; }

.WikiaPage { color: #444; }

.WikiaPage .WikiaPageContentWrapper { background-color: #fff; }

.WikiaPage .page-header__title, h1, h2, h3, h4, h5, h6, .WikiaRail .activity-module .edit-info .edit-info-user { color: #f70; }