Commit | Line | Data |
---|---|---|
29465e59 RK |
1 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
2 | ||
6f25e2c5 RK |
3 | .controlBar { |
4 | height: 24px; | |
5 | background-color: rgba(156,156,255,0.75); | |
29465e59 RK |
6 | } |
7 | ||
6f25e2c5 RK |
8 | .playButton, .muteButton { |
9 | /* Remove the usual button appearance and styling */ | |
10 | margin: 0px; | |
11 | padding: 0px; | |
12 | border: none; | |
13 | min-height: 24px; | |
14 | min-width: 24px; | |
1880ed93 RK |
15 | background-color: transparent; |
16 | background-repeat: no-repeat; | |
17 | background-position: center center; | |
18 | } | |
19 | .playButton:hover, .muteButton:hover { | |
20 | background-color: rgba(255,207,0,0.75); | |
21 | } | |
22 | .playButton:focus > .button-box, | |
23 | .muteButton:focus > .button-box { | |
24 | border: 1px dotted rgba(0,0,0,0.75); | |
29465e59 RK |
25 | } |
26 | ||
6f25e2c5 | 27 | .playButton { |
1880ed93 | 28 | background-image: url("chrome://global/skin/media/pauseButton.png"); |
6f25e2c5 RK |
29 | } |
30 | .playButton:hover { | |
1880ed93 | 31 | background-image: url("chrome://global/skin/media/pauseButton-hover.png"); |
29465e59 | 32 | } |
6f25e2c5 | 33 | .playButton[paused="true"] { |
1880ed93 | 34 | background-image: url("chrome://global/skin/media/playButton.png"); |
6f25e2c5 RK |
35 | } |
36 | .playButton[paused="true"]:hover { | |
1880ed93 | 37 | background-image: url("chrome://global/skin/media/playButton-hover.png"); |
29465e59 RK |
38 | } |
39 | ||
6f25e2c5 | 40 | .muteButton { |
1880ed93 | 41 | background-image: url("chrome://global/skin/media/muteButton.png"); |
6f25e2c5 RK |
42 | } |
43 | .muteButton:hover { | |
1880ed93 | 44 | background-image: url("chrome://global/skin/media/muteButton-hover.png"); |
6f25e2c5 RK |
45 | } |
46 | .muteButton[muted="true"] { | |
1880ed93 | 47 | background-image: url("chrome://global/skin/media/unmuteButton.png"); |
6f25e2c5 RK |
48 | } |
49 | .muteButton[muted="true"]:hover { | |
1880ed93 | 50 | background-image: url("chrome://global/skin/media/unmuteButton-hover.png"); |
6f25e2c5 | 51 | } |