MediaWiki:Mobile.css: Difference between revisions

Want an adless experience? Log in or Create an account.
remove Tabs V2 selectors
(remove extra space below tab container in a navbox)
(remove Tabs V2 selectors)
Line 37: Line 37:
.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 */
/* Tabs */
 
/* Hide things until the js is ready to show them */
/* Hide things until the js is ready to show them */
.tabcontent2:not(.default), .zdw-tabcontent:not(.default) { display: none; }
.zdw-tabcontent:not(.default) { display: none; }


/* Tabs2D */
/* Tabs2D */
.tabs2d.tabtarget, .zdw-tabcontainer { position: relative; padding: 10px; }
.zdw-tabcontainer { position: relative; padding: 10px; }
.tabs2d.tabtarget.hastabstop, .zdw-tabcontainer--hastabstop { margin-top: 33px !important; }
.zdw-tabcontainer--hastabstop { margin-top: 33px !important; }
.tabs2d > .tabsettop, .zdw-tabcontainer__tabset--top { position: absolute; top: -32px; }
.zdw-tabcontainer__tabset--top { position: absolute; top: -32px; }
.tabs2d > .tabsetleft, .zdw-tabcontainer__tabset--left { float: left; }
.zdw-tabcontainer__tabset--left { float: left; }
.zdw-tabset { margin: 0 !important; }
.zdw-tabset { margin: 0 !important; }
.tabs2d > .tabset, .zdw-tabset { display: flex; overflow-x: auto; }
.zdw-tabset { display: flex; overflow-x: auto; }
.tabs2d > .tabsetleft, .zdw-tabcontainer__tabset--left .zdw-tabset { flex-direction: column; }
.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; }
.zdw-tab  { display: block; padding: 0px 10px; margin: 0px; border: 1px solid #5a7db5; }
.tabs2d > .tabsettop > .tab2, .zdw-tabcontainer__tabset--top .zdw-tab { height: 30px; line-height: 30px; white-space: nowrap; }
.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; }
.zdw-tabcontainer__tabset--left .zdw-tab { padding: 5px 10px; }
.tabs2d > .tabsettop > .tab2 + .tab2, .zdw-tabcontainer__tabset--top .zdw-tab + .zdw-tab { margin-left: -1px; }
.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; }
.zdw-tabcontainer__tabset--left .zdw-tab + .zdw-tab { margin-top: -1px; }


.tabs2d > .tabset > .tab2, .zdw-tab { background-color: #e6e6e6; }
.zdw-tab { background-color: #e6e6e6; }
.tabs2d > .tabset > .tab2.active, .zdw-tab.active { background-color: #f0ddbd; }
.zdw-tab.active { background-color: #f0ddbd; }
.tabs2d > .tabsettop > .tab2, .zdw-tabcontainer__tabset--top .zdw-tab { border-bottom-color: #253125; }
.zdw-tabcontainer__tabset--top .zdw-tab { border-bottom-color: #253125; }
.tabs2d > .tabsetleft > .tab2, .zdw-tabcontainer__tabset--left .zdw-tab { border-right-color: #253125; }
.zdw-tabcontainer__tabset--left .zdw-tab { border-right-color: #253125; }
.tabs2d > .tabsettop > .tab2.active, .zdw-tabcontainer__tabset--top .zdw-tab.active { border-bottom-color: #f0ddbd; }
.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; }
.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; }
.zdw-tab:hover { background-color: #5a7db5 !important; color: #fefefe; cursor: pointer; }


.tabs2d .wikitable, .zdw-tabcontent .wikitable { margin-top: 0px; }
.zdw-tabcontent .wikitable { margin-top: 0px; }


/* Remove extra space below tab container in a navbox */
/* Remove extra space below tab container in a navbox */
.zdw-box.navbox .zdw-box.zdw-tabcontainer { margin-bottom: 0; }
.zdw-box.navbox .zdw-box.zdw-tabcontainer { margin-bottom: 0; }
/* Mobile fixes for Tabs */
.zdw-tabset { padding-left: 0px !important; }
.zdw-tab { margin-bottom: 0px !important; }
/* End Tabs */


/* Mobile fixes for boxes */
/* Mobile fixes for boxes */
Line 87: Line 94:
   margin-top: 0;
   margin-top: 0;
}
}
/* Mobile fixes for tabs */
.tabs2d > .tabset, .zdw-tabset { padding-left: 0px !important; }
.tabs2d > .tabset > .tab2, .zdw-tab { margin-bottom: 0px !important; }