1 /* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this file,
3 * You can obtain one at http://mozilla.org/MPL/2.0/. */
6 font-family: sans-serif;
8 background: url("loading.png") repeat;
19 transition-property: opacity;
20 transition-duration: .2s;
26 transition-duration: 1s;
29 #dialogArea:-moz-system-metric(touch-enabled),
30 .overlayArea:-moz-system-metric(touch-enabled) {
34 #dialogArea input[type="button"]:-moz-system-metric(touch-enabled),
35 #dialogArea input[type="text"]:-moz-system-metric(touch-enabled),
36 #dialogArea select:-moz-system-metric(touch-enabled),
37 .overlayArea input[type="button"]:-moz-system-metric(touch-enabled),
38 .overlayArea select:-moz-system-metric(touch-enabled) {
54 #zoomArea > input[type="button"],
55 #fullscreenArea > input[type="button"],
63 background-color: rgba(255, 255, 255, .25);
64 background-image: radial-gradient(circle 1.5em, #FFFFFF, transparent);
69 #zoomArea > input[type="button"] {
70 border: 2px solid #0000FF;
73 #zoomArea > input[type="button"]:hover,
74 #fullscreenArea > input[type="button"]:hover,
76 #settingsButton:hover {
77 background-color: rgba(255, 255, 255, .8);
80 #zoomArea > input[type="button"]:active,
81 #fullscreenArea > input[type="button"]:active,
83 #settingsButton:active {
84 background-color: rgba(255, 255, 127, .8);
87 #zoomArea > input[type="button"]:focus,
88 #fullscreenArea > input[type="button"]:focus,
90 #settingsButton:focus {
91 background-color: rgba(255, 255, 255, .5);
101 /* background-color: rgba(255, 255, 255, .8); */
102 background-image: radial-gradient(circle 1.5em, #FFFFFF, transparent);
111 background-color: rgba(255, 255, 255, .8);
116 #settingsArea > legend,
117 #trackArea > legend {
119 background-color: rgba(255, 255, 255, .8);
150 background-color: rgba(255, 255, 255, .8);
156 vertical-align: text-bottom;
175 background-color: rgba(255, 255, 255, 1);
191 background-color: rgba(255, 255, 255, .8);
217 @media screen and (max-width: 500px),
218 screen and (max-height: 500px) {