mobile/android/themes/core/touchcontrols.css

Wed, 31 Dec 2014 07:22:50 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 07:22:50 +0100
branch
TOR_BUG_3246
changeset 4
fc2d59ddac77
permissions
-rw-r--r--

Correct previous dual key logic pending first delivery installment.

michael@0 1 /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0 2 * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0 4
michael@0 5 @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
michael@0 6
michael@0 7 /* video controls */
michael@0 8 .controlsOverlay {
michael@0 9 -moz-box-pack: center;
michael@0 10 -moz-box-align: end;
michael@0 11 padding: 20px;
michael@0 12 -moz-box-flex: 1;
michael@0 13 -moz-box-orient: horizontal;
michael@0 14 }
michael@0 15
michael@0 16 .controlBar {
michael@0 17 -moz-box-flex: 1;
michael@0 18 font-size: 16pt;
michael@0 19 padding: 10px;
michael@0 20 background-color: rgba(50,50,50,0.8);
michael@0 21 border-radius: 8px;
michael@0 22 width: 100%;
michael@0 23 }
michael@0 24
michael@0 25 .controlsSpacer {
michael@0 26 display: none;
michael@0 27 -moz-box-flex: 0;
michael@0 28 }
michael@0 29
michael@0 30 .playButton,
michael@0 31 .castingButton,
michael@0 32 .muteButton {
michael@0 33 -moz-appearance: none;
michael@0 34 min-height: 42px;
michael@0 35 min-width: 42px;
michael@0 36 border: none !important;
michael@0 37 }
michael@0 38
michael@0 39 .playButton {
michael@0 40 -moz-transform: translateX(21px);
michael@0 41 background: url("chrome://browser/skin/images/pause-hdpi.png") no-repeat center;
michael@0 42 }
michael@0 43
michael@0 44 .playButton[paused="true"] {
michael@0 45 background: url("chrome://browser/skin/images/play-hdpi.png") no-repeat center;
michael@0 46 }
michael@0 47
michael@0 48 .castingButton {
michael@0 49 background: url("chrome://browser/skin/images/cast-ready-hdpi.png") no-repeat center;
michael@0 50 }
michael@0 51
michael@0 52 .castingButton[active="true"] {
michael@0 53 background: url("chrome://browser/skin/images/cast-active-hdpi.png") no-repeat center;
michael@0 54 }
michael@0 55
michael@0 56 .muteButton {
michael@0 57 background: url("chrome://browser/skin/images/mute-hdpi.png") no-repeat center;
michael@0 58 }
michael@0 59
michael@0 60 .muteButton[muted="true"] {
michael@0 61 background: url("chrome://browser/skin/images/unmute-hdpi.png") no-repeat center;
michael@0 62 }
michael@0 63
michael@0 64 /* This button is hidden until bug 704229 is fixed. */
michael@0 65 .fullscreenButton {
michael@0 66 display: none;
michael@0 67 }
michael@0 68
michael@0 69 /* bars */
michael@0 70 .scrubberStack {
michael@0 71 width: 100%;
michael@0 72 min-height: 32px;
michael@0 73 max-height: 32px;
michael@0 74 padding: 0px 8px;
michael@0 75 margin: 0px;
michael@0 76 }
michael@0 77
michael@0 78 .bufferBar,
michael@0 79 .bufferBar .progress-bar,
michael@0 80 .progressBar,
michael@0 81 .progressBar .progress-bar,
michael@0 82 .scrubber,
michael@0 83 .scrubber .scale-slider,
michael@0 84 .scrubber .scale-thumb {
michael@0 85 -moz-appearance: none;
michael@0 86 border: none;
michael@0 87 padding: 0px;
michael@0 88 margin: 0px;
michael@0 89 background-color: transparent;
michael@0 90 }
michael@0 91
michael@0 92 .bufferBar {
michael@0 93 border: 1px solid #5e6166;
michael@0 94 }
michael@0 95
michael@0 96 .bufferBar,
michael@0 97 .progressBar {
michael@0 98 margin: 11px 0px 9px 0px;
michael@0 99 height: 8px
michael@0 100 }
michael@0 101
michael@0 102 .bufferBar .progress-bar {
michael@0 103 background-color: #5e6166;
michael@0 104 }
michael@0 105
michael@0 106 .progressBar .progress-bar {
michael@0 107 background-color: white;
michael@0 108 }
michael@0 109
michael@0 110 .scrubber {
michael@0 111 margin-left: -16px;
michael@0 112 margin-right: -16px;
michael@0 113 }
michael@0 114
michael@0 115 .scrubber .scale-thumb {
michael@0 116 display: -moz-box;
michael@0 117 margin: 0px !important;
michael@0 118 padding: 0px !important;
michael@0 119 background: url("chrome://browser/skin/images/scrubber-hdpi.png") no-repeat;
michael@0 120 background-size: 32px 32px;
michael@0 121 height: 32px;
michael@0 122 width: 32px;
michael@0 123 }
michael@0 124
michael@0 125 .durationBox {
michael@0 126 -moz-box-orient: horizontal;
michael@0 127 -moz-box-pack: start;
michael@0 128 -moz-box-align: center;
michael@0 129 color: white;
michael@0 130 font-weight: bold;
michael@0 131 padding: 0px 8px;
michael@0 132 margin-top: -6px;
michael@0 133 }
michael@0 134
michael@0 135 .positionLabel {
michael@0 136 -moz-box-flex: 1;
michael@0 137 }
michael@0 138
michael@0 139 .statusOverlay {
michael@0 140 -moz-box-align: center;
michael@0 141 -moz-box-pack: center;
michael@0 142 background-color: rgb(50,50,50);
michael@0 143 }
michael@0 144
michael@0 145 .statusIcon {
michael@0 146 margin-bottom: 28px;
michael@0 147 width: 36px;
michael@0 148 height: 36px;
michael@0 149 }
michael@0 150
michael@0 151 .statusIcon[type="throbber"] {
michael@0 152 background: url(chrome://global/skin/media/throbber.png) no-repeat center;
michael@0 153 }
michael@0 154
michael@0 155 .statusIcon[type="error"] {
michael@0 156 background: url(chrome://global/skin/media/error.png) no-repeat center;
michael@0 157 }
michael@0 158
michael@0 159 /* CSS Transitions */
michael@0 160 .controlBar:not([immediate]) {
michael@0 161 transition-property: opacity;
michael@0 162 transition-duration: 200ms;
michael@0 163 }
michael@0 164
michael@0 165 .controlBar[fadeout] {
michael@0 166 opacity: 0;
michael@0 167 }
michael@0 168
michael@0 169 .statusOverlay:not([immediate]) {
michael@0 170 transition-property: opacity;
michael@0 171 transition-duration: 300ms;
michael@0 172 transition-delay: 750ms;
michael@0 173 }
michael@0 174
michael@0 175 .statusOverlay[fadeout] {
michael@0 176 opacity: 0;
michael@0 177 }
michael@0 178
michael@0 179 .volumeStack,
michael@0 180 .controlBar[firstshow="true"] .muteButton,
michael@0 181 .controlBar[firstshow="true"] .scrubberStack,
michael@0 182 .controlBar[firstshow="true"] .durationBox,
michael@0 183 .timeLabel {
michael@0 184 display: none;
michael@0 185 }
michael@0 186
michael@0 187 .controlBar[firstshow="true"] .playButton {
michael@0 188 -moz-transform: none;
michael@0 189 }
michael@0 190
michael@0 191 /* Error description formatting */
michael@0 192 .errorLabel {
michael@0 193 font-family: Helvetica, Arial, sans-serif;
michael@0 194 font-size: 11px;
michael@0 195 color: #bbb;
michael@0 196 text-shadow:
michael@0 197 -1px -1px 0 #000,
michael@0 198 1px -1px 0 #000,
michael@0 199 -1px 1px 0 #000,
michael@0 200 1px 1px 0 #000;
michael@0 201 padding: 0 10px;
michael@0 202 text-align: center;
michael@0 203 }
michael@0 204

mercurial