index : btroops | |
Virtual board game-aid for BattleTroops, an infantry combat simulator wargame published by FASA in 1989. |
aboutsummaryrefslogtreecommitdiff |
diff options
Diffstat (limited to 'public/assets')
-rw-r--r-- | public/assets/css/map.css | 8 | ||||
-rw-r--r-- | public/assets/css/radial.css | 79 | ||||
-rw-r--r-- | public/assets/images/scenario_template.svg | 7 |
3 files changed, 26 insertions, 68 deletions
diff --git a/public/assets/css/map.css b/public/assets/css/map.css index 207c8e6..c1f0141 100644 --- a/public/assets/css/map.css +++ b/public/assets/css/map.css @@ -15,7 +15,7 @@ text { } use[href="#hex"] { - opacity: 0.5; + opacity: 0; fill: transparent; fill-opacity: 0.5; stroke-width: 0.5px; @@ -392,11 +392,7 @@ g[data-y="76"] { --i: 76; } /* fill: inherit; */ } -.building path { - fill: none; -} - -.furniture { +.furniture, .stairs { fill: rgb(104, 185, 181); } diff --git a/public/assets/css/radial.css b/public/assets/css/radial.css index 8413b54..b704668 100644 --- a/public/assets/css/radial.css +++ b/public/assets/css/radial.css @@ -67,20 +67,6 @@ use[href="#hex"] { stroke-linecap: square; } -.view-elevation-roof .doors, -.view-elevation-roof .inner-wall, -.view-elevation-roof .outer-wall { - display: none; -} - -/* [class^="elevation"] { - display: none; -} - -[class="elevation-0"] { - display: inline; -} */ - .elevation-basement { fill: lightgray; display: none; @@ -157,7 +143,8 @@ use[href="#hex"] { [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 .door-edges:not(.exits), +[data-view-elevation="-1"] .building > .elevation-basement ~ .structure .furniture { display: inline; } @@ -171,7 +158,12 @@ use[href="#hex"] { display: inline; } -[data-view-elevation="1"] .building .elevation-1 + .structure [class*='wall'] { +[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; } @@ -184,7 +176,12 @@ use[href="#hex"] { display: inline; } -[data-view-elevation="2"] .building .elevation-2 + .structure [class*='wall'] { +[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; } @@ -197,7 +194,12 @@ use[href="#hex"] { display: inline; } -[data-view-elevation="3"] .building .elevation-3 + .structure [class*='wall'] { +[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; } @@ -218,52 +220,11 @@ use[href="#hex"] { display: inline; } -.view-elevation-0 .elevation-0 { - display: inline; -} - -.view-elevation-1 .elevation-0 { - display: inline; -} - -.view-elevation-1 .elevation-1 { - display: inline; -} - -.view-elevation-1 .building .elevation-0 { - display: none; -} - -.view-elevation-1 .building .elevation-1 { - /* display: none; */ -} - -.view-elevation-roof .elevation-roof { - display: inline; -} - -.view-elevation-basement [class^="elevation"] { - display: none; -} - -.view-elevation-basement .elevation-basement { - display: inline; -} - -.view-elevation-basement .doors { - display: none; -} - .building [class*="elevation"] use { /* fill-opacity: 0.33; */ stroke: black; } -.building { - /* display: none; */ - /* opacity: 0.2 */ -} - #tree .trunk { fill: brown; } diff --git a/public/assets/images/scenario_template.svg b/public/assets/images/scenario_template.svg index 6c298b7..dc387bb 100644 --- a/public/assets/images/scenario_template.svg +++ b/public/assets/images/scenario_template.svg @@ -1,5 +1,6 @@ <?xml version="1.0" standalone="no"?> -<svg viewBox="-10 -10 200 300" xmlns="http://www.w3.org/2000/svg"> +<svg viewBox="-10 -10 200 300" + xmlns="http://www.w3.org/2000/svg"> <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="../css/map.css" type="text/css" /> <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="../css/radial.css" type="text/css" /> <style> @@ -46,7 +47,7 @@ <image id="counter-grenade" href="counter_grenade.jpg" width="10"/> </defs> - <g class="gameboard" data-view-elevation="0"> + <g class="gameboard"> <rect id="background"/> <rect id="dots" fill="url(#asterisk)"/> @@ -56,6 +57,6 @@ <g id="lines"/> </g> - <g class="grid"/> + <g class="grid" data-view-elevation="0"/> </g> </svg> |