LCARStrek/global/media/videocontrols.css

   1 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
   2
   3 .controlBar {
   4   height: 24px;
   5   background-color: rgba(156,156,255,0.75);
   6 }
   7
   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;
  15 }
  16
  17 .playButton {
  18   background: url("chrome://global/skin/media/pauseButton.png") no-repeat center;
  19 }
  20 .playButton:hover {
  21   background: url("chrome://global/skin/media/pauseButton-hover.png") no-repeat center;
  22 }
  23 .playButton[paused="true"] {
  24   background: url("chrome://global/skin/media/playButton.png") no-repeat center;
  25 }
  26 .playButton[paused="true"]:hover {
  27   background: url("chrome://global/skin/media/playButton-hover.png") no-repeat center;
  28 }
  29
  30 .muteButton {
  31   background: url("chrome://global/skin/media/muteButton.png") no-repeat center;
  32 }
  33 .muteButton:hover {
  34   background: url("chrome://global/skin/media/muteButton-hover.png") no-repeat center;
  35 }
  36 .muteButton[muted="true"] {
  37   background: url("chrome://global/skin/media/unmuteButton.png") no-repeat center;
  38 }
  39 .muteButton[muted="true"]:hover {
  40   background: url("chrome://global/skin/media/unmuteButton-hover.png") no-repeat center;
  41 }