style

1 files changed, 44 insertions, 19 deletions

diff --git a/play.css b/play.css
index a9195f8..125388a 100644
--- a/play.css
+++ b/play.css
@@ -148,7 +148,7 @@ header.your_turn.austria { background-color: var(--color-light-austria); }
 #log { background-color: #f3ebd4 }
 
 #log div:empty {
-	min-height: 4px;
+	min-height: 6px;
 }
 
 #log .city_tip:hover { cursor: pointer; text-decoration: underline; }
@@ -193,49 +193,65 @@ span.suit.reserve { color: var(--color-reserve); font-weight: bold; font-family:
 
 .space {
 	position: absolute;
-	box-sizing: border-box;
 	border: 4px solid transparent;
-	background-color: #0002;
 }
 
 .space.city {
-	width: 24px;
-	height: 24px;
+	width: calc(18px + 10px);
+	height: calc(18px + 10px);
 	border-radius: 50%;
 }
 
 .space.minor_fortress {
-	width: 28px;
-	height: 28px;
+	width: calc(28px + 10px);
+	height: calc(28px + 10px);
 }
 
 .space.major_fortress {
-	width: 40px;
-	height: 40px;
+	width: calc(32px + 12px);
+	height: calc(32px + 12px);
 	border-radius: 50%;
 }
 
-.space.Austria { background-color: #fcffff; }
-.space.France { background-color: #ea192e; }
-.space.Prussia { background-color: #035783; }
-.space.Netherlands { background-color: #7d7c7a; }
-.space.Silesia { background-color: #91b4a0; }
-.space.Saxony { background-color: #127a3b; }
-.space.Bavaria { background-color: #fcb01f; }
-.space.Poland { background-color: #cac180; }
+.space.box {
+	width: 44px;
+	height: 44px;
+}
+
+.space.box.england {
+	width: 48px;
+	height: 56px;
+}
+
+/*
+.space.country_austria { background-color: #fcffff; }
+.space.country_france { background-color: #ea192e; }
+.space.country_prussia { background-color: #035783; }
+.space.country_netherlands { background-color: #7d7c7a; }
+.space.country_silesia { background-color: #91b4a0; }
+.space.country_saxony { background-color: #127a3b; }
+.space.country_bavaria { background-color: #fcb01f; }
+.space.country_poland { background-color: #cac180; }
 
 .space.minor_fortress.Empire { background-color: #b41a70; }
 .space.major_fortress.Empire { background-color: #b41a70; }
 .space.city.Empire { background-color: #e0d796; }
+*/
+
+.space {
+	border-color: white;
+	box-shadow: 0 0 2px 1px black, inset 0 0 2px 1px black;
+}
 
 .space.tip {
 	border-color: lime;
-	z-index: 3000;
+	box-shadow: 0 0 2px 1px black, inset 0 0 2px 1px black;
+	z-index: 2000;
 }
 
 .space.action {
 	border-color: white;
-	box-shadow: 0 0 2px black, inset 0 0 2px black;
+	box-shadow: 0 0 2px 1px black, inset 0 0 2px 1px black;
 	z-index: 2000;
 }
 
@@ -410,6 +426,15 @@ span.suit.reserve { color: var(--color-reserve); font-weight: bold; font-family:
 	}
 }
 
+.card.zoom { 
+	width: 330px;
+	height: 514px;
+	border-radius: 16px;
+}
+
+.card.polcard { cursor: zoom-in }
+.card.polcard.zoom { cursor: zoom-out }
+
 .draw-break { margin-left: 145px; }
 .card.tc { margin-right: -145px; }
 .panel_body { padding-right: calc(18px + 145px); }