diff options
Diffstat (limited to 'toolkit/themes/windows/global/tabbox.css')
-rw-r--r-- | toolkit/themes/windows/global/tabbox.css | 133 |
1 files changed, 133 insertions, 0 deletions
diff --git a/toolkit/themes/windows/global/tabbox.css b/toolkit/themes/windows/global/tabbox.css new file mode 100644 index 000000000..6a414cc4e --- /dev/null +++ b/toolkit/themes/windows/global/tabbox.css @@ -0,0 +1,133 @@ +/* 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-left, +.tabs-right { + border-bottom: 2px solid; + -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; +} + +/* ::::: tabpanels ::::: */ + +tabpanels { + -moz-appearance: tabpanels; + border-right: 2px solid; + border-bottom: 2px solid; + border-left: 2px solid; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow; + padding: 8px; + background-color: -moz-Dialog; + color: -moz-DialogText; +} + +/* ::::: tab ::::: */ + +tab +{ + -moz-appearance: tab; + margin-top: 2px; + border-top: 2px solid; + border-right: 2px solid; + border-left: 2px solid; + border-bottom: 1px solid ThreeDHighlight; + -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: 1px 4px 2px 4px; + background-color: -moz-Dialog; + color: -moz-DialogText; +} + +tab:-moz-locale-dir(rtl) { + border-bottom-left-radius: 1px; + border-bottom-right-radius: 0px; +} + +.tab-text { + margin: 0 !important; +} + +tab[visuallyselected="true"] { + margin-top: 0; + border-bottom-color: transparent; + padding: 1px 6px 4px 6px; +} + +tab:-moz-focusring > .tab-middle { + /* Don't specify the outline-color, we should always use initial value. */ + outline: 1px dotted; +} + +tab[beforeselected="true"]:-moz-locale-dir(ltr), +tab[visuallyselected="true"]:-moz-locale-dir(rtl) + tab { + border-right: none; + border-top-right-radius: 0; +} + +tab[visuallyselected="true"]:-moz-locale-dir(ltr) + tab, +tab[beforeselected="true"]:-moz-locale-dir(rtl) { + border-left: none; + border-top-left-radius: 0; +} + +tab:first-of-type[visuallyselected="true"] { + padding-right: 5px; + padding-left: 5px; +} + +/* ::::: 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: 1px solid; + border-bottom: 2px solid; + -moz-border-top-colors: ThreeDShadow; + -moz-border-bottom-colors: ThreeDShadow ThreeDLightShadow; + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + padding: 2px 4px 1px 4px; +} + +.tab-bottom[visuallyselected="true"] { + margin-bottom: 0; + -moz-border-top-colors: -moz-Dialog; + padding: 4px 6px 1px 6px; +} + +.tab-bottom[beforeselected="true"]:-moz-locale-dir(ltr), +.tab-bottom[visuallyselected="true"]:-moz-locale-dir(rtl) + .tab-bottom { + border-bottom-right-radius: 0; +} + +.tab-bottom[visuallyselected="true"]:-moz-locale-dir(ltr) + .tab-bottom, +.tab-bottom[beforeselected="true"]:-moz-locale-dir(rtl) { + border-bottom-left-radius: 0; +} + +/* ::::: tabs-bottom ::::: */ + +.tabs-bottom > .tabs-left, +.tabs-bottom > .tabs-right { + border-top: 1px solid ThreeDShadow; + border-bottom: none; +} + |