]>
Commit | Line | Data |
---|---|---|
1 | ||
2 | html, body { | |
3 | min-height: 100%; | |
4 | width: 100%; | |
5 | height: 100%; | |
6 | padding: 0; | |
7 | margin: 0; | |
8 | } | |
9 | ||
10 | body { | |
11 | padding-bottom: 70px; | |
12 | } | |
13 | ||
14 | .wrapper { | |
15 | display: table; | |
16 | width: 100%; | |
17 | height: 100%; | |
18 | } | |
19 | ||
20 | .content { | |
21 | display: table-cell; | |
22 | width: 100%; | |
23 | height: 100%; | |
24 | text-align: center; | |
25 | vertical-align: middle; | |
26 | } | |
27 | ||
28 | pre { | |
29 | margin: auto; | |
30 | text-align: left; | |
31 | width: 400px; | |
32 | } | |
33 | ||
34 | [v-cloak] { | |
35 | display: none; | |
36 | } | |
37 | ||
38 | .hand { | |
39 | cursor: pointer; | |
40 | } | |
41 | ||
42 | th { | |
43 | vertical-align: middle !important; | |
44 | } | |
45 | ||
46 | .main { | |
47 | margin-bottom: 40px; | |
48 | } | |
49 | ||
50 | footer { | |
51 | position: fixed; | |
52 | background-color: #efefef; | |
53 | bottom: 0; | |
54 | width: 100%; | |
55 | color: #555; | |
56 | font-size: 14px; | |
57 | padding: 5px; | |
58 | z-index: 13; | |
59 | opacity: .5; | |
60 | -webkit-transition: all .25s; | |
61 | transition: all .25s; | |
62 | } | |
63 | ||
64 | footer:hover { | |
65 | opacity: 1; | |
66 | } |