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