17,230
edits
Want an adless experience? Log in or Create an account.
change tabs from float to inline-block with nowrap so they don't overflow into content
m (need more specificity for zdw-tabset padding) |
(change tabs from float to inline-block with nowrap so they don't overflow into content) |
||
| Line 1: | Line 1: | ||
/* CSS placed here will affect users of the mobile site */ | /* CSS placed here will affect users of the mobile site */ | ||
/* Common boxes */ | /* Common boxes */ | ||
| Line 67: | Line 47: | ||
.tabs2d > .tabsetleft, .zdw-tabcontainer__tabset--left { float: left; } | .tabs2d > .tabsetleft, .zdw-tabcontainer__tabset--left { float: left; } | ||
.tabs2d > .tabsettop, .zdw-tabset { margin: 0px !important; } | .tabs2d > .tabsettop, .zdw-tabset { margin: 0px !important; } | ||
.tabs2d > . | .tabs2d > .tabsettop, .zdw-tabcontainer__tabset--top .zdw-tabset { white-space: nowrap; } | ||
.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 { display: inline-block; 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; } | ||
| Line 81: | Line 61: | ||
.tabs2d .wikitable, .zdw-tabcontent .wikitable { margin-top: 0px; } | .tabs2d .wikitable, .zdw-tabcontent .wikitable { margin-top: 0px; } | ||
/* Mobile fixes for boxes */ | |||
#page-actions li { | |||
display: inline-block; | |||
} | |||
.box.infobox { | |||
float: none !important; | |||
margin-left: 0 !important; | |||
width: auto !important; | |||
} | |||
.box table { | |||
display: table; | |||
margin: 0; | |||
} | |||
.box tr.header { | |||
display: table-row; | |||
height: initial; | |||
border-top: none; | |||
margin-top: 0; | |||
} | |||
/* Mobile fixes for tabs */ | |||
.tabs2d > .tabset, .zdw-tabset { padding-left: 0px !important; } | |||
.tabs2d > .tabset > .tab2, .zdw-tab { margin-bottom: 0px !important; } | |||