Bug 1444740 - Part 1. Replace obsolete moz-border css styles in SeaMonkey macOS classic theme. r=stefanh a=IanN
authorMMR <mmrxyz@gmail.com>
Mon, 23 Jul 2018 22:22:40 +0200
changeset 31691 fd981f3f431c1f9011e0da513fea4767cf27d152
parent 31690 06b883bb25b102d009a069397bbc967213919e78
child 31692 9d397edf04c518dcfa5126c66445d3a269f85147
push id32
push userfrgrahl@gmx.net
push dateMon, 23 Jul 2018 20:27:15 +0000
treeherdercomm-esr60@905d670c44de [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersstefanh, IanN
bugs1444740
Bug 1444740 - Part 1. Replace obsolete moz-border css styles in SeaMonkey macOS classic theme. r=stefanh a=IanN
suite/themes/classic/mac/communicator/sidebar/sidebar.css
suite/themes/classic/mac/editor/editorModeToolbar.css
suite/themes/classic/mac/messenger/mailWindow1.css
suite/themes/classic/mac/navigator/tabbrowser.css
--- a/suite/themes/classic/mac/communicator/sidebar/sidebar.css
+++ b/suite/themes/classic/mac/communicator/sidebar/sidebar.css
@@ -103,37 +103,31 @@
 .box-texttab:-moz-lwtheme {
   text-shadow: none;
 }
 
 .box-texttab,
 .box-texttab[selected="true"],
 .box-texttab[selected="true"]:hover,
 .box-texttab[selected="true"]:hover:active {
-  border: 2px solid;
-  -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
-  -moz-border-right-colors: ThreeDShadow ThreeDLightShadow;
-  -moz-border-bottom-colors: ThreeDShadow  ThreeDLightShadow;
-  -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
+  border: 1px solid;
+  border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
   padding-top: 2px;
   padding-bottom: 2px;
   padding-inline-start: 0px;
   padding-inline-end: 1px;
 }
 
 .box-texttab:hover {
-  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
-  -moz-border-bottom-colors: ThreeDDarkShadow  ThreeDShadow;
+  border-right-color: ThreeDDarkShadow;
+  border-bottom-color: ThreeDDarkShadow;
 }
 
 .box-texttab:hover:active {
-  -moz-border-top-colors: ThreeDShadow ThreeDLightShadow;
-  -moz-border-right-colors: ThreeDShadow ThreeDLightShadow;
-  -moz-border-bottom-colors: ThreeDShadow  ThreeDLightShadow;
-  -moz-border-left-colors: ThreeDShadow ThreeDLightShadow;
+  border-color: ThreeDShadow;
 }
 
 .sbtab-label {
   margin: 0px !important;
 }
 
 .sbtab-twisty {
   margin: 0px 7px;
--- a/suite/themes/classic/mac/editor/editorModeToolbar.css
+++ b/suite/themes/classic/mac/editor/editorModeToolbar.css
@@ -26,61 +26,51 @@
 #PreviewModeButton {
   list-style-image: url("chrome://editor/skin/icons/editmode-preview.gif"); 
 }
 
 #EditModeTabs {
   background-color: rgba(0, 0, 0, 0.1);
   padding: 0;
   margin: 0;
-  border-top: 2px solid;
-  -moz-border-top-colors: #888 rgba(0, 0, 0, 0.08);
+  border-top: 1px solid #888;
   -moz-box-align: start;
   font: message-box;
 }
 #EditModeTabs > .tabs-left {
   -moz-box-flex: 0;
 }
 
 .tab-bottom {
   -moz-appearance: none;
   margin: -1px 0 0;
   padding: 0 0 2px 0;
   position: relative;
   border-inline-end: 1px solid rgba(0, 0, 0, 0.19);
 }
 
+.tab-bottom:first-of-type {
+  border-inline-start: 1px solid rgba(0, 0, 0, 0.19);
+}
+
 .tab-bottom > .tab-middle {
   padding: 1px 2px 0 2px;
 }
 
 .tab-bottom:not([visuallyselected=true]):hover {
   background-color: rgba(0, 0, 0, 0.1);
   border-inline-end-color: rgba(0, 0, 0, 0.1);
 }
 
 .tab-bottom[visuallyselected=true] {
   color: #000;
   text-shadow: none;
   border: solid #888;
-  border-width: 0 2px 2px;
+  border-width: 0 1px 1px;
   border-radius: 2px;
-  -moz-border-left-colors: rgba(0, 0, 0, 0.08) #888;
-  -moz-border-right-colors: rgba(0, 0, 0, 0.08) #888;
-  -moz-border-bottom-colors: rgba(0, 0, 0, 0.08) #888;
   margin-inline-end: -1px;
-  margin-top: -2px;
   margin-bottom: 1px;
   padding: 0;
 }
 
-.tab-bottom[beforeselected=true] {
-  border-inline-end-color: transparent;
-  margin-inline-end: -2px;
-}
-
-.tab-bottom:first-of-type[visuallyselected=true] {
-  margin-inline-start: -2px;
-}
-
 .tab-bottom[visuallyselected=true] > .tab-middle {
   -moz-appearance: dialog;
 }
