css
No notes
Syntax:
CSS
.prodtabs{ clear:both; font-family:Arial, Helvetica, sans-serif; background:#fff; margin: -3px 3px 0px 3px; padding-top:0px; } /* Caution! Ensure accessibility in print and other media types... */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .ui-tabs-hide { display: none; } } /* Hide useless elements in print layouts... */ @media print { .ui-tabs-nav { display: none; } } .prodtabs ul#tabNav{ margin: 0px 0px 0px 0px; padding-left:20px; } .prodtabs ul#tabNav li{ background:url(images/border_links.gif) no-repeat; float:left; display:inline; padding-left:16px; height:34px; } .prodtabs ul#tabNav li.ui-tabs-selected{ position:relative; z-index:999;} .prodtabs ul#tabNav li.ui-tabs-selected a{ color:#e60071; font-size:15px; } .prodtabs ul#tabNav li a{ background:#ebebeb url(images/grad_title.gif) repeat-x left 4px; float:left; border:1px solid #bcbcbc; position:relative; border-left:0; border-bottom:0; height:26px; padding:7px 12px 0 0px; } .prodtabs ul#tabNav li a:hover{ color:#e60071; } .prodtabs .ui-tabs-panel{ position:relative; z-index:10; padding:20px; border:1px solid #ffffff; border-top:3px solid #ececec; margin: -3px -3px 0px -3px; } .spacer { height: 20px; }