User:Ckwng/TabViewMonobook.css

ul.tabs, ol.tabs { margin: 0; }

.tabs { border-bottom: 1px solid #58B; overflow: visible; padding-left: 5px; } .tabs li { float: left; list-style: none; margin: 0 1px; padding: 0; position: relative; } .tabs li a { border: 1px solid transparent; border-top-left-radius: 4px; border-top-right-radius: 4px; cursor: pointer; display: inline-block; font-size: 14px; line-height: 23px; padding: 6px 12px 3px; position: relative; top: 1px; } .tabs li .chevron { display: none; } .tabs .selected a { border-bottom: 1px solid transparent; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-top: 1px solid #CCC; background: #FFF; color: #3A3A3A; cursor: text; font-weight: bold; text-decoration: none; } .tabs .selected a:hover { padding-bottom: 3px; } .tabs .accent { background-color: transparent; } .tabs .disabled a { color: #7f7f7f; pointer-events: none; }

.tabs:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden; }

/* .ui-tabs { position: relative; padding: .2em; zoom: 1;

.ui-tabs-nav { border-bottom: 1px solid $color-page-border; overflow: hidden; padding-left: 5px; margin-left:5px; }	.ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }	.ui-tabs-nav li a { @include linear-gradient($color-tab-background, top, $color-tab-background-top, 50%, $color-tab-background-bottom, 100%); border-top-left-radius: 5px; border-top-right-radius: 5px; color: $color-text; display: inline-block; font-size: 12px; margin-top: 7px; padding: 6px 20px 3px; &:hover { text-decoration: none; }	}	.ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }	.ui-tabs-nav li.ui-tabs-selected a { cursor: text; @include linear-gradient($color-active-tab-background-top, top, $color-active-tab-background-top, 50%, $color-active-tab-background-bottom, 100%); color: $color-button-text; font-weight: bold; }	.ui-tabs-nav li.ui-state-disabled a,	.ui-tabs-nav li.ui-state-processing a { cursor: text; }	.ui-tabs-nav li a,	.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } *//* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... *//*	.ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }	.ui-tabs-hide { display: none !important; } }

.tabBody { display:none; min-height: 100px; position: relative; } .tabBody.selected{ display:block; }