MediaWiki:Fandomdesktop.css


 * root {

--custom-table-background: #f8f9fa; --custom-table-alternate-background: #f0f1f2; --custom-table-header-background: #eaecf0; } body.theme-fandomdesktop-dark { --custom-table-background: #131313; --custom-table-alternate-background: #1a1a1a; --custom-table-header-background: #363636; }

/* 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); }

/* 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); }

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

/* Dark theme: Main page */ body.theme-fandomdesktop-dark .fp-section { background-color: hsl(240, 35%, 5%); border-color: hsl(240, 5%, 25%); }

body.theme-fandomdesktop-dark .edition-box img { filter: drop-shadow(0 0 4px white); } body.theme-fandomdesktop-dark .edition-box .edition-box-subheader { color: #ddd !important; } body.theme-fandomdesktop-dark .edition-box-java, body.theme-fandomdesktop-dark .edition-box-java .edition-box-header { background-color: hsl(120, 55%, 8%) !important; border-color: hsl(120, 15%, 36%) !important; } body.theme-fandomdesktop-dark .edition-box-bedrock, body.theme-fandomdesktop-dark .edition-box-bedrock .edition-box-header { background-color: hsl(0, 55%, 8%) !important; border-color: hsl(0, 15%, 36%) !important; } body.theme-fandomdesktop-dark .edition-box-dungeons, body.theme-fandomdesktop-dark .edition-box-dungeons .edition-box-header { background-color: hsl(55, 55%, 8%) !important; border-color: hsl(55, 15%, 36%) !important; } body.theme-fandomdesktop-dark .edition-box-launcher, body.theme-fandomdesktop-dark .edition-box-launcher .edition-box-header { background-color: hsl(0, 0%, 8%) !important; border-color: hsl(0, 0%, 36%) !important; } body.theme-fandomdesktop-dark .edition-box-education, body.theme-fandomdesktop-dark .edition-box-education .edition-box-header { background-color: hsl(240, 55%, 8%) !important; border-color: hsl(240, 15%, 36%) !important; } body.theme-fandomdesktop-dark .edition-box-china, body.theme-fandomdesktop-dark .edition-box-china .edition-box-header { background-color: hsl(280, 55%, 8%) !important; border-color: hsl(280, 15%, 36%) !important; }

/* Dark theme: Message boxes */ body.theme-fandomdesktop-dark .msgbox { border-color: #444850; }

body.theme-fandomdesktop-dark .msgbox-yellow { background-color: hsl(60, 100%, 10%); border-color: hsl(60, 100%, 30%); } body.theme-fandomdesktop-dark .msgbox-red { background-color: hsl(0, 100%, 10%); border-color: hsl(0, 100%, 30%); }