X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Fmedia%2Fvideocontrols.css;h=4b52d535975aadd043b0d004269375faf6988476;hp=0cdec5c7dec55e68907490581b29390f193902f7;hb=7bc075b60dbf0a7a6a0fd49787e7315acbce49c2;hpb=a62af8a99f2099bd7ff6c2623fdc419f9bd4c559 diff --git a/LCARStrek/global/media/videocontrols.css b/LCARStrek/global/media/videocontrols.css index 0cdec5c7..4b52d535 100644 --- a/LCARStrek/global/media/videocontrols.css +++ b/LCARStrek/global/media/videocontrols.css @@ -58,6 +58,10 @@ background-image: url("chrome://global/skin/media/unmuteButton-hover.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; @@ -103,8 +107,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; } .volumeControl .scale-thumb:hover, .volumeControl .scale-thumb:active { background-image: url("chrome://global/skin/media/volumeThumb-hover.png"); @@ -284,36 +288,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;