mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-14 07:27:34 +00:00
90 lines
1.9 KiB
CSS
90 lines
1.9 KiB
CSS
|
/********** Tab widget *********/
|
||
|
|
tab {
|
||
|
|
border-top: 1px solid white;
|
||
|
|
border-bottom: 1px solid #666666;
|
||
|
|
border-left: 1px solid white;
|
||
|
|
border-right: 1px solid #666666;
|
||
|
|
color: black;
|
||
|
|
padding: 3px 5px 3px 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* when a tab is selected this is how it should look */
|
||
|
|
tab[selected="true"] {
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
tab:hover {
|
||
|
|
color: #003366;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
tab:hover:active {
|
||
|
|
border-top: 1px solid #666666;
|
||
|
|
border-bottom: 1px solid white;
|
||
|
|
border-left: 1px solid #666666;
|
||
|
|
border-right: 1px solid white;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
tabbox {
|
||
|
|
padding: 0px 2px 0px 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* top tabs */
|
||
|
|
tabcontrol[align="vertical"] tabbox[align="horizontal"] tab {
|
||
|
|
border-bottom: none;
|
||
|
|
-moz-border-radius: 8px 8px 0px 0px;
|
||
|
|
padding-bottom: 1px;
|
||
|
|
margin: 1px 2px 1px 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* bottom tabs */
|
||
|
|
tabcontrol[align="vertical"] tabpanel + tabbox[align="horizontal"] tab {
|
||
|
|
border-top: none;
|
||
|
|
border-bottom: 1px solid #666666;
|
||
|
|
border-left: 1px solid white;
|
||
|
|
border-right: 1px solid #666666;
|
||
|
|
-moz-border-radius: 0px 0px 8px 8px;
|
||
|
|
padding: 1px 5px 3px 5px;
|
||
|
|
margin: 1px 2px 1px 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* left tabs */
|
||
|
|
tabcontrol[align="horizontal"] tabbox[align="vertical"] tab {
|
||
|
|
border-right: none;
|
||
|
|
-moz-border-radius: 8px 0px 0px 8px;
|
||
|
|
padding-right: 1px;
|
||
|
|
margin: 2px 1px 2px 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* right tabs */
|
||
|
|
tabcontrol[align="horizontal"] tabpanel + tabbox[align="vertical"] tab {
|
||
|
|
border-top: 1px solid white;
|
||
|
|
border-bottom: 1px solid #666666;
|
||
|
|
border-left: none;
|
||
|
|
border-right: 1px solid #666666;
|
||
|
|
-moz-border-radius: 0px 8px 8px 0px;
|
||
|
|
padding: 3px 5px 1px 5px;
|
||
|
|
margin: 2px 1px 2px 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
tabcontrol {
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* border on bottom only, no padding (used in search) */
|
||
|
|
tabpanel.light {
|
||
|
|
border: none;
|
||
|
|
border-bottom: 1px outset #CCCCCC;
|
||
|
|
padding: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
tabpanel {
|
||
|
|
border-top: 1px solid white;
|
||
|
|
border-bottom: 1px solid #666666;
|
||
|
|
border-left: 1px solid white;
|
||
|
|
border-right: 1px solid #666666;
|
||
|
|
padding: 5px;
|
||
|
|
}
|
||
|
|
|