/toolkit/content/widgets/videocontrols.css

  1@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  2@namespace html url("http://www.w3.org/1999/xhtml");
  3
  4.scrubber,
  5.volumeControl {
  6  -moz-binding: url("chrome://global/content/bindings/videocontrols.xml#suppressChangeEvent");
  7}
  8
  9.scrubber .scale-thumb {
 10  -moz-binding: url("chrome://global/content/bindings/videocontrols.xml#timeThumb");
 11}
 12
 13.playButton,
 14.muteButton,
 15.scrubber .scale-slider,
 16.volumeControl .scale-slider {
 17  -moz-user-focus: none;
 18}
 19
 20.mediaControlsFrame {
 21  direction: ltr;
 22  /* Prevent unwanted style inheritance. See bug 554717. */
 23  text-align: left;
 24  list-style-image: none !important;
 25  font: normal normal normal 100%/normal sans-serif !important;
 26  text-decoration: none !important;
 27}
 28
 29.controlsSpacer[hideCursor] {
 30  cursor: none;
 31}
 32
 33/* CSS Transitions
 34 *
 35 * These are overriden by the default theme; the rules here just 
 36 * provide a fallback to drive the required transitionend event
 37 * (in case a 3rd party theme does not provide transitions).
 38 */
 39.controlBar:not([immediate]) {
 40  -moz-transition-property: opacity;
 41  -moz-transition-duration: 1ms;
 42}
 43.controlBar[fadeout] {
 44  opacity: 0;
 45}
 46.volumeStack:not([immediate]) {
 47  -moz-transition-property: opacity, margin-top;
 48  -moz-transition-duration: 1ms, 1ms;
 49}
 50.volumeStack[fadeout] {
 51  opacity: 0;
 52  margin-top: 0;
 53}
 54.statusOverlay:not([immediate]) {
 55  -moz-transition-property: opacity;
 56  -moz-transition-duration: 1ms;
 57  -moz-transition-delay: 750ms;
 58}
 59.statusOverlay[fadeout] {
 60  opacity: 0;
 61}
 62
 63/* Statistics formatting */
 64html|td.statLabel {
 65  font-weight: bold;
 66  max-width: 20%;
 67  white-space: nowrap;
 68}
 69html|td.statValue {
 70  max-width: 30%;
 71}
 72html|td.filename {
 73  max-width: 80%;
 74  white-space: nowrap;
 75  overflow: hidden;
 76  text-overflow: ellipsis;
 77}
 78html|span.statActivity > html|span {
 79  display: none;
 80}
 81html|span.statActivity[activity="paused"] > html|span.statActivityPaused,
 82html|span.statActivity[activity="playing"] > html|span.statActivityPlaying,
 83html|span.statActivity[activity="ended"] > html|span.statActivityEnded,
 84html|span.statActivity[seeking] > html|span.statActivitySeeking {
 85  display: inline;
 86}
 87
 88.controlBar[size="hidden"],
 89.controlBar[size="small"] .durationBox,
 90.controlBar[size="small"] .durationLabel,
 91.controlBar[size="small"] .positionLabel {
 92  visibility: collapse;
 93}
 94
 95.controlBar[size="small"] .scrubberStack,
 96.controlBar[size="small"] .backgroundBar,
 97.controlBar[size="small"] .bufferBar,
 98.controlBar[size="small"] .progressBar,
 99.controlBar[size="small"] .scrubber {
100  visibility: hidden;
101}
102
103/* Error description formatting */
104.errorLabel {
105  display: none;
106}
107
108[error="errorAborted"]         > [anonid="errorAborted"],
109[error="errorNetwork"]         > [anonid="errorNetwork"],
110[error="errorDecode"]          > [anonid="errorDecode"],
111[error="errorSrcNotSupported"] > [anonid="errorSrcNotSupported"],
112[error="errorNoSource"]        > [anonid="errorNoSource"],
113[error="errorGeneric"]         > [anonid="errorGeneric"] {
114  display: inline;
115}