michael@0: /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0:  * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0:  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0: 
michael@0: @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
michael@0: @namespace html url("http://www.w3.org/1999/xhtml");
michael@0: 
michael@0: .scrubber,
michael@0: .volumeControl {
michael@0:   -moz-binding: url("chrome://global/content/bindings/videocontrols.xml#suppressChangeEvent");
michael@0: }
michael@0: 
michael@0: .scrubber .scale-thumb {
michael@0:   -moz-binding: url("chrome://global/content/bindings/videocontrols.xml#timeThumb");
michael@0: }
michael@0: 
michael@0: .playButton,
michael@0: .muteButton,
michael@0: .scrubber .scale-slider,
michael@0: .volumeControl .scale-slider {
michael@0:   -moz-user-focus: none;
michael@0: }
michael@0: 
michael@0: .mediaControlsFrame {
michael@0:   direction: ltr;
michael@0:   /* Prevent unwanted style inheritance. See bug 554717. */
michael@0:   text-align: left;
michael@0:   list-style-image: none !important;
michael@0:   font: normal normal normal 100%/normal sans-serif !important;
michael@0:   text-decoration: none !important;
michael@0: }
michael@0: 
michael@0: .controlsSpacer[hideCursor] {
michael@0:   cursor: none;
michael@0: }
michael@0: 
michael@0: /* CSS Transitions
michael@0:  *
michael@0:  * These are overriden by the default theme; the rules here just 
michael@0:  * provide a fallback to drive the required transitionend event
michael@0:  * (in case a 3rd party theme does not provide transitions).
michael@0:  */
michael@0: .controlBar:not([immediate]) {
michael@0:   transition-property: opacity;
michael@0:   transition-duration: 1ms;
michael@0: }
michael@0: .controlBar[fadeout] {
michael@0:   opacity: 0;
michael@0: }
michael@0: .volumeStack:not([immediate]) {
michael@0:   transition-property: opacity, margin-top;
michael@0:   transition-duration: 1ms, 1ms;
michael@0: }
michael@0: .volumeStack[fadeout] {
michael@0:   opacity: 0;
michael@0:   margin-top: 0;
michael@0: }
michael@0: .statusOverlay:not([immediate]) {
michael@0:   transition-property: opacity;
michael@0:   transition-duration: 1ms;
michael@0:   transition-delay: 750ms;
michael@0: }
michael@0: .statusOverlay[fadeout] {
michael@0:   opacity: 0;
michael@0: }
michael@0: 
michael@0: /* Statistics formatting */
michael@0: html|td.statLabel {
michael@0:   font-weight: bold;
michael@0:   max-width: 20%;
michael@0:   white-space: nowrap;
michael@0: }
michael@0: html|td.statValue {
michael@0:   max-width: 30%;
michael@0: }
michael@0: html|td.filename {
michael@0:   max-width: 80%;
michael@0:   white-space: nowrap;
michael@0:   overflow: hidden;
michael@0:   text-overflow: ellipsis;
michael@0: }
michael@0: html|span.statActivity > html|span {
michael@0:   display: none;
michael@0: }
michael@0: html|span.statActivity[activity="paused"] > html|span.statActivityPaused,
michael@0: html|span.statActivity[activity="playing"] > html|span.statActivityPlaying,
michael@0: html|span.statActivity[activity="ended"] > html|span.statActivityEnded,
michael@0: html|span.statActivity[seeking] > html|span.statActivitySeeking {
michael@0:   display: inline;
michael@0: }
michael@0: 
michael@0: .controlBar[size="hidden"],
michael@0: .controlBar[size="small"] .durationBox,
michael@0: .controlBar[size="small"] .durationLabel,
michael@0: .controlBar[size="small"] .positionLabel,
michael@0: .controlBar[size="small"] .volumeStack {
michael@0:   visibility: collapse;
michael@0: }
michael@0: 
michael@0: .controlBar[size="small"] .scrubberStack,
michael@0: .controlBar[size="small"] .backgroundBar,
michael@0: .controlBar[size="small"] .bufferBar,
michael@0: .controlBar[size="small"] .progressBar,
michael@0: .controlBar[size="small"] .scrubber {
michael@0:   visibility: hidden;
michael@0: }
michael@0: 
michael@0: /* Error description formatting */
michael@0: .errorLabel {
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: [error="errorAborted"]         > [anonid="errorAborted"],
michael@0: [error="errorNetwork"]         > [anonid="errorNetwork"],
michael@0: [error="errorDecode"]          > [anonid="errorDecode"],
michael@0: [error="errorSrcNotSupported"] > [anonid="errorSrcNotSupported"],
michael@0: [error="errorNoSource"]        > [anonid="errorNoSource"],
michael@0: [error="errorGeneric"]         > [anonid="errorGeneric"] {
michael@0:   display: inline;
michael@0: }