/toolkit/content/widgets/videocontrols.css

http://github.com/zpao/v8monkey · CSS · 115 lines · 95 code · 11 blank · 9 comment · 0 complexity · 8684b314ec0f9c0a3ccee9464b457bbb MD5 · raw file

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