From 5eb2975315a50c585eb048479c4fdc765a24a20c Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Sun, 9 Jun 2024 00:29:33 +0200
Subject: new marker css

---
 play.css | 194 ++++++++++++++++++++++++++++++++-------------------------------
 1 file changed, 98 insertions(+), 96 deletions(-)

(limited to 'play.css')

diff --git a/play.css b/play.css
index 4abe0d3..99ff1ca 100644
--- a/play.css
+++ b/play.css
@@ -105,7 +105,6 @@ aside {
 #map {
 	width: 1650px;
 	height: 2550px;
-	background-image: url(map75.png);
 	background-size: 1650px 2550px;
 	box-shadow: 1px 1px 8px #0008;
 }
@@ -126,33 +125,21 @@ aside {
 .marker.turn {
 	width: 55px;
 	height: 55px;
-	background-image: url(markers.1x/game_turn_regulars.png);
-}
-
-.marker.turn.no-regulars {
-	background-image: url(markers.1x/game_turn_no_regulars.png);
 }
 
 .marker.french-alliance {
 	width: 55px;
 	height: 55px;
-	background-image: url(markers.1x/french_alliance.png);
-}
-
-.marker.french-alliance.european-war {
-	background-image: url(markers.1x/european_war.png);
 }
 
 .marker.congress {
 	width: 55px;
 	height: 55px;
-	background-image: url(markers.1x/continental_congress.png);
 }
 
 .marker.french-navy {
 	width: 64px;
 	height: 130px;
-	background-image: url(markers.1x/french_navy_tall.png);
 }
 
 .marker.control {
@@ -161,24 +148,17 @@ aside {
 	visibility: hidden;
 }
 
-.marker.control.british {
-	visibility: visible;
-	background-image: url(markers.1x/colony_british.png);
-}
-
-.marker.control.american {
-	visibility: visible;
-	background-image: url(markers.1x/colony_american.png);
-}
+.marker.control.british { visibility: visible; }
+.marker.control.american { visibility: visible; }
 
 .pc {
+	border: none;
+	box-shadow: none;
 	width: 58px;
 	height: 66px;
+	filter: drop-shadow(1px 1px 2px #0008);
 }
 
-.pc.american { background-image: url(markers.1x/pc_american.png); }
-.pc.british { background-image: url(markers.1x/pc_british.png); }
-
 .cu {
 	width: calc(60px - 6px);
 	height: 60px;
@@ -191,14 +171,17 @@ aside {
 	border-radius: 50%;
 }
 
-.cu.american { background-image: url(markers.1x/cu_american.png); }
-.cu.british { background-image: url(markers.1x/cu_british.png); }
-.cu.french { background-image: url(markers.1x/cu_french.png); }
 
-.general {
+.general.tall {
 	width: 64px;
 	height: 130px;
 }
+
+.general.small {
+	width: 45px;
+	height: 45px;
+}
+
 .general.offmap {
 	display: none;
 }
@@ -206,25 +189,12 @@ aside {
 .general.american.action, .general.american.selected { box-shadow: 0 0 5px 5px white; }
 .general.french.action, .general.french.selected { box-shadow: 0 0 5px 5px white; }
 
-.general:hover { z-index: 1; }
-.general.selected { z-index: 2; }
-.marker.congress { z-index: 3 }
-.cu { z-index: 4; }
-.space { z-index: 5; }
-
-.general.Arnold { background-image: url(markers.1x/general_arnold_tall.png); }
-.general.Gates { background-image: url(markers.1x/general_gates_tall.png); }
-.general.Greene { background-image: url(markers.1x/general_greene_tall.png); }
-.general.Lafayette { background-image: url(markers.1x/general_lafayette_tall.png); }
-.general.Lee { background-image: url(markers.1x/general_lee_tall.png); }
-.general.Lincoln { background-image: url(markers.1x/general_lincoln_tall.png); }
-.general.Rochambeau { background-image: url(markers.1x/general_rochambeau_tall.png); }
-.general.Washington { background-image: url(markers.1x/general_washington_tall.png); }
-.general.Burgoyne { background-image: url(markers.1x/general_burgoyne_tall.png); }
-.general.Carleton { background-image: url(markers.1x/general_carleton_tall.png); }
-.general.Clinton { background-image: url(markers.1x/general_clinton_tall.png); }
-.general.Cornwallis { background-image: url(markers.1x/general_cornwallis_tall.png); }
-.general.Howe { background-image: url(markers.1x/general_howe_tall.png); }
+.general { z-index: 2; }
+.general:hover { z-index: 3; }
+.general.selected { z-index: 4; }
+.marker.congress { z-index: 5 }
+.cu { z-index: 1; }
+.space { z-index: 6; }
 
 .space {
 	position: absolute;
@@ -258,8 +228,9 @@ aside {
 .card {
 	width: 250px;
 	height: 350px;
-	background-size: 250px 350px;
-	border-radius: 15px;
+	background-size: 100%;
+	border-radius: 16px;
+	border: 1px solid black;
 	box-shadow: var(--piece-shadow);
 	display: none;
 }
@@ -267,6 +238,7 @@ aside {
 #turn_info .card {
 	width: 125px;
 	height: 175px;
+	border-radius: 8px;
 }
 
 .card.show {
@@ -281,70 +253,99 @@ aside {
 	border-radius: 20px;
 }
 
-.shift .hand .card:hover, .shift .hand .card.selected {
-	transform: scale(1.5) translate(0,-30px);
-	z-index: 10;
-}
-
 #war_ends {
-	left:1074px;
+	left:1073px;
 	top:1647px;
 	position:absolute;
 	width: 187px;
 	height: 262px;
-	//transform: rotate(90deg);
+	transform: rotate(90deg);
 	background-size: 187px 262px;
-	border-radius: 10px;
-	//box-shadow: 2px -2px 8px rgba(0,0,0,0.5);
+	border-radius: 12px;
 	display: none;
+	border: 1px solid black;
 }
-#war_ends.year_1779 {
-	background-image:url(cards75/WWcard-071.png);
-	display: block;
-}
-#war_ends.year_1780 {
-	background-image:url(cards75/WWcard-072.png);
-	display: block;
-}
-#war_ends.year_1781 {
-	background-image:url(cards75/WWcard-073.png);
-	display: block;
-}
-#war_ends.year_1782 {
-	background-image:url(cards75/WWcard-074.png);
-	display: block;
-}
-#war_ends.year_1783 {
-	background-image:url(cards75/WWcard-075.png);
-	display: block;
-}
+#war_ends.year_1779 { display: block; }
+#war_ends.year_1780 { display: block; }
+#war_ends.year_1781 { display: block; }
+#war_ends.year_1782 { display: block; }
+#war_ends.year_1783 { display: block; }
 
-#played_british_reinforcements { left: 911px; }
-#played_american_reinforcements_1 { left: 1144px; }
-#played_american_reinforcements_2 { left: 1376px; }
+#played_british_reinforcements { left: 909px; }
+#played_american_reinforcements_1 { left: 1142px; }
+#played_american_reinforcements_2 { left: 1375px; }
 .reinforcements {
 	position:absolute;
 	top: 1922px;
 	width: 187px;
 	height: 262px;
-	border-radius: 10px;
+	border-radius: 12px;
 	display: none;
+	border: 1px solid black;
 }
-.reinforcements.ops_1 {
-	background-image:url(cards75/WWcard-045.png);
-	display: block;
-}
-.reinforcements.ops_2 {
-	background-image:url(cards75/WWcard-023.png);
-	display: block;
-}
-.reinforcements.ops_3 {
-	background-image:url(cards75/WWcard-001.png);
-	display: block;
-}
+.reinforcements.ops_1 { display: block; }
+.reinforcements.ops_2 { display: block; }
+.reinforcements.ops_3 { display: block; }
 
 /* IMAGES */
 
+#map { background-image: url(map75.jpg); }
+
+.marker.french-navy { background-image: url(markers.1x/french_navy_tall.png); }
+
+.marker.turn { background-image: url(markers.1x/game_turn_regulars.png); }
+.marker.turn.no-regulars { background-image: url(markers.1x/game_turn_no_regulars.png); }
+.marker.french-alliance { background-image: url(markers.1x/french_alliance.png); }
+.marker.french-alliance.european-war { background-image: url(markers.1x/european_war.png); }
+.marker.congress { background-image: url(markers.1x/continental_congress.png); }
+.marker.congress { background-image: url(markers.1x/continental_congress.png); }
+.marker.control.british { background-image: url(markers.1x/colony_british.png); }
+.marker.control.american { background-image: url(markers.1x/colony_american.png); }
+.cu.american { background-image: url(markers.1x/cu_american.png); }
+.cu.british { background-image: url(markers.1x/cu_british.png); }
+.cu.french { background-image: url(markers.1x/cu_french.png); }
+
+.pc.american { background-image: url(markers.1x/pc_american.svg); }
+.pc.british { background-image: url(markers.1x/pc_british.svg); }
+
+.general.tall.Arnold { background-image: url(markers.1x/general_arnold_tall.png); }
+.general.tall.Gates { background-image: url(markers.1x/general_gates_tall.png); }
+.general.tall.Greene { background-image: url(markers.1x/general_greene_tall.png); }
+.general.tall.Lafayette { background-image: url(markers.1x/general_lafayette_tall.png); }
+.general.tall.Lee { background-image: url(markers.1x/general_lee_tall.png); }
+.general.tall.Lincoln { background-image: url(markers.1x/general_lincoln_tall.png); }
+.general.tall.Rochambeau { background-image: url(markers.1x/general_rochambeau_tall.png); }
+.general.tall.Washington { background-image: url(markers.1x/general_washington_tall.png); }
+.general.tall.Burgoyne { background-image: url(markers.1x/general_burgoyne_tall.png); }
+.general.tall.Carleton { background-image: url(markers.1x/general_carleton_tall.png); }
+.general.tall.Clinton { background-image: url(markers.1x/general_clinton_tall.png); }
+.general.tall.Cornwallis { background-image: url(markers.1x/general_cornwallis_tall.png); }
+.general.tall.Howe { background-image: url(markers.1x/general_howe_tall.png); }
+
+.general.small.Arnold { background-image: url(markers.1x/general_arnold.png); }
+.general.small.Gates { background-image: url(markers.1x/general_gates.png); }
+.general.small.Greene { background-image: url(markers.1x/general_greene.png); }
+.general.small.Lafayette { background-image: url(markers.1x/general_lafayette.png); }
+.general.small.Lee { background-image: url(markers.1x/general_lee.png); }
+.general.small.Lincoln { background-image: url(markers.1x/general_lincoln.png); }
+.general.small.Rochambeau { background-image: url(markers.1x/general_rochambeau.png); }
+.general.small.Washington { background-image: url(markers.1x/general_washington.png); }
+.general.small.Burgoyne { background-image: url(markers.1x/general_burgoyne.png); }
+.general.small.Carleton { background-image: url(markers.1x/general_carleton.png); }
+.general.small.Clinton { background-image: url(markers.1x/general_clinton.png); }
+.general.small.Cornwallis { background-image: url(markers.1x/general_cornwallis.png); }
+.general.small.Howe { background-image: url(markers.1x/general_howe.png); }
+
+#war_ends.year_1779 { background-image:url(cards75/WWcard-071.png); }
+#war_ends.year_1780 { background-image:url(cards75/WWcard-072.png); }
+#war_ends.year_1781 { background-image:url(cards75/WWcard-073.png); }
+#war_ends.year_1782 { background-image:url(cards75/WWcard-074.png); }
+#war_ends.year_1783 { background-image:url(cards75/WWcard-075.png); }
+
+.reinforcements.ops_1 { background-image:url(cards75/WWcard-045.png); }
+.reinforcements.ops_2 { background-image:url(cards75/WWcard-023.png); }
+.reinforcements.ops_3 { background-image:url(cards75/WWcard-001.png); }
+
 .card_back{background-image:url(cards100/WW-CardBack.png)}
 .card_1{background-image:url(cards100/WWcard-001.png)}
 .card_2{background-image:url(cards100/WWcard-001.png)}
@@ -355,7 +356,7 @@ aside {
 .card_7{background-image:url(cards100/WWcard-001.png)}
 .card_8{background-image:url(cards100/WWcard-001.png)}
 .card_9{background-image:url(cards100/WWcard-001.png)}
-.card_10{background-image:url(cards100/WWcard-01.png)}
+.card_10{background-image:url(cards100/WWcard-001.png)}
 .card_11{background-image:url(cards100/WWcard-001.png)}
 .card_12{background-image:url(cards100/WWcard-001.png)}
 .card_13{background-image:url(cards100/WWcard-001.png)}
@@ -456,3 +457,4 @@ aside {
 .card_108{background-image:url(cards100/WWcard-108.png)}
 .card_109{background-image:url(cards100/WWcard-109.png)}
 .card_110{background-image:url(cards100/WWcard-110.png)}
+
-- 
cgit v1.2.3