@import url("chrome://global/skin/in-content/common.css");
.main-content {
- padding-top: 0;
- -moz-padding-end: 0;
+ padding: 0;
}
#nav-header {
}
.view-pane > .list > scrollbox {
- -moz-padding-end: 48px;
+ padding-right: 48px;
+ padding-left: 48px;
}
/*** global warnings ***/
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;
}
.alert-spacer-before {
padding-right: 20px;
}
+button.warning {
+ list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.svg");
+}
/*** category selector ***/
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;
#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");
}
#header {
margin-top: 20px;
margin-bottom: 20px;
- -moz-margin-end: 48px;
+ margin-inline-end: 48px;
}
@media (max-width: 600px) {
}
.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 {
}
#forward-btn {
- -moz-border-start: none;
+ border-inline-start: none;
}
#back-btn:-moz-locale-dir(ltr),
}
.sorter .button-icon {
- -moz-margin-start: 4px;
+ margin-inline-start: 4px;
}
.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;
-moz-box-align: end;
-moz-box-flex: 1;
}
.description-container {
- -moz-margin-start: 6px;
+ margin-inline-start: 6px;
-moz-box-align: center;
+ font-size: 1.25rem;
}
.description {
.warning,
.pending,
.error {
- -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: #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"],
.addon-view[pending="disable"],
.addon-view[pending="uninstall"] {
- background-color: #808080;
+ --view-highlight-color: #808080;
}
.addon[selected] {
#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;
#search-filter-label {
font-weight: bold;
color: #808080;
- -moz-margin-end: 10px;
+ margin-inline-end: 10px;
}
#search-allresults-link {
/*** detail view ***/
-#detail-view {
- -moz-margin-end: 48px;
+#detail-view > .box-inherit {
+ margin-right: 48px;
+ margin-left: 48px;
}
#detail-view .loading {
}
.detail-view-container {
- -moz-padding-end: 2em;
+ padding-inline-end: 2em;
padding-bottom: 2em;
- font-size: 110%;
+ font-size: 1.25rem;
color: #000000;
}
#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;
+ margin-inline-end: 2em;
}
#detail-screenshot {
}
#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 {
/* background-color: foo; */
}
+.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-start: 0;
- -moz-margin-end: 0;
+ margin-inline-start: 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 {