X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;f=LCARStrek%2Fglobal%2Fmedia%2Fvideocontrols.css;h=97bd736ecc153daa8991e3955c9b619cf76e345d;hb=01d40f5a7bba7f139053689dc31828363286a316;hp=0cdec5c7dec55e68907490581b29390f193902f7;hpb=a62af8a99f2099bd7ff6c2623fdc419f9bd4c559;p=themes.git diff --git a/LCARStrek/global/media/videocontrols.css b/LCARStrek/global/media/videocontrols.css index 0cdec5c7..97bd736e 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"); @@ -228,7 +232,7 @@ } .statusIcon[type="throbber"] { - background: url("chrome://communicator/skin/brand/throbber-anim.gif") no-repeat center; + background: url("chrome://communicator/skin/brand/throbber-anim.png") no-repeat center; } /* .statusIcon[type="throbber"][stalled] { @@ -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;