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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
|
polygon {
fill: inherit;
stroke: inherit;
stroke-width: 0.25px;
}
svg {
border: 1px solid slategray;
fill: none;
}
text {
font-size: 4px;
text-anchor: middle;
user-select: none;
font-family: sans-serif;
fill: black;
/* display: none; */
}
use[href="#hex"] {
stroke: #666;
/* fill: wheat; */
/* fill: navajowhite; */
/* fill: url(#asterisk); */
}
.building .doors {
display: inline;
fill: none;
fill-opacity: 1;
stroke: white;
stroke-width: 2.25px;
stroke-linecap: square;
stroke-dasharray: none;
stroke-opacity: 1;
}
.building .door-edges, .building .windows {
display: inline;
stroke: #ff9900;
stroke-width: 2.5px;
}
.building .floor,
.terrain .floor {
display: inline;
opacity: 1;
fill: #ffffff;
fill-opacity: 0.5;
/* fill: url(#asterisk); */
stroke: none;
}
.building .inner-wall {
display: inline;
fill: none;
stroke: #ffffff;
stroke-width: 1;
stroke-linecap: square;
}
.building .outer-wall {
display: inline;
fill: none;
stroke: #000000;
stroke-width: 2;
stroke-linecap: square;
}
.building [class*="elevation"] {
display: none;
}
[data-view-elevation="-1"] .building .elevation-basement {
display: inline;
}
[data-view-elevation="0"] .building .elevation-0 {
display: inline;
}
[data-view-elevation="1"] .building .elevation-1 {
display: inline;
}
[data-view-elevation="2"] .building .elevation-2 {
display: inline;
}
[data-view-elevation="3"] .building .elevation-3 {
display: inline;
}
/*
[data-view-elevation="-1"] .building > *,
[data-view-elevation="-1"] .building > .structure > * {
display: none;
} */
/* [data-view-elevation="-1"] .building > .elevation-basement,
[data-view-elevation="-1"] .building > .elevation-basement ~ .structure,
[data-view-elevation="-1"] .building > .elevation-basement ~ .structure [class*="wall"],
[data-view-elevation="-1"] .building > .elevation-basement ~ .structure .floor,
[data-view-elevation="-1"] .building > .elevation-basement ~ .structure .doors:not(.exits),
[data-view-elevation="-1"] .building > .elevation-basement ~ .structure .door-edges:not(.exits),
[data-view-elevation="-1"] .building > .elevation-basement ~ .structure .furniture {
display: inline;
} */
/* [data-view-elevation="0"] .building .elevation-0,
[data-view-elevation="0"] .building .elevation-0 ~ .structure {
display: inline;
}
[data-view-elevation="1"] .building .elevation-1,
[data-view-elevation="1"] .building .elevation-1 ~ .structure {
display: inline;
}
[data-view-elevation="1"] .building .elevation-1 + .structure [class*='wall'],
[data-view-elevation="1"] .building .elevation-1 + .structure .doors,
[data-view-elevation="1"] .building .elevation-1 + .structure .door-edges,
[data-view-elevation="1"] .building .elevation-1 + .structure .windows,
[data-view-elevation="1"] .building .elevation-1 + .structure .furniture,
[data-view-elevation="1"] .building .elevation-1 ~ .structure .exits {
display: none;
}
[data-view-elevation="1"] .building .elevation-1 + .structure .floor {
fill: gray;
}
[data-view-elevation="2"] .building .elevation-2,
[data-view-elevation="2"] .building .elevation-2 ~ .structure {
display: inline;
}
[data-view-elevation="2"] .building .elevation-2 + .structure [class*='wall'],
[data-view-elevation="2"] .building .elevation-2 + .structure .doors,
[data-view-elevation="2"] .building .elevation-2 + .structure .door-edges,
[data-view-elevation="2"] .building .elevation-2 + .structure .windows,
[data-view-elevation="2"] .building .elevation-2 + .structure .furniture,
[data-view-elevation="2"] .building .elevation-2 ~ .structure .exits {
display: none;
}
[data-view-elevation="2"] .building .elevation-2 + .structure .floor {
fill: gray;
}
[data-view-elevation="3"] .building .elevation-3,
[data-view-elevation="3"] .building .elevation-3 ~ .structure {
display: inline;
}
[data-view-elevation="3"] .building .elevation-3 + .structure [class*='wall'],
[data-view-elevation="3"] .building .elevation-3 + .structure .doors,
[data-view-elevation="3"] .building .elevation-3 + .structure .door-edges,
[data-view-elevation="3"] .building .elevation-3 + .structure .windows,
[data-view-elevation="3"] .building .elevation-3 + .structure .furniture,
[data-view-elevation="3"] .building .elevation-3 ~ .structure .exits {
display: none;
}
[data-view-elevation="3"] .building .elevation-3 + .structure .floor {
fill: gray;
}
[data-view-elevation="0"] .elevation-0 {
display: inline;
}
[data-view-elevation="1"] > .elevation-0,
[data-view-elevation="1"] > .elevation-1 {
display: inline;
}
[data-view-elevation="1"] .building .elevation-1 {
display: inline;
} */
#tree .trunk {
fill: brown;
}
#tree .branches {
fill: rgb(141, 202, 141);
stroke: green;
}
#bush {
fill: rgb(141, 202, 141);
stroke: green;
stroke-width: 0.5px;
transform: scale(0.9);
}
[class^="part"] use {
fill-opacity: 0.75;
}
.part-1 use {
fill: lightseagreen;
}
.part-2 use {
fill: lightyellow;
}
.part-3 use {
fill: lightblue;
}
.part-4 use {
fill: lightsteelblue;
}
.part-5 use {
fill: lightsalmon;
}
.part-6 use {
fill: lightgreen;
}
|