MediaWiki:Fandomdesktop.css

/** * Site-wide stylesheet. * Affects the FandomDesktop skin. */

/**\   STYLE IMPORTS \**/

/**\   CUSTOM PROPERTIES \**/

/* Theme independent */

body { --theme-page-background-color: rgba(var(--theme-page-background-color--rgb),0.85); --theme-page-background-color--secondary: rgba(var(--custom-page-background-color--secondary--rgb),0.85); --custom-accent-color-dark-blue: #00334d; --custom-accent-color-medium-blue: #069; }

/* Dark theme */

.theme-fandomdesktop-dark { /* --theme-page-background-color: rgba(0,26,39,0.85); */ /* #001a27 */ /* --theme-page-background-color--secondary: rgba(0,51,77,0.85); */ /* #00334d */ --theme-page-text-color: #fff; --theme-page-text-color--rgb: 255,255,255; --theme-link-color--hover: #0099e6; --custom-page-background-color--secondary--rgb: 16,16,16; --custom-pre-background-color: #0d0d0d; --custom-notice-background-color: #401f22; --custom-background-color: #000; --custom-background-color--hover: #111; --custom-accent-color: #fa6; }

/* Light theme */

.theme-fandomdesktop-light { --theme-page-text-color: #000; --theme-page-text-color--rgb: 0,0,0; --theme-link-color--hover: #00334d; --custom-page-background-color--secondary--rgb: 255,255,255; --custom-pre-background-color: #f2f2f2; --custom-notice-background-color: #803e44; --custom-background-color: #efefef; --custom-background-color--hover: #dfdfdf; --custom-accent-color: #c73; /* #f53 */ }

/**\   DESIGN \**/

/* Hide the background gradient in the page header */

.fandom-community-header__background:before { background-image: none; }

/* Page content area */

.page-content { position: relative; }

/** Preformatted text **/

.page-content pre:not(.CodeMirror-line) { background-color: var(--custom-pre-background-color); }

/** Table of contents **/

.page-content #toc { background-color: var(--custom-background-color); border-color: var(--custom-accent-color-dark-blue); border-radius: 4px; max-width: 325px; }

.toc .toctitle { background: var(--custom-accent-color-dark-blue) linear-gradient(to right,var(--custom-accent-color-dark-blue),var(--custom-accent-color-medium-blue),var(--custom-accent-color-dark-blue)); border-bottom: none; justify-content: center; }

.toc .toctitle h2, .toctogglespan::before, .toctogglespan::after, .toctogglespan .toctogglelabel { color: #fff; }

.toctogglespan .toctogglelabel:hover { color: #c0c0c0; }

.toclevel-5, .toclevel-6 { display: none; }

/** Headings **/

.page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 { color: var(--custom-accent-color); align-items: center; margin-top: 0.5em; }

/*** Edit section links ***/

.page-content .mw-editsection { margin-left: 0; }

/** Paragraphs **/

.page-content p { margin: 0; }

/** Description lists **/

.page-content dl { margin: 1em 0; }

/** Image thumbnails **/

.page-content .tleft { margin: 0 10px 10px 0; }

.page-content .tright { margin: 0 0 10px 10px; }

/* Right rail */

.rail-module { background-color: var(--custom-background-color); border: 1px solid var(--custom-accent-color-dark-blue) !important; border-radius: 4px; padding: 0; }

.rail-module:last-child { margin-bottom: 24px; }

.rail-module__header, .rail-module h2 { background: var(--custom-accent-color-dark-blue) linear-gradient(to right,var(--custom-accent-color-dark-blue),var(--custom-accent-color-medium-blue),var(--custom-accent-color-dark-blue)); color: #fff; display: block !important; margin: 0; padding: 0.75rem; text-align: center; }

.rail-module h2.has-icon svg { fill: currentColor; }

.rail-module__list { padding: 1rem; }

.activity-module .edit-info .edit-info-user { color: var(--custom-accent-color); }

/* Editor */

.ve-init-mw-desktopArticleTarget-originalContent { background-color: var(--custom-background-color); }

/**\   TABBERS \**/