.view-pane > .list > scrollbox {
border-radius: 1em 0 0 0;
+/* padding-right: 48px;
+ padding-left: 48px; */
}
#search-list > scrollbox {
background-image: none;
}
-
/*** notification icons ***/
.warning-icon,
}
.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;
+ padding-top: .5em;
}
.alert-spacer-before {
}
.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 ***/
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;
#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 {
- background-color: #000000;
+}
+
+#headered-views-content {
border-radius: 1em 0 0 0;
+ background-color: #000000;
}
/*** header ***/
#header-utils-btn {
list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities");
- -moz-margin-end: 16px;
+ margin-inline-end: 16px;
}
#header-utils-btn:hover,
}
.view-header {
- margin: 0;
- -moz-margin-end: 48px;
+ margin: 0 48px;
background-color: #9C9CFF;
color: #000000;
border-radius: 8px;
}
#forward-btn {
- -moz-border-start: none;
+ border-inline-start: none;
}
#back-btn:-moz-locale-dir(ltr),
}
.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;
.discover-logo {
list-style-image: url("chrome://mozapps/skin/extensions/discover-logo.png");
- -moz-margin-end: 15px;
+ margin-inline-end: 15px;
}
.discover-title {
.details {
cursor: pointer;
margin: 0;
- -moz-margin-start: 10px;
+ margin-inline-start: 10px;
}
.icon-container {
}
.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 {
}
.name-container {
- font-size: 150%;
+ font-size: 1.3rem;
font-weight: bold;
color: #9C9CFF;
margin-bottom: 0;
}
.description-container {
- -moz-margin-start: 6px;
+ margin-inline-start: 6px;
-moz-box-align: center;
+ font-size: 1.25rem;
}
.description {
.pending,
.error,
.info {
- -moz-margin-start: 48px;
+ margin-inline-start: 48px;
font-weight: bold;
-moz-box-align: center;
}
.addon .relnotes-container {
-moz-box-align: start;
- -moz-margin-start: 6px;
+ margin-inline-start: 6px;
height: 0;
overflow: hidden;
opacity: 0;
}
.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 : #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,
#search-filter {
padding: 5px 20px;
+/* margin-right: 48px;
+ margin-left: 48px;*/
-moz-box-align: center;
background-color: #000000;
font-size: 120%;
#search-filter-label {
font-weight: bold;
color: #FFCF00;
- -moz-margin-end: 10px;
+ margin-inline-end: 10px;
}
#search-allresults-link {
.detail-view-container {
padding: 0 2em 2em 2em;
- font-size: 110%;
+ font-size: 1.25rem;
}
#detail-notifications {
#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;
}
}
#detail-name-container {
- font-size: 200%;
+ font-size: 2.5rem;
+ font-weight: normal;
}
#detail-screenshot-box {
- -moz-margin-end: 2em;
- padding: 10px;
+ margin-inline-end: 2em;
/* 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");
}
}
#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*/
}
#detail-contrib-btn .button-icon {
- -moz-margin-end: 3px;
+ margin-inline-end: 3px;
}
#detail-grid {
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;
}
font-size: 90.9%;
color: #808080;
margin-top: -2px;
- -moz-margin-start: 2em;
+ margin-inline-start: 2em;
white-space: pre-wrap;
}
/*** creator ***/
.creator > label {
- -moz-margin-end: 0;
+ margin-inline-end: 0;
}
.creator > .text-link {
/*** rating ***/
.meta-rating {
- -moz-margin-end: 0;
+ margin-inline-end: 0;
padding-top: 2px;
}
}
.download-progress .cancel .button-icon {
- -moz-margin-start: 0;
+ margin-inline-start: 0;
}
.download-progress .cancel {
#disabled-unsigned-addons-info {
margin-bottom: 2em;
- -moz-margin-end: 48px;
+ margin-right: 48px;
+ margin-left: 48px;
}
#disabled-unsigned-addons-heading {