diff options
Diffstat (limited to 'play.html')
| -rw-r--r-- | play.html | 52 |
1 files changed, 29 insertions, 23 deletions
@@ -35,11 +35,21 @@ font-family: "Source Serif SmText"; } +/* XXX: Work around z-stacking drawing glitch in Firefox 90 on Linux */ +#status { min-height: 1px; } +#status:empty { background-color: slategray; } + .hand { min-height: 300px; justify-content: left; } +.hand_separator { + color: gainsboro; + border-bottom: 2px dotted gainsboro; + text-align: center; +} + .card { width: 250px; height: 350px; @@ -57,13 +67,6 @@ border-radius: 5px; } -.card_separator { - margin-top: 130px; - user-select: none; - font-size: 48px; - color: aliceblue; -} - .card_info .card:hover { transform: scale(2) translateY(-30px); } @@ -339,15 +342,15 @@ <path class="patrol_zone" d="M879 113.5a136 136 0 00-136 136 136 136 0 009.45 49.746c.019.017.033.036.05.054 2.1 2 3.6 2.5 7.6 2.5 6.3.1 10.3.8 15 2.8 3.2 1.4 4 1.4 6.5.1 1.6-.8 4.199-2.7 5.699-4.2 2.228-2.228 3.107-2.635 6.176-2.204A92.27 92.27 0 01883.5 225.73a92.27 92.27 0 0183.928 54.151c.461-.22.86-.38 1.073-.38 1 0 1.799-1.6 5.499-9.7 1.2-2.7 2.6-5.1 3.2-5.4 2.6-1.6 19.8-2.4 22-1 1.3.8 2.3.8 3.6-.1 1.1-.6 3.8-.9 6.4-.6 2.986.365 4.169.353 5.17-.606a136 136 0 00.63-12.594 136 136 0 00-136-136z" id="algiers_patrol_zone"/> <path class="patrol_zone" d="M1275.5 86a136 136 0 00-136 136 136 136 0 003.915 31.739 92.27 92.27 0 0188.835-67.76 92.27 92.27 0 0192.27 92.271 92.27 92.27 0 01-45.858 79.638A136 136 0 001411.5 222a136 136 0 00-136-136z" id="tunis_patrol_zone"/> <path class="patrol_zone" d="M1514.121 309.44a243 243 0 00-232.214 171.452c.44.816.461 1.972.293 4.108-.1 2.4.5 7.7 1.4 11.7 1.4 5.9 1.5 7.7.5 9.9-1.3 3-.7 4.4 1.1 2.6 1.9-1.9 2.5-1.5 6.3 4.3 2.1 3 4.1 5.5 4.7 5.5.5 0 2.2 1.4 3.8 3.2 2.3 2.5 3.2 2.9 4.3 2 1.1-1 2-.8 4 .8 1.4 1.1 3.3 2 4.2 2 .376 0 .983.2 1.68.517a127.92 127.92 0 01101.91-50.79 127.92 127.92 0 01119.673 83.173c.745-.355 1.238-.383 1.238 0 0 .6.599 1.1 1.299 1.1.6 0 2.3.9 3.7 2 1.5 1.2 4.1 2 6.4 2 4.2 0 7.6 2.2 7.6 5 0 1-1.1 3.4-2.5 5.5l-2.6 3.7 2.1 4.4c1.2 2.4 3.1 4.6 4.3 5 3.5 1 5.7 3.5 5.7 6.3.1 1.4.7 3.7 1.5 5.1 2 3.5 1.8 6.4-.5 8.5-1.1 1-2 2.9-2 4.2 0 2.8 3.2 9.4 5.5 11.3 3 2.5 4.5 6.8 5.1 15.4.5 5.8 1.2 9 2.2 9.8 1.3 1.1 1.4.8.7-3.2-.4-2.5-.8-7.4-1-11-.3-7.6-1.7-13.2-4.4-17.7-1.7-2.7-1.8-3.4-.6-5 1.3-1.7 1.4-1.7 3.9.6 1.4 1.3 3.1 4.5 3.9 6.9.9 3.3 2.1 5 4.2 6.2 2.8 1.6 3 2.1 3.1 8.1.1 8.5.1 8.7 2.4 9.9 1.5.8 4.9.7 12.7-.4 11.4-1.6 12.9-1.3 16.9 2.9 1.8 1.9 3.1 2.3 9 2.3 3.9 0 8.1-.6 9.6-1.4 2.3-1.2 2.9-1.2 4.2.2.9.8 1.6 2.3 1.6 3.3 0 2.4-1.7 11.1-2.6 13.5-.6 1.6-.4 1.8 2.2 1.3 7.5-1.5 9.2-2.1 12.7-4.9 4.2-3.3 6.7-3.1 6.7.6s2.9 6.3 10.5 9.2c7.3 2.7 8.9 3 14.2 1.9 3-.7 3.4-.4 6.3 4.1 1.6 2.6 3 5.4 3 6.1 0 .7.5 1.3 1 1.3.6 0 1-1 1-2.3 0-1.2 1.3-4.2 3-6.7 2.6-3.9 2.8-4.6 1.5-6-.8-.9-1.5-2.1-1.5-2.6 0-1.7 5.5-6.4 7.4-6.4.9 0 3-1.4 4.6-3.1 2.5-2.8 3.2-3.1 6.5-2.5 3 .6 3.9 1.4 5.7 5.1 1.2 2.4 2.8 4.7 3.6 5 .9.346 1.918.18 2.867-.31a243 243 0 006.885-14.25c-.886-1.077-1.551-2.136-1.551-2.54 0-.762 2.217-2.868 4.513-4.644a243 243 0 0017.607-90.317 243 243 0 00-243-243z" id="tripoli_patrol_zone"/> -<circle class="harbor" id="tangier_harbor" r="92" cy="426" cx="296.5"/> -<circle class="harbor" id="gibraltar_harbor" r="92" cy="216" cx="374.25"/> -<circle class="harbor" id="algiers_harbor" r="92" cy="318" cx="883.5"/> -<circle class="harbor" id="tunis_harbor" r="92" cy="278.25" cx="1232.25"/> -<circle class="harbor" id="malta_harbor" r="92" cy="189.5" cx="1592.5"/> -<circle class="harbor" id="derne_harbor" r="92" cy="437.25" cx="2030.5"/> -<circle class="harbor" id="benghazi_harbor" r="92" cy="583" cx="1877"/> -<circle class="harbor" id="alexandria_harbor" r="92" cy="454.5" cx="2335.5"/> -<circle class="harbor" id="tripoli_harbor" r="128" cy="604.5" cx="1416"/> +<circle class="harbor" id="tangier" r="92" cy="426" cx="296.5"/> +<circle class="harbor" id="gibraltar" r="92" cy="216" cx="374.25"/> +<circle class="harbor" id="algiers" r="92" cy="318" cx="883.5"/> +<circle class="harbor" id="tunis" r="92" cy="278.25" cx="1232.25"/> +<circle class="harbor" id="malta" r="92" cy="189.5" cx="1592.5"/> +<circle class="harbor" id="derne" r="92" cy="437.25" cx="2030.5"/> +<circle class="harbor" id="benghazi" r="92" cy="583" cx="1877"/> +<circle class="harbor" id="alexandria" r="92" cy="454.5" cx="2335.5"/> +<circle class="harbor" id="tripoli" r="128" cy="604.5" cx="1416"/> <g id="markers" fill="#444" stroke="black" stroke-width="2"> <circle id="year" r="26" cx="175" cy="728"/> <circle id="season" r="26" cx="893" cy="728"/> @@ -423,13 +426,7 @@ </g> </svg> -<div id="core" class="hand"> -<div id="tr_card_1" class="show card tr_card_1"></div> -<div id="tr_card_2" class="show card tr_card_2"></div> -<div id="tr_card_3" class="show card tr_card_3"></div> -<div id="us_card_1" class="show card us_card_1"></div> -<div id="us_card_2" class="show card us_card_2"></div> -<div id="us_card_3" class="show card us_card_3"></div> +<div id="hand_cards" class="hand"> <div id="tr_card_4" class="card tr_card_4"></div> <div id="tr_card_5" class="card tr_card_5"></div> <div id="tr_card_6" class="card tr_card_6"></div> @@ -479,6 +476,15 @@ <div id="us_card_26" class="card us_card_26"></div> <div id="us_card_27" class="card us_card_27"></div> </div> +<div class="hand_separator"></div> +<div id="core_cards" class="hand"> +<div id="tr_card_1" class="show card tr_card_1"></div> +<div id="tr_card_2" class="show card tr_card_2"></div> +<div id="tr_card_3" class="show card tr_card_3"></div> +<div id="us_card_1" class="show card us_card_1"></div> +<div id="us_card_2" class="show card us_card_2"></div> +<div id="us_card_3" class="show card us_card_3"></div> +</div> <div id="popup" onmouseleave="hide_popup_menu()"> <div id="menu_card_event" onclick="on_card_event()">Play Event</div> |