some corrections and finishing touches to that LCARStrek works well for Firefox 55...

[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 c8cd2a5cba4a5db0efd61658c73db704cc81a95a..181768867b272feb7c537aa0f63fcd3ae5274521 100644 (file)
--- a/LCARStrek/browser/preferences/in-content/preferences.css
+++ b/LCARStrek/browser/preferences/in-content/preferences.css
@@ -97,21 +97,48 @@ treecol {
   list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#general-active");
 }
 
-#category-application > .category-icon {
+#category-search > .category-icon {
+  list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#search");
+}
+
+#category-search:hover > .category-icon,
+#category-search[selected] > .category-icon {
+  list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#search-active");
+}
+
+#category-content > .category-icon {
   list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#content");
 }
 
+#category-content:hover > .category-icon,
+#category-content[selected] > .category-icon {
+  list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#content-active");
+}
+
+#category-application > .category-icon {
+  list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#applications");
+}
+
 #category-application:hover > .category-icon,
 #category-application[selected] > .category-icon {
-  list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#content-active");
+  list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#applications-active");
 }
 
 #category-privacy > .category-icon {
-  list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#security");
+  list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#privacy");
 }
 
 #category-privacy:hover > .category-icon,
 #category-privacy[selected] > .category-icon {
+  list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#privacy-active");
+}
+
+#category-security > .category-icon {
+  list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#security");
+}
+
+#category-security:hover > .category-icon,
+#category-security[selected] > .category-icon {
   list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#security-active");
 }
 
@@ -133,14 +160,6 @@ treecol {
   list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#advanced-active");
 }
 
-#category-search-results > .category-icon {
-  list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#searchResults");
-}
-
-#category-search-results > .category-icon {
-  list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#searchResults-active");
-}
-
 @media (max-width: 800px) {
   .category-name {
     display: none;
@@ -230,6 +249,7 @@ treecol {
   direction: rtl;
 }
 
+/* Content pane */
 #defaultFontSizeLabel {
   /* !important needed to override common !important rule */
   margin-inline-start: 4px !important;
@@ -349,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;
@@ -367,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;
 }
@@ -396,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;
@@ -515,6 +538,9 @@ description > html|a {
 
 .fxaSyncIllustration {
   margin-top: 35px;
+  width: 231px;
+  -moz-context-properties: fill;
+  fill: #9C9CFF;
 }
 
 #syncOptions caption {
@@ -566,10 +592,6 @@ description > html|a {
   margin-inline-end: 14px !important;
 }
 
-.fxaSyncIllustration {
-  width: 231px;
-}
-
 #fxaLoginStatus[hasName] #fxaEmailAddress1 {
   font-size: 1.1rem;
 }