MediaWiki:CustomTabs.css

/** 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%; }

/* 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; 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; 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; text-transform: uppercase }

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