--- a/suite/themes/classic/mac/messenger/mailWindow1.css
+++ b/suite/themes/classic/mac/messenger/mailWindow1.css
@@ -242,40 +242,38 @@
 .tab-scrollbutton-down {
   border: 0;
   padding: 0 4px;
   margin: 0;
 }
 
 .tab-scrollbutton-up:-moz-locale-dir(ltr),
 .tab-scrollbutton-down:-moz-locale-dir(rtl) {
-  border-right: 2px solid;
-  -moz-border-right-colors: rgba(0, 0, 0, 0.19) transparent;
+  border-right: 1px solid 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);
 }
 
 .tab-scrollbutton-up[disabled="true"]:-moz-locale-dir(ltr),
 .tab-scrollbutton-down[disabled="true"]:-moz-locale-dir(rtl) {
   -moz-image-region: rect(0, 14px, 11px, 7px);
-  -moz-border-right-colors: transparent transparent;
+  border-right-color: transparent;
 }
 
 .tab-scrollbutton-down:-moz-locale-dir(ltr),
 .tab-scrollbutton-up:-moz-locale-dir(rtl) {
-  border-left: 2px solid;
-  -moz-border-left-colors: rgba(0, 0, 0, 0.19) transparent;
+  border-left: 1px solid 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);
 }
 
 .tab-scrollbutton-down[disabled="true"]:-moz-locale-dir(ltr),
 .tab-scrollbutton-up[disabled="true"]:-moz-locale-dir(rtl) {
   -moz-image-region: rect(0, 14px, 11px, 7px);
-  -moz-border-left-colors: transparent transparent;
+  border-left-color: transparent;
 }
 
 .tab-scrollbutton-up:hover:not([disabled="true"]),
 .tab-scrollbutton-down:hover:not([disabled="true"]) {
   background-color: rgba(0, 0, 0, 0.1);
 }
 
 .tab-scrollbutton-up:hover:active:not([disabled="true"]),
--- a/suite/themes/classic/mac/navigator/tabbrowser.css
+++ b/suite/themes/classic/mac/navigator/tabbrowser.css
@@ -13,26 +13,26 @@ tabbox {
   margin: 0;
 }
 
 tabpanels {
   -moz-appearance: none;
 }
 
 .tabs-bottom {
-  border-bottom: 3px solid;
-  -moz-border-bottom-colors: #888 rgba(0, 0, 0, 0.08);
+  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 {
@@ -41,32 +41,32 @@ tabpanels {
   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 2px;
+  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 {
-  -moz-border-right-colors: transparent rgba(0, 0, 0, 0.19);
+  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) {
-  -moz-border-left-colors: transparent rgba(0, 0, 0, 0.19);
+  border-left-color: rgba(0, 0, 0, 0.19);
 }
 
 .tabbrowser-tab:not(:first-child) {
-  margin-inline-start: -3px;
+  margin-inline-start: -1px;
 }
 
 .tab-middle {
   padding: 4px 7px;
 }
 
 .tab-middle:-moz-lwtheme {
   background-color: rgba(0, 0, 0, 0.1);
@@ -96,35 +96,35 @@ tabpanels {
 .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: 2px;
-  -moz-border-top-colors: rgba(0, 0, 0, 0.1) #888;
-  -moz-border-left-colors: rgba(0, 0, 0, 0.08) #888;
-  -moz-border-right-colors: rgba(0, 0, 0, 0.08) #888;
-  margin-top: 1px;
+  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) {
-  -moz-border-right-colors: transparent transparent;
+  border-right-color: transparent;
 }
 
 .tabbrowser-tab[beforeselected="true"]:-moz-locale-dir(rtl) {
-  -moz-border-left-colors: transparent transparent;
+  border-left-color: transparent;
 }
 
 .tabs-newbutton > .toolbarbutton-text,
 .tabs-alltabs-button > .toolbarbutton-text,
 .tabs-closebutton > .toolbarbutton-text {
   display: none;
 }
 
@@ -134,47 +134,47 @@ tabpanels {
 .scrollbutton-down {
   border: 0;
   padding: 0 4px;
   margin: 0;
 }
 
 .scrollbutton-up:-moz-locale-dir(ltr),
 .scrollbutton-down:-moz-locale-dir(rtl) {
-  border-right: 2px solid;
-  -moz-border-right-colors: rgba(0, 0, 0, 0.19) transparent;
+  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);
-  -moz-border-right-colors: transparent transparent;
+  border-right-color: transparent;
 }
 
 .scrollbutton-down:-moz-locale-dir(ltr),
 .scrollbutton-up:-moz-locale-dir(rtl) {
-  border-left: 2px solid;
-  -moz-border-left-colors: rgba(0, 0, 0, 0.19) transparent;
+  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);
-  -moz-border-left-colors: transparent transparent;
+  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"]),