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"] {
61 background-color: rgba(255, 255, 255, .25);
62 background-image: radial-gradient(circle 1.5em, #FFFFFF, transparent);
67 #zoomArea > input[type="button"] {
68 border: 2px solid #0000FF;
71 #zoomArea > input[type="button"]:hover,
72 #fullscreenArea > input[type="button"]:hover {
73 background-color: rgba(255, 255, 255, .8);
76 #zoomArea > input[type="button"]:active,
77 #fullscreenArea > input[type="button"]:active {
78 background-color: rgba(255, 255, 127, .8);
81 #zoomArea > input[type="button"]:focus,
82 #fullscreenArea > input[type="button"]:focus {
83 background-color: rgba(255, 255, 255, .5);
93 /* background-color: rgba(255, 255, 255, .8); */
94 background-image: radial-gradient(circle 1.5em, #FFFFFF, transparent);
103 background-color: rgba(255, 255, 255, .8);
108 #settingsArea > legend,
109 #trackArea > legend {
111 background-color: rgba(255, 255, 255, .8);
142 background-color: rgba(255, 255, 255, .8);
148 vertical-align: text-bottom;
167 background-color: rgba(255, 255, 255, 1);
183 background-color: rgba(255, 255, 255, .8);
209 @media screen and (max-width: 500px),
210 screen and (max-height: 500px) {