]>
Commit | Line | Data |
---|---|---|
7a9e5112 | 1 | @charset "UTF-8"; |
2 | ||
3 | body { | |
4 | font-family: 'Fira Mono', 'Helvetica Neue', Arial, Helvetica, sans-serif; | |
5 | background-color: rgb(246, 248, 251); | |
6 | text-align: center; | |
7 | } | |
8 | ||
9 | ul { | |
10 | list-style-type: none; | |
11 | } | |
12 | ||
13 | a { | |
14 | text-decoration: none; | |
15 | color: inherit; | |
16 | } | |
17 | ||
18 | a:hover { | |
19 | text-decoration: none; | |
20 | color: inherit; | |
21 | } | |
22 | ||
23 | a:focus { | |
24 | text-decoration: none; | |
25 | color: inherit; | |
26 | } | |
27 | ||
28 | #logo { | |
29 | text-align: center; | |
30 | display: inline-block; | |
31 | color: white; | |
32 | font-size: 28px; | |
33 | background-color: rgb(20, 20, 20); | |
34 | border-radius: 4px; | |
35 | font-weight: bold; | |
36 | padding: 10px 10px 10px 10px; | |
37 | vertical-align: middle; | |
38 | margin-bottom: 30px; | |
39 | margin-top: 20px; | |
40 | } | |
41 | ||
42 | .sign-in .form-control { | |
43 | margin-bottom: 20px; | |
44 | border-radius: 2px; | |
45 | border: none; | |
46 | background-color: white; | |
47 | } | |
48 | ||
49 | .sign-in .submit { | |
50 | background-color: rgb(20, 20, 20); | |
51 | color: white; | |
52 | } | |
53 | ||
54 | .api-credentials-form .form-control { | |
55 | margin-bottom: 20px; | |
56 | border-radius: 2px; | |
57 | border: none; | |
58 | background-color: white; | |
59 | } | |
60 | ||
61 | .api-credentials-form .submit { | |
62 | background-color: rgb(20, 20, 20); | |
63 | color: white; | |
64 | } | |
65 | ||
66 | .otp-enroll .form-control { | |
67 | margin-bottom: 20px; | |
68 | border-radius: 2px; | |
69 | border: none; | |
70 | background-color: white; | |
71 | } | |
72 | ||
73 | .otp-enroll .submit { | |
74 | background-color: rgb(20, 20, 20); | |
75 | color: white; | |
76 | } | |
77 | .form-message { | |
78 | background-color: rgba(255, 6, 6, .33); | |
79 | border-radius: 2px; | |
80 | line-height: 50px; | |
81 | } | |
82 | ||
83 | .form-message.message-ok { | |
84 | background-color: rgba(33, 255, 72, .33); | |
85 | } | |
86 | ||
87 | #main { | |
88 | padding-top: 100px; | |
89 | } | |
90 | ||
91 | .box { | |
92 | position: relative; | |
93 | background-color: rgb(250, 250, 250); | |
94 | box-shadow: 0 2px 6px 2px rgba(0,0,0,.05); | |
95 | border-radius: 4px; | |
96 | } | |
97 | ||
98 | .box:hover { | |
99 | box-shadow: 0 4px 15px 2px rgba(0,0,0,.20); | |
100 | } |