]>
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); | |
a6820180 | 6 | font-size: 0.9em; |
7a9e5112 | 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 | ||
2f91f20a | 28 | i.cc { |
2f91f20a | 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 | ||
16e43cc7 | 47 | .header-menu-section { |
48 | margin-right: 10px; | |
49 | } | |
50 | ||
ee902062 | 51 | h1 { |
52 | font-size: 1.5em; | |
a2ab2260 | 53 | margin-bottom: 5px; |
54 | margin-top: 5px; | |
7a9e5112 | 55 | } |
56 | ||
24e47979 | 57 | .performance-up { |
58 | color: green; | |
59 | } | |
60 | ||
61 | .performance-down { | |
62 | color: red; | |
63 | } | |
64 | ||
7a9e5112 | 65 | .sign-in .form-control { |
66 | margin-bottom: 20px; | |
67 | border-radius: 2px; | |
7a9e5112 | 68 | background-color: white; |
69 | } | |
70 | ||
16e43cc7 | 71 | .config-status { |
72 | margin-bottom: 10px; | |
16e43cc7 | 73 | } |
74 | ||
24e47979 | 75 | .config-status .icon-cancel-circled {} |
76 | ||
77 | .config-status .icon-ok-circled {} | |
16e43cc7 | 78 | |
16e43cc7 | 79 | .config-status i { |
80 | font-size: 1.2em; | |
81 | } | |
82 | ||
7a9e5112 | 83 | .sign-in .submit { |
84 | background-color: rgb(20, 20, 20); | |
85 | color: white; | |
a6820180 | 86 | font-weight: bold; |
87 | } | |
88 | ||
89 | .blue-link { | |
90 | color: #0366d6; | |
91 | } | |
92 | ||
93 | .hint-text { | |
94 | font-size: 0.9em; | |
95 | margin-top: 1px; | |
7a9e5112 | 96 | } |
97 | ||
98 | .api-credentials-form .form-control { | |
99 | margin-bottom: 20px; | |
100 | border-radius: 2px; | |
7a9e5112 | 101 | background-color: white; |
102 | } | |
103 | ||
104 | .api-credentials-form .submit { | |
105 | background-color: rgb(20, 20, 20); | |
106 | color: white; | |
107 | } | |
108 | ||
109 | .otp-enroll .form-control { | |
110 | margin-bottom: 20px; | |
111 | border-radius: 2px; | |
7a9e5112 | 112 | background-color: white; |
113 | } | |
114 | ||
115 | .otp-enroll .submit { | |
116 | background-color: rgb(20, 20, 20); | |
117 | color: white; | |
a6820180 | 118 | font-weight: bold; |
7a9e5112 | 119 | } |
120 | .form-message { | |
121 | background-color: rgba(255, 6, 6, .33); | |
122 | border-radius: 2px; | |
123 | line-height: 50px; | |
124 | } | |
125 | ||
126 | .form-message.message-ok { | |
127 | background-color: rgba(33, 255, 72, .33); | |
128 | } | |
129 | ||
130 | #main { | |
131 | padding-top: 100px; | |
132 | } | |
133 | ||
24e47979 | 134 | .balance > .variation { |
135 | font-size: 1.2em; | |
136 | } | |
137 | ||
138 | .balance > .row { | |
139 | margin-bottom: 10px; | |
140 | } | |
141 | ||
142 | .assets > .row { | |
143 | margin-bottom: 10px; | |
144 | } | |
145 | ||
6b3f0ad0 | 146 | .balances > div { |
147 | margin-bottom: 5px; | |
148 | } | |
149 | ||
7a9e5112 | 150 | .box { |
151 | position: relative; | |
152 | background-color: rgb(250, 250, 250); | |
153 | box-shadow: 0 2px 6px 2px rgba(0,0,0,.05); | |
154 | border-radius: 4px; | |
2f91f20a | 155 | margin-bottom: 10px; |
156 | margin-top: 10px; | |
157 | padding-top: 10px; | |
158 | padding-bottom: 10px; | |
6b3f0ad0 | 159 | } |
bf5deb87 | 160 | |
161 | @font-face { | |
162 | font-family: 'fontello'; | |
163 | src: url('fonts/fontello.eot?12278570'); | |
164 | src: url('fonts/fontello.eot?12278570#iefix') format('embedded-opentype'), | |
165 | url('fonts/fontello.woff2?12278570') format('woff2'), | |
166 | url('fonts/fontello.woff?12278570') format('woff'), | |
167 | url('fonts/fontello.ttf?12278570') format('truetype'), | |
168 | url('fonts/fontello.svg?12278570#fontello') format('svg'); | |
169 | font-weight: normal; | |
170 | font-style: normal; | |
171 | } | |
172 | ||
173 | [class^="icon-"]:before, [class*=" icon-"]:before { | |
174 | font-family: "fontello"; | |
175 | font-style: normal; | |
176 | font-weight: normal; | |
177 | speak: none; | |
178 | ||
179 | display: inline-block; | |
180 | text-decoration: inherit; | |
181 | width: 1em; | |
182 | margin-right: .2em; | |
183 | text-align: center; | |
184 | /* opacity: .8; */ | |
185 | ||
186 | /* For safety - reset parent styles, that can break glyph codes*/ | |
187 | font-variant: normal; | |
188 | text-transform: none; | |
189 | ||
190 | /* fix buttons height, for twitter bootstrap */ | |
191 | line-height: 1em; | |
192 | ||
193 | /* Animation center compensation - margins should be symmetric */ | |
194 | /* remove if not needed */ | |
195 | margin-left: .2em; | |
196 | ||
197 | /* you can be more comfortable with increased icons size */ | |
198 | /* font-size: 120%; */ | |
199 | ||
200 | /* Font smoothing. That was taken from TWBS */ | |
201 | -webkit-font-smoothing: antialiased; | |
202 | -moz-osx-font-smoothing: grayscale; | |
203 | ||
204 | /* Uncomment for 3D effect */ | |
205 | /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ | |
206 | } |