MediaWiki:Fandomdesktop.css

/* Note: Color styles should be coded as variables to support light, dark, * and per-namespace themes correctly. */ /* Note 2: Currently the variable names aren't stable; they may be stabilized * in the future to allow for inline `var` declarations, but for now you * should not do that, things may break if you do. */ /* Defaults assume a namespace without a custom theme, and light theme. */
 * root {

--custom-background-blue: hsl(240, 55%, 90%); --custom-background-blue-highlight: hsl(240, 100%, 85%); --custom-background-green: hsl(120, 55%, 90%); --custom-background-green-highlight: hsl(120, 100%, 85%); --custom-background-grey: hsl(0, 0%, 90%); --custom-background-purple: hsl(300, 55%, 90%); --custom-background-purple-highlight: hsl(300, 100%, 85%); --custom-background-red: hsl(0, 55%, 90%); --custom-background-red-highlight: hsl(0, 100%, 85%); --custom-background-yellow: hsl(60, 55%, 90%); --custom-background-yellow-highlight: hsl(60, 100%, 85%); --custom-border-blue: hsl(240, 25%, 65%); --custom-border-blue-highlight: hsl(240, 100%, 68%); --custom-border-green: hsl(120, 25%, 65%); --custom-border-green-highlight: hsl(120, 100%, 68%); --custom-border-grey: hsl(0, 0%, 65%); --custom-border-purple: hsl(300, 25%, 65%); --custom-border-purple-highlight: hsl(300, 100%, 68%); --custom-border-red: hsl(0, 25%, 65%); --custom-border-red-highlight: hsl(0, 100%, 68%); --custom-border-yellow: hsl(60, 25%, 65%); --custom-border-yellow-highlight: hsl(60, 100%, 30%); --custom-main-page-background: #fcfcfc; --custom-main-page-border: #ccc; --custom-main-page-edition-subheader: #333; --custom-table-background: #f8f9fa; --custom-table-alternate-background: #f0f1f2; --custom-table-header-background: #eaecf0; } body.theme-fandomdesktop-dark { --custom-background-blue: hsl(240, 55%, 8%); --custom-background-blue-highlight: hsl(240, 100%, 10%); --custom-background-green: hsl(120, 55%, 8%); --custom-background-green-highlight: hsl(120, 100%, 10%); --custom-background-grey: hsl(0, 0%, 8%); --custom-background-purple: hsl(300, 55%, 8%); --custom-background-purple-highlight: hsl(300, 100%, 10%); --custom-background-red: hsl(0, 55%, 8%); --custom-background-red-highlight: hsl(0, 100%, 10%); --custom-background-yellow: hsl(60, 55%, 8%); --custom-background-yellow-highlight: hsl(60, 100%, 10%); --custom-border-blue: hsl(240, 15%, 36%); --custom-border-blue-highlight: hsl(240, 100%, 30%); --custom-border-green: hsl(120, 15%, 36%); --custom-border-green-highlight: hsl(120, 100%, 30%); --custom-border-grey: hsl(0, 0%, 36%); --custom-border-purple: hsl(300, 15%, 36%); --custom-border-purple-highlight: hsl(300, 100%, 30%); --custom-border-red: hsl(0, 15%, 36%); --custom-border-red-highlight: hsl(0, 100%, 30%); --custom-border-yellow: hsl(60, 15%, 36%); --custom-border-yellow-highlight: hsl(60, 100%, 30%); --custom-main-page-background: #202125; --custom-main-page-border: #2e2e2e; --custom-main-page-edition-subheader: #ddd; --custom-table-background: #131313; --custom-table-alternate-background: #1a1a1a; --custom-table-header-background: #363636; }

/* Main page */ .fp-section { background-color: var(--custom-main-page-background); border-color: var(--custom-main-page-border); } .edition-box .edition-box-subheader { color: var(--custom-main-page-edition-subheader) !important; } .edition-box-java, .edition-box-java .edition-box-header { background-color: var(--custom-background-green) !important; border-color: var(--custom-border-green) !important; } .edition-box-bedrock, .edition-box-bedrock .edition-box-header { background-color: var(--custom-background-red) !important; border-color: var(--custom-border-red) !important; } .edition-box-dungeons, .edition-box-dungeons .edition-box-header { background-color: var(--custom-background-yellow) !important; border-color: var(--custom-border-yellow) !important; } .edition-box-launcher, .edition-box-launcher .edition-box-header { background-color: var(--custom-background-grey) !important; border-color: var(--custom-border-grey) !important; } .edition-box-education, .edition-box-education .edition-box-header { background-color: var(--custom-background-blue) !important; border-color: var(--custom-border-blue) !important; } .edition-box-china, .edition-box-china .edition-box-header { background-color: var(--custom-background-purple) !important; border-color: var(--custom-border-purple) !important; } body.theme-fandomdesktop-dark .edition-box img { filter: drop-shadow(0 0 4px white); }

/* Message boxes */ .msgbox { border-color: var(--theme-border-color); } .msgbox.msgbox-yellow { background-color: var(--custom-background-yellow-highlight); border-color: var(--custom-border-yellow-highlight); } .msgbox.msgbox-red { background-color: var(--custom-background-red-highlight); border-color: var(--custom-border-red-highlight); }

/* Infoboxes */ .notaninfobox { border-color: var(--theme-border-color); background-color: var(--custom-table-background); } .alternaterows tr:nth-child(2n), .infobox-rows tr:nth-child(2n) { background-color: var(--custom-table-alternate-background); }

/* Miscellaneous changes */ /* Use table colors for the TOC */ .page-content #toc .toctitle { background-color: var(--custom-table-header-background); } .page-content #toc ul { background-color: var(--custom-table-background); }

/* FandomDesktop fixes: May be useful to check from time to time if these got * any actual fixes. */ /* Restore border collapsing for tables */ .article-table, .wikitable { border-collapse: collapse; background-color: var(--custom-table-background); }

/* Restore pre-FD table header text centering */ .wikitable > tr > th, .wikitable > * > tr > th { text-align: center; background-color: var(--custom-table-header-background); }

/* Restore pre-FD Hydra/Vector table paddings. 12px on all sides feels too much * for a desktop skin. */ .article-table tr td, .article-table tr th, .wikitable tr td, .wikitable tr th { padding: 0.2em 0.4em; }

/* Fix issues with tables using rowspan / colspan */ .article-table tr td:first-child, .article-table tr th:first-child, .wikitable tr td:first-child, .wikitable tr th:first-child { border: 1px solid var(--theme-border-color); }

/* Fix FD setting box-sizing to border-box by default, and some elements assume * the other option. */ .invslot { box-sizing: content-box; }

/* Fix FD collapsing navbox borders */ .navbox, .navbox table { border-collapse: separate; border-spacing: 2px; }

/* Fix some height declarations being inappropriate with FD */ .wikiEditor-ui-toolbar .page-characters div span { height: unset; }
 * 1) msupload-dropzone,

