diff -r 000000000000 -r 6474c204b198 toolkit/themes/windows/global/tabbox.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/toolkit/themes/windows/global/tabbox.css Wed Dec 31 06:09:35 2014 +0100 @@ -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[selected="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[selected="true"]:-moz-locale-dir(rtl) + tab { + border-right: none; + border-top-right-radius: 0; +} + +tab[selected="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[selected="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[selected="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[selected="true"]:-moz-locale-dir(rtl) + .tab-bottom { + border-bottom-right-radius: 0; +} + +.tab-bottom[selected="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; +} +