MediaWiki:Fandomdesktop.css

/* FandomDesktop styling */ .page { border: 1px solid var(--theme-border-color); } .page__main { border-radius: 0; }   border-bottom: 1px solid var(--theme-border-color); }
 * 1) firstHeading {

/* Remove the gap if portable infobox is at top of page */ margin: 0 }
 * 1) mw-content-text .mw-parser-output > p:first-of-type,
 * 2) mw-content-text .mw-parser-output > .portable-infobox + p {

/* References fix */ .mw-parser-output .mw-references-wrap { clear: left; }

/* Portable infobox formatting */ .portable-infobox { background: var(--pi-background-body); border: 1px solid var(--theme-border-color); border-collapse: collapse; font-size: 10pt; padding: 4px; line-height: 1; } .portable-infobox * { border-style: hidden; } .portable-infobox .pi-border-color { border-color: var(--theme-border-color); }

.portable-infobox .pi-item-spacing { padding: 0; }

.portable-infobox .pi-title { background: var(--theme-accent-color); color: #fff; font-size: 20px; font-weight: bold; line-height: 24px; margin: 0; padding: 10px; text-align: center; } .portable-infobox .pi-header { background: var(--theme-accent-color); font-size: 12pt; } .portable-infobox .pi-item-spacing.pi-header { margin-top: 2px; padding: 5px; } .portable-infobox .pi-collapse .pi-header:first-child { padding: 5px 40px; }

.portable-infobox .pi-image { background: var(--pi-background-body); padding: 1px 0 0 0; } .portable-infobox .pi-caption { padding: 5px; text-align: center; } .portable-infobox .pi-data[data-source="caption"] .pi-data-value { color: #757575; font-style: normal; line-height: 18px; text-align: center; width: 100%; }

.portable-infobox .pi-data { border-collapse: collapse; grid-column-gap: 0; margin-top: 2px; } .portable-infobox .pi-data-label { background: var(--theme-accent-color); color: #fff; padding: 3px; text-align: center; margin: 2px 2px 0 0; } .portable-infobox .pi-data-value { margin-top: 2px; padding: 3px; text-align: left; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: 200px; }

/* Portable infobox specific data values */ .portable-infobox .pi-data[data-source="youtube"] .pi-data-value ul, .portable-infobox .pi-data[data-source="played_by"] .pi-data-value ul { margin-left: 0; } .portable-infobox .pi-data[data-source="youtube"] .pi-data-value li:before, .portable-infobox .pi-data[data-source="youtube"] .pi-data-value li::marker, .portable-infobox .pi-data[data-source="played_by"] .pi-data-value li:before, .portable-infobox .pi-data[data-source="played_by"] .pi-data-value li::marker { content: none; }

/* Portable infobox themes */ .portable-infobox.pi-theme-bonzi .pi-title, .portable-infobox.pi-theme-bonzi .pi-header, .portable-infobox.pi-theme-bonzi .pi-data-label { background: #842dce; } .portable-infobox.pi-theme-bulk .pi-title, .portable-infobox.pi-theme-bulk .pi-header, .portable-infobox.pi-theme-bulk .pi-data-label { background: #5c5858; } .portable-infobox.pi-theme-bob .pi-title, .portable-infobox.pi-theme-bob .pi-header, .portable-infobox.pi-theme-bob .pi-data-label { background: #e8a317; } .portable-infobox.pi-theme-brulk .pi-title, .portable-infobox.pi-theme-brulk .pi-header, .portable-infobox.pi-theme-brulk .pi-data-label { background: #800080; } .portable-infobox.pi-theme-granddad .pi-title, .portable-infobox.pi-theme-granddad .pi-header, .portable-infobox.pi-theme-granddad .pi-data-label { background: #800517; }

/* Navbox formatting */ table.navbox+table.navbox { margin-top: -1px; }

.navbox-title, .navbox-header, .navbox-abovebelow, table.navbox th { /* title and above/below styles */ padding-left: 1em; padding-right: 1em; text-align: center; }

.navbox { background: var(--theme-page-background-color); border: 1px solid var(--theme-border-color); font-size: 9pt; text-align: center; margin: 4px auto 0; width: 100%; }

.navbox-title, .navbox-header, .navbox-abovebelow { background: var(--theme-accent-color); color: #fff; font-weight: bold; text-align: center; width: auto; }

.navbox-group { background: var(--theme-accent-color); color: #fff; font-weight: bold; }

.navbox-subgroup { background: #ffffff; width: auto; }

.navbox-list { background: var(--pi-background-body); text-align: center; padding: 0; width: 84%; }

.navbox-title a, .navbox-header a, .navbox-group a, .navbox-abovebelow a, .navbox .mw-collapsible-toggle a { color: #FFF; }

/* Portable infobox and navbox tabbers */ .portable-infobox .wds-tabs, .navbox .wds-tabs { flex-flow: row wrap; overflow-x: visible; justify-content: center; align-items: center; } .portable-infobox .wds-tabs__tab-label, .navbox .wds-tabs__tab-label { height: 30px; } .portable-infobox .wds-tabs__arrow-left, .portable-infobox .wds-tabs__arrow-right, .navbox .wds-tabs__arrow-right, .navbox .wds-tabs__arrow-left { visibility: hidden; } .portable-infobox .wds-tabs__wrapper.left-arrow-visible .wds-tabs, .portable-infobox .wds-tabs__wrapper.right-arrow-visible .wds-tabs, .navbox .wds-tabs__wrapper.left-arrow-visible .wds-tabs, .navbox .wds-tabs__wrapper.right-arrow-visible .wds-tabs { -webkit-mask-image: none; } .navbox .wds-tabs li:after { content: none; } .navbox .wds-tabs__tab { padding-bottom: 4px; } .navbox .wds-tabs__tab a { text-decoration: none; }

/* Main page portal */ .portal { width: 100%; background: var(--pi-background-body); border: 2px solid var(--theme-border-color); margin-bottom: 16px; } .portal th { padding: 0.2em; background: var(--theme-accent-color); color: #fff; font-size: 120%; font-weight: bold; text-align: center; } .portal td { padding: 0.5em; } .portal hr { border-color: var(--theme-accent-color); background-color: var(--theme-accent-color); clear: both; height: 2px; width: 90%; }

/* Streams table, used with Template:StreamEntry */ .wikitable.streams-table { background: var(--pi-background-body); width: 100%; } .wikitable.streams-table tr th { background: var(--theme-accent-color); color: #fff; } .wikitable.streams-table .streams-table-highlights ul { margin: 0 0 0 16px; }