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

[themes.git] / EarlyBlue / mozapps / extensions / extensions.css

diff --git a/EarlyBlue/mozapps/extensions/extensions.css b/EarlyBlue/mozapps/extensions/extensions.css
index 9aea89f22c625600f9151b060509475f3b6653d2..8bbf7bf4ebd16813826c1ea200437dc69e34c15f 100644 (file)
--- a/EarlyBlue/mozapps/extensions/extensions.css
+++ b/EarlyBlue/mozapps/extensions/extensions.css
@@ -207,6 +207,9 @@ button.warning {
 #category-experiment > .category-icon {
   list-style-image: url("chrome://mozapps/skin/extensions/category-experiments.png");
 }
+#category-legacy > .category-icon {
+  list-style-image: url("chrome://mozapps/skin/extensions/category-legacy.svg");
+}
 #category-availableUpdates > .category-icon {
   list-style-image: url("chrome://mozapps/skin/extensions/category-available.png");
 }
@@ -235,7 +238,9 @@ button.warning {
 }
 
 #header-utils-btn {
-  list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities");
+  list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg");
+  -moz-context-properties: fill;
+  fill: #6666CC;
   margin-inline-end: 16px;
 }
 
@@ -443,6 +448,25 @@ button.warning {
   -moz-box-flex: 1;
 }
 
+.legacy-warning {
+  background-color: #FFFFCC;
+  color: #666699;
+  padding: 4px 5px 3px;
+  font-size: 0.9rem;
+  font-weight: 600;
+  -moz-user-focus: ignore;
+}
+
+.legacy-warning:hover {
+  background-color: #FFD0DD;
+  color: #000000;
+  text-decoration: none;
+}
+
+#detail-view .legacy-warning {
+  margin-top: 0.78rem;
+}
+
 .creator {
   font-weight: bold;
 }
@@ -605,11 +629,11 @@ button.warning {
   color: #FFFFFF;
 }
 
-.addon[active="false"] > .content-container > .content-inner-container {
+#addon-list .addon[active="false"] > .content-container > .content-inner-container {
   color: #666699;
 }
 
-.addon[active="false"][selected] > .content-container > .content-inner-container {
+#addon-list .addon[active="false"][selected] > .content-container > .content-inner-container {
   color: #AAAAAA;
 }
 
@@ -1008,6 +1032,11 @@ button.button-link:hover {
 button.button-link:not([disabled="true"]):active:hover {
 }
 
+.addon-control.replacement {
+  background-color: #008484;
+  color: #000000;
+}
+
 /*** telemetry experiments ***/
 
 #detail-experiment-container {
@@ -1047,7 +1076,8 @@ button.button-link:not([disabled="true"]):active:hover {
   margin-left: 48px;
 }
 
-#disabled-unsigned-addons-heading {
+#disabled-unsigned-addons-heading,
+#legacy-extensions-heading {
   font-size: 1.4em;
   font-weight: bold;
   margin-bottom: .5em;