144 lines
2.3 KiB
CSS
144 lines
2.3 KiB
CSS
svg {
|
|
border: 1px solid slategray;
|
|
fill: none;
|
|
}
|
|
|
|
use[href="#hex"] {
|
|
stroke: #666;
|
|
}
|
|
|
|
[data-q][data-r][data-s][data-t] text {
|
|
font-size: 4px;
|
|
text-anchor: middle;
|
|
user-select: none;
|
|
font-family: sans-serif;
|
|
fill: black;
|
|
}
|
|
|
|
.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;
|
|
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;
|
|
}
|
|
|
|
.building use.floor {
|
|
fill: gray;
|
|
display: inline;
|
|
}
|
|
|
|
.terrain use.floor {
|
|
fill: white;
|
|
}
|
|
|
|
[data-view-elevation="-1"] [class*="elevation"] {
|
|
display: none;
|
|
}
|
|
|
|
[data-view-elevation="-1"] #background {
|
|
fill: #999;
|
|
}
|
|
|
|
[data-view-elevation="-1"] .building .elevation-basement,
|
|
[data-view-elevation="-1"] .elevation-basement + text.elevation {
|
|
display: inline;
|
|
}
|
|
|
|
[data-view-elevation="-1"] .terrain {
|
|
display: none;
|
|
}
|
|
|
|
[data-view-elevation="-1"] .building use.floor {
|
|
display: none;
|
|
}
|
|
|
|
[data-view-elevation="-1"] .building use.floor.elevation-basement {
|
|
fill: white;
|
|
display: inline;
|
|
}
|
|
|
|
[data-view-elevation="0"] .building .elevation-0 {
|
|
display: inline;
|
|
}
|
|
|
|
[data-view-elevation="0"] .building use.floor.elevation-0 {
|
|
fill: white;
|
|
}
|
|
|
|
[data-view-elevation="1"] .building .elevation-1 {
|
|
display: inline;
|
|
}
|
|
|
|
[data-view-elevation="1"] .building use.floor.elevation-1 {
|
|
fill: white;
|
|
}
|
|
|
|
[data-view-elevation="2"] .building .elevation-2 {
|
|
display: inline;
|
|
}
|
|
|
|
[data-view-elevation="2"] .building use.floor.elevation-2 {
|
|
fill: white;
|
|
}
|
|
|
|
[data-view-elevation="3"] .building .elevation-3 {
|
|
display: inline;
|
|
}
|
|
|
|
[data-view-elevation="3"] .building use.floor.elevation-3 {
|
|
fill: white;
|
|
}
|
|
|
|
#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);
|
|
}
|