]> git.immae.eu Git - perso/Immae/Projets/Nodejs/Surfer.git/blob - frontend/css/style.css
Make hover list transition a bit more responsive
[perso/Immae/Projets/Nodejs/Surfer.git] / frontend / css / style.css
1
2 [v-cloak] {
3 display: none;
4 }
5
6 html, body {
7 margin: 0;
8 font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
9 font-weight: 400;
10 color: rgb(96, 98, 102);
11 height: 100%;
12 width: 100%;
13 }
14
15 .el-container {
16 height: 100%;
17 }
18
19 .el-main {
20 padding: 10px;
21 }
22
23 .el-header {
24 padding: 10px 20px;
25 height: 52px !important;
26 }
27
28 .el-footer {
29 padding: 3px 20px;
30 font-size: 14px;
31 height: 38px !important;
32 }
33
34 a {
35 color: #66b1ff;
36 text-decoration: none;
37 }
38
39 a:hover, a:focus {
40 color: #409EFF;
41 text-decoration: none;
42 }
43
44 .el-table a {
45 color: rgb(96, 98, 102);
46 }
47
48 .el-table a:hover {
49 color: #66b1ff;
50 }
51
52 .el-table td {
53 padding: 5px 0;
54 cursor: pointer;
55 font-size: 14px;
56 }
57
58 .el-table th {
59 font-size: 12px;
60 }
61
62 .el-table__row .list-actions .el-button {
63 visibility: hidden;
64 }
65
66 .el-table__row:hover .list-actions .el-button {
67 visibility: visible;
68 }
69
70 .el-progress-bar__inner {
71 transition: width 250ms;
72 }
73
74 .el-breadcrumb {
75 border: 1px solid #ebeef5;
76 border-radius: 5px;
77 padding: 7px;
78 }
79
80 .el-switch__label {
81 height: auto;
82 }
83
84 .el-table--enable-row-transition .el-table__body td {
85 transition: background-color .1s ease;
86 }
87
88 /* welcome and 404 page */
89 .container-center {
90 display: flex;
91 height: 100%;
92 align-items: center;
93 justify-content: center;
94 }
95
96 .access-token-input {
97 padding: 5px 0;
98 width: 487px;
99 }
100
101 .access-token-input > input, .access-token-input i {
102 cursor: copy !important;
103 }