summaryrefslogtreecommitdiffstats
path: root/toolkit/themes/faststripe/global/tabbox.css
diff options
context:
space:
mode:
authorMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
committerMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
commit5f8de423f190bbb79a62f804151bc24824fa32d8 (patch)
tree10027f336435511475e392454359edea8e25895d /toolkit/themes/faststripe/global/tabbox.css
parent49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff)
downloadUXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip
Add m-esr52 at 52.6.0
Diffstat (limited to 'toolkit/themes/faststripe/global/tabbox.css')
-rw-r--r--toolkit/themes/faststripe/global/tabbox.css122
1 files changed, 122 insertions, 0 deletions
diff --git a/toolkit/themes/faststripe/global/tabbox.css b/toolkit/themes/faststripe/global/tabbox.css
new file mode 100644
index 000000000..dfe0275e1
--- /dev/null
+++ b/toolkit/themes/faststripe/global/tabbox.css
@@ -0,0 +1,122 @@
+/* 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: 1px solid #555555;
+}
+
+/* ::::: tabpanels ::::: */
+
+tabpanels {
+ border-right: 1px solid #555555;
+ border-bottom: 1px solid #555555;
+ border-left: 1px solid #555555;
+ padding: 8px;
+ background-color: -moz-Dialog;
+ color: -moz-DialogText;
+}
+
+/* ::::: tab ::::: */
+
+tab
+{
+ margin-top: 2px;
+ border-top: 1px solid #555555;
+ border-right: 1px solid #555555;
+ border-left: 1px solid #555555;
+ border-bottom: 1px solid #555555;
+ 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:focus > .tab-middle {
+ /* Don't specify the outline-color, we should always use initial value. */
+ outline: 1px dotted;
+}
+
+tab[beforeselected="true"]:not(:-moz-locale-dir(rtl)),
+tab[visuallyselected="true"]:-moz-locale-dir(rtl) + tab {
+ border-right: none;
+ border-top-right-radius: 0;
+}
+
+tab[visuallyselected="true"]:not(:-moz-locale-dir(rtl)) + 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: 1px solid #555555;
+ 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"]:not(:-moz-locale-dir(rtl)),
+.tab-bottom[visuallyselected="true"]:-moz-locale-dir(rtl) + .tab-bottom {
+ border-bottom-right-radius: 0;
+}
+
+.tab-bottom[visuallyselected="true"]:not(:-moz-locale-dir(rtl)) + .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;
+}
+