MediaWiki:Fandomdesktop.css

.banner { width: 100%; height: 150px; background-position: center; background-size: 100%; background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://static.wikia.nocookie.net/reverse1999/images/a/aa/Reverse_1999_Banner.png'); } .flex { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .page-content h2:not(.pi-item) span.mw-headline, .page-content h3:not(.pi-item) span.mw-headline { background: linear-gradient(to top,rgba(var(--theme-link-color--rgb),0.2) 75%,transparent 75%,transparent 100%); } .fandom-community-header__local-navigation { --icon-width: 5px; }

/* Rarity Gradients */ .gradient6 { background-image: linear-gradient(to right, #EDC431, #B77B39); } .gradient5 { background-image: linear-gradient(to right, #D1C181, #D1C181); } .gradient4 { background-image: linear-gradient(to right, #724A7F, #724A7F); } .gradient3 { background-image: linear-gradient(to right, #545B78, #545B78); } .gradient2 { background-image: linear-gradient(to right, #424C3D, #424C3D); }

/* Centered Tabbers */ .tabber .wds-tabs__wrapper .wds-tabs { text-align: center; justify-content: center; } .portable-infobox .wds-tabs__tab { margin: 0 auto; }   justify-content: center; } .portable-infobox .wds-tabs__tab:first-child { margin-left: auto; } .portable-infobox .wds-tabs__tab:last-child { margin-right: auto; }
 * 1) mw-content-text .tabber ul.tabbernav {

/** For Template:CustomTabs **/ .custom-tabs { display: flex; flex-direction: row; gap: 5px; width: 100%; margin: 5px 0; flex-wrap: wrap; justify-content: space-evenly; }

.custom-tabs > span { border-radius: 4px; display: flex; align-items: center; text-align: center; justify-content: center; flex: 1; }

.custom-tabs a, .custom-tabs .selflink, .custom-tabs span.new { padding: 6px 6px; width: 100%; }

/* Mobile 2 column format */ .skin-fandommobile div.custom-tabs { display: grid; grid-template-columns: repeat(2, 50%); grid-auto-flow: row; flex-wrap: wrap; }

.skin-fandommobile .custom-tabs a, .skin-fandommobile .custom-tabs .selflink, .skin-fandommobile .custom-tabs span.new { font-size: 90%; }

/* Apply Color Scheme */ .custom-tabs span.active-tab { background-color: #C54E12; }

.custom-tabs span.active-tab strong { color: white; font-weight: bold; text-transform: uppercase }

.custom-tabs span.active-tab a:not(.new) { color: white; font-weight: bold; font-size: 12px; text-transform: uppercase }

.custom-tabs span.inactive-tab { background-color: rgba(197, 78, 18, 0.5); }

.custom-tabs span.inactive-tab a:not(.new) { color: white; font-weight: bold; font-size: 12px; text-transform: uppercase }

.custom-tabs span.inactive-tab:hover { background-color: #C54E12; }

.custom-tabs span.inactive-tab:hover a:not(.new) { color: white; font-weight: bold; font-size: 12px; text-transform: uppercase }

.wds-button-color { color: white; font-weight: bold; font-size: 12px; text-transform: uppercase }