17,230
edits
Want an adless experience? Log in or Create an account.
add tabs
(update box selectors) |
(add tabs) |
||
| Line 56: | Line 56: | ||
.infobox-nondiegetic, .infobox-nondiegetic .title, .infobox-nondiegetic th, .infobox-nondiegetic td { border-color: gray; } | .infobox-nondiegetic, .infobox-nondiegetic .title, .infobox-nondiegetic th, .infobox-nondiegetic td { border-color: gray; } | ||
.infobox-nondiegetic .title, .infobox-nondiegetic .header, .infobox-nondiegetic .label { background-color: #cccccc; } | .infobox-nondiegetic .title, .infobox-nondiegetic .header, .infobox-nondiegetic .label { background-color: #cccccc; } | ||
/* Tabs2 Core Functionality */ | |||
/* Hide things until the js is ready to show them */ | |||
.tabcontent2:not(.default), .zdw-tabcontent:not(.default) { display: none; } | |||
/* Tabs2D */ | |||
.tabs2d.tabtarget, .zdw-tabcontainer { position: relative; padding: 10px; } | |||
.tabs2d.tabtarget.hastabstop, .zdw-tabcontainer--hastabstop { margin-top: 31px; } | |||
.tabs2d > .tabsettop, .zdw-tabcontainer__tabset--top { position: absolute; top: -32px; } | |||
.tabs2d > .tabsetleft, .zdw-tabcontainer__tabset--left { float: left; } | |||
.tabs2d > .tabsettop, .zdw-tabset { margin: 0px !important; } | |||
.tabs2d > .tabset > .tab2, .zdw-tab { display: block; padding: 0px 10px; margin: 0px; border: 1px solid #5a7db5; } | |||
.tabs2d > .tabsettop > .tab2, .zdw-tabcontainer__tabset--top .zdw-tab { float: left; height: 30px; line-height: 30px; } | |||
.tabs2d > .tabsetleft > .tab2, .zdw-tabcontainer__tabset--left .zdw-tab { padding: 5px 10px; } | |||
.tabs2d > .tabsettop > .tab2 + .tab2, .zdw-tabcontainer__tabset--top .zdw-tab + .zdw-tab { margin-left: -1px; } | |||
.tabs2d > .tabsetleft > .tab2 + .tab2, .zdw-tabcontainer__tabset--left .zdw-tab + .zdw-tab { margin-top: -1px; } | |||
.tabs2d > .tabset > .tab2, .zdw-tab { background-color: #e6e6e6; } | |||
.tabs2d > .tabset > .tab2.active, .zdw-tab.active { background-color: #f0ddbd; } | |||
.tabs2d > .tabsettop > .tab2.active, .zdw-tabcontainer__tabset--top .zdw-tab.active { border-bottom-color: #f0ddbd; } | |||
.tabs2d > .tabsetleft > .tab2.active, .zdw-tabcontainer__tabset--left .zdw-tab.active { border-right-color: #f0ddbd; } | |||
.tabs2d > .tabset > .tab2:hover, .zdw-tab:hover { background-color: #5a7db5 !important; color: #fefefe; cursor: pointer; } | |||
.tabs2d .wikitable, .zdw-tabcontent .wikitable { margin-top: 0px; } | |||