17,230
edits
Want an adless experience? Log in or Create an account.
flex
(change tabs from float to inline-block with nowrap so they don't overflow into content) |
(flex) |
||
| Line 46: | Line 46: | ||
.tabs2d > .tabsettop, .zdw-tabcontainer__tabset--top { position: absolute; top: -32px; } | .tabs2d > .tabsettop, .zdw-tabcontainer__tabset--top { position: absolute; top: -32px; } | ||
.tabs2d > .tabsetleft, .zdw-tabcontainer__tabset--left { float: left; } | .tabs2d > .tabsetleft, .zdw-tabcontainer__tabset--left { float: left; } | ||
.tabs2d > . | .tabs2d > .tabset, .zdw-tabset { display: flex; } | ||
.tabs2d > . | .tabs2d > .tabsetleft, .zdw-tabcontainer__tabset--left .zdw-tabset { flex-direction: column; } | ||
.tabs2d > .tabset > .tab2, .zdw-tab { display: block; padding: 0px 10px; margin: 0px; border: 1px solid #5a7db5; } | .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 { | .tabs2d > .tabsettop > .tab2, .zdw-tabcontainer__tabset--top .zdw-tab { height: 30px; line-height: 30px; } | ||
.tabs2d > .tabsetleft > .tab2, .zdw-tabcontainer__tabset--left .zdw-tab { padding: 5px 10px; } | .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 > .tabsettop > .tab2 + .tab2, .zdw-tabcontainer__tabset--top .zdw-tab + .zdw-tab { margin-left: -1px; } | ||