second and final part of syncing both themes with toolkit windows theme changes in...

diff --git a/EarlyBlue/global/about.css b/EarlyBlue/global/about.css
index 132185e34ac86bbc7f6bad46807e831d08d810f5..8467a50d81ccf938c683aacc2e71cc7dd5eaaaa2 100644 (file)
--- a/EarlyBlue/global/about.css
+++ b/EarlyBlue/global/about.css
@@ -37,6 +37,7 @@ img {
   margin-bottom: 9px;
   margin-inline-start: 17px;
   margin-inline-end: 0;
   margin-bottom: 9px;
   margin-inline-start: 17px;
   margin-inline-end: 0;

+  text-align: left; /* Override direction alignment on RTL to make sure that the version will fit well on the background. bug 1325232 */

 }
 
 ul {
 }
 
 ul {

diff --git a/EarlyBlue/global/aboutNetworking.css b/EarlyBlue/global/aboutNetworking.css
index ef9d9e1517e221963b108a42d8840800f17ee165..b82bcf1f9de65ac2b8cb4152cb899590ecffbe96 100644 (file)
--- a/EarlyBlue/global/aboutNetworking.css
+++ b/EarlyBlue/global/aboutNetworking.css
@@ -15,7 +15,11 @@ body {
 }
 
 #sectionTitle {
 }
 
 #sectionTitle {

-  float: inline-start;
+  float: left;
+}
+
+#sectionTitle:dir(rtl) {
+  float: right;

 }
 
 #refreshDiv {
 }
 
 #refreshDiv {

diff --git a/EarlyBlue/global/aboutProfiles.css b/EarlyBlue/global/aboutProfiles.css
index 5648c6729ff6c369f289cad7152513311d2b4260..966fbb0f3cb4b73309a739755d758651b8e461e9 100644 (file)
--- a/EarlyBlue/global/aboutProfiles.css
+++ b/EarlyBlue/global/aboutProfiles.css
@@ -48,6 +48,7 @@ th.column {
 
 td {
   border-color: var(--in-content-table-border-dark-color);
 
 td {
   border-color: var(--in-content-table-border-dark-color);

+  unicode-bidi: plaintext; /* Make sure file paths will be LTR */

 }
 
 #action-box {
 }
 
 #action-box {

diff --git a/EarlyBlue/global/global.css b/EarlyBlue/global/global.css
index b9f97da82460c62e2bb15cf2044bc3f494e1c05f..7e71c174c2f5e7fc469a4abfb2547ed98727b4d6 100644 (file)
--- a/EarlyBlue/global/global.css
+++ b/EarlyBlue/global/global.css
@@ -276,6 +276,22 @@ popupnotificationcontent {
   margin-top: .5em;
 }
 
   margin-top: .5em;
 }
 

