mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-27 12:15:33 +00:00
c24dde2cc6
We used to have this rule in shared stylesheet for both mobile and desktop, but the namespace mismatched after visual refresh (De-XUL). Now we should add this rule back to hide cursor while fading out. MozReview-Commit-ID: HDZKn8CrQ5X --HG-- extra : rebase_source : 7a63650b9f048dd5b0b0b79ce289bc762cc6a07b
80 lines
2.1 KiB
CSS
80 lines
2.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");
|
|
}
|
|
|
|
.playButton,
|
|
.muteButton,
|
|
.scrubber .scale-slider,
|
|
.volumeControl .scale-slider {
|
|
-moz-user-focus: none;
|
|
}
|
|
|
|
.controlBar[fullscreen-unavailable] > .fullscreenButton {
|
|
display: 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;
|
|
}
|
|
|
|
.controlsOverlay[scaled] {
|
|
-moz-box-align: center;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/* 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;
|
|
}
|