MediaWiki:FBTabbers.css

/** * Induce Fruits Basket Wiki's Oasis-style * @author Ursuul  */

/* Configurable vars */ .tabber { --fb-tabber-color: #7670A6; --fb-tabber-color--hover: var(--fb-tabber-color); --fb-tabber-color--selected: #000000; --fb-tabber-background-color: #F7E4F2; --fb-tabber-background-color--hover: var(--fb-tabber-background-color); --fb-tabber-background-color--selected: #FF5C94; }

/* Unset UCX styles */ .tabber .wds-tabs__tab-label, .tabber .wds-tabs__tab, .tabber .wds-tabs { all: unset; }

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

/* Implement FB-style tabber framework */ .tabber .wds-tabs { display: flex; flex-wrap: wrap; justify-content: center; }

.tabber .wds-tabs__tab { background-color: var(--fb-tabber-background-color, #F7E4F2); font-size: small; color: var(--fb-tabber-color, #7670A6); padding: 1px 3px 0; border: thin solid var(--theme-border-color); border-bottom: 0; border-radius: 8px 8px 0 0; margin: 3px 1px 0; }

.tabber .wds-tabs__tab:first-child { margin-left: 0; }

.tabber .wds-tabs__tab.wds-is-current { background-color: var(--fb-tabber-background-color--selected, #FF5C94); font-weight: bold; color: var(--fb-tabber-color--selected, #000000); border-color: var(--fb-tabber-background-color--selected, #FF5C94); }

.tabber .wds-tabs__tab:not(.wds-is-current):hover { background-color: var(--fb-tabber-background-color--hover, #FF5C94); color: var(--fb-tabber-color--hover, #000000); }