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

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

diff --git a/LCARStrek/mozapps/extensions/extensions.css b/LCARStrek/mozapps/extensions/extensions.css
index fd9e751c7aec9f5f443bfc94b36806f0d65c2148..4978a30538b6bba85510200d34a4ee889ec74e8d 100644 (file)
--- a/LCARStrek/mozapps/extensions/extensions.css
+++ b/LCARStrek/mozapps/extensions/extensions.css
@@ -19,6 +19,8 @@
 
 .view-pane > .list > scrollbox {
   border-radius: 1em 0 0 0;
+/*  padding-right: 48px;
+  padding-left: 48px; */
 }
 
 #search-list > scrollbox {
@@ -69,7 +71,6 @@
   background-image: none;
 }
 
-
 /*** notification icons ***/
 
 .warning-icon,
@@ -103,7 +104,9 @@
 
 .alert-container {
   -moz-box-align: center;
-  -moz-margin-end: 48px;
+  margin-right: 48px;
+  margin-left: 48px;
+  padding-top: .5em;
 }
 
 .alert-spacer-before {
@@ -181,7 +184,7 @@ button.warning {
   background-color: #E7ADE7;
   padding: 2px 8px;
   margin: 6px 0;
-  -moz-margin-start: 6px;
+  margin-inline-start: 6px;
   border-radius: 100%;
   color: #000000;
   font-weight: bold;
@@ -219,6 +222,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");
 }
@@ -240,8 +246,11 @@ button.warning {
 }
 
 #view-port {
-  background-color: #000000;
+}
+
+#headered-views-content {
   border-radius: 1em 0 0 0;
+  background-color: #000000;
 }
 
 /*** header ***/
@@ -259,14 +268,16 @@ button.warning {
 }
 
 #header-utils-btn {
-  list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities");
-  -moz-margin-end: 16px;
+  list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg");
+  -moz-context-properties: fill;
+  fill: #FF9F00;
+  margin-inline-end: 16px;
 }
 
 #header-utils-btn:hover,
 #header-utils-btn:hover:active,
 #header-utils-btn[open="true"] {
-  list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-hover");
+  fill: #000000;
 }
 
 #header-utils-btn > .button-box > .button-menu-dropmarker {
@@ -279,8 +290,7 @@ button.warning {
 }
 
 .view-header {
-  margin: 0;
-  -moz-margin-end: 48px;
+  margin: 0 48px;
   background-color: #9C9CFF;
   color: #000000;
   border-radius: 8px;
@@ -308,7 +318,7 @@ button.warning {
 }
 
 #forward-btn {
-  -moz-border-start: none;
+  border-inline-start: none;
 }
 
 #back-btn:-moz-locale-dir(ltr),
@@ -372,12 +382,16 @@ button.warning {
 }
 
 .sorter .button-icon {
-  -moz-margin-start: 6px;
+  margin-inline-start: 6px;
 }
 
 
 /*** discover view ***/
 
