+.content-container,
+.basicinfo-container {
+ -moz-box-align: start;
+}
+
+.addon[status="installing"] > .content-container {
+ -moz-box-align: stretch;
+}
+
+.update-info-container {
+ -moz-box-align: center;
+}
+
+.update-available {
+ -moz-box-align: end;
+}
+
+.install-status-container {
+ -moz-box-pack: end;
+ -moz-box-align: end;
+}
+
+.name-outer-container {
+ -moz-box-pack: center;
+}
+
+.relnotes-toggle-container,
+.icon-outer-container {
+ -moz-box-pack: start;
+}
+
+.status-container,
+.control-container {
+ -moz-box-pack: end;
+}
+
+.addon-view .warning {
+ color: #FFCF00;
+}
+
+.addon-view .error {
+ color: #FF0000;
+}
+
+.addon-view .pending {
+ color: #008484;
+}
+
+.addon-view[pending="disable"] .pending,
+.addon-view[pending="uninstall"] .pending {
+ color: #FF9C00;
+}
+
+.addon .relnotes-container {
+ -moz-box-align: start;
+ margin-inline-start: 6px;
+ height: 0;
+ overflow: hidden;
+ opacity: 0;
+ transition-property: height, opacity;
+ transition-duration: 0.5s, 0.5s;
+}
+
+.addon[show-relnotes] .relnotes-container {
+ opacity: 1;
+ transition-property: height, opacity;
+ transition-duration: 0.5s, 0.5s;
+}
+
+.addon .relnotes-header {
+ font-weight: bold;
+ margin: 10px 0;
+}
+
+.addon .relnotes-toggle {
+ border: none;
+ background: transparent;
+ font-weight: bold;
+ -moz-box-direction: reverse;
+ cursor: pointer;
+ list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
+}
+
+.addon .relnotes-toggle > .button-box > .button-icon {
+ 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"] {
+ --view-highlight-color: #FFCF00;
+ color: #000000;
+}
+
+.addon-view[notification="warning"] .warning {
+ color: #000000;
+}
+
+.addon-view[notification="warning"] .name-container {
+ color: #000000;
+}
+
+.addon-view[notification="warning"] .text-link:hover {
+ color: #000000;
+}
+
+.addon-view[notification="error"] {
+ --view-highlight-color: #FF0000;
+ color: #000000;
+}
+
+.addon-view[notification="error"] .error {
+ color: #000000;
+}
+
+.addon-view[notification="info"] {
+ --view-highlight-color: #9C9CFF;
+ color: #000000;
+}
+
+.addon-view[pending="enable"],
+.addon-view[pending="upgrade"],
+.addon-view[pending="install"] {
+ --view-highlight-color: #008484;
+}
+
+.addon-view[pending="enable"] .pending,
+.addon-view[pending="upgrade"] .pending,
+.addon-view[pending="install"] .pending {
+ color: #000000;
+}
+
+.addon-view[pending="disable"],
+.addon-view[pending="uninstall"] {
+ color: #8050B0;
+}
+
+
+/*** item - uninstalled ***/
+
+.addon[status="uninstalled"] {