/* Fix class name overuse */ .wikiEditor-ui-toolbar .page { margin-top: 0; }

/* Fix page history headers being broken into several lines */ div.mw-history-subtitle { display: inline-block; }

/* Fix many special page forms having no styling at all */ .mw-special-MergeHistory fieldset, .mw-special-Whatlinkshere fieldset, .mw-special-Import fieldset { border: 1px solid #2a4b8d; margin: 1em 0 1em 0; padding: 0 1em 1em; } .mw-special-MergeHistory fieldset legend, .mw-special-Whatlinkshere fieldset legend, .mw-special-Import fieldset legend { padding: 0.5em; }
 * 1) mw-history-searchform > fieldset,
 * 2) mw-Protect-Form > fieldset,
 * 3) mw-abusefilter-editing-form > fieldset,
 * 4) mw-upload-form > fieldset,
 * 1) mw-history-searchform > fieldset legend,
 * 2) mw-Protect-Form > fieldset legend,
 * 3) mw-abusefilter-editing-form > fieldset legend,
 * 4) mw-upload-form > fieldset legend,

/* Fix cramped infoboxes */ .infobox-rows th, .infobox-rows td { padding: 4px; }

/* Fix indentation with `:` having too much padding */ .page-content dl { margin: 0; }

/* Fix the VE/Source button messing up the 2010 editor */ .wikiEditor-ui .oo-ui-toolbar-bar { padding: 0; } .wikiEditor-ui .ve-init-mw-editSwitch .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle { padding: 16px 8px; }

/* Fix arrows in enhanced recent changes */ .mw-enhancedchanges-arrow-space { height: 19px; }

/* Fix broken VE popups */ .oo-ui-popupWidget-popup { padding: 0; }