X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;f=LCARStrek%2Fmozapps%2Fextensions%2Fextensions.css;h=bf7145cc25aa3f4356e78f7852c34866da1dd253;hb=3d64e0cebebe213f541634b9a0b2c6e7ba84fcfb;hp=276cb90a22d2437bce4130c2e04af372576b15d0;hpb=9099c61da39b1346a25b1c01463829a44d72d6e1;p=themes.git

diff --git a/LCARStrek/mozapps/extensions/extensions.css b/LCARStrek/mozapps/extensions/extensions.css
index 276cb90a..bf7145cc 100644
--- a/LCARStrek/mozapps/extensions/extensions.css
+++ b/LCARStrek/mozapps/extensions/extensions.css
@@ -4,8 +4,6 @@
 
 @import url("chrome://global/skin/inContentUI.css");
 
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-
 .nav-button {
   list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
 }
@@ -197,14 +195,14 @@
   border-bottom: 0;
   height: 0;
   opacity: 0;
-  -moz-transition-property: height, opacity;
-  -moz-transition-duration: 1s, 0.8s;
+  transition-property: height, opacity;
+  transition-duration: 1s, 0.8s;
 }
 
 .category:not([disabled]) {
   height: 52px;
-  -moz-transition-property: height, opacity;
-  -moz-transition-duration: 1s, 0.8s;
+  transition-property: height, opacity;
+  transition-duration: 1s, 0.8s;
 }
 
 .category[selected] {
@@ -259,6 +257,9 @@
 #category-extension > .category-icon {
   list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.png");
 }
+#category-service > .category-icon {
+  list-style-image: url("chrome://mozapps/skin/extensions/category-service.png");
+}
 #category-theme > .category-icon {
   list-style-image: url("chrome://mozapps/skin/extensions/category-themes.png");
 }
@@ -268,6 +269,9 @@
 #category-dictionary > .category-icon {
   list-style-image: url("chrome://mozapps/skin/extensions/category-dictionaries.png");
 }
+#category-experiment > .category-icon {
+  list-style-image: url("chrome://mozapps/skin/extensions/category-experiments.png");
+}
 #category-availableUpdates > .category-icon {
   list-style-image: url("chrome://mozapps/skin/extensions/category-available.png");
 }
@@ -292,7 +296,7 @@
   margin: 0;
 }
 
-#header-search .textbox-input:-moz-placeholder {
+#header-search .textbox-input::-moz-placeholder {
   color: #8050B0;
 }
 
@@ -300,6 +304,12 @@
   border-color: #008484;
 }
 
+@media (max-width: 600px) {
+  #header-search {
+    width: 12em;
+  }
+}
+
 #header-utils-btn {
   list-style-image: url("chrome://mozapps/skin/extensions/utilities.png");
   -moz-margin-end: 16px;
@@ -468,6 +478,10 @@
   list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric.png");
 }
 
+.addon-view[type="experiment"] .icon {
+  list-style-image: url("chrome://mozapps/skin/extensions/experimentGeneric.png");
+}
+
 .name-container {
   font-size: 150%;
   font-weight: bold;
@@ -563,14 +577,14 @@
   height: 0;
   overflow: hidden;
   opacity: 0;
-  -moz-transition-property: height, opacity;
-  -moz-transition-duration: 0.5s, 0.5s;
+  transition-property: height, opacity;
+  transition-duration: 0.5s, 0.5s;
 }
 
 .addon[show-relnotes] .relnotes-container {
   opacity: 1;
-  -moz-transition-property: height, opacity;
-  -moz-transition-duration: 0.5s, 0.5s;
+  transition-property: height, opacity;
+  transition-duration: 0.5s, 0.5s;
 }
 
 .addon .relnotes-header {
@@ -734,8 +748,8 @@
 
 #detail-view[loading-extended] .loading {
   opacity: 1;
-  -moz-transition-property: opacity;
-  -moz-transition-duration: 1s;
+  transition-property: opacity;
+  transition-duration: 1s;
 }
 
 .detail-view-container {
@@ -780,7 +794,7 @@
 }
 
 #detail-screenshot[loading] {
-  background-image: url("chrome://communicator/skin/brand/throbber-anim.gif");
+  background-image: url("chrome://communicator/skin/brand/throbber-anim.png");
   background-position: 50% 50%;
   background-repeat: no-repeat;
 }
@@ -1047,7 +1061,7 @@ button.button-link {
   background: transparent;
   border: none;
   text-decoration: underline;
-  color: blue;
+  color: #3333FF;
   cursor: pointer;
   min-width: 0;
   margin: 0 6px;
@@ -1056,3 +1070,30 @@ button.button-link {
 /* Needed to override normal button style from inContent.css */
 button.button-link:not([disabled="true"]):active:hover {
 }
+
+/*** telemetry experiments ***/
+
+#detail-experiment-container {
+  font-size: 80%;
+  margin-bottom: 1em;
+}
+
+#detail-experiment-bullet-container,
+#detail-experiment-state,
+#detail-experiment-time,
+.experiment-bullet-container,
+.experiment-state,
+.experiment-time {
+  vertical-align: middle;
+  display: inline-block;
+}
+
+.addon .experiment-bullet,
+#detail-experiment-bullet {
+  fill: #8050B0;
+}
+
+.addon[active="true"] .experiment-bullet,
+#detail-view[active="true"] #detail-experiment-bullet {
+  fill: #FFCF00;
+}