fourth and last part of syncing LCARStrek with Firefox 55 browser windows theme changes

[themes.git] / LCARStrek / browser / preferences / in-content / preferences.css

diff --git a/LCARStrek/browser/preferences/in-content/preferences.css b/LCARStrek/browser/preferences/in-content/preferences.css
index 4ed9cc01a6cdd2ab33c3e6519873009411bae7f7..181768867b272feb7c537aa0f63fcd3ae5274521 100644 (file)
--- a/LCARStrek/browser/preferences/in-content/preferences.css
+++ b/LCARStrek/browser/preferences/in-content/preferences.css
@@ -369,12 +369,15 @@ description > html|a {
  * Dialog
  */
 
-#dialogOverlay {
-  background-color: rgba(0,0,0,0.75);
+.dialogOverlay {
   visibility: hidden;
 }
 
-#dialogBox {
+.dialogOverlay[topmost="true"] {
+  background-color: rgba(0,0,0,0.75);
+}
+
+.dialogBox {
   background-color: #000000;
   background-clip: content-box;
   color: #FF9F00;
@@ -387,21 +390,21 @@ description > html|a {
   padding-left: 6px;
 }
 
-#dialogBox[resizable="true"] {
+.dialogBox[resizable="true"] {
   resize: both;
   overflow: hidden;
   min-height: 20em;
   min-width: 66ch;
 }
 
-#dialogBox > .groupbox-title {
+.dialogBox > .groupbox-title {
   margin-inline-start: 0;
   margin-inline-end: 0;
 /*  padding: 3.5px 0;
   background-color: #F1F1F1; */
 }
 
-#dialogTitle {
+.dialogTitle {
   text-align: center;
   -moz-user-select: none;
 }
@@ -416,18 +419,18 @@ description > html|a {
   min-width: 0;
 }
 
-#dialogBox > .groupbox-title > caption {
+.dialogBox > .groupbox-title > caption {
   margin: 0;
   border-radius: 1000px;
   background-color: #A09090;
 }
 
-#dialogBox > .groupbox-body {
+.dialogBox > .groupbox-body {
   -moz-appearance: none;
   padding: 0;
 }
 
-#dialogFrame {
+.dialogFrame {
   -moz-box-flex: 1;
   /* Default dialog dimensions */
   width: 66ch;
@@ -535,6 +538,9 @@ description > html|a {
 
 .fxaSyncIllustration {
   margin-top: 35px;
+  width: 231px;
+  -moz-context-properties: fill;
+  fill: #9C9CFF;
 }
 
 #syncOptions caption {
@@ -586,10 +592,6 @@ description > html|a {
   margin-inline-end: 14px !important;
 }
 
-.fxaSyncIllustration {
-  width: 231px;
-}
-
 #fxaLoginStatus[hasName] #fxaEmailAddress1 {
   font-size: 1.1rem;
 }