X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Fmedia%2Fvideocontrols.css;h=732f3febe1825e5b8638f58e28c38214cc9b92f9;hp=9d85d889498e639865943f88a4732dcf1b1aa648;hb=46dc2718163b4e6ffb52ef8f46bef4c8db7ed804;hpb=f777a4f1d5abd2057e324f87c8c90e21189ec9d7

diff --git a/EarlyBlue/global/media/videocontrols.css b/EarlyBlue/global/media/videocontrols.css
index 9d85d889..732f3feb 100644
--- a/EarlyBlue/global/media/videocontrols.css
+++ b/EarlyBlue/global/media/videocontrols.css
@@ -39,6 +39,10 @@
   background-image: url("chrome://global/skin/media/unmuteButton.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;
@@ -202,6 +206,24 @@
   background: url("chrome://global/skin/icons/alert-error.gif") no-repeat center;
 }
 
+/* Overlay Play button */
+.clickToPlay {
+  width: 64px;
+  height: 64px;
+  -moz-box-pack: center;
+  -moz-box-align: center;
+  opacity: 0.7;
+  background-image: url("chrome://global/skin/media/clicktoplay-bgtexture.png"),
+                    url("chrome://global/skin/media/videoClickToPlayButton.svg");
+  background-repeat: repeat, no-repeat;
+  background-position: center, center;
+  background-size: auto, 64px 64px;
+  background-color: hsla(0,0%,10%,.5);
+}
+.clickToPlay:hover {
+  opacity: 1;
+}
+
 /* Statistics formatting */
 html|*.statsDiv {
   position: relative;
@@ -228,6 +250,18 @@ html|table {
 }
 
 /* CSS Transitions */
+.clickToPlay {
+  -moz-transition-property: opacity, background-size;
+  -moz-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;
+}
 .controlBar:not([immediate]) {
   -moz-transition-property: opacity;
   -moz-transition-duration: 200ms;