MediaWiki:MHATabbers.css

/** * Induce My Hero Academia's Oasis-style * @author Ursuul  */

/* Configurable vars */ .tabber.wds-tabber { --mha-tabber-selected: #8B0000; --mha-tabber-default: #CECACA; --mha-tabber-hover: #FFD700; --mha-tabber-border: #000000; }

/* Reset EVERYTHING */ .tabber.wds-tabber .wds-tabs__tab-label, .tabber.wds-tabber .wds-tabs__tab, .tabber.wds-tabber .wds-tabs { all: unset; }

.tabber.wds-tabber .wds-tabs__wrapper.with-bottom-border { border-bottom: none; }

.tabber.wds-tabber .wds-tabs__wrapper .wds-tabs__arrow-left, .tabber.wds-tabber .wds-tabs__wrapper .wds-tabs__arrow-right { display: none; }

/* Rebuild from scratch */ .tabber.wds-tabber .wds-tabs { display: block; padding-top: 6px; }

.tabber.wds-tabber .wds-tabs__tab:not(:first-child) { margin-left: 3px; }

.tabber.wds-tabber .wds-tabs__tab-label { background-color: var(--mha-tabber-selected, #8B0000); font-weight: bold; font-size: 13px; color: #FFFFFF; padding: 3px 6px; border: 1px solid var(--mha-tabber-border, #000000); border-radius: 6px; }

.tabber.wds-tabber .wds-is-current .wds-tabs__tab-label a { cursor: text; }

.tabber.wds-tabber .wds-tabs__tab:not(.wds-is-current) .wds-tabs__tab-label { background-color: var(--mha-tabber-default, #CECACA); text-shadow: 0 0 0.5em #000000; }

.tabber.wds-tabber .wds-tabs__tab:not(.wds-is-current) .wds-tabs__tab-label:hover { background-color: var(--mha-tabber-hover, #FFD700); text-decoration: underline; }