-
Notifications
You must be signed in to change notification settings - Fork 1
/
styles.css
86 lines (74 loc) · 1.36 KB
/
styles.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
.parametric-multi-button-container {
display: flex;
flex-direction: row;
}
.parametric-multi-button {
background: #c5c5c5;
color: #222;
margin: 0;
padding: 0.5em 1em;
}
.parametric-multi-button.selected {
background: #539987;
}
.electric-field-interactive {
background: #222;
color: white;
font-family: 'Graphik Web';
padding: 1em;
font-size: 14px;
font-weight: bold;
margin: 2em 0;
}
.electric-field-interactive-hed {
font-size: 24px;
font-weight: bold;
}
.electric-field-interactive-subhed {
font-size: 18px;
font-weight: 400;
line-height: 22px;
}
button.reset {
background-color: #c5c5c5;
color: #222;
}
.electric-field-interactive-apparatus-container>div {
margin-top: 0 !important;
}
.electric-field-interactive-metadata {
background: #4A4A4A;
border-radius: 2px;
padding: 1em;
font-size: 12px;
line-height: 18px;
font-weight: 400;
margin-top: 3em;
}
.interactive-flex-row {
display: flex;
flex-direction: row;
}
img {
/* max-height: 400px; */
max-height: 67vh;
max-width: 100%;
object-fit: cover;
}
@media all and (max-width: 1000px) {
.interactive-flex-row {
display: flex;
flex-direction: column;
}
.electric-field-interactive {
margin: 2em -1em;
}
.idyll-text-container img {
margin: 0 auto;
max-width: 100% !important;
}
}
.comment {
color: red;
font-style: italic;
}