X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Fmedia%2Fvideocontrols.css;h=bd0d61e2add91281d17781f5d5240f0b286964ff;hp=5177a6f3464b37243ad375530f707f9bb831d046;hb=dbad77eabc8467c637024bc9963f45310d15565c;hpb=0282321df83ade4f66b3f44bbee1a2519485571a

diff --git a/LCARStrek/global/media/videocontrols.css b/LCARStrek/global/media/videocontrols.css
index 5177a6f3..bd0d61e2 100644
--- a/LCARStrek/global/media/videocontrols.css
+++ b/LCARStrek/global/media/videocontrols.css
@@ -22,6 +22,10 @@ audio > xul|videocontrols {
   display: none;
 }
 
+.controlsSpacer[hideCursor] {
+  cursor: none;
+}
+
 .controlsContainer,
 .progressContainer {
   position: relative;
@@ -41,7 +45,7 @@ audio > xul|videocontrols {
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  background-color: rgb(160,144,144);
+  background-color: rgb(160,144,144, .85);
 }
 
 .controlsOverlay {
@@ -106,22 +110,26 @@ audio > xul|videocontrols {
 }
 
 .playButton {
-  background-image: url(chrome://global/skin/media/pauseButton.svg#pause);
+  background-image: url(chrome://global/skin/media/pauseButton.svg);
+  -moz-context-properties: fill;
+  fill: #000000;
 }
 .playButton:hover {
-  background-image: url(chrome://global/skin/media/pauseButton.svg#pause-hover);
+  fill: #000000;
 }
 .playButton:hover:active {
-  background-image: url(chrome://global/skin/media/pauseButton.svg#pause-active);
+  fill: #000000;
 }
 .playButton[paused] {
-  background-image: url(chrome://global/skin/media/playButton.svg#play);
+  background-image: url(chrome://global/skin/media/playButton.svg);
+  -moz-context-properties: fill;
+  fill: #000000;
 }
 .playButton[paused]:hover {
-  background-image: url(chrome://global/skin/media/playButton.svg#play-hover);
+  fill: #000000;
 }
 .playButton[paused]:hover:active {
-  background-image: url(chrome://global/skin/media/playButton.svg#play-active);
+  fill: #000000;
 }
 
 .muteButton {
@@ -353,7 +361,6 @@ audio > xul|videocontrols {
 }
 
 .positionDurationBox {
-  min-width: 9ch;
   text-align: center;
   padding-inline-start: 1px;
   padding-inline-end: 9px;
@@ -364,10 +371,6 @@ audio > xul|videocontrols {
   color: #000000;
 }
 
-.positionDurationBox[positionOnly] {
-  min-width: 4ch;
-}
-
 .duration {
   display: inline-block;
   white-space: pre;
@@ -400,11 +403,13 @@ audio > xul|videocontrols {
   min-width: 48px;
   min-height: 48px;
   border-radius: 50%;
-  background-image: url(chrome://global/skin/media/playButton.svg#play);
+  background-image: url(chrome://global/skin/media/playButton.svg);
   background-repeat: no-repeat;
   background-position: 54% 50%;
   background-size: 40% 40%;
   background-color: #000000;
+  -moz-context-properties: fill;
+  fill: #FFCF00;
   opacity: 0.8;
   position: relative;
   top: 20px;