blob: a722717807da26ddc507438402d53f5f42aa76c5 [file] [log] [blame]
avm99963154e51a2020-10-01 01:16:38 +02001html {
2 min-width: auto;
3}
4
Andreu Huguet898768a2020-09-29 00:30:23 +02005.buttons.grid {
6 display: flex;
7 flex-direction: row;
8 flex-wrap: wrap;
9
10 justify-content: center;
11 align-items : center;
12}
13
14.buttons.grid .button {
15 flex: 1 0 20%;
16 margin: 10px;
17 padding: 40px 20px;
18 line-height: 0px;
19}
20
21.buttons.grid .complex-button {
22 flex: 1 0 34%;
23 margin: 15px 10px;
24}
25
26.section {
27 padding-top: 1rem;
28}
29
30#dev-mode {
avm99963154e51a2020-10-01 01:16:38 +020031 background: #d23f31;
32 border: 1px solid #3e2723;
33 box-shadow: 0 0 4px rgba(0,0,0,.14), 0 2px 4px rgba(0,0,0,.28);
34 color: #fff;
35 font-size: 10px;
36 font-weight: 700;
37 right: 20px;
38 line-height: 18px;
39 margin: -9px -50px;
40 opacity: .87;
41 position: absolute;
42 text-align: center;
43 text-shadow: 1px 1px 0 #4e342e;
44 top: 20px;
45 transform: rotate(45deg);
46 width: 100px;
47 z-index: 99;
48 cursor: pointer;
Andreu Huguet898768a2020-09-29 00:30:23 +020049}
50
avm99963154e51a2020-10-01 01:16:38 +020051.hidden {
52 display: none;
53}
avm999633c6f7fb2020-10-01 01:38:25 +020054
55#fme-maps-container h4 {
56 font-weight: bold;
57}
58
59.maps {
60 display: flex;
61 flex-direction: row;
62 flex-wrap: wrap;
63 justify-content: center;
64 align-items: center;
65}
66
67.maps .map {
68 display: flex;
69 flex-direction: column;
70 justify-content: center;
71 align-items: center;
72 max-width: 500px;
73
74 margin: 8px;
75}
76
77.maps .map .map--label {
78 font-weight: 300;
79 margin-top: 2px;
80 margin-bottom: 2px;
81}