summaryrefslogtreecommitdiffstats
path: root/comm/suite/themes/classic/mac/navigator/tabbrowser.css
diff options
context:
space:
mode:
Diffstat (limited to 'comm/suite/themes/classic/mac/navigator/tabbrowser.css')
-rw-r--r--comm/suite/themes/classic/mac/navigator/tabbrowser.css238
1 files changed, 238 insertions, 0 deletions
diff --git a/comm/suite/themes/classic/mac/navigator/tabbrowser.css b/comm/suite/themes/classic/mac/navigator/tabbrowser.css
new file mode 100644
index 0000000000..1017f4293e
--- /dev/null
+++ b/comm/suite/themes/classic/mac/navigator/tabbrowser.css
@@ -0,0 +1,238 @@
+/* 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/. */
+
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+tabbrowser {
+ border: 0 !important;
+}
+
+tabbox {
+ margin: 0;
+}
+
+tabpanels {
+ -moz-appearance: none;
+}
+
+.tabs-bottom {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.08);
+}
+
+.tabbrowser-tabs {
+ font: icon;
+ background-color: rgba(0, 0, 0, 0.1);
+ border-top: 1px solid rgba(0, 0, 0, 0.08);
+ padding: 0;
+ margin: 0;
+ margin-bottom: 2px;
+ -moz-box-align: end;
+}
+
+.tabs-stack {
+ margin-top: -1px;
+}
+
+.tab-icon {
+ margin-inline-end: 3px;
+ width: 16px;
+ height: 16px;
+}
+
+.tabbrowser-tab {
+ margin: 0;
+ padding: 0;
+ list-style-image: url("chrome://communicator/skin/places/bookmark-item.svg");
+ border: solid transparent;
+ border-width: 0 1px;
+ -moz-appearance: none;
+}
+
+.tabbrowser-tab:not([selected="true"]):-moz-locale-dir(ltr),
+.tabbrowser-tab:not([selected="true"]):-moz-locale-dir(rtl):first-child {
+ border-right-color: rgba(0, 0, 0, 0.19);
+}
+
+.tabbrowser-tab:not([selected="true"]):-moz-locale-dir(ltr):first-child,
+.tabbrowser-tab:not([selected="true"]):-moz-locale-dir(rtl) {
+ border-left-color: rgba(0, 0, 0, 0.19);
+}
+
+.tabbrowser-tab:not(:first-child) {
+ margin-inline-start: -1px;
+}
+
+.tab-middle {
+ padding: 4px 7px;
+}
+
+.tab-middle:-moz-lwtheme {
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.tab-middle:-moz-lwtheme:not([selected="true"]) > .tab-text {
+ opacity: 0.8;
+}
+
+.tab-middle[selected="true"] {
+ padding: 1px 7px 4px;
+ background-color: #E8E8E8;
+}
+
+.tab-middle[selected="true"]:-moz-lwtheme {
+ background-color: transparent;
+}
+
+.tabbrowser-tab:hover > .tab-middle:not([selected="true"]) {
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.tabbrowser-tab:-moz-lwtheme:hover > .tab-middle:not([selected="true"]) {
+ background-color: rgba(0, 0, 0, 0.20);
+}
+
+.tabbrowser-tab[busy] {
+ list-style-image: url("chrome://communicator/skin/icons/loading.png");
+}
+
+.tabbrowser-tab[selected="true"] {
+ color: #000000;
+ text-shadow: none;
+ border-radius: 2px;
+ border-top-width: 1px;
+ border-top-color: rgba(0, 0, 0, 0.1);
+ border-left-color: rgba(0, 0, 0, 0.08);
+ border-right-color: rgba(0, 0, 0, 0.08);
+ margin-top: 2px;
+}
+
+.tabbrowser-tab:focus {
+ outline: 2px solid -moz-mac-focusring;
+ outline-offset: -2px;
+ -moz-outline-radius: 5px;
+}
+
+.tabbrowser-tab[beforeselected="true"]:-moz-locale-dir(ltr) {
+ border-right-color: transparent;
+}
+
+.tabbrowser-tab[beforeselected="true"]:-moz-locale-dir(rtl) {
+ border-left-color: transparent;
+}
+
+.tabs-newbutton > .toolbarbutton-text,
+.tabs-alltabs-button > .toolbarbutton-text,
+.tabs-closebutton > .toolbarbutton-text {
+ display: none;
+}
+
+/* ::::: Tab scrollbox arrow ::::: */
+
+.scrollbutton-up,
+.scrollbutton-down {
+ border: 0;
+ padding: 0 4px;
+ margin: 0;
+}
+
+.scrollbutton-up:-moz-locale-dir(ltr),
+.scrollbutton-down:-moz-locale-dir(rtl) {
+ border-right: 1px solid;
+ border-right-color: rgba(0, 0, 0, 0.19);
+ list-style-image: url("chrome://messenger/skin/icons/tab-arrow-left.png");
+ -moz-image-region: rect(0, 7px, 11px, 0);
+}
+
+.scrollbutton-up[disabled="true"]:-moz-locale-dir(ltr),
+.scrollbutton-down[disabled="true"]:-moz-locale-dir(rtl) {
+ -moz-image-region: rect(0, 14px, 11px, 7px);
+ border-right-color: transparent;
+}
+
+.scrollbutton-down:-moz-locale-dir(ltr),
+.scrollbutton-up:-moz-locale-dir(rtl) {
+ border-left: 1px solid;
+ border-left-color: rgba(0, 0, 0, 0.19);
+ list-style-image: url("chrome://messenger/skin/icons/tab-arrow-right.png");
+ -moz-image-region: rect(0, 7px, 11px, 0);
+ box-shadow: 0 0 0 9px transparent inset;
+ transition: box-shadow 1s ease-out;
+}
+
+.scrollbutton-down[notifybgtab="true"] {
+ box-shadow: 0 0 0 9px rgba(0, 0, 0, 0.2) inset;
+ transition: none;
+}
+
+.scrollbutton-down[disabled="true"]:-moz-locale-dir(ltr),
+.scrollbutton-up[disabled="true"]:-moz-locale-dir(rtl) {
+ -moz-image-region: rect(0, 14px, 11px, 7px);
+ border-left-color: transparent;
+}
+
+.scrollbutton-up:hover:not([disabled="true"]),
+.scrollbutton-down:hover:not([disabled="true"]) {
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.scrollbutton-up:hover:active:not([disabled="true"]),
+.scrollbutton-down:hover:active:not([disabled="true"]) {
+ background-color: rgba(0, 0, 0, 0.2);
+}
+
+/* All Tabs Menupopup */
+.alltabs-item {
+ list-style-image: url("chrome://communicator/skin/places/bookmark-item.svg");
+}
+
+.alltabs-item[busy] {
+ list-style-image: url("chrome://communicator/skin/icons/loading.png") !important;
+}
+
+.alltabs-item[tabIsScrolled] {
+ font-style: italic;
+}
+
+/* ::::: close button ::::: */
+
+.tabs-closebutton {
+ margin: 3px;
+ padding: 1px;
+ list-style-image: url("chrome://navigator/skin/icons/close.png");
+ -moz-image-region: rect(0, 16px, 16px, 0);
+}
+
+.tabs-closebutton:hover {
+ -moz-image-region: rect(0, 32px, 16px, 16px);
+}
+
+.tabs-closebutton:active:hover {
+ -moz-image-region: rect(0, 48px, 16px, 32px);
+}
+
+.tabs-newbutton {
+ margin: 0;
+ padding: 1px;
+ list-style-image: url("chrome://navigator/skin/icons/tab-new.png");
+}
+
+.tab-drop-indicator-bar {
+ height: 11px;
+ margin-top: -11px;
+ margin-inline-start: -6px;
+ position: relative;
+}
+
+.tab-drop-indicator {
+ height: 11px;
+ width: 11px;
+ margin-bottom: -5px;
+ position: relative;
+ list-style-image: url('chrome://navigator/skin/icons/tab-drag-indicator.png');
+}
+
+tooltip[tabpreview="true"] {
+ max-width: none;
+}