]> git.immae.eu Git - perso/Immae/Projets/Cryptomonnaies/Cryptoportfolio/Front.git/blob - cmd/web/static/style.css
cdbcd065efd3e5e2e2415055095bbf905e490182
[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 }
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 font-size: 1.5em;
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 h1 {
48 font-size: 1.5em;
49 }
50
51 .sign-in .form-control {
52 margin-bottom: 20px;
53 border-radius: 2px;
54 border: none;
55 background-color: white;
56 }
57
58 .sign-in .submit {
59 background-color: rgb(20, 20, 20);
60 color: white;
61 }
62
63 .api-credentials-form .form-control {
64 margin-bottom: 20px;
65 border-radius: 2px;
66 border: none;
67 background-color: white;
68 }
69
70 .api-credentials-form .submit {
71 background-color: rgb(20, 20, 20);
72 color: white;
73 }
74
75 .otp-enroll .form-control {
76 margin-bottom: 20px;
77 border-radius: 2px;
78 border: none;
79 background-color: white;
80 }
81
82 .otp-enroll .submit {
83 background-color: rgb(20, 20, 20);
84 color: white;
85 }
86 .form-message {
87 background-color: rgba(255, 6, 6, .33);
88 border-radius: 2px;
89 line-height: 50px;
90 }
91
92 .form-message.message-ok {
93 background-color: rgba(33, 255, 72, .33);
94 }
95
96 #main {
97 padding-top: 100px;
98 }
99
100 .box {
101 position: relative;
102 background-color: rgb(250, 250, 250);
103 box-shadow: 0 2px 6px 2px rgba(0,0,0,.05);
104 border-radius: 4px;
105 margin-bottom: 10px;
106 margin-top: 10px;
107 padding-top: 10px;
108 padding-bottom: 10px;
109 }