]>
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 | .fade { | |
23 | opacity: 0; | |
24 | animation-duration: 2s; | |
25 | animation-name: fadeOut; | |
26 | -webkit-animation-duration: 2s; | |
27 | -webkit-animation-name: fadeOut; | |
28 | } | |
29 | ||
30 | .fit_view { | |
31 | max-width: 100%; | |
32 | max-height: 100%; | |
33 | } |