MediaWiki:Gadget-tabs.css

/* dynamictabs */ div.tabs-dynamic, div.tabs-static { overflow: hidden; min-width: calc(320px - 2em); }

ul.tabs { margin: 0; padding: 0; }

ul.tabs > li { background-color: var(--interface-background); border: 1px solid var(--interface-border); border-bottom: 0; border-radius: 2px 2px 0 0; cursor: pointer; display: inline-block; font-size: 90%; margin: 0.25em 0 0; padding: 1px 0.35em; }

ul.tabs > li.active { background-color: var(--content-bg-color); border: 2px solid var(--wiki-color); margin-bottom: -2px; padding-bottom: 3px; border-bottom: 0; }

div.tabs-content { background-color: var(--content-bg-color); border: 2px solid var(--wiki-color); border-right: 0; border-bottom: 0; padding: 0.5em; }

div.tabs-content > div:not(.active) { display: none; }

div.tabs-content > div { overflow-x: auto; overflow-y: hidden; }

ul.tabs > li + li { margin-left:0.35em; }

/* start Module:TabsHeader styles */ .tabheader-tabs, .tabheader-top { margin-bottom: 0.75em; border-bottom: 1px solid var(--tabheader-border); line-height: 1em; }

.navbox + .tabheader-tabs, .navbox + .tabheader-top { margin-top: 0.3em; }

.tabheader-tab { display: inline-block; padding: 0.4em 0.5em 0.2em; background-color: var(--tabheader-tab); font-size: 90%; line-height: 1em; margin: 3px 0 -1px 0.4em; border-bottom: 1px solid var(--tabheader-border); }

.tabheader-active { background-color: var(--content-bg-color); border: solid 1px var(--tabheader-border); border-bottom-color: var(--content-bg-color); font-weight: bold; }

.correspondingpagebox { margin: -0.4em 0 0; border: 1px dashed var(--tabheader-border); float: right; padding: 0.3em 0.5em 0.25em; font-size: 90%; line-height: 0.95em; } /* end Module:TabsHeader styles */ /* start titletabs */ .titletabs-tabs { width: 100%; line-height: normal; text-align: center; padding: 0 0 4px; background-color: var(--titletabs-background); }

.titletabs-row2 { background-color: transparent; }

.titletabs-tab { display: inline-block; padding: 5px; background-color: transparent; }

.titletabs-tabs .titletabs-tab, .titletabs-tabs .titletabs-tab a:visited, .titletabs-tabs .titletabs-tab a { color: var(--body-text-color); font-size: 100%; text-decoration: none; }

.titletabs-tab.active, .titletabs-active { background-color: var(--wiki-accent); }

.titletabs-tabs .optionfromlist-toggler-lazy.active, .titletabs-tabs .optionfromlist-toggler.active, .titletabs-tab.active, .titletabs-tab.active a:visited, .titletabs-tab.active a, .titletabs-active a:visited, .titletabs-active a { color: var(--accent-text-color); font-size: 110%; } /* end titletabs */