User:Joohunniee/common.css

@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@100;200;300;400;500;600;700;800;900&family=Encode+Sans+Condensed:wght@100;200;300;400;500;600;700;800;900&family=Encode+Sans+Expanded:wght@100;200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap'); /* */ .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 November 1-19 theme: Mickey Mouse / Once Upon a Studio LIGHT THEME Body background color / var(--theme-body-background-color)                       #B5795D 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)                                             #AC6420 Accent color / var(--theme-accent-color)                                         #AC6420 Sticky nav / var(--theme-sticky-nav-background-color)                            #AC6420 -  DARK THEME (to be default theme) Body background color / var(--theme-body-background-color)                       #B5795D Page background color / var(--theme-page-background-color)                       #302119 Secondary page background color / var(--theme-page-background-color--secondary)  TBD Border color / var(--theme-border-color)                                         TBD Link color / var(--theme-link-color)                                             #E09957 Accent color / var(--theme-accent-color)                                         #AC6420 Sticky nav / var(--theme-sticky-nav-background-color)                            #AC6420 */ /* Color presets November 20-27 theme: Wish LIGHT THEME Body background color / var(--theme-body-background-color)                       #245A89 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)                                             #147baf Accent color / var(--theme-accent-color)                                         #147baf Sticky nav / var(--theme-sticky-nav-background-color)                            #147baf -  DARK THEME (to be default theme) Body background color / var(--theme-body-background-color)                       #0D223F Page background color / var(--theme-page-background-color)                       #0F294A Secondary page background color / var(--theme-page-background-color--secondary)  TBD Border color / var(--theme-border-color)                                         TBD Link color / var(--theme-link-color)                                             #1999d8 Accent color / var(--theme-accent-color)                                         #147baf Sticky nav / var(--theme-sticky-nav-background-color)                            #147baf */ /* 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 */

/* WIP for planned redesign .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:hover, .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-light .portable-infobox { --border-color: #aaa; } .theme-fandomdesktop-dark .portable-infobox { --border-color: rgba(255, 255, 255, .33); } .portable-infobox { border-radius: 0 !important; width: 260px; } .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; color: inherit !important; } .portable-infobox .pi-navigation a { color: var(--theme-link-color) !important; } .portable-infobox .pi-navigation a:is(:hover, :focus, :active) { color: var(--theme-link-color--hover) !important; } .portable-infobox .pi-data { display: block; } .portable-infobox .pi-navigation, .portable-infobox .pi-navigation .selflink { font-weight: normal !important; } .portable-infobox .pi-navigation small { font-size: 100% !important; } .portable-infobox .pi-data-value { margin-left: 15px; } .portable-infobox .pi-data-value ul, .portable-infobox .pi-data-value ol { margin-left: 0; list-style: none; } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { width: 100% !important; } .page-header__title { font-family: 'Montserrat', sans-serif; font-weight: 500; } .page-content, .page-footer, .page__right-rail { font-family: 'Montserrat', sans-serif; } .page-content .mw-headline, .page-content h2 { font-family: 'Montserrat', sans-serif; font-weight: bold; } .page-content .toc .toctitle h2, .page-footer .wds-collapsible-panel__header { font-weight: bold; } .portable-infobox .pi-title, .portable-infobox .pi-header, .portable-infobox .pi-navigation, .portable-infobox .pi-navigation .selflink { font-weight: bold !important; } .page-content a, .page-footer .wds-collapsible-panel, .page-footer .license-description { font-weight: 500; }

/* new navboxes */ .nb2-wrapper { text-align: center; }

.nb2 { margin: 10px auto; }

.nb2-firstheading { color: black; font-size: 1.1em; font-weight: bold; padding: 3px; }

.nb2-inner { width: 100%; }

.nb2-inner th { font-weight: bold; }

.nb2-inner td { font-size: 0.9em; text-align: center; }

.nb2-end td { font-size: 0.85em; text-align: center; }

.nb-edi { font-size: 0.85em; }

.nb2 .nb-edi { font-size: inherit; }

.nb2-end a, .nb2-end .hidable-button { color: black; text-transform: lowercase; text-decoration: none; }

/* Navboxes */ .theme-fandomdesktop-dark .nb2-firstheading { background-color: var(--theme-infobox-background-color--2) !important; } .theme-fandomdesktop-dark .nb2-firstheading .selflink { color:white !important; } .theme-fandomdesktop-dark .nb2-inner td, .theme-fandomdesktop-dark .nb2-inner th { background-color: var(--theme-infobox-background-color--2) !important; color: white !important; } .theme-fandomdesktop-dark .nb2-inner .selflink { color:white !important; } .theme-fandomdesktop-dark .navbox th { background-color:var(--theme-infobox-background-color--2) !important; }

.theme-fandomdesktop-dark .navbox td { background-color:var(--theme-infobox-background-color--1) !important; color:white !important; }

.theme-fandomdesktop-dark .nav1 span.r1, .theme-fandomdesktop-dark .nav1 span.r2, .theme-fandomdesktop-dark .nav1 span.r3, .theme-fandomdesktop-dark .nav1 span.r4 { background-color:var(--theme-infobox-background-color--2) !important; }

.theme-fandomdesktop-dark .nb2-end { background-color:var(--theme-infobox-background-color--2) !important; }

.theme-fandomdesktop-dark .nb2-end .hidable-button, .theme-fandomdesktop-dark .nb2-end a { color:white; }

.theme-fandomdesktop-dark .policy-nav-header { background-color: rgba(0, 102, 204, .3) !important; }