X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Fmedia%2Fvideocontrols.css;h=84c1145e3731914c62e155b4ad06f6fd16c09ea5;hb=5462883510c31ac70246b2f0e2c840dd35dfd940;hp=78b9764bde3446c743484f1247fabb3686ae389e;hpb=044b5d491a673c74d770c3f43276c2b85380a485;p=themes.git diff --git a/EarlyBlue/global/media/videocontrols.css b/EarlyBlue/global/media/videocontrols.css index 78b9764b..84c1145e 100644 --- a/EarlyBlue/global/media/videocontrols.css +++ b/EarlyBlue/global/media/videocontrols.css @@ -39,11 +39,12 @@ background-image: url("chrome://global/skin/media/unmuteButton.png"); } +.muteButton[noAudio] { + background-image: url("chrome://global/skin/media/noAudio.png"); +} + .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; @@ -52,7 +53,7 @@ } .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); } .volumeStack { @@ -76,8 +77,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; } .volumeBackgroundBar { @@ -178,7 +179,7 @@ font-size: 10px; font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; text-shadow: rgba(102,102,153, 0.3) 0 1px; - padding-top: 2px; + padding-top: 5px; } .statusOverlay { @@ -250,36 +251,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;