-.addonThumbnailContainer {
- background-color: #CCD0DD;
- padding: 5px;
- border: 1px solid #9999CC;
- width: 135px;
- min-height: 104px;
- -moz-margin-end: 5px;
+.addon[active="false"] {
+ background-color: #DDDDDD;
+}
+
+.addon-view[active="false"],
+.addon-view[active="false"] .name-container {
+ color: #666699;
+}
+
+.addon-view[notification="warning"] {
+ background-color: #FFFFCC;
+}
+
+.addon-view[notification="error"] {
+ background-color: #FFD0DD;
+}
+
+.addon-view[notification="info"] {
+ background-color: #9999CC;
+}
+
+.addon-view[pending="enable"],
+.addon-view[pending="upgrade"],
+.addon-view[pending="install"] {
+ background-color: #CCFFDD;
+}
+
+.addon-view[pending="enable"] .pending,
+.addon-view[pending="upgrade"] .pending,
+.addon-view[pending="install"] .pending {
+ color: #008000;
+}
+
+.addon-view[pending="disable"],
+.addon-view[pending="uninstall"] {
+ background-color: #808080;