MediaWiki:Fandomdesktop.css


 * root .theme-fandomdesktop-light, :root .theme-fandomdesktop-dark {

--theme-page-headings-font: 'Lora'; }
 * root .theme-fandomdesktop-light {

--main-page-background--rgba: 255, 255, 255, 0.8; --main-page-overlay--rgba: 240, 255, 255, 0.9; --main-page-border-color: #ccc; --main-page-color--light: white; --main-page-color--medium: dodgerblue; --main-page-color--dark: #191970; --main-page-color--darker: #006; --pi-custom-border-color: #ccc; --pi-custom-text-shadow: #036; --pi-custom-background: rgba(255, 255, 255, 0.8); --pi-custom-light: #e0ffff; --pi-custom-medium: #87ceeb; --pi-custom-dark: #369; --pi-custom-darker: #036; }
 * root .theme-fandomdesktop-dark {

--main-page-background--rgba: 68, 0, 0, 0.8; --main-page-overlay--rgba: 75, 0, 130, 0.85; --main-page-border-color: #daa520; --main-page-color--light: #f0f; --main-page-color--medium: #9400d3; --main-page-color--dark: #4b0082; --main-page-color--darker: #306; --pi-custom-border-color: #daa520; --pi-custom-text-shadow: #630; --pi-custom-background: rgba(68, 0, 0, 0.8); --pi-custom-light: #ffd700; --pi-custom-medium: #daa520; --pi-custom-dark: #960; --pi-custom-darker: #630; }

.page-header__title { font-family: var(--theme-page-headings-font); letter-spacing: 1pt; } .page-content input::placeholder { color: var(--theme-border-color); font-family: 'Lora', serif; font-weight: 500; letter-spacing: 0.5pt; }

/* Infoboxes */ .portable-infobox { border-color: var(--pi-custom-border-color); border-style: ridge; border-width: 2px; background: var(--theme-page-text-mix-color-95); } .page-content .portable-infobox h2 { letter-spacing: 0; border-bottom: 2px ridge var(--pi-custom-border-color); } .portable-infobox .pi-title, .portable-infobox .pi-header { background: linear-gradient(to bottom, var(--pi-custom-light), var(--pi-custom-medium) 15%, var(--pi-custom-dark) 85%, var(--pi-custom-darker)); text-shadow: -1px 1px 1px var(--pi-custom-text-shadow), 1px 1px 1px var(--pi-custom-text-shadow), 1px -1px 1px var(--pi-custom-text-shadow), -1px -1px 1px var(--pi-custom-text-shadow), 2px 2px 1px var(--pi-custom-text-shadow); } .portable-infobox .pi-header { border-top: 2px ridge var(--pi-custom-border-color); border-bottom: 2px ridge var(--pi-custom-border-color); } .portable-infobox .pi-data-label { letter-spacing: 0; }

/* Main Page */ background: url('https://puppeteer.fandom.com/wiki/Special:FilePath/Portal_header.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; border: 3px ridge var(--main-page-border-color); margin: 1em 0; -moz-box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.9); -webkit-box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.9); box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.9); border-radius: 3px; }	background: rgba(var(--main-page-overlay--rgba)); }	padding: 3em; text-align: center; }	font-family: 'Lora', serif; font-size: 22px; font-weight: 500; display: block; margin-bottom: 1em; line-height: 1.5em; } .mp-container, .mp-container__side { background: rgba(var(--main-page-background--rgba)); margin: 1em 0; border: 3px ridge var(--main-page-border-color); border-radius: 3px; } .mp-container h2 { background-image: linear-gradient(to bottom, var(--main-page-color--light), var(--main-page-color--medium) 15%, var(--main-page-color--dark) 80%, var(--main-page-color--darker) 100%); font-size: 22px; letter-spacing: 0.5pt; color: white; padding: 6px 12px; text-align: center; text-shadow: 2px 2px 0 #000; margin: 0; border-bottom: 3px ridge var(--main-page-border-color); } .mp-container__side h2 { font-size: 18px; letter-spacing: 0.5pt; padding: 6px 0; text-align: left; margin: 0 12px; border-bottom-width: 1px; border-bottom-style: solid; } .mp-content { background: rgba(var(--main-page-background--rgba)); margin: 1em 0; border: 3px ridge var(--main-page-border-color); border-radius: 3px; padding: 6px 12px; } .mp-container .mp-content, .mp-container__side .mp-content { border: none; border-radius: 0; margin: 0; background: transparent; font-family: inherit; font-weight: inherit; }
 * 1) mp-hero {
 * 1) mp-hero-overlay {
 * 1) mp-hero-content {
 * 1) mp-hero-content big {

/* Template:MessageBox -- light/dark mode */ .mbox { background-color: var(--theme-page-background-color--secondary); border: 1px solid var(--theme-border-color); border-left-width: 8px; border-left-color: var(--theme-border-color); } .mbox__content__aside { border-left: 1px solid var(--theme-border-color); } .mbox__close { color: rgba(var(--theme-page-text-color--rgb), .5); } .mbox__close:hover { color: rgba(var(--theme-page-text-color--rgb), 1); }

/* Template:Navbox */ .navbox { border: 1px solid var(--theme-border-color); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: var(--theme-page-background-color); margin: 1em 0; } .navbox-header { background-color: var(--theme-sticky-nav-background-color); color: var(--theme-sticky-nav-text-color); font-size: 18px; padding: 0.5em 0; } .navbox-header a { color: var(--theme-sticky-nav-text-color); } .navbox-table-layout .navbox-group, .navbox-table-layout .navbox-subgroup { vertical-align: middle; text-align: center; } .navbox-header, .navbox-group, .navbox-subgroup { font-family: var(--theme-page-headings-font); font-weight: 500; letter-spacing: 0.5pt; } .navbox-group, .navbox-subgroup, .navbox-nogroup { background-color: var(--theme-page-background-color--secondary); color: var(--theme-page-text-color); font-size: 14px; } .navbox-group a, .navbox-subgroup a { color: var(--theme-page-text-color); } .navbox-subgroup, .navbox-list { font-size: 12px; } .navbox .table-scrollable { margin: 0; } .navbox-table .navbox-padding { padding: 9px; } /* Navbox cellspacing */ .navbox-table-wrapper, .navbox-table-layout { margin-left: -1px; margin-right: -1px; margin-bottom: -1px; } .navbox-table-wrapper:first-child, .navbox-section-wrapper:first-child { margin-top: -1px; } .navbox-table { border-spacing: 1px; } .navbox-section { margin: 1px 0; } .navbox-horizontal-layout { margin-right: -1px; } .navbox-col { margin-top: 1px; } .navbox-col .navbox-group { margin-bottom: 1px; margin-right: 1px; } .navbox-col .navbox-list { margin-right: 1px; }