diff options
Diffstat (limited to 'frontend/css/style.css')
-rw-r--r-- | frontend/css/style.css | 91 |
1 files changed, 66 insertions, 25 deletions
diff --git a/frontend/css/style.css b/frontend/css/style.css index 98bf1b1..702aa5e 100644 --- a/frontend/css/style.css +++ b/frontend/css/style.css | |||
@@ -1,16 +1,75 @@ | |||
1 | 1 | ||
2 | html, body { | 2 | body { |
3 | min-height: 100%; | ||
4 | width: 100%; | ||
5 | height: 100%; | ||
6 | padding: 0; | ||
7 | margin: 0; | 3 | margin: 0; |
4 | font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif; | ||
5 | font-weight: 400; | ||
6 | color: rgb(96, 98, 102); | ||
8 | } | 7 | } |
9 | 8 | ||
10 | body { | 9 | body > .el-container { |
11 | padding-bottom: 70px; | 10 | height: 100%; |
11 | } | ||
12 | |||
13 | .el-main { | ||
14 | padding: 10px; | ||
15 | } | ||
16 | |||
17 | .el-header { | ||
18 | padding: 10px 20px; | ||
19 | box-shadow: 0 1px 7px rgba(0,0,0,0.3); | ||
20 | height: 52px !important; | ||
21 | } | ||
22 | |||
23 | .el-footer { | ||
24 | padding: 3px 20px; | ||
25 | font-size: 14px; | ||
26 | text-align: center; | ||
27 | } | ||
28 | |||
29 | a { | ||
30 | color: #66b1ff; | ||
31 | text-decoration: none; | ||
32 | } | ||
33 | |||
34 | a:hover, a:focus { | ||
35 | color: #409EFF; | ||
36 | text-decoration: none; | ||
37 | } | ||
38 | |||
39 | .el-table a { | ||
40 | color: rgb(96, 98, 102); | ||
41 | } | ||
42 | |||
43 | .el-table a:hover { | ||
44 | color: #66b1ff; | ||
12 | } | 45 | } |
13 | 46 | ||
47 | .el-table td { | ||
48 | padding: 5px 0; | ||
49 | cursor: pointer; | ||
50 | font-size: 14px; | ||
51 | } | ||
52 | |||
53 | .el-table th { | ||
54 | font-size: 12px; | ||
55 | } | ||
56 | |||
57 | .el-table__row .list-actions .el-button { | ||
58 | visibility: hidden; | ||
59 | } | ||
60 | |||
61 | .el-table__row:hover .list-actions .el-button { | ||
62 | visibility: visible; | ||
63 | } | ||
64 | |||
65 | .el-breadcrumb { | ||
66 | border: 1px solid #ebeef5; | ||
67 | border-radius: 5px; | ||
68 | padding: 7px; | ||
69 | } | ||
70 | |||
71 | /* old */ | ||
72 | |||
14 | .wrapper { | 73 | .wrapper { |
15 | display: table; | 74 | display: table; |
16 | width: 100%; | 75 | width: 100%; |
@@ -43,24 +102,6 @@ pre { | |||
43 | margin-bottom: 40px; | 102 | margin-bottom: 40px; |
44 | } | 103 | } |
45 | 104 | ||
46 | footer { | ||
47 | position: fixed; | ||
48 | background-color: #efefef; | ||
49 | bottom: 0; | ||
50 | width: 100%; | ||
51 | color: #555; | ||
52 | font-size: 14px; | ||
53 | padding: 5px; | ||
54 | z-index: 13; | ||
55 | opacity: .5; | ||
56 | -webkit-transition: all .25s; | ||
57 | transition: all .25s; | ||
58 | } | ||
59 | |||
60 | footer:hover { | ||
61 | opacity: 1; | ||
62 | } | ||
63 | |||
64 | td { | 105 | td { |
65 | vertical-align: middle !important; | 106 | vertical-align: middle !important; |
66 | overflow: hidden; | 107 | overflow: hidden; |