Jquery UI Tabs Reset CSS

Jquery UI tabs css reset style

tabexample1

.ui-tabs { position: relative; padding: 0; zoom: 1; margin-top: 5px; margin-left: 8px;  } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0;  }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a {  float: left; padding: 2px; text-decoration: none; }
.ui-tabs .ui-tabs-nav li a:hover { background: transparent; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {  margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color:#6B6155 }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0;   }
.ui-tabs .ui-tabs-hide { display: none !important;  }

Leave a comment