]>
Commit | Line | Data |
---|---|---|
1 | @-webkit-keyframes fadeOut { | |
2 | from { opacity: 1; } | |
3 | to { opacity: 0; } | |
4 | } | |
5 | @keyframes fadeOut { | |
6 | from { opacity: 1; } | |
7 | to { opacity: 0; } | |
8 | } | |
9 | ||
10 | #message { | |
11 | position: fixed; | |
12 | font-size: 18pt; | |
13 | margin: 2em; | |
14 | border-radius: 10px; | |
15 | padding: .3em; | |
16 | color: white; | |
17 | font-weight: bold; | |
18 | font-family: sans-serif; | |
19 | background-color: rgba(200,200,200,0.5); | |
20 | } | |
21 | ||
22 | #namecontainer { | |
23 | position: fixed; | |
24 | width: 100%; | |
25 | } | |
26 | #name { | |
27 | display: block; | |
28 | margin-left: auto; | |
29 | margin-right: auto; | |
30 | font-size: 30pt; | |
31 | } | |
32 | ||
33 | .fade { | |
34 | opacity: 0; | |
35 | animation-duration: 2s; | |
36 | animation-name: fadeOut; | |
37 | -webkit-animation-duration: 2s; | |
38 | -webkit-animation-name: fadeOut; | |
39 | } | |
40 | ||
41 | .fit_view { | |
42 | max-width: 100%; | |
43 | max-height: 100%; | |
44 | } |