Merge branch 'master' of linz:/srv/git/themes
[themes.git] / LCARStrek / mozapps / extensions / extensions.css
index 49263b55f9cdd1370a49617f9051e1b0d7fe7845..868a43b930a36206389bb64ccccf14a7b0c0497b 100644 (file)
@@ -90,7 +90,7 @@
   border-bottom: 3px solid #000000;
 }
 
-@media all and (max-width: 600px) {
+@media (max-width: 600px) {
   .global-warning-text {
     display: none;
   }
 }
 
 /* Maximize the size of the viewport when the window is small */
-@media all and (max-width: 800px) {
+@media (max-width: 800px) {
   .category-name {
     display: none;
   }
 #category-plugin > .category-icon {
   list-style-image: url("chrome://mozapps/skin/extensions/category-plugins.png");
 }
+#category-dictionary > .category-icon {
+  list-style-image: url("chrome://mozapps/skin/extensions/category-dictionaries.png");
+}
 #category-availableUpdates > .category-icon {
   list-style-image: url("chrome://mozapps/skin/extensions/category-available.png");
 }
 }
 
 .addon[active="false"] .icon {
-/*  filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale"); */
+  filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale");
 }
 
 .addon-view[type="theme"] .icon {
   list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
 }
 
+.addon-view[type="dictionary"] .icon {
+  list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric.png");
+}
+
 .name-container {
   font-size: 150%;
   font-weight: bold;
 }
 
 .addon[active="false"] {
-  /* background-color: rgba(135, 135, 135, 0.1); */
+  background-color: #8050B0;
+  color: #E7ADE7;
 }
 
-.addon-view[active="false"],
 .addon-view[active="false"] .name-container {
   color: #E7ADE7;
+  color: #000000;
 }
 
 .addon-view[notification="warning"] {
   -moz-margin-start: 0;
 }
 
-#detail-icon {
+#detail-icon-container {
+  width: 64px;
   -moz-margin-end: 10px;
   margin-top: 6px;
+}
+
+#detail-icon {
   max-width: 64px;
   max-height: 64px;
 }
   max-height: 300px;
 }
 
+#detail-screenshot[loading] {
+  background-image: url("chrome://communicator/skin/brand/throbber-anim.gif");
+  background-position: 50% 50%;
+  background-repeat: no-repeat;
+}
+
+#detail-screenshot[loading="error"] {
+  background-image: url("chrome://global/skin/icons/alert-error.gif");
+}
+
 #detail-desc-container {
   margin-bottom: 2em;
 }
 }
 
 #detail-grid {
+  min-width: 15em;
   margin-bottom: 2em;
 }