}
.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 ***/
}
.loading {
- list-style-image: url("chrome://global/skin/icons/loading.gif");
+ list-style-image: url("chrome://global/skin/icons/loading.png");
padding-left: 20px;
padding-right: 20px;
}
+@media (min-resolution: 1.1dppx) {
+ .loading > image {
+ width: 16px;
+ list-style-image: url("chrome://global/skin/icons/loading@2x.png");
+ }
+}
+
+button.warning {
+ list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.svg");
+}
/*** category selector ***/
#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");
}
.main-content {
border: none;
+ padding-bottom: 0;
}
#view-port {
}
.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;
}
}
.name-container {
- font-size: 150%;
+ font-size: 1.3rem;
font-weight: bold;
color: #9C9CFF;
margin-bottom: 0;
.description-container {
-moz-margin-start: 6px;
-moz-box-align: center;
+ font-size: 1.25rem;
}
.description {
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 : #FFCF00;
+ --view-highlight-color: #FFCF00;
color: #000000;
}
}
.addon-view[notification="error"] {
- background-color: #FF0000;
+ --view-highlight-color: #FF0000;
color: #000000;
}
}
.addon-view[notification="info"] {
- background-color: #9C9CFF;
+ --view-highlight-color: #9C9CFF;
color: #000000;
}
.addon-view[pending="enable"],
.addon-view[pending="upgrade"],
.addon-view[pending="install"] {
- background-color: #008484;
+ --view-highlight-color: #008484;
}
.addon-view[pending="enable"] .pending,
.detail-view-container {
padding: 0 2em 2em 2em;
- font-size: 110%;
+ font-size: 1.25rem;
}
#detail-notifications {
}
#detail-name-container {
- font-size: 200%;
+ font-size: 2.5rem;
+ font-weight: normal;
}
#detail-screenshot-box {
-moz-margin-end: 2em;
- padding: 10px;
/* background-color: white;*/
}
}
#detail-screenshot[loading] {
- background-image: url("chrome://communicator/skin/brand/throbber-anim.png");
+ background-image: url("chrome://global/skin/icons/loading.png");
background-position: 50% 50%;
background-repeat: no-repeat;
}
+@media (min-resolution: 1.1dppx) {
+ #detail-screenshot[loading] {
+ background-image: url("chrome://global/skin/icons/loading@2x.png");
+ background-size: 16px;
+ }
+}
+
#detail-screenshot[loading="error"] {
background-image: url("chrome://global/skin/icons/alert-error.gif");
}
border-top: 1px solid #9C9CFF;
-moz-box-align: center;
min-height: 35px;
- font-size: 1.25rem;
line-height: 20px;
}
margin-bottom: 1em;
}
+.inline-options-browser,
setting[first-row="true"] {
margin-top: 2em;
}