fix a parsing error and add some modification to support current Nightly (when it...

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

diff --git a/EarlyBlue/mozapps/extensions/extensions.css b/EarlyBlue/mozapps/extensions/extensions.css
index bf975b930b8e9d35a56a509f8db7841a771acd92..3db0006dab0522df500461c7d7eb225b47f6a335 100644 (file)
--- a/EarlyBlue/mozapps/extensions/extensions.css
+++ b/EarlyBlue/mozapps/extensions/extensions.css
@@ -5,8 +5,7 @@
 @import url("chrome://global/skin/in-content/common.css");
 
 .main-content {
-  padding-top: 0;
-  -moz-padding-end: 0;
+  padding: 0;
 }
 
 #nav-header {
@@ -15,7 +14,8 @@
 }
 
 .view-pane > .list > scrollbox {
-  -moz-padding-end: 48px;
+  padding-right: 48px;
+  padding-left: 48px;
 }
 
 /*** global warnings ***/
@@ -62,7 +62,6 @@
   background-image: none;
 }
 
-
 /*** notification icons ***/
 
 .warning-icon,
@@ -75,29 +74,29 @@
 }
 
 .warning-icon {
-  list-style-image: url("chrome://global/skin/icons/warning-16.png");
+  list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.svg");
 }
 
 .error-icon {
-  list-style-image: url("chrome://global/skin/icons/error-16.png");
+  list-style-image: url("chrome://mozapps/skin/extensions/alerticon-error.svg");
 }
 
 .pending-icon,
 .info-icon {
-  list-style-image: url("chrome://global/skin/icons/information-16.png");
+  list-style-image: url("chrome://mozapps/skin/extensions/alerticon-info-positive.svg");
 }
 
 .addon-view[pending="disable"] .pending-icon,
 .addon-view[pending="uninstall"] .pending-icon {
-  list-style-image: url("chrome://global/skin/icons/warning-16.png");
+  list-style-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.svg");
 }
 
-
 /*** view alert boxes ***/
 
 .alert-container {
   -moz-box-align: center;
-  -moz-margin-end: 48px;
+  margin-right: 48px;
+  margin-left: 48px;
 }
 
 .alert-spacer-before {
@@ -134,6 +133,9 @@
   padding-right: 20px;
 }
 
+button.warning {
+  list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.svg");
+}
 
 /*** category selector ***/
 
@@ -167,7 +169,7 @@
   background-color: #666699;
   padding: 2px 8px;
   margin: 6px 0;
-  -moz-margin-start: 6px;
+  margin-inline-start: 6px;
   border-radius: 100%;
   color: #FFFFFF;
   font-weight: bold;
@@ -187,9 +189,6 @@
 #category-locale > .category-icon {
   list-style-image: url("chrome://mozapps/skin/extensions/category-languages.png");
 }
-#category-searchengine > .category-icon {
-  list-style-image: url("chrome://mozapps/skin/extensions/category-searchengines.png");
-}
 #category-extension > .category-icon {
   list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.png");
 }
@@ -221,7 +220,7 @@
 #header {
   margin-top: 20px;
   margin-bottom: 20px;
-  -moz-margin-end: 48px;
+  margin-inline-end: 48px;
 }
 
 @media (max-width: 600px) {
@@ -231,14 +230,13 @@
 }
 
 .view-header {
-  margin: 0;
-  -moz-margin-end: 48px;
+  margin: 0 48px;
   border-bottom: 1px solid #666699;
 }
 
 #header-utils-btn {
   list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities");
-  -moz-margin-end: 16px;
+  margin-inline-end: 16px;
 }
 
 .header-button {
@@ -261,7 +259,7 @@
 }
 
 #forward-btn {
-  -moz-border-start: none;
+  border-inline-start: none;
 }
 
 #back-btn:-moz-locale-dir(ltr),
@@ -326,7 +324,7 @@
 }
 
 .sorter .button-icon {
-  -moz-margin-start: 4px;
+  margin-inline-start: 4px;
 }
 
 
