OLD | NEW |
---|---|
(Empty) | |
1 :host { | |
2 -webkit-transition: opacity 400ms ease-in-out; | |
3 background-color: #ccc; | |
4 color: #555; | |
5 display: table; | |
6 font-family: sans-serif; | |
7 font-size: 15px; | |
8 height: 100%; | |
9 pointer-events: none; | |
10 position: fixed; | |
11 text-align: center; | |
12 width: 100%; | |
13 } | |
14 | |
15 #message { | |
16 padding-bottom: 10px; | |
17 } | |
18 | |
19 .center { | |
20 display: table-cell; | |
21 vertical-align: middle; | |
22 } | |
23 | |
24 .form { | |
25 border: 1px solid #777; | |
26 box-shadow: 1px 1px 1px; | |
27 display: inline-block; | |
28 padding: 10px; | |
29 width: 300px; | |
30 } | |
31 | |
32 #successMessage { | |
33 display: inline-block; | |
34 padding-left: 5px; | |
35 pointer-events: none; | |
36 } | |
37 | |
38 input { | |
39 color: #333; | |
40 pointer-events: all; | |
41 } | |
OLD | NEW |