From: Robert Kaiser Date: Sun, 25 Jan 2009 16:32:39 +0000 (+0100) Subject: make LCARStrek video controls look nicer X-Git-Tag: LCARStrek-2.0a3~19 X-Git-Url: https://git-public.kairo.at/?a=commitdiff_plain;h=1880ed931e3f5308af14a7dbdf6f687ed03b9359;p=themes.git make LCARStrek video controls look nicer --- diff --git a/LCARStrek/global/media/videocontrols.css b/LCARStrek/global/media/videocontrols.css index 9080d092..678ded51 100644 --- a/LCARStrek/global/media/videocontrols.css +++ b/LCARStrek/global/media/videocontrols.css @@ -12,30 +12,40 @@ border: none; min-height: 24px; min-width: 24px; + background-color: transparent; + background-repeat: no-repeat; + background-position: center center; +} +.playButton:hover, .muteButton:hover { + background-color: rgba(255,207,0,0.75); +} +.playButton:focus > .button-box, +.muteButton:focus > .button-box { + border: 1px dotted rgba(0,0,0,0.75); } .playButton { - background: url("chrome://global/skin/media/pauseButton.png") no-repeat center; + background-image: url("chrome://global/skin/media/pauseButton.png"); } .playButton:hover { - background: url("chrome://global/skin/media/pauseButton-hover.png") no-repeat center; + background-image: url("chrome://global/skin/media/pauseButton-hover.png"); } .playButton[paused="true"] { - background: url("chrome://global/skin/media/playButton.png") no-repeat center; + background-image: url("chrome://global/skin/media/playButton.png"); } .playButton[paused="true"]:hover { - background: url("chrome://global/skin/media/playButton-hover.png") no-repeat center; + background-image: url("chrome://global/skin/media/playButton-hover.png"); } .muteButton { - background: url("chrome://global/skin/media/muteButton.png") no-repeat center; + background-image: url("chrome://global/skin/media/muteButton.png"); } .muteButton:hover { - background: url("chrome://global/skin/media/muteButton-hover.png") no-repeat center; + background-image: url("chrome://global/skin/media/muteButton-hover.png"); } .muteButton[muted="true"] { - background: url("chrome://global/skin/media/unmuteButton.png") no-repeat center; + background-image: url("chrome://global/skin/media/unmuteButton.png"); } .muteButton[muted="true"]:hover { - background: url("chrome://global/skin/media/unmuteButton-hover.png") no-repeat center; + background-image: url("chrome://global/skin/media/unmuteButton-hover.png"); }