1 files changed, 147 insertions, 0 deletions
diff --git a/comm/mail/themes/osx/mail/tabmail.css b/comm/mail/themes/osx/mail/tabmail.css
new file mode 100644
index 0000000000..7470cafe67
--- /dev/null
+++ b/comm/mail/themes/osx/mail/tabmail.css
@@ -0,0 +1,147 @@
+/* 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/. */
+
+@import url("chrome://messenger/skin/shared/tabmail.css");
+
+/**
+ * Tabmail Tabs
+ */
+
+#tabs-toolbar:not(:-moz-lwtheme) {
+  color: #333;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.4);
+}
+
+/**
+ * Tab
+ */
+
+.tab-label {
+  margin-top: 1px;
+  margin-bottom: 0;
+}
+
+.tabmail-tab[type="glodaSearch"] .tab-icon-image {
+  transform: scaleX(-1);
+}
+
+.tabmail-tab:not(:hover) .tab-icon-image:not([selected="true"]) {
+  opacity: .9;
+}
+
+.tab-label-container:not([selected="true"]) {
+  opacity: .7;
+}
+
+.tabmail-tab,
+.tabs-newtab-button {
+  font: message-box;
+  font-size: inherit;
+  border: none;
+}
+
+/* override the selected tab toolkit color/text-shadow */
+.tabmail-tab[selected="true"]:not(:-moz-lwtheme) {
+  color: #333;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.4);
+}
+
+.tabmail-tab[selected="true"]:not(:-moz-lwtheme) {
+  -moz-font-smoothing-background-color: var(--toolbar-bgcolor);
+}
+
+.tabmail-tab:focus .tab-label-container {
+  outline: var(--focus-outline);
+}
+
+#tabmail-tabs {
+  align-items: stretch;
+  font-size: inherit;
+  padding-left: 0;
+  padding-right: 0;
+  margin-bottom: 0;
+}
+
+:root[tabsintitlebar]:not([sizemode="fullscreen"]) #tabmail-tabs {
+  position: unset;
+}
+
+tabmail > tabbox > tabpanels {
+  appearance: none !important;
+}
+
+/**
+ * Tab Scrollbox Arrow Buttons
+ */
+
+#tabmail-arrowscrollbox::part(scrollbutton-up),
+#tabmail-arrowscrollbox::part(scrollbutton-down) {
+  padding: 0 4px !important;
+  margin: 0 0 var(--tabs-tabbar-border-size) !important;
+}
+
+#tabmail-arrowscrollbox:not([scrolledtostart=true])::part(scrollbutton-up):hover,
+#tabmail-arrowscrollbox:not([scrolledtoend=true])::part(scrollbutton-down):hover {
+  background-image: linear-gradient(transparent, rgba(0,0,0,0.15));
+}
+
+#tabmail-arrowscrollbox:not([scrolledtostart=true])::part(scrollbutton-up):hover:active,
+#tabmail-arrowscrollbox:not([scrolledtoend=true])::part(scrollbutton-down):hover:active {
+  background-image: linear-gradient(transparent, rgba(0,0,0,0.3));
+}
+
+#tabs-toolbar[brighttext]
+  #tabmail-arrowscrollbox:not([scrolledtostart=true])::part(scrollbutton-up):hover,
+#tabs-toolbar[brighttext]
+  #tabmail-arrowscrollbox:not([scrolledtoend=true])::part(scrollbutton-down):hover {
+  background-image: linear-gradient(rgba(255,255,255,0.25), rgba(255,255,255,0.25));
+}
+
+#tabs-toolbar[brighttext]
+  #tabmail-arrowscrollbox:not([scrolledtostart=true])::part(scrollbutton-up):hover:active,
+#tabs-toolbar[brighttext]
+  #tabmail-arrowscrollbox:not([scrolledtoend=true])::part(scrollbutton-down):hover:active {
+  background-image: linear-gradient(rgba(255,255,255,0.35), rgba(255,255,255,0.35));
+}
+
+#tabmail-arrowscrollbox[scrolledtostart=true]::part(scrollbutton-up),
+#tabmail-arrowscrollbox[scrolledtoend=true]::part(scrollbutton-down) {
+  --toolbarbutton-icon-fill-opacity: .5;
+  background-image: none;
+}
+
+/* Tab Overflow */
+#tabmail-arrowscrollbox:not([scrolledtostart])::part(arrowscrollbox-overflow-start-indicator),
+#tabmail-arrowscrollbox:not([scrolledtoend])::part(arrowscrollbox-overflow-end-indicator) {
+  margin-bottom: 0;
+}
+
+/**
+ * All Tabs Buttons
+ */
+
+.tabs-alltabs-box {
+  margin: 0;
+}
+
+/**
+ * All Tabs Menupopup
+ */
+
+@media (min-resolution: 1.1dppx) {
+  alltabs-item[busy] {
+    list-style-image: url("chrome://global/skin/icons/loading@2x.png") !important;
+  }
+}
+
+/* Content Tabs */
+.contentTabAddress {
+  height: 31px;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+.contentTabUrlbarInput {
+  background-image: none;
+}