diff options
| author | Tor Andersson <tor@ccxvii.net> | 2021-05-21 23:59:06 +0200 |
|---|---|---|
| committer | Tor Andersson <tor@ccxvii.net> | 2022-11-16 19:08:56 +0100 |
| commit | ace58ffddf8edaeb7f2cd73fc655e0475a720f25 (patch) | |
| tree | db4fb8079ccbf73f295b7bd49dbf58d9860950cf | |
| parent | 333fff18b9b1749796b97f0adfac779067869638 (diff) | |
| download | julius-caesar-ace58ffddf8edaeb7f2cd73fc655e0475a720f25.tar.gz | |
Add map zoom-out button.
| -rw-r--r-- | play.html | 7 |
1 files changed, 7 insertions, 0 deletions
@@ -158,6 +158,9 @@ .columbia-labels .block.Caesar { background-color: #c22; border: 3px solid #822; } .columbia-labels .block.Pompeius { background-color: #c91; border: 3px solid #862; } .columbia-labels .block.Cleopatra { background-color: #09a; border: 3px solid #067; } +.columbia-labels .block.known.Caesar { background-color: #822; } +.columbia-labels .block.known.Pompeius { background-color: #862; } +.columbia-labels .block.known.Cleopatra { background-color: #067; } .columbia-labels .block.highlight { border: 3px solid white; } .columbia-labels .block.selected { border: 3px solid yellow; } .columbia-labels .block.moved { filter: grayscale(70%); } @@ -167,6 +170,7 @@ .columbia-labels .block.r2 { transform: rotate(-180deg); } .columbia-labels .block.r3 { transform: rotate(-270deg); } + .block { box-shadow: 0px 0px 4px 0px black; } .block { @@ -234,6 +238,7 @@ </div> <div class="image_button" onclick="toggle_blocks()"><img src="/images/earth-africa-europe.svg"></div> + <div class="image_button" onclick="toggle_zoom()"><img src="/images/magnifying-glass.svg"></div> <div class="image_button" onclick="toggle_log()"><img src="/images/scroll-quill.svg"></div> <div class="image_button chat_button" onclick="toggle_chat()"><img src="/images/chat-bubble.svg"></div> @@ -267,6 +272,7 @@ <div class="grid_center"> + <div id="mapwrap" class="mapwrap"> <div id="map" class="map"> <div id="blocks" class="blocks"> <div id="secret_blocks"></div> @@ -275,6 +281,7 @@ <div id="spaces"></div> <div id="turn" class="year_705"></div> </div> + </div> <div class="hand"> |