+/* === BEGIN notification-popup.inc.css === */
+
+.popup-notification-panel > .panel-arrowcontainer > .panel-arrowcontent {
+  /* In order to display the action buttons near the edge of the arrow panel we
+   * have to reset its default padding and specify the padding in the individual
+   * "popupnotification" elements instead. To keep the rounded borders of the
+   * panel, we also have to ensure the contents are clipped to the border box
+   * by hiding the overflow, and we have to override the "display" property so
+   * that the height of the contents is computed correctly in that case. */
+  padding: 0;
+  overflow: hidden;
+  display: block;
+}
+
+/* === END notification-popup.inc.css === */
+

 /* :::::: autoscroll popup ::::: */
 
 .autoscroller {
 /* :::::: autoscroll popup ::::: */
 
 .autoscroller {

diff --git a/EarlyBlue/global/in-content/common.css b/EarlyBlue/global/in-content/common.css
index 4b7af22d0fd4663c6351265ab354a944c1b52c70..05ed5faaa34135c589a7c6aaafb99fe0f7145b43 100644 (file)
--- a/EarlyBlue/global/in-content/common.css
+++ b/EarlyBlue/global/in-content/common.css
@@ -108,7 +108,7 @@ xul|groupbox {
   font-size: 1.25rem;
 }
 
   font-size: 1.25rem;
 }
 

-xul|groupbox xul|label:not(.menu-accel):not(.menu-text):not(.indent),
+xul|groupbox xul|label:not(.menu-accel):not(.menu-text):not(.indent):not(.learnMore),

 xul|groupbox xul|description {
   / !important needed to override toolkit !important rule /
   margin-inline-start: 0 !important;
 xul|groupbox xul|description {
   / !important needed to override toolkit !important rule /
   margin-inline-start: 0 !important;

diff --git a/EarlyBlue/global/in-content/info-pages.css b/EarlyBlue/global/in-content/info-pages.css
index 3762773cda3ab133453c5159e9ceda7abbc9516d..f42ab17719f51fed660e2d14c0c9af8af0abdfe6 100644 (file)
--- a/EarlyBlue/global/in-content/info-pages.css
+++ b/EarlyBlue/global/in-content/info-pages.css
@@ -40,6 +40,7 @@ body {
   font-size: 2.5em;
 }
 
   font-size: 2.5em;
 }
 

+.title:moz-locale-dir(rtl),

 .title:dir(rtl) {
   background-position: right 0;
 }
 .title:dir(rtl) {
   background-position: right 0;
 }

diff --git a/EarlyBlue/global/media/videocontrols.css b/EarlyBlue/global/media/videocontrols.css
index c73d9f661414c6f6f9f749ca6ed1b2c6de4fbcf0..fd5601b5a1294a046588b2c6d8f64ac695f3c32d 100644 (file)
--- a/EarlyBlue/global/media/videocontrols.css
+++ b/EarlyBlue/global/media/videocontrols.css
@@ -350,13 +350,6 @@ audio > xul|videocontrols {
   color: #ffffff;
 }
 
   color: #ffffff;
 }
 

-%ifdef XP_MACOSX
-.positionDurationBox {
-  font-size-adjust: unset;
-  font-family: "Helvetica Neue", "Helvetica", sans-serif;
-}
-%endif
-

 .duration {
   display: inline-block;
   white-space: pre;
 .duration {
   display: inline-block;
   white-space: pre;


@@ -472,21 +465,3 @@ audio > xul|videocontrols {
 [error="errorGeneric"]         > [anonid="errorGeneric"] {
   display: inline;
 }
 [error="errorGeneric"]         > [anonid="errorGeneric"] {
   display: inline;
 }

-
-/* For high contrast theme in Windows */
-%ifdef XP_WIN
-.controlsSpacer,
-.clickToPlay {
-  background-color: transparent;
-}
-
-@media (-moz-windows-default-theme) {
-  .controlsSpacer {
-    background-color: rgba(255,255,255,.4);
-  }
-
-  .clickToPlay {
-    background-color: #1a1a1a;
-  }
-}
-%endif

diff --git a/EarlyBlue/global/narrate.css b/EarlyBlue/global/narrate.css
index 8a44e78e2507881f9c306cc58e00374d64419eca..4514eff35e2df55b771fe21aede0b30e7a621a0c 100644 (file)
--- a/EarlyBlue/global/narrate.css
+++ b/EarlyBlue/global/narrate.css
@@ -22,7 +22,7 @@ body.dark .narrating {
   z-index: -1;
   border-bottom-style: solid;
   border-bottom-width: 7px;
   z-index: -1;
   border-bottom-style: solid;
   border-bottom-width: 7px;

-  transition: left 0.1s ease;
+  transition: left 0.1s ease, width 0.1s ease;

 }
 
 .narrating > .narrate-word-highlight {
 }
 
 .narrating > .narrate-word-highlight {

diff --git a/EarlyBlue/mozapps/downloads/downloads.css b/EarlyBlue/mozapps/downloads/downloads.css
deleted file mode 100644 (file)
index 45c4ef5..0000000
--- a/EarlyBlue/mozapps/downloads/downloads.css
+++ /dev/null
@@ -1,113 +0,0 @@
-#downloadManager {
-  background-color: #CCD0DD;
-}
-
-/* Download View */
-#downloadView {
-  -moz-appearance: none !important;
-  margin: 0;
-  border-bottom: 1px solid #9999CC;
-}
-
-/* Download View Items */
-richlistitem[type="download"] {
-  padding: 4px;
-  padding-inline-end: 8px;
-  min-height: 46px;
-  border-bottom: 1px solid #9999CC;
-}
-
-richlistitem[type="download"]:not([selected="true"]):nth-child(odd) {
-  background-color: #9999CC;
-}
-
-richlistitem[type="download"] .name {
-  font-size: larger;
-}
-
-richlistitem[type="download"] .dateTime {
-  font-size: smaller;
-}
-
-.mini-button {
-  -moz-appearance: none;
-  list-style-image: url("chrome://mozapps/skin/downloads/downloadButtons.png");
-  background-color: transparent;
-  border: none;
-  padding: 0;
-  margin: 0;
-  min-width: 0;
-  min-height: 0;
-}
-
-.mini-button > .button-box {
-  padding: 0 !important;
-}
-
-.cancel {
-  -moz-image-region: rect(0px, 32px, 16px, 16px);
-}
-.cancel:hover {
-  -moz-image-region: rect(16px, 32px, 32px, 16px);
-}
-.cancel:active {
-  -moz-image-region: rect(32px, 32px, 48px, 16px);
-}
-.cancel[disabled="true"] {
-  -moz-image-region: rect(48px, 32px, 64px, 16px);
-}
-
-.pause {
-  -moz-image-region: rect(0px, 48px, 16px, 32px);
-}
-.pause:hover {
-  -moz-image-region: rect(16px, 48px, 32px, 32px);
-}
-.pause:active {
-  -moz-image-region: rect(32px, 48px, 48px, 32px);
-}
-.pause[disabled="true"] {
-  -moz-image-region: rect(48px, 48px, 64px, 32px);
-}
-
-.resume {
-  -moz-image-region: rect(0px, 16px, 16px, 0px);
-}
-.resume:hover {
-  -moz-image-region: rect(16px, 16px, 32px, 0px);
-}
-.resume:active {
-  -moz-image-region: rect(32px, 16px, 48px, 0px);
-}
-.resume[disabled="true"] {
-  -moz-image-region: rect(48px, 16px, 64px, 0px);
-}
-
-.retry {
-  -moz-image-region: rect(0px, 64px, 16px, 48px);
-}
-.retry:hover {
-  -moz-image-region: rect(16px, 64px, 32px, 48px);
-}
-.retry:active {
-  -moz-image-region: rect(32px, 64px, 48px, 48px);
-}
-.retry[disabled="true"] {
-  -moz-image-region: rect(48px, 64px, 64px, 48px);
-}
-
-.blockedIcon {
-  list-style-image: url("chrome://global/skin/icons/alert-error.gif");
-}
-
-/* prevent flickering when changing states */
-.downloadTypeIcon {
-  min-height: 32px;
-  min-width: 32px;
-}
-
-#clearListButton {
-  min-height: 0;
-  min-width: 0;
-  margin-top: 3px;
-}

diff --git a/LCARStrek/global/about.css b/LCARStrek/global/about.css
index db5ef230d7c8de263d68808af957fbb967fda11a..23e8a80ad9911aa66c89c722fb14c0391e14591c 100644 (file)
--- a/LCARStrek/global/about.css
+++ b/LCARStrek/global/about.css
@@ -43,6 +43,7 @@ img {
   margin-bottom: 9px;
   margin-inline-start: 17px;
   margin-inline-end: 0;
   margin-bottom: 9px;
   margin-inline-start: 17px;
   margin-inline-end: 0;

+  text-align: left; /* Override direction alignment on RTL to make sure that the version will fit well on the background. bug 1325232 */

 }
 
 ul {
 }
 
 ul {

diff --git a/LCARStrek/global/aboutNetworking.css b/LCARStrek/global/aboutNetworking.css
index 5f73e3a9e81871dbebf65db586bb5e8d26cf9cd5..668d7a397b91474db8d278754fd2556f902d84a7 100644 (file)
--- a/LCARStrek/global/aboutNetworking.css
+++ b/LCARStrek/global/aboutNetworking.css
@@ -15,7 +15,11 @@ body {
 }
 
 #sectionTitle {
 }
 
 #sectionTitle {

-  float: inline-start;
+  float: left;
+}
+
+#sectionTitle:dir(rtl) {
+  float: right;

 }
 
 #refreshDiv {
 }
 
 #refreshDiv {

