MediaWiki:Common.css: Difference between revisions

Want an adless experience? Log in or Create an account.
port tabs css fixes from mobile
m (need more specificity for zdw-tabset padding)
(port tabs css fixes from mobile)
Line 142: Line 142:
.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 > .tabsettop, .zdw-tabset { margin: 0px !important; }
.tabs2d > .tabset, .zdw-tabset { display: flex; overflow-x: auto; }
.tabs2d > .tabset, ul.zdw-tabset { padding: 0px; }
.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 { float: left; height: 30px; line-height: 30px; }
.tabs2d > .tabsettop > .tab2, .zdw-tabcontainer__tabset--top .zdw-tab { height: 30px; line-height: 30px; white-space: nowrap; }
.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; }