mirror of
https://github.com/classilla/tenfourfox.git
synced 2024-10-22 02:25:05 +00:00
92 lines
2.2 KiB
CSS
92 lines
2.2 KiB
CSS
|
/* This Source Code Form is subject to the terms of the Mozilla Public
|
||
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
||
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
||
|
|
||
|
/* ===== tabbox.css =================================================
|
||
|
== Styles used by XUL tab-related elements.
|
||
|
======================================================================= */
|
||
|
|
||
|
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||
|
|
||
|
|
||
|
/* ::::: tabs ::::: */
|
||
|
|
||
|
tabs {
|
||
|
position: relative;
|
||
|
z-index: 0;
|
||
|
}
|
||
|
|
||
|
/* ::::: tabpanels ::::: */
|
||
|
|
||
|
tabpanels {
|
||
|
-moz-appearance: tabpanels;
|
||
|
border: 2px solid;
|
||
|
-moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
|
||
|
-moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
|
||
|
-moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
|
||
|
-moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
|
||
|
padding: 8px;
|
||
|
background-color: -moz-Dialog;
|
||
|
color: -moz-DialogText;
|
||
|
}
|
||
|
|
||
|
/* ::::: tab ::::: */
|
||
|
|
||
|
tab {
|
||
|
position: relative;
|
||
|
-moz-appearance: tab;
|
||
|
margin-top: 2px;
|
||
|
border: 2px solid;
|
||
|
border-bottom: none;
|
||
|
-moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
|
||
|
-moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
|
||
|
-moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
|
||
|
border-top-left-radius: 2px;
|
||
|
border-top-right-radius: 2px;
|
||
|
padding: 3px 4px;
|
||
|
background-color: -moz-Dialog;
|
||
|
color: -moz-DialogText;
|
||
|
}
|
||
|
|
||
|
tab[visuallyselected="true"] {
|
||
|
z-index: 1;
|
||
|
margin-top: 0;
|
||
|
margin-bottom: -2px;
|
||
|
border-bottom-left-radius: 3px;
|
||
|
border-bottom-right-radius: 3px;
|
||
|
padding-top: 4px;
|
||
|
padding-bottom: 6px;
|
||
|
}
|
||
|
|
||
|
tab + tab {
|
||
|
-moz-margin-start: -2px;
|
||
|
}
|
||
|
|
||
|
.tab-text {
|
||
|
margin: 0 !important;
|
||
|
}
|
||
|
|
||
|
/* ::::: tab-bottom ::::::::::
|
||
|
:: Tabs that are attached to the bottom of a panel, but not necessarily
|
||
|
:: a tabpanels.
|
||
|
::::: */
|
||
|
|
||
|
.tab-bottom {
|
||
|
margin-top: 0;
|
||
|
margin-bottom: 2px;
|
||
|
border-top: none;
|
||
|
border-bottom: 2px solid;
|
||
|
-moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
|
||
|
border-top-left-radius: 0;
|
||
|
border-top-right-radius: 0;
|
||
|
border-bottom-right-radius: 2px;
|
||
|
border-bottom-left-radius: 2px;
|
||
|
}
|
||
|
|
||
|
.tab-bottom[visuallyselected="true"] {
|
||
|
margin-bottom: 0;
|
||
|
margin-top: -2px;
|
||
|
padding-top: 6px;
|
||
|
padding-bottom: 4px;
|
||
|
}
|