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