]> git.immae.eu Git - perso/Immae/Projets/Cryptomonnaies/Cryptoportfolio/Front.git/blob - cmd/web/static/style.css
JS clean.
[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 i.cc {
29 }
30
31 #logo {
32 text-align: center;
33 display: inline-block;
34 color: white;
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;
40 }
41
42 #header {
43 margin-top: 20px;
44 margin-bottom: 30px;
45 }
46
47 .header-menu-section {
48 margin-right: 10px;
49 }
50
51 h1 {
52 font-size: 1.5em;
53 margin-bottom: 5px;
54 margin-top: 5px;
55 }
56
57 .performance-up {
58 color: green;
59 }
60
61 .performance-down {
62 color: red;
63 }
64
65 .sign-in .form-control {
66 margin-bottom: 20px;
67 border-radius: 2px;
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 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;
96 }
97
98 .api-credentials-form .form-control {
99 margin-bottom: 20px;
100 border-radius: 2px;
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;
112 background-color: white;
113 }
114
115 .otp-enroll .submit {
116 background-color: rgb(20, 20, 20);
117 color: white;
118 font-weight: bold;
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
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
146 .balances > div {
147 margin-bottom: 5px;
148 }
149
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;
155 margin-bottom: 10px;
156 margin-top: 10px;
157 padding-top: 10px;
158 padding-bottom: 10px;
159 }
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 }