X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Fmedia%2Fvideocontrols.css;fp=EarlyBlue%2Fglobal%2Fmedia%2Fvideocontrols.css;h=51276bd56295fef27cb17ed4920caaad878a4bf7;hp=84c1145e3731914c62e155b4ad06f6fd16c09ea5;hb=a6c8d0f5eca89404094b51eee861f983d2a2a483;hpb=232d98026054828eac7dd8870ac4bea06a3c7bf6 diff --git a/EarlyBlue/global/media/videocontrols.css b/EarlyBlue/global/media/videocontrols.css index 84c1145e..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] { @@ -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"); } /*