|
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/. */ |
|
4 |
|
5 #virtual-cursor-box { |
|
6 position: fixed; |
|
7 border: 1px solid orange; |
|
8 pointer-events: none; |
|
9 display: none; |
|
10 border-radius: 2px; |
|
11 box-shadow: 1px 1px 1px #444; |
|
12 } |
|
13 |
|
14 #virtual-cursor-inset { |
|
15 border-radius: 1px; |
|
16 box-shadow: inset 1px 1px 1px #444; |
|
17 display: block; |
|
18 box-sizing: border-box; |
|
19 width: 100%; |
|
20 height: 100%; |
|
21 pointer-events: none; |
|
22 } |
|
23 |
|
24 #announce-box { |
|
25 position: fixed; |
|
26 width: 7.5em; |
|
27 height: 5em; |
|
28 top: calc(100% - 50% - 2.5em); |
|
29 left: calc(100% - 50% - 3.75em); |
|
30 pointer-events: none; |
|
31 display: table; |
|
32 font-size: 28pt; |
|
33 font-weight: 700; |
|
34 color: orange; |
|
35 background-color: black; |
|
36 border-radius: 0.25em; |
|
37 } |
|
38 |
|
39 #announce-box:not(.showing) { |
|
40 opacity: 0.0; |
|
41 -moz-transition: opacity 0.4s linear; |
|
42 } |
|
43 |
|
44 #announce-box.showing { |
|
45 opacity: 1.0; |
|
46 -moz-transition: opacity 0.2s linear; |
|
47 } |
|
48 |
|
49 #announce-box * { |
|
50 text-align: center; |
|
51 display: table-cell; |
|
52 vertical-align: middle; |
|
53 } |