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