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