]>
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); | |
7a9e5112 | 6 | } |
7 | ||
8 | ul { | |
9 | list-style-type: none; | |
10 | } | |
11 | ||
12 | a { | |
13 | text-decoration: none; | |
14 | color: inherit; | |
15 | } | |
16 | ||
17 | a:hover { | |
18 | text-decoration: none; | |
19 | color: inherit; | |
20 | } | |
21 | ||
22 | a:focus { | |
23 | text-decoration: none; | |
24 | color: inherit; | |
25 | } | |
26 | ||
2f91f20a | 27 | i.cc { |
28 | font-size: 1.5em; | |
29 | } | |
30 | ||
7a9e5112 | 31 | #logo { |
32 | text-align: center; | |
33 | display: inline-block; | |
34 | color: white; | |
7a9e5112 | 35 | background-color: rgb(20, 20, 20); |
36 | border-radius: 4px; | |
37 | font-weight: bold; | |
38 | padding: 10px 10px 10px 10px; | |
39 | vertical-align: middle; | |
ee902062 | 40 | } |
41 | ||
42 | #header { | |
7a9e5112 | 43 | margin-top: 20px; |
ee902062 | 44 | margin-bottom: 30px; |
45 | } | |
46 | ||
47 | h1 { | |
48 | font-size: 1.5em; | |
a2ab2260 | 49 | margin-bottom: 5px; |
50 | margin-top: 5px; | |
7a9e5112 | 51 | } |
52 | ||
53 | .sign-in .form-control { | |
54 | margin-bottom: 20px; | |
55 | border-radius: 2px; | |
56 | border: none; | |
57 | background-color: white; | |
58 | } | |
59 | ||
60 | .sign-in .submit { | |
61 | background-color: rgb(20, 20, 20); | |
62 | color: white; | |
63 | } | |
64 | ||
65 | .api-credentials-form .form-control { | |
66 | margin-bottom: 20px; | |
67 | border-radius: 2px; | |
68 | border: none; | |
69 | background-color: white; | |
70 | } | |
71 | ||
72 | .api-credentials-form .submit { | |
73 | background-color: rgb(20, 20, 20); | |
74 | color: white; | |
75 | } | |
76 | ||
77 | .otp-enroll .form-control { | |
78 | margin-bottom: 20px; | |
79 | border-radius: 2px; | |
80 | border: none; | |
81 | background-color: white; | |
82 | } | |
83 | ||
84 | .otp-enroll .submit { | |
85 | background-color: rgb(20, 20, 20); | |
86 | color: white; | |
87 | } | |
88 | .form-message { | |
89 | background-color: rgba(255, 6, 6, .33); | |
90 | border-radius: 2px; | |
91 | line-height: 50px; | |
92 | } | |
93 | ||
94 | .form-message.message-ok { | |
95 | background-color: rgba(33, 255, 72, .33); | |
96 | } | |
97 | ||
98 | #main { | |
99 | padding-top: 100px; | |
100 | } | |
101 | ||
6b3f0ad0 | 102 | .currency-logo { |
103 | display: inline-block; | |
104 | margin-left: 5px; | |
105 | margin-right: 5px; | |
106 | } | |
107 | ||
108 | .portfolio .currency-logo { | |
109 | height: 24px; | |
110 | width: 24px; | |
111 | } | |
112 | ||
113 | .balances > div { | |
114 | margin-bottom: 5px; | |
115 | } | |
116 | ||
7a9e5112 | 117 | .box { |
118 | position: relative; | |
119 | background-color: rgb(250, 250, 250); | |
120 | box-shadow: 0 2px 6px 2px rgba(0,0,0,.05); | |
121 | border-radius: 4px; | |
2f91f20a | 122 | margin-bottom: 10px; |
123 | margin-top: 10px; | |
124 | padding-top: 10px; | |
125 | padding-bottom: 10px; | |
6b3f0ad0 | 126 | } |