MediaWiki:Gadget-common-Tabber.css

.tabber { max-width: 670px; margin: auto; text-align: center; }

.tabber-wide .tabber { max-width: none; }

.tabber-wide .tabber__header { justify-content: center; }

.tabber__section { border: 1px solid black; background: #CAAC95; scroll-behavior: unset; }

.tabber__tabs { flex-flow: row-reverse wrap-reverse; justify-content: center; scroll-behavior: unset; box-shadow: unset; }

.tabber__tabs .tabber__tab { background:#a55b26; text-shadow: 1.4px 1.4px 0 black, -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black; box-shadow: inset 0 -1px 0 0 #572806; padding:1px 0.5em 2px 0.5em; font-size:16px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius:5px; border-top-right-radius:5px; border: 2px solid black; border-bottom: 0; color:white; font-weight:500; /* add spaces to tabview tabs */ margin-right: 2px; }

/* not applying on the last tabview tabs */ .tabber__tabs .tabber__tab li:last-child { margin-right: 0; }

.tabber__tabs .tabber__tab--active { font-weight:bold; color:white; background-color: #572806; box-shadow: inset 0 -2px 0 0 #3366cc; cursor: default; }

.tabber__tabs .tabber__tab:hover { box-shadow: inset 0 -2px 0 0 #447ff5; color: #447ff5; }

/* Reversing order of tabs */ .tabber__tabs .tabber__tab:nth-child(1) { order: 30; } .tabber__tabs .tabber__tab:nth-child(2) { order: 29; } .tabber__tabs .tabber__tab:nth-child(3) { order: 28; } .tabber__tabs .tabber__tab:nth-child(4) { order: 27; } .tabber__tabs .tabber__tab:nth-child(5) { order: 26; } .tabber__tabs .tabber__tab:nth-child(6) { order: 25; } .tabber__tabs .tabber__tab:nth-child(7) { order: 24; } .tabber__tabs .tabber__tab:nth-child(8) { order: 23; } .tabber__tabs .tabber__tab:nth-child(9) { order: 22; } .tabber__tabs .tabber__tab:nth-child(10) { order: 21; } .tabber__tabs .tabber__tab:nth-child(11) { order: 20; } .tabber__tabs .tabber__tab:nth-child(12) { order: 19; } .tabber__tabs .tabber__tab:nth-child(13) { order: 18; } .tabber__tabs .tabber__tab:nth-child(14) { order: 17; } .tabber__tabs .tabber__tab:nth-child(15) { order: 16; } .tabber__tabs .tabber__tab:nth-child(16) { order: 15; } .tabber__tabs .tabber__tab:nth-child(17) { order: 14; } .tabber__tabs .tabber__tab:nth-child(18) { order: 13; } .tabber__tabs .tabber__tab:nth-child(19) { order: 12; } .tabber__tabs .tabber__tab:nth-child(20) { order: 11; } .tabber__tabs .tabber__tab:nth-child(21) { order: 10; } .tabber__tabs .tabber__tab:nth-child(22) { order: 9; } .tabber__tabs .tabber__tab:nth-child(23) { order: 8; } .tabber__tabs .tabber__tab:nth-child(24) { order: 7; } .tabber__tabs .tabber__tab:nth-child(25) { order: 6; } .tabber__tabs .tabber__tab:nth-child(26) { order: 5; } .tabber__tabs .tabber__tab:nth-child(27) { order: 4; } .tabber__tabs .tabber__tab:nth-child(28) { order: 3; } .tabber__tabs .tabber__tab :nth-child(29) { order: 2; } .tabber__tabs .tabber__tab :nth-child(30) { order: 1; }