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   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);
  25 }
  26
  27 .playButton {
  28   background-image: url("chrome://global/skin/media/pauseButton.png");
  29 }
  30 .playButton:hover {
  31   background-image: url("chrome://global/skin/media/pauseButton-hover.png");
  32 }
  33 .playButton[paused="true"] {
  34   background-image: url("chrome://global/skin/media/playButton.png");
  35 }
  36 .playButton[paused="true"]:hover {
  37   background-image: url("chrome://global/skin/media/playButton-hover.png");
  38 }
  39
  40 .muteButton {
  41   background-image: url("chrome://global/skin/media/muteButton.png");
  42 }
  43 .muteButton:hover {
  44   background-image: url("chrome://global/skin/media/muteButton-hover.png");
  45 }
  46 .muteButton[muted="true"] {
  47   background-image: url("chrome://global/skin/media/unmuteButton.png");
  48 }
  49 .muteButton[muted="true"]:hover {
  50   background-image: url("chrome://global/skin/media/unmuteButton-hover.png");
  51 }