diff options
Diffstat (limited to 'cmd/web/static/style.css')
-rw-r--r-- | cmd/web/static/style.css | 100 |
1 files changed, 100 insertions, 0 deletions
diff --git a/cmd/web/static/style.css b/cmd/web/static/style.css new file mode 100644 index 0000000..12af379 --- /dev/null +++ b/cmd/web/static/style.css | |||
@@ -0,0 +1,100 @@ | |||
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 | } | ||