X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Fmedia%2Fvideocontrols.css;h=97bd736ecc153daa8991e3955c9b619cf76e345d;hp=19ee4de18bda06596219758a54a7ead1047df040;hb=a54dd8ceedc2f96f9b23931505148cffa7ef71e2;hpb=76c1877e1d85ee27ea6e5da23923778a69442d78

diff --git a/LCARStrek/global/media/videocontrols.css b/LCARStrek/global/media/videocontrols.css
index 19ee4de1..97bd736e 100644
--- a/LCARStrek/global/media/videocontrols.css
+++ b/LCARStrek/global/media/videocontrols.css
@@ -58,6 +58,10 @@
   background-image: url("chrome://global/skin/media/unmuteButton-hover.png");
 }
 
+.muteButton[noAudio] {
+  background-image: url("chrome://global/skin/media/noAudio.png");
+}
+
 .fullscreenButton {
   background: -moz-image-rect(url("chrome://global/skin/media/fullscreenButton.png"), 0, 16, 16, 0) no-repeat center;
   margin: 0;
@@ -103,8 +107,8 @@
   -moz-appearance: none;
   background: url("chrome://global/skin/media/volumeThumb.png") no-repeat center;
   border: none !important;
-  min-width: 16px;
-  min-height: 11px;
+  min-width: 20px;
+  min-height: 10px;
 }
 .volumeControl .scale-thumb:hover, .volumeControl .scale-thumb:active {
   background-image: url("chrome://global/skin/media/volumeThumb-hover.png");
@@ -114,7 +118,7 @@
   /* margin left/right: make bar 8px wide (control width = 28, minus 2 * 10 margin) */
   margin: 0px 10px;
   background-color: rgba(0,0,0,0.5);
-  border-radius: 4px 4px;
+  border-radius: 2.5px;
 }
 
 .durationBox {
@@ -139,7 +143,7 @@
   /* margin left/right: 1/2 of scrubber thumb width, for overhang. */
   margin: 10px 22px;
   background-color: rgba(0,0,0,0.75);
-  border-radius: 4px 4px;
+  border-radius: 2.5px;
 }
 
 .bufferBar, .progressBar {
@@ -160,13 +164,13 @@
    * compositing gives it a different visual appearance.
    */
   background-color: rgba(255,159,0,0.75);
-  border-radius: 4px 4px;
+  border-radius: 2.5px;
   -moz-appearance: none;
 }
 
 .progressBar .progress-bar {
   background-color: #008484;
-  border-radius: 4px 0px 0px 4px;
+  border-radius: 2.5px;
   -moz-appearance: none;
 }
 
@@ -228,7 +232,7 @@
 }
 
 .statusIcon[type="throbber"] {
-  background: url("chrome://communicator/skin/brand/throbber-anim.gif") no-repeat center;
+  background: url("chrome://communicator/skin/brand/throbber-anim.png") no-repeat center;
 }
 /*
 .statusIcon[type="throbber"][stalled] {
@@ -284,36 +288,36 @@ html|table {
 
 /* CSS Transitions */
 .clickToPlay {
-  -moz-transition-property: opacity, background-size;
-  -moz-transition-duration: 400ms, 400ms;
+  transition-property: opacity, background-size;
+  transition-duration: 400ms, 400ms;
 }
 .clickToPlay[fadeout] {
   background-size: auto, 192px 192px;
   opacity: 0;
 }
 .clickToPlay[fadeout][immediate] {
-  -moz-transition-property: opacity, background-size;
-  -moz-transition-duration: 0s, 0s;
+  transition-property: opacity, background-size;
+  transition-duration: 0s, 0s;
 }
 .controlBar:not([immediate]) {
-  -moz-transition-property: opacity;
-  -moz-transition-duration: 200ms;
+  transition-property: opacity;
+  transition-duration: 200ms;
 }
 .controlBar[fadeout] {
   opacity: 0;
 }
 .volumeStack:not([immediate]) {
-  -moz-transition-property: opacity, margin-top;
-  -moz-transition-duration: 200ms, 200ms;
+  transition-property: opacity, margin-top;
+  transition-duration: 200ms, 200ms;
 }
 .volumeStack[fadeout] {
   opacity: 0;
   margin-top: 0;
 }
 .statusOverlay:not([immediate]) {
-  -moz-transition-property: opacity;
-  -moz-transition-duration: 300ms;
-  -moz-transition-delay: 750ms;
+  transition-property: opacity;
+  transition-duration: 300ms;
+  transition-delay: 750ms;
 }
 .statusOverlay[fadeout] {
   opacity: 0;