@@ -344,7 +342,7 @@
 
 .discover-logo {
   list-style-image: url("chrome://mozapps/skin/extensions/discover-logo.png");
-  -moz-margin-end: 15px;
+  margin-inline-end: 15px;
 }
 
 .discover-title {
@@ -393,7 +391,7 @@
 .details {
   cursor: pointer;
   margin: 0;
-  -moz-margin-start: 10px;
+  margin-inline-start: 10px;
 }
 
 .icon-container {
@@ -405,13 +403,13 @@
 }
 
 .icon {
-  list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
+  list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.svg");
   max-width: 48px;
   max-height: 48px;
 }
 
 .content-inner-container {
-  -moz-margin-end: 5px;
+  margin-inline-end: 5px;
 }
 
 .addon[active="false"] .icon {
@@ -439,19 +437,39 @@
 }
 
 .name-container {
-  font-size: 150%;
+  font-size: 1.3rem;
   font-weight: bold;
   -moz-box-align: end;
   -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;
 }
 
 .description-container {
-  -moz-margin-start: 6px;
+  margin-inline-start: 6px;
   -moz-box-align: center;
+  font-size: 1.25rem;
 }
 
 .description {
@@ -461,7 +479,7 @@
 .warning,
 .pending,
 .error {
-  -moz-margin-start: 48px;
+  margin-inline-start: 48px;
   font-weight: bold;
   -moz-box-align: center;
 }
@@ -521,7 +539,7 @@
 
 .addon .relnotes-container {
   -moz-box-align: start;
-  -moz-margin-start: 6px;
+  margin-inline-start: 6px;
   height: 0;
   overflow: hidden;
   opacity: 0;
@@ -550,23 +568,34 @@
 }
 
 .addon .relnotes-toggle > .button-box > .button-icon {
-  -moz-padding-start: 4px;
+  padding-inline-start: 4px;
 }
 
 .addon[show-relnotes] .relnotes-toggle {
   list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
 }
 
+.addon-view[notification],
+.addon-view[pending] {
+  --view-highlight-color: transparent;
+  /*
+  background-image: radial-gradient(at 50% 0%,
+                                    var(--view-highlight-color) 0%,
+                                    transparent 75%);
+  */
+  background-color: var(--view-highlight-color);
+}
+
 .addon-view[notification="warning"] {
-  background-color: #FFFFCC;
+  --view-highlight-color: #FFFFCC;
 }
 
 .addon-view[notification="error"] {
-  background-color: #FFD0DD;
+  --view-highlight-color: #FFD0DD;
 }
 
 .addon-view[notification="info"] {
-  background-color: #9999CC;
+  --view-highlight-color: #9999CC;
 }
 
 .addon-view[pending="enable"],
@@ -583,7 +612,7 @@
 
 .addon-view[pending="disable"],
 .addon-view[pending="uninstall"] {
-  background-color: #808080;
+  --view-highlight-color: #808080;
 }
 
 .addon[selected] {
@@ -627,7 +656,8 @@
 
 #search-filter {
   padding: 5px 20px;
-  -moz-margin-end: 48px;
+  margin-right: 48px;
+  margin-left: 48px;
   font-size: 120%;
   border-bottom: 1px solid #666699;
   overflow-x: hidden;
@@ -636,7 +666,7 @@
 #search-filter-label {
   font-weight: bold;
   color: #808080;
-  -moz-margin-end: 10px;
+  margin-inline-end: 10px;
 }
 
 #search-allresults-link {
@@ -647,8 +677,9 @@
 
 /*** detail view ***/
 
-#detail-view {
-  -moz-margin-end: 48px;
+#detail-view > .box-inherit {
+  margin-right: 48px;
+  margin-left: 48px;
 }
 
 #detail-view .loading {
@@ -662,9 +693,9 @@
 }
 
 .detail-view-container {
-  -moz-padding-end: 2em;
+  padding-inline-end: 2em;
   padding-bottom: 2em;
-  font-size: 110%;
+  font-size: 1.25rem;
   color: #000000;
 }
 
@@ -676,12 +707,12 @@
 #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;
 }
 
@@ -695,11 +726,12 @@
 }
 
 #detail-name-container {
-  font-size: 200%;
+  font-size: 2.5rem;
+  font-weight: normal;
 }
 
 #detail-screenshot-box {
-  -moz-margin-end: 2em;
+  margin-inline-end: 2em;
 }
 
 #detail-screenshot {
@@ -723,7 +755,7 @@
 }
 
 #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*/
@@ -759,7 +791,7 @@
 }
 
 #detail-contrib-btn .button-icon {
-  -moz-margin-end: 3px;
+  margin-inline-end: 3px;
 }
 
 #detail-grid {
@@ -793,6 +825,7 @@ setting {
   /* background-color: foo; */
 }
 
+.inline-options-browser,
 setting[first-row="true"] {
   margin-top: 2em;
 }
@@ -810,7 +843,7 @@ setting {
   font-size: 90.9%;
   color: #808080;
   margin-top: -2px;
-  -moz-margin-start: 2em;
+  margin-inline-start: 2em;
   white-space: pre-wrap;
 }
 
@@ -826,8 +859,8 @@ setting[type="radio"] > radiogroup {
 /*** creator ***/
 
 .creator > label {
-  -moz-margin-start: 0;
-  -moz-margin-end: 0;
+  margin-inline-start: 0;
+  margin-inline-end: 0;
 }
 
 .creator > .text-link {
@@ -839,7 +872,7 @@ setting[type="radio"] > radiogroup {
 /*** rating ***/
 
 .meta-rating {
-  -moz-margin-end: 0;
+  margin-inline-end: 0;
   padding-top: 2px;
 }
 
@@ -920,7 +953,7 @@ setting[type="radio"] > radiogroup {
 }
 
 .download-progress .cancel .button-icon {
-  -moz-margin-start: 0;
+  margin-inline-start: 0;
 }
 
 .download-progress .cancel {
@@ -980,15 +1013,10 @@ button.button-link {
   color: #0000FF;
   cursor: pointer;
   min-width: 0;
-  height: 20px;
+  min-height: 20px;
   margin: 0 6px;
 }
 
-button.button-link:not(:-moz-focusring) > .button-box {
-  border-width: 0;
-  margin: 1px;
-}
-
 button.button-link:hover {
   background-color: transparent;
   color: #336699;
@@ -1034,7 +1062,8 @@ 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 {