summaryrefslogtreecommitdiffstats
path: root/toolkit/themes/windows/global/tabbox.css
diff options
context:
space:
mode:
Diffstat (limited to 'toolkit/themes/windows/global/tabbox.css')
-rw-r--r--toolkit/themes/windows/global/tabbox.css133
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;
+}
+