diff --git a/LCARStrek/global/aboutProfiles.css b/LCARStrek/global/aboutProfiles.css
index 4065bbe2549e995610f9ef0d160e391786bb6822..54d7f65c7b94e46085c76d0caaf47b33869e4530 100644 (file)
--- a/LCARStrek/global/aboutProfiles.css
+++ b/LCARStrek/global/aboutProfiles.css
@@ -48,6 +48,7 @@ th.column {
 
 td {
   border-color: var(--in-content-table-border-dark-color);
 
 td {
   border-color: var(--in-content-table-border-dark-color);

+  unicode-bidi: plaintext; /* Make sure file paths will be LTR */

 }
 
 #action-box {
 }
 
 #action-box {

diff --git a/LCARStrek/global/global.css b/LCARStrek/global/global.css
index 371f540c7010a4198d5729ea8c5d7796ce43fedc..6a661111a8c8e30ad8f86a2b24dae4081d0257dc 100644 (file)
--- a/LCARStrek/global/global.css
+++ b/LCARStrek/global/global.css
@@ -334,6 +334,22 @@ popupnotificationcontent {
   margin-top: .5em;
 }
 
   margin-top: .5em;
 }
 

+/* === BEGIN notification-popup.inc.css === */
+
+.popup-notification-panel > .panel-arrowcontainer > .panel-arrowcontent {
+  /* In order to display the action buttons near the edge of the arrow panel we
+   * have to reset its default padding and specify the padding in the individual
+   * "popupnotification" elements instead. To keep the rounded borders of the
+   * panel, we also have to ensure the contents are clipped to the border box
+   * by hiding the overflow, and we have to override the "display" property so
+   * that the height of the contents is computed correctly in that case. */
+  padding: 0;
+  overflow: hidden;
+  display: block;
+}
+
+/* === END notification-popup.inc.css === */
+

 /* :::::: autoscroll popup ::::: */
 
 .autoscroller {
 /* :::::: autoscroll popup ::::: */
 
 .autoscroller {

diff --git a/LCARStrek/global/in-content/common.css b/LCARStrek/global/in-content/common.css
index f396a21620acc0714a840488ab43b216e5353db9..2b6ef8a3118142bfafadbc09544e50af53c1e3fb 100644 (file)
--- a/LCARStrek/global/in-content/common.css
+++ b/LCARStrek/global/in-content/common.css
@@ -133,7 +133,7 @@ xul|groupbox {
   font-size: 1.25rem;
 }
 
   font-size: 1.25rem;
 }
 

-xul|groupbox xul|label:not(.menu-accel):not(.menu-text):not(.indent),
+xul|groupbox xul|label:not(.menu-accel):not(.menu-text):not(.indent):not(.learnMore),

 xul|groupbox xul|description {
   / !important needed to override toolkit !important rule /
   margin-inline-start: 0 !important;
 xul|groupbox xul|description {
   / !important needed to override toolkit !important rule /
   margin-inline-start: 0 !important;

diff --git a/LCARStrek/global/in-content/info-pages.css b/LCARStrek/global/in-content/info-pages.css
index ae8ae7fa35a26958ebb02f238dd6598627bd9c63..29c6257a5608522d266dc8e1b49bedbd9c3c7818 100644 (file)
--- a/LCARStrek/global/in-content/info-pages.css
+++ b/LCARStrek/global/in-content/info-pages.css
@@ -40,6 +40,7 @@ body {
   font-size: 2.5em;
 }
 
   font-size: 2.5em;
 }
 

+.title:moz-locale-dir(rtl),

 .title:dir(rtl) {
   background-position: right 0;
 }
 .title:dir(rtl) {
   background-position: right 0;
 }

diff --git a/LCARStrek/global/media/videocontrols.css b/LCARStrek/global/media/videocontrols.css
index 5177a6f3464b37243ad375530f707f9bb831d046..c70c3e6f1743eab615432bf5558d63fe381e2b6b 100644 (file)
--- a/LCARStrek/global/media/videocontrols.css
+++ b/LCARStrek/global/media/videocontrols.css
@@ -353,7 +353,6 @@ audio > xul|videocontrols {
 }
 
 .positionDurationBox {
 }
 
 .positionDurationBox {

-  min-width: 9ch;

   text-align: center;
   padding-inline-start: 1px;
   padding-inline-end: 9px;
   text-align: center;
   padding-inline-start: 1px;
   padding-inline-end: 9px;


@@ -364,10 +363,6 @@ audio > xul|videocontrols {
   color: #000000;
 }
 
   color: #000000;
 }
 

-.positionDurationBox[positionOnly] {
-  min-width: 4ch;
-}
-

 .duration {
   display: inline-block;
   white-space: pre;
 .duration {
   display: inline-block;
   white-space: pre;

diff --git a/LCARStrek/global/narrate.css b/LCARStrek/global/narrate.css
index 8a44e78e2507881f9c306cc58e00374d64419eca..4514eff35e2df55b771fe21aede0b30e7a621a0c 100644 (file)
--- a/LCARStrek/global/narrate.css
+++ b/LCARStrek/global/narrate.css
@@ -22,7 +22,7 @@ body.dark .narrating {
   z-index: -1;
   border-bottom-style: solid;
   border-bottom-width: 7px;
   z-index: -1;
   border-bottom-style: solid;
   border-bottom-width: 7px;

-  transition: left 0.1s ease;
+  transition: left 0.1s ease, width 0.1s ease;

 }
 
 .narrating > .narrate-word-highlight {
 }
 
 .narrating > .narrate-word-highlight {

diff --git a/LCARStrek/mozapps/downloads/downloads.css b/LCARStrek/mozapps/downloads/downloads.css
deleted file mode 100644 (file)
index d3e04ac..0000000
--- a/LCARStrek/mozapps/downloads/downloads.css
+++ /dev/null
@@ -1,113 +0,0 @@
-#downloadManager {
-  background-color: #000000;
-}
-
-/* Download View */
-#downloadView {
-  -moz-appearance: none !important;
-  margin: 0;
-  border-bottom: 1px solid #9C9CFF;
-}
-
-/* Download View Items */
-richlistitem[type="download"] {
-  padding: 4px;
-  padding-inline-end: 8px;
-  min-height: 46px;
-  border-bottom: 1px solid #9C9CFF;
-}
-
-richlistitem[type="download"]:not([selected="true"]):nth-child(odd) {
-  background-color: #3F2700;
-}
-
-richlistitem[type="download"] .name {
-  font-size: larger;
-}
-
-richlistitem[type="download"] .dateTime {
-  font-size: smaller;
-}
-
-.mini-button {
-  -moz-appearance: none;
-  list-style-image: url("chrome://mozapps/skin/downloads/downloadButtons.png");
-  background-color: transparent;
-  border: none;
-  padding: 0;
-  margin: 0;
-  min-width: 0;
-  min-height: 0;
-}
-
-.mini-button > .button-box {
-  padding: 0 !important;
-}
-
-.cancel {
-  -moz-image-region: rect(0px, 32px, 16px, 16px);
-}
-.cancel:hover {
-  -moz-image-region: rect(16px, 32px, 32px, 16px);
-}
-.cancel:active {
-  -moz-image-region: rect(32px, 32px, 48px, 16px);
-}
-.cancel[disabled="true"] {
-  -moz-image-region: rect(48px, 32px, 64px, 16px);
-}
-
-.pause {
-  -moz-image-region: rect(0px, 48px, 16px, 32px);
-}
-.pause:hover {
-  -moz-image-region: rect(16px, 48px, 32px, 32px);
-}
-.pause:active {
-  -moz-image-region: rect(32px, 48px, 48px, 32px);
-}
-.pause[disabled="true"] {
-  -moz-image-region: rect(48px, 48px, 64px, 32px);
-}
-
-.resume {
-  -moz-image-region: rect(0px, 16px, 16px, 0px);
-}
-.resume:hover {
-  -moz-image-region: rect(16px, 16px, 32px, 0px);
-}
-.resume:active {
-  -moz-image-region: rect(32px, 16px, 48px, 0px);
-}
-.resume[disabled="true"] {
-  -moz-image-region: rect(48px, 16px, 64px, 0px);
-}
-
-.retry {
-  -moz-image-region: rect(0px, 64px, 16px, 48px);
-}
-.retry:hover {
-  -moz-image-region: rect(16px, 64px, 32px, 48px);
-}
-.retry:active {
-  -moz-image-region: rect(32px, 64px, 48px, 48px);
-}
-.retry[disabled="true"] {
-  -moz-image-region: rect(48px, 64px, 64px, 48px);
-}
-
-.blockedIcon {
-  list-style-image: url("chrome://global/skin/icons/alert-error.gif");
-}
-
-/* prevent flickering when changing states */
-.downloadTypeIcon {
-  min-height: 32px;
-  min-width: 32px;
-}
-
-#clearListButton {
-  min-height: 0;
-  min-width: 0;
-  margin-top: 3px;
-}