+#discover-view {
+  background-image: linear-gradient(#A09090 28px, #000000 28px, #000000 100%);
+}
+
 .discover-spacer-before,
 .discover-spacer-after {
   -moz-box-flex: 1;
@@ -390,7 +404,7 @@ button.warning {
 
 .discover-logo {
   list-style-image: url("chrome://mozapps/skin/extensions/discover-logo.png");
-  -moz-margin-end: 15px;
+  margin-inline-end: 15px;
 }
 
 .discover-title {
@@ -442,7 +456,7 @@ button.warning {
 .details {
   cursor: pointer;
   margin: 0;
-  -moz-margin-start: 10px;
+  margin-inline-start: 10px;
 }
 
 .icon-container {
@@ -460,7 +474,7 @@ button.warning {
 }
 
 .content-inner-container {
-  -moz-margin-end: 5px;
+  margin-inline-end: 5px;
 }
 
 .addon[active="false"] .icon {
@@ -496,12 +510,31 @@ button.warning {
   -moz-box-flex: 1;
 }
 
+.legacy-warning {
+  background-color: #FFCF00;
+  color: #000000;
+  padding: 4px 5px 3px;
+  font-size: 0.9rem;
+  font-weight: 600;
+  -moz-user-focus: ignore;
+}
+
+.legacy-warning:hover {
+  background-color: #FF9F00;
+  color: #000000;
+  text-decoration: none;
+}
+
+#detail-view .legacy-warning {
+  margin-top: 0.78rem;
+}
+
 .creator {
   font-weight: bold;
 }
 
 .description-container {
-  -moz-margin-start: 6px;
+  margin-inline-start: 6px;
   -moz-box-align: center;
   font-size: 1.25rem;
 }
@@ -514,7 +547,7 @@ button.warning {
 .pending,
 .error,
 .info {
-  -moz-margin-start: 48px;
+  margin-inline-start: 48px;
   font-weight: bold;
   -moz-box-align: center;
 }
@@ -574,7 +607,7 @@ button.warning {
 
 .addon .relnotes-container {
   -moz-box-align: start;
-  -moz-margin-start: 6px;
+  margin-inline-start: 6px;
   height: 0;
   overflow: hidden;
   opacity: 0;
@@ -603,7 +636,7 @@ button.warning {
 }
 
 .addon .relnotes-toggle > .button-box > .button-icon {
-  -moz-padding-start: 4px;
+  padding-inline-start: 4px;
 }
 
 .addon[show-relnotes] .relnotes-toggle {
@@ -720,6 +753,8 @@ button.warning {
 
 #search-filter {
   padding: 5px 20px;
+/*  margin-right: 48px;
+  margin-left: 48px;*/
   -moz-box-align: center;
   background-color: #000000;
   font-size: 120%;
@@ -730,7 +765,7 @@ button.warning {
 #search-filter-label {
   font-weight: bold;
   color: #FFCF00;
-  -moz-margin-end: 10px;
+  margin-inline-end: 10px;
 }
 
 #search-allresults-link {
@@ -763,12 +798,12 @@ button.warning {
 #detail-notifications .warning,
 #detail-notifications .pending,
 #detail-notifications .error {
-  -moz-margin-start: 0;
+  margin-inline-start: 0;
 }
 
 #detail-icon-container {
   width: 64px;
-  -moz-margin-end: 10px;
+  margin-inline-end: 10px;
   margin-top: 6px;
 }
 
@@ -787,7 +822,7 @@ button.warning {
 }
 
 #detail-screenshot-box {
-  -moz-margin-end: 2em;
+  margin-inline-end: 2em;
 /*  background-color: white;*/
 }
 
@@ -819,7 +854,7 @@ button.warning {
 }
 
 #detail-desc, #detail-fulldesc {
-  -moz-margin-start: 6px;
+  margin-inline-start: 6px;
   white-space: pre-wrap;
   /* This is necessary to fix layout issues with multi-line descriptions, see
      bug 592712*/
@@ -855,7 +890,7 @@ button.warning {
 }
 
 #detail-contrib-btn .button-icon {
-  -moz-margin-end: 3px;
+  margin-inline-end: 3px;
 }
 
 #detail-grid {
@@ -904,7 +939,7 @@ setting {
   font-size: 90.9%;
   color: #808080;
   margin-top: -2px;
-  -moz-margin-start: 2em;
+  margin-inline-start: 2em;
   white-space: pre-wrap;
 }
 
@@ -919,7 +954,7 @@ setting[type="radio"] > radiogroup {
 /*** creator ***/
 
 .creator > label {
-  -moz-margin-end: 0;
+  margin-inline-end: 0;
 }
 
 .creator > .text-link {
@@ -931,7 +966,7 @@ setting[type="radio"] > radiogroup {
 /*** rating ***/
 
 .meta-rating {
-  -moz-margin-end: 0;
+  margin-inline-end: 0;
   padding-top: 2px;
 }
 
@@ -1015,7 +1050,7 @@ setting[type="radio"] > radiogroup {
 }
 
 .download-progress .cancel .button-icon {
-  -moz-margin-start: 0;
+  margin-inline-start: 0;
 }
 
 .download-progress .cancel {
@@ -1081,6 +1116,11 @@ button.button-link {
 button.button-link:not([disabled="true"]):active:hover {
 }
 
+.addon-control.replacement {
+  background-color: #008484;
+  color: #000000;
+}
+
 /*** telemetry experiments ***/
 
 #detail-experiment-container {
@@ -1116,10 +1156,12 @@ button.button-link:not([disabled="true"]):active:hover {
 
 #disabled-unsigned-addons-info {
   margin-bottom: 2em;
-  -moz-margin-end: 48px;
+  margin-right: 48px;
+  margin-left: 48px;
 }
 
-#disabled-unsigned-addons-heading {
+#disabled-unsigned-addons-heading,
+#legacy-extensions-heading {
   font-size: 1.4em;
   font-weight: bold;
   margin-bottom: .5em;
@@ -1128,3 +1170,8 @@ button.button-link:not([disabled="true"]):active:hover {
 #signing-dev-info {
   font-style: italic;
 }
+
+#detail-findUpdates-btn[hidden] {
+  display: -moz-box;
+  visibility: hidden;
+}