.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,
.alert-container {
-moz-box-align: center;
- -moz-margin-end: 48px;
+ margin-right: 48px;
+ margin-left: 48px;
+ padding-top: .5em;
}
.alert-spacer-before {
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-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");
}
}
#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;
+ 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 {
}
.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 {
}
.content-inner-container {
- -moz-margin-end: 5px;
+ margin-inline-end: 5px;
}
.addon[active="false"] .icon {
-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;
}
.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 {
#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-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-screenshot-box {
- -moz-margin-end: 2em;
+ margin-inline-end: 2em;
/* background-color: white;*/
}
}
#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 {
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 {
button.button-link:not([disabled="true"]):active:hover {
}
+.addon-control.replacement {
+ background-color: #008484;
+ color: #000000;
+}
+
/*** telemetry experiments ***/
#detail-experiment-container {
#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;
#signing-dev-info {
font-style: italic;
}
+
+#detail-findUpdates-btn[hidden] {
+ display: -moz-box;
+ visibility: hidden;
+}