User:Joohunniee/common.css

/* */ .theme-fandomdesktop-dark .portable-infobox .pi-data:nth-child(even) { background-color: rgba(255,255,255,.2); } .theme-fandomdesktop-dark .portable-infobox .pi-data:nth-child(odd) { background-color: rgba(255,255,255,.1); }

/* Color presets October theme: Halloween (Purple and orange) LIGHT THEME Body background color / var(--theme-body-background-color)                       #784fcf Page background color / var(--theme-page-background-color)                       #ffffff Secondary page background color / var(--theme-page-background-color--secondary)  TBD Border color / var(--theme-border-color)                                         TBD Link color / var(--theme-link-color)                                             #784fcf Accent color / var(--theme-accent-color)                                         #784fcf Sticky nav / var(--theme-sticky-nav-background-color)                            #5e32ba -  DARK THEME (to be default theme) Body background color / var(--theme-body-background-color)                       #311b63 Page background color / var(--theme-page-background-color)                       #25144b Secondary page background color / var(--theme-page-background-color--secondary)  TBD Border color / var(--theme-border-color)                                         TBD Link color / var(--theme-link-color)                                             #e9804d Accent color / var(--theme-accent-color)                                         #7b53d1 Sticky nav / var(--theme-sticky-nav-background-color)                            #5e32ba */ /* Color presets December theme: Christmas (Red and green) LIGHT THEME (winter snow) Body background color / var(--theme-body-background-color)                       #94f2f4 Page background color / var(--theme-page-background-color)                       #ffffff Secondary page background color / var(--theme-page-background-color--secondary)  TBD Border color / var(--theme-border-color)                                         TBD Link color / var(--theme-link-color)                                             #2d36ea Accent color / var(--theme-accent-color)                                         #2d36ea Sticky nav / var(--theme-sticky-nav-background-color)                            #2d36ea -  DARK THEME (to be default theme) Body background color / var(--theme-body-background-color)                       #1d653a Page background color / var(--theme-page-background-color)                       #0c301b Secondary page background color / var(--theme-page-background-color--secondary)  TBD Border color / var(--theme-border-color)                                         TBD Link color / var(--theme-link-color)                                             #23cf9f Accent color / var(--theme-accent-color)                                         #d8393c Sticky nav / var(--theme-sticky-nav-background-color)                            #BB2528 */

/* Table of Contents .page-content #toc { background-color: #2d36ea; color: white; border: none; border-radius: 10px; } .toc:not(.sticky-toc) .toctitle, .toc:not(.sticky-toc) .toctitle h2, .toc:not(.sticky-toc) .toctitle .wds-icon, .toc:not(.sticky-toc) .tocnumber, .toc:not(.sticky-toc) ul li a, .toc:not(.sticky-toc) ul li a:hover, .toc:not(.sticky-toc) ul li a:hover .tocnumber, .toctogglespan .toctogglelabel, .toctogglespan .toctogglelabel, .toctogglespan:after, .toctogglespan:before { color: white; } .toc:not(.sticky-toc) .toctitle { border-bottom: none; padding-bottom: 6px; } .toctogglecheckbox:checked ~ .toctitle { padding-bottom: 12px; } .toc:not(.sticky-toc) ul li a:hover { background-color: rgba(255, 255, 255, .15); } .theme-fandomdesktop-dark .page-content #toc { background-color: #0a0c2f; } .theme-fandomdesktop-dark .toc:not(.sticky-toc) ul li a { transition-property: background-color, color, text-shadow; } .theme-fandomdesktop-dark .toc:not(.sticky-toc) .toctitle { text-shadow: 0px 0px 2px #ffffff, 0px 0px 2px #6ec1f0, 0px 0px 4px #6ec1f0; } .theme-fandomdesktop-dark .toc:not(.sticky-toc) .toctitle .wds-icon { filter: drop-shadow(0px 0px 2px #ffffff) drop-shadow(0px 0px 2px #6ec1f0) drop-shadow(0px 0px 4px #6ec1f0); } .theme-fandomdesktop-dark .toc:not(.sticky-toc) ul li a:hover { text-shadow: 0px 0px 2px #ffffff, 0px 0px 2px #6ec1f0, 0px 0px 4px #6ec1f0; }

/* New infobox */ .theme-fandomdesktop-dark .portable-infobox { --border-color: #6c71c4; } .portable-infobox.pi-background { background-color: var(--general-bg-color); } .portable-infobox .pi-data { background: none !important; } .portable-infobox .pi-title { font-weight: normal !important; background: none !important; font-size: 18px !important; text-align: left; color: var(--border-color) !important; } .portable-infobox .pi-header { font-weight: normal !important; background: none !important; color: var(--border-color) !important; border-bottom-width: 1px !important; border-style: solid !important; border-image: linear-gradient(to right, transparent, var(--border-color), var(--border-color), transparent) 9; } .portable-infobox .pi-navigation { background: none !important; border-top-width: 1px !important; border-style: solid !important; border-image: linear-gradient(to right, transparent, var(--border-color), var(--border-color), transparent) 9; } .portable-infobox .pi-data { display: block; } .portable-infobox .pi-navigation { font-weight: normal !important; } .portable-infobox .pi-navigation small { font-size: 100% !important; } .portable-infobox .pi-data { margin-left: 15px; } .portable-infobox .pi-data-value { margin-left: 15px; } .portable-infobox .pi-data-value ul, .portable-infobox .pi-data-value ol { margin-left: 0; } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { width: 100% !important; }