toolkit/content/widgets/videocontrols.css

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/toolkit/content/widgets/videocontrols.css	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,120 @@
     1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
     1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this
     1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
     1.7 +
     1.8 +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
     1.9 +@namespace html url("http://www.w3.org/1999/xhtml");
    1.10 +
    1.11 +.scrubber,
    1.12 +.volumeControl {
    1.13 +  -moz-binding: url("chrome://global/content/bindings/videocontrols.xml#suppressChangeEvent");
    1.14 +}
    1.15 +
    1.16 +.scrubber .scale-thumb {
    1.17 +  -moz-binding: url("chrome://global/content/bindings/videocontrols.xml#timeThumb");
    1.18 +}
    1.19 +
    1.20 +.playButton,
    1.21 +.muteButton,
    1.22 +.scrubber .scale-slider,
    1.23 +.volumeControl .scale-slider {
    1.24 +  -moz-user-focus: none;
    1.25 +}
    1.26 +
    1.27 +.mediaControlsFrame {
    1.28 +  direction: ltr;
    1.29 +  /* Prevent unwanted style inheritance. See bug 554717. */
    1.30 +  text-align: left;
    1.31 +  list-style-image: none !important;
    1.32 +  font: normal normal normal 100%/normal sans-serif !important;
    1.33 +  text-decoration: none !important;
    1.34 +}
    1.35 +
    1.36 +.controlsSpacer[hideCursor] {
    1.37 +  cursor: none;
    1.38 +}
    1.39 +
    1.40 +/* CSS Transitions
    1.41 + *
    1.42 + * These are overriden by the default theme; the rules here just 
    1.43 + * provide a fallback to drive the required transitionend event
    1.44 + * (in case a 3rd party theme does not provide transitions).
    1.45 + */
    1.46 +.controlBar:not([immediate]) {
    1.47 +  transition-property: opacity;
    1.48 +  transition-duration: 1ms;
    1.49 +}
    1.50 +.controlBar[fadeout] {
    1.51 +  opacity: 0;
    1.52 +}
    1.53 +.volumeStack:not([immediate]) {
    1.54 +  transition-property: opacity, margin-top;
    1.55 +  transition-duration: 1ms, 1ms;
    1.56 +}
    1.57 +.volumeStack[fadeout] {
    1.58 +  opacity: 0;
    1.59 +  margin-top: 0;
    1.60 +}
    1.61 +.statusOverlay:not([immediate]) {
    1.62 +  transition-property: opacity;
    1.63 +  transition-duration: 1ms;
    1.64 +  transition-delay: 750ms;
    1.65 +}
    1.66 +.statusOverlay[fadeout] {
    1.67 +  opacity: 0;
    1.68 +}
    1.69 +
    1.70 +/* Statistics formatting */
    1.71 +html|td.statLabel {
    1.72 +  font-weight: bold;
    1.73 +  max-width: 20%;
    1.74 +  white-space: nowrap;
    1.75 +}
    1.76 +html|td.statValue {
    1.77 +  max-width: 30%;
    1.78 +}
    1.79 +html|td.filename {
    1.80 +  max-width: 80%;
    1.81 +  white-space: nowrap;
    1.82 +  overflow: hidden;
    1.83 +  text-overflow: ellipsis;
    1.84 +}
    1.85 +html|span.statActivity > html|span {
    1.86 +  display: none;
    1.87 +}
    1.88 +html|span.statActivity[activity="paused"] > html|span.statActivityPaused,
    1.89 +html|span.statActivity[activity="playing"] > html|span.statActivityPlaying,
    1.90 +html|span.statActivity[activity="ended"] > html|span.statActivityEnded,
    1.91 +html|span.statActivity[seeking] > html|span.statActivitySeeking {
    1.92 +  display: inline;
    1.93 +}
    1.94 +
    1.95 +.controlBar[size="hidden"],
    1.96 +.controlBar[size="small"] .durationBox,
    1.97 +.controlBar[size="small"] .durationLabel,
    1.98 +.controlBar[size="small"] .positionLabel,
    1.99 +.controlBar[size="small"] .volumeStack {
   1.100 +  visibility: collapse;
   1.101 +}
   1.102 +
   1.103 +.controlBar[size="small"] .scrubberStack,
   1.104 +.controlBar[size="small"] .backgroundBar,
   1.105 +.controlBar[size="small"] .bufferBar,
   1.106 +.controlBar[size="small"] .progressBar,
   1.107 +.controlBar[size="small"] .scrubber {
   1.108 +  visibility: hidden;
   1.109 +}
   1.110 +
   1.111 +/* Error description formatting */
   1.112 +.errorLabel {
   1.113 +  display: none;
   1.114 +}
   1.115 +
   1.116 +[error="errorAborted"]         > [anonid="errorAborted"],
   1.117 +[error="errorNetwork"]         > [anonid="errorNetwork"],
   1.118 +[error="errorDecode"]          > [anonid="errorDecode"],
   1.119 +[error="errorSrcNotSupported"] > [anonid="errorSrcNotSupported"],
   1.120 +[error="errorNoSource"]        > [anonid="errorNoSource"],
   1.121 +[error="errorGeneric"]         > [anonid="errorGeneric"] {
   1.122 +  display: inline;
   1.123 +}

mercurial