JSF 1.1 Tab Set Component CSS Classes

See Also | Tutorials

The following CSS style classes for the Tab Set component are defined in the defaulttheme.jar file:

css_master.css
/* LEVEL 1 TABS */
.Tab1Div {background-color:#D3E0EB; background-image:url(../images/tabs/level1_background.jpg); background-repeat:repeat-x; background-position:left bottom; padding:6px 10px 0px}
a.Tab1Lnk:link, a.Tab1Lnk:visited {color:#000;text-decoration:none; display:block; padding:8px 15px 7px; font-weight:bold; text-align:center}
a.Tab1Lnk:hover {text-decoration:underline}
.Tab1Div td {background-color:#A0B7CC; border:solid 1px #6E7F90; background-image:url(../images/tabs/level1_deselect.jpg); background-repeat:repeat-x; background-position:left top}
.Tab1Div td.Tab1TblSpcTd {background-color:#B0D0E7; background-image:url(../images/tabs/level1_background.jpg); background-repeat:repeat-x; background-position:left top; border:none}
.Tab1Div div.Tab1SelTxtNew {color:#000}
.Tab1Div td.Tab1TblSelTd {background-color:#EDF5F8; background-image:url(../images/tabs/level1_selected.jpg); background-repeat:repeat-x; background-position:left top; border-bottom:none}
table.Tab1TblNew td.Tab1TblSelTd {background-color:#FFF; background-image:url(../images/tabs/level1_selected-1lev.jpg)}
.Tab1Div table {border-collapse:collapse}
.Tab1Div div.Tab1SelTxtNew {display:block;padding:8px 15px 7px;font-weight:bold;text-align:center}
.Tab1Div td a.TabPad {padding:8px 20px 7px} .Tab1Div td.Tab1TblSelTd div.TabPad {padding:8px 20px 7px}
/* LEVEL 2 TABS */
.Tab2Div {background-color:#B9D0E1; background-image:url(../images/tabs/level2_background.jpg); background-repeat:repeat-x; background-position:left top; padding:6px 0px 0px 10px}
a.Tab2Lnk:link, a.Tab2Lnk:visited {color:#000;text-decoration:none; display:block;padding:5px 15px 4px;text-align:center}
a.Tab2Lnk:hover {text-decoration:underline}
.Tab2Div td {background-color:#BBD5E3; border-left:solid 1px #6E7F90; border-right:solid 1px #6E7F90; border-top:solid 1px #6E7F90; border-bottom:none; background-image:url(../images/tabs/level2_deselect.jpg); background-repeat:repeat-x; background-position:left top}
.Tab2Div div.Tab2SelTxt {color:#000; display:block; padding:5px 15px 4px; font-weight:normal; text-align:center}
.Tab2Div td.Tab2TblSelTd {background-color:#E5F2F7; border-left:solid 1px #6E7F90; border-right:solid 1px #6E7F90; border-top:solid 1px #6E7F90; background-image:url(../images/tabs/level2_selected.jpg); border-bottom:none; background-repeat:repeat-x; background-position:left top}
.Tab2Div table {border-collapse:collapse}
.Tab2Div td a.TabPad {padding:5px 20px 4px}
.Tab2Div td.Tab2TblSelTd div.TabPad {padding:5px 20px 4px}
/* LEVEL 3 TABS*/
.Tab3Div {background-color:#D2E1EC; background-image:url(../images/tabs/level3_background.gif); padding:6px 0px 0px 10px; background-repeat:repeat-x; background-position:left top}
a.Tab3Lnk:link,a.Tab3Lnk:visited {color:#000;text-decoration:none; display:block;padding:4px 15px 3px;text-align:center}
a.Tab3Lnk:hover {text-decoration:underline}
.Tab3Div td {border-bottom:solid 1px #CDE1F0}
.Tab3Div div.Tab3SelTxt {color:#000; font-weight:normal; padding:4px 15px 3px; text-align:center}
.Tab3Div td.Tab3TblSelTd {border-left:solid 1px #6E7F90; border-right:solid 1px #6E7F90; border-top:1px solid #6E7F90; background-color:#FFF; background-image:url(../images/tabs/level3_selected.jpg); border-bottom:none; background-repeat:repeat-x; background-position:left top}
.Tab3Div td a.TabPad {padding:5px 20px 4px}
.Tab3Div td.Tab3TblSelTd div.TabPad {padding:5px 20px 4px}
/* Hide Styles */
.Tab1Div td.hidden, .Tab2Div td.hidden, .Tab3Div td.hidden {display:none} /* MINI-TABS */
.MniTabDiv {background-color:#B9D0E1; background-image:url(../images/tabs/minitab_background.jpg)} table.MniTabTbl td {background-color:#B9D0E1;border:solid 1px #6E7F90; background-image:url(../images/tabs/minitab_deselect.jpg); border-bottom:none}
a.MniTabLnk:link,a.MniTabLnk:visited {color:#000;text-decoration:none}
a.MniTabLnk:hover {text-decoration:underline}
.MniTabSelTxt {color:#000;text-decoration:none} table.MniTabTbl td.MniTabTblSelTd {background-color:#FFFFFF; border-left:solid 1px #6E7F90; border-right:solid 1px #6E7F90; border-top:solid 1px #6E7F90; background-image:url(../images/tabs/minitab_selected.jpg); border-bottom:none}
.MniTabDiv td.hidden {display:none} .MniTabDiv {background-repeat:repeat-x; background-position:left top;padding:6px 0px 0px 10px} table.MniTabTbl {border-collapse:collapse}
table.MniTabTbl td {background-repeat:repeat-x; background-position:left top} a.MniTabLnk:link,a.MniTabLnk:visited {display:block;padding:5px 15px 4px;font-size:12px} .MniTabSelTxt {display:block;padding:5px 15px 4px; font-size:12px;text-decoration:none} table.MniTabTbl td.MniTabTblSelTd {border-bottom:none; background-repeat:repeat-x; background-position:left top} /* MINI-TABS - LIGHTWEIGHT */ .TabGrp {}
.TabGrp .TabGrpBox {border:1px solid #6E7F90; border-top:none;padding:10px} .TabGrp .MniTabDiv {background-color:transparent; background-position:left bottom; background-image:url(../images/tabs/minitab_lt_background.jpg)} .TabGrp table.MniTabTbl td {border-bottom:solid 1px #6E7F90} .TabGrp table.MniTabTbl td.MniTabTblSelTd {border-bottom:none} .TabGrp a.MniTabLnk:link, .TabGrp a.MniTabLnk:visited {padding:4px 10px 3px}
.TabGrp .MniTabSelTxt {padding:4px 10px 3px} .TabGrp .MniTabDiv td.hidden {display:none}
See Also
Tab Set Component
Tab Component
About Themes
Tutorials

Legal Notices