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

diff --git a/LCARStrek/global/media/videocontrols.css b/LCARStrek/global/media/videocontrols.css
index 2e2b7131..19ee4de1 100644
--- a/LCARStrek/global/media/videocontrols.css
+++ b/LCARStrek/global/media/videocontrols.css
@@ -239,6 +239,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;
@@ -265,6 +283,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;