MediaWiki:Fandomdesktop.css


 * root {

--custom-background-blue: hsl(215, 75%, 92%); --custom-background-blue-highlight: hsl(215, 75%, 85%); --custom-background-green: hsl(120, 75%, 92%); --custom-background-green-highlight: hsl(120, 75%, 85%); --custom-background-grey: hsl(0, 0%, 92%); --custom-background-grey-highlight: hsl(0, 0%, 85%); --custom-background-magenta: hsl(310, 75%, 92%); --custom-background-magenta-highlight: hsl(310, 75%, 85%); --custom-background-orange: hsl(40, 75%, 92%); --custom-background-orange-highlight: hsl(40, 75%, 85%); --custom-background-purple: hsl(260, 75%, 92%); --custom-background-purple-highlight: hsl(260, 75%, 85%); --custom-background-red: hsl(0, 75%, 92%); --custom-background-red-highlight: hsl(0, 75%, 85%); --custom-background-yellow: hsl(60, 75%, 92%); --custom-background-yellow-highlight: hsl(60, 75%, 85%); --custom-border-blue: hsl(215, 25%, 65%); --custom-border-blue-highlight: hsl(215, 50%, 68%); --custom-border-green: hsl(120, 25%, 65%); --custom-border-green-highlight: hsl(120, 50%, 68%); --custom-border-grey: hsl(0, 0%, 65%); --custom-border-magenta: hsl(310, 25%, 65%); --custom-border-magenta-highlight: hsl(310, 50%, 68%); --custom-border-orange: hsl(40, 25%, 65%); --custom-border-orange-highlight: hsl(40, 50%, 68%); --custom-border-purple: hsl(260, 25%, 65%); --custom-border-purple-highlight: hsl(260, 50%, 68%); --custom-border-red: hsl(0, 25%, 65%); --custom-border-red-highlight: hsl(0, 50%, 68%); --custom-border-yellow: hsl(60, 25%, 65%); --custom-border-yellow-highlight: hsl(60, 50%, 68%); } body.theme-fandomdesktop-dark { --theme-alert-color: #f1748b; --custom-background-blue: hsl(215, 25%, 8%); --custom-background-blue-highlight: hsl(215, 25%, 12%); --custom-background-green: hsl(120, 25%, 8%); --custom-background-green-highlight: hsl(120, 25%, 12%); --custom-background-grey: hsl(0, 0%, 8%); --custom-background-grey-highlight: hsl(0, 0%, 12%); --custom-background-magenta: hsl(310, 25%, 8%); --custom-background-magenta-highlight: hsl(310, 25%, 12%); --custom-background-orange: hsl(40, 25%, 8%); --custom-background-orange-highlight: hsl(40, 25%, 12%); --custom-background-purple: hsl(260, 25%, 8%); --custom-background-purple-highlight: hsl(260, 25%, 12%); --custom-background-red: hsl(0, 25%, 8%); --custom-background-red-highlight: hsl(0, 25%, 12%); --custom-background-yellow: hsl(60, 25%, 8%); --custom-background-yellow-highlight: hsl(60, 25%, 12%); --custom-border-blue: hsl(215, 15%, 36%); --custom-border-blue-highlight: hsl(215, 50%, 30%); --custom-border-green: hsl(120, 15%, 36%); --custom-border-green-highlight: hsl(120, 50%, 30%); --custom-border-grey: hsl(0, 0%, 36%); --custom-border-magenta: hsl(310, 15%, 36%); --custom-border-magenta-highlight: hsl(310, 50%, 30%); --custom-border-orange: hsl(40, 15%, 36%); --custom-border-orange-highlight: hsl(40, 50%, 30%); --custom-border-purple: hsl(260, 15%, 36%); --custom-border-purple-highlight: hsl(260, 50%, 30%); --custom-border-red: hsl(0, 15%, 36%); --custom-border-red-highlight: hsl(0, 50%, 30%); --custom-border-yellow: hsl(60, 15%, 36%); --custom-border-yellow-highlight: hsl(60, 50%, 30%); }

/** msgbox **/ .msgbox { border-color: var(--theme-border-color); } .msgbox.msgbox-blue { background-color: var(--custom-background-blue-highlight); border-left-color: var(--custom-border-blue-highlight); } .msgbox.msgbox-green { background-color: var(--custom-background-green-highlight); border-left-color: var(--custom-border-green-highlight); } .msgbox.msgbox-orange { background-color: var(--custom-background-orange-highlight); border-left-color: var(--custom-border-orange-highlight); } .msgbox.msgbox-purple { background-color: var(--custom-background-purple-highlight); border-left-color: var(--custom-border-purple-highlight); } .msgbox.msgbox-red { background-color: var(--custom-background-red-highlight); border-left-color: var(--custom-border-red-highlight); } .msgbox.msgbox-yellow { background-color: var(--custom-background-yellow-highlight); border-left-color: var(--custom-border-yellow-highlight); } .msgbox.msgbox-magenta { background-color: var(--custom-background-magenta-highlight); border-left-color: var(--custom-border-magenta-highlight); } .msgbox.msgbox-gray { background-color: var(--custom-background-grey); border-left-color: var(--custom-border-grey); } div.mw-warning-with-logexcerpt, .errorbox, .warningbox, .successbox { display: block; padding: .4em .8em; margin-bottom: 1em; } div.mw-warning-with-logexcerpt, .errorbox { background: #FDD; border-left: 4px solid #FAA; } .warningbox { background: #FFC; border-left: 4px solid #DD8; } .successbox { background: #DFD; border-left: 4px solid #9C9; } .successbox strong p { margin: 0; } .msgbox { display: flex; background: #FCFCFC; border: 1px solid #333; box-sizing: border-box; align-items: center; width: auto; padding: .4em .8em; margin: 0 auto; margin-bottom: 1em; } .msgbox + .msgbox { border-top: none; margin-top: -1em; }
 * not(.msgbox) + .msgbox,

.msgbox:first-of-type { border-top-right-radius: .15em; border-top-left-radius: .15em; } .msgbox #msgbox-iconimage, .msgbox #msgbox-image { margin: 0 1.5em 0 .5em; } .msgbox-mini { padding: .4em .5em; margin: 0 0; margin-bottom: 1em; } .msgbox-mini #msgbox-icon { align-self: flex-start; } .msgbox-mini #msgbox-iconimage, .msgbox-mini #msgbox-image { margin: 0 .4em 0 .5em; } .msgbox-mini #msgbox-text { font-size: small; } .msgbox-red { background: #FDD; border-left: 4px solid #FAA; } .msgbox-orange { background: #FEC; border-left: 4px solid #DC8; } .msgbox-yellow { background: #FFC; border-left: 4px solid #DD8; } .msgbox-green { background: #DFD; border-left: 4px solid #9C9; } .msgbox-blue { background: #DEF; border-left: 4px solid #9CD; } .msgbox-magenta { background: #FDF; border-left: 4px solid #DAD; } .msgbox-purple { background: #EEF; border-left: 4px solid #AAD; }

/** navbox **/ table.navbox { background-color: #01AAAD; border: 1px solid #aaa; clear: both; font-size: 90%; margin: 1em 0em 0em; padding: 2px; text-align: center; width: 100%; } table.navbox tr:not(:first-child) th { background-color: #3AB54A; }

.navbox-inner, .navbox-subgroup { width: 100%; } .navbox th, .navbox-title, .navbox-abovebelow { text-align: center;      /* Title and above/below styles */ padding-left: 1em; padding-right: 1em; } th.navbox-group {            /* Group style */ white-space: nowrap; /* @noflip */ text-align: right; } .navbox, .navbox-subgroup { background: #01AAAD;     /* Background color */ } .navbox-list { border-color: #01AAAD;   /* Must match background color */ } .navbox th, .navbox-title { background: #3AB54A;     /* Level 1 color */ } .navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title { background: #3AB54A;     /* Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #3AB54A;     /* Level 3 color */ } .navbox-even { background: #019699;     /* Even row striping */ } .navbox-odd { background: transparent; /* Odd row striping */ } table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */ margin-top: -1px;         /* (doesn't work for IE6, but that's okay)       */ }

@media print { .navbox { display: none; } }