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 +}