1 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
5 background-color: rgba(156,156,255,0.75);
8 .playButton, .muteButton {
9 /* Remove the usual button appearance and styling */
15 background-color: transparent;
16 background-repeat: no-repeat;
17 background-position: center center;
19 .playButton:hover, .muteButton:hover {
20 background-color: rgba(255,207,0,0.75);
22 .playButton:focus > .button-box,
23 .muteButton:focus > .button-box {
24 border: 1px dotted rgba(0,0,0,0.75);
28 background-image: url("chrome://global/skin/media/pauseButton.png");
31 background-image: url("chrome://global/skin/media/pauseButton-hover.png");
33 .playButton[paused="true"] {
34 background-image: url("chrome://global/skin/media/playButton.png");
36 .playButton[paused="true"]:hover {
37 background-image: url("chrome://global/skin/media/playButton-hover.png");
41 background-image: url("chrome://global/skin/media/muteButton.png");
44 background-image: url("chrome://global/skin/media/muteButton-hover.png");
46 .muteButton[muted="true"] {
47 background-image: url("chrome://global/skin/media/unmuteButton.png");
49 .muteButton[muted="true"]:hover {
50 background-image: url("chrome://global/skin/media/unmuteButton-hover.png");