X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;f=LCARStrek%2Fglobal%2Fmedia%2Fvideocontrols.css;h=0cdec5c7dec55e68907490581b29390f193902f7;hb=409d1b5be02000b438c7c9deef75904d531856a2;hp=3220dcafd06f6de45a3bb0ca1c29687051d018a9;hpb=044b5d491a673c74d770c3f43276c2b85380a485;p=themes.git

diff --git a/LCARStrek/global/media/videocontrols.css b/LCARStrek/global/media/videocontrols.css
index 3220dcaf..0cdec5c7 100644
--- a/LCARStrek/global/media/videocontrols.css
+++ b/LCARStrek/global/media/videocontrols.css
@@ -59,10 +59,7 @@
 }
 
 .fullscreenButton {
-  background-color: transparent;
-  list-style-image: url("chrome://global/skin/media/fullscreenButton.png");
-  -moz-image-region: rect(0px, 16px, 16px, 0px);
-  -moz-appearance: none;
+  background: -moz-image-rect(url("chrome://global/skin/media/fullscreenButton.png"), 0, 16, 16, 0) no-repeat center;
   margin: 0;
   padding: 0;
   min-height: 28px;
@@ -72,16 +69,16 @@
 
 .fullscreenButton:hover {
   background-color: rgba(255,207,0,0.75);
-  -moz-image-region: rect(16px, 16px, 32px, 0px);
+  background-image: -moz-image-rect(url("chrome://global/skin/media/fullscreenButton.png"), 16, 16, 32, 0);
 }
 
 .fullscreenButton[fullscreened] {
-  -moz-image-region: rect(0px, 32px, 16px, 16px);
+  background-image: -moz-image-rect(url("chrome://global/skin/media/fullscreenButton.png"), 0, 32, 16, 16);
 }
 
 .fullscreenButton[fullscreened]:hover {
   background-color: rgba(255,207,0,0.75);
-  -moz-image-region: rect(16px, 32px, 32px, 16px);
+  background-image: -moz-image-rect(url("chrome://global/skin/media/fullscreenButton.png"), 16, 32, 32, 16);
 }
 
 .volumeStack {
@@ -117,7 +114,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 {
@@ -142,7 +139,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 {
@@ -163,13 +160,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;
 }
 
@@ -215,7 +212,7 @@
   font-size: 10px;
   font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
   text-shadow: rgba(255,259,0, 0.3) 0 1px;
-  padding-top: 2px;
+  padding-top: 5px;
 }
 
 .statusOverlay {