X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Fmedia%2Fvideocontrols.css;h=51276bd56295fef27cb17ed4920caaad878a4bf7;hb=87a1144f3acafe3109028fc3d30c7dd2dbdff01e;hp=c0c63339a32a5c4129284e88eb103aab5be760c9;hpb=71a617ff22ae6266108ab20198128db5ae2bd33c;p=themes.git diff --git a/EarlyBlue/global/media/videocontrols.css b/EarlyBlue/global/media/videocontrols.css index c0c63339..51276bd5 100644 --- a/EarlyBlue/global/media/videocontrols.css +++ b/EarlyBlue/global/media/videocontrols.css @@ -6,35 +6,34 @@ background-color: rgba(102,102,153,0.75); } -.playButton, .muteButton { - /* Remove the usual button appearance and styling */ +.playButton, +.muteButton, +.fullscreenButton { + background-color: transparent; + background-repeat: no-repeat; + background-position: center; margin: 0px; padding: 0px; border: none; min-height: 28px; - background-color: transparent; - background-repeat: no-repeat; - background-position: center center; -} -.playButton { min-width: 28px; - margin-right: -22px; /* 1/2 of scrubber thumb width, for overhang. */ - position: relative; /* Trick to work around negative margin interfering with clicking on the button. */ -} -.muteButton { - min-width: 33px; } .playButton { background-image: url("chrome://global/skin/media/pauseButton.png"); + margin-right: -22px; /* 1/2 of scrubber thumb width, for overhang. */ + position: relative; /* Trick to work around negative margin interfering with clicking on the button. */ } + .playButton[paused] { background-image: url("chrome://global/skin/media/playButton.png"); } .muteButton { background-image: url("chrome://global/skin/media/muteButton.png"); + min-width: 33px; } + .muteButton[muted] { background-image: url("chrome://global/skin/media/unmuteButton.png"); } @@ -44,12 +43,7 @@ } .fullscreenButton { - 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; - min-width: 28px; - border: none; + background-image: -moz-image-rect(url("chrome://global/skin/media/fullscreenButton.png"), 0, 16, 16, 0); } .fullscreenButton[fullscreened] { @@ -77,8 +71,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 { @@ -165,7 +159,7 @@ } .timeThumb[showhours="true"] { - background: url("chrome://global/skin/media/scrubberThumbWide.png") no-repeat center; + background-image: url("chrome://global/skin/media/scrubberThumbWide.png"); } /*