fifth and last part of syncing LCARStrek with Firefox 45-48 windows theme changes

[themes.git] / LCARStrek / mozapps / extensions / extensions.css

diff --git a/LCARStrek/mozapps/extensions/extensions.css b/LCARStrek/mozapps/extensions/extensions.css
index 7822365199fd9f7feafeb693b936cf9df643a230..fd9e751c7aec9f5f443bfc94b36806f0d65c2148 100644 (file)
--- a/LCARStrek/mozapps/extensions/extensions.css
+++ b/LCARStrek/mozapps/extensions/extensions.css
@@ -135,11 +135,18 @@
 }
 
 .loading {
-  list-style-image: url("chrome://global/skin/icons/loading.gif");
+  list-style-image: url("chrome://global/skin/icons/loading.png");
   padding-left: 20px;
   padding-right: 20px;
 }
 
+@media (min-resolution: 1.1dppx) {
+  .loading > image {
+    width: 16px;
+    list-style-image: url("chrome://global/skin/icons/loading@2x.png");
+  }
+}
+
 button.warning {
   list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.svg");
 }
@@ -781,21 +788,28 @@ button.warning {
 
 #detail-screenshot-box {
   -moz-margin-end: 2em;
+/*  background-color: white;*/
 }
 
 
 #detail-screenshot {
   max-width: 300px;
   max-height: 300px;
-/*  background-color: white;*/
 }
 
 #detail-screenshot[loading] {
-  background-image: url("chrome://communicator/skin/brand/throbber-anim.png");
+  background-image: url("chrome://global/skin/icons/loading.png");
   background-position: 50% 50%;
   background-repeat: no-repeat;
 }
 
+@media (min-resolution: 1.1dppx) {
+  #detail-screenshot[loading] {
+    background-image: url("chrome://global/skin/icons/loading@2x.png");
+    background-size: 16px;
+  }
+}
+
 #detail-screenshot[loading="error"] {
   background-image: url("chrome://global/skin/icons/alert-error.gif");
 }