Tor updates

1 files changed, 44 insertions, 41 deletions

diff --git a/play.css b/play.css
index e071306..891a4bb 100644
--- a/play.css
+++ b/play.css
@@ -37,39 +37,53 @@ body.Communist header.your_turn { background-color: hsl(355, 70%, 75%); }
 #log .h5 { text-decoration: underline; }
 
 #log { background-color: floralwhite }
-#log .h1 { background-color: tan ;}
+#log .h1 { background-color: tan }
 #log .h2 { background-color: wheat }
 #log .h3 { background-color: wheat }
 
-#log .h1, .h2:not(.group), .h3 {
-	text-transform: uppercase;
+#log .marginalia {
+	display: block;
+	float: right;
+	text-indent: 0;
+	margin: 0;
+	margin-right: 6px;
+	padding: 0;
+}
+
+#log .group .marginalia {
+	margin-right: 0;
+}
+
+#log > div { clear: right }
+
+#log .h1, .h2, .h3 {
+	font-variant-caps: small-caps;
 	border-top: 1px solid black;
 	border-bottom: 1px solid black;
-	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
 }
-#log .h2:not(.group).dem { 
-	font-size: 10px;
-	background-color: hsl(206, 85%, 80%); border-top: 1px solid hsl(206, 85%, 25%); border-bottom: 1px solid hsl(206, 85%, 25%);}
-#log .h2:not(.group).com {
-	font-size: 10px; 
-	background-color: hsl(355, 70%, 80%); 
-	border-top: 1px solid hsl(355, 70%, 25%); 
+#log .h2.dem {
+	background-color: hsl(206, 85%, 80%);
+	border-top: 1px solid hsl(206, 85%, 25%);
+	border-bottom: 1px solid hsl(206, 85%, 25%);
+}
+#log .h2.com {
+	background-color: hsl(355, 70%, 80%);
+	border-top: 1px solid hsl(355, 70%, 25%);
 	border-bottom: 1px solid hsl(355, 70%, 25%);
 }
 #log .group.dem { background-color: hsl(206, 85%, 90%); }
 #log .group.com { background-color: hsl(355, 70%, 90%); }
 #log .group.both { background-color: gainsboro; }
 
-#log .h1, #log .h2, #log .h3 { margin: 6px 0; }
-
-#log .group {margin: 0 6px}
+#log .group { margin: 0 6px; }
+#log .header.group.dem { background-color: hsl(206, 85%, 85%); }
+#log .header.group.com { background-color: hsl(355, 70%, 85%); }
 
 #log div { padding-left: 20px; text-indent: -12px; }
 #log div.i { padding-left: 32px; text-indent: -12px; }
 #log div.ii { padding-left: 44px; text-indent: -12px; }
 
 #log .card_name { font-style: italic; }
-#log div.h2 .card_name { font-style: normal; }
 #log .card_name:hover { text-decoration: underline; }
 #log .space_tip:hover { cursor: pointer; text-decoration: underline; }
 
@@ -90,27 +104,24 @@ body.Communist header.your_turn { background-color: hsl(355, 70%, 75%); }
 #log .icon {
 	display: inline-block;
 	vertical-align: -2px;
-	width: 12px;
-	height: 12px;
-	box-shadow: none;
-	border: none;
-	background-size: contain;
-	background-position: center;
+	background-size: 10px 10px;
 	background-repeat: no-repeat;
-}
-
-#log .icon.number {
-	background-color: white; 
+	background-color: white;
 	border: 1px solid #444;
 	width: 10px;
 	height: 10px;
-} 
+}
+
+X#log .com_nc { background-image: url(images/icon_com.png) }
+X#log .dem_nc { background-image: url(images/icon_dem.png) }
 
-#log .com_nc { background-image: url(images/SVd_blank.gif);}
-#log .com_c {background-image: url(images/SV_blank.gif);}
-#log .dem_nc { background-image: url(images/USd_blank.gif);}
-#log .dem_c {background-image: url(images/favicon_dem.svg);}
+#log .com_c { background-image: url(images/icon_com.png) }
+#log .dem_c { background-image: url(images/icon_dem.png) }
 
+#log .com_c { background-color: hsl(358, 66%, 45%) }
+#log .com_nc { background-color: hsl(358, 66%, 80%) }
+#log .dem_c { background-color: #147fc0 }
+#log .dem_nc { background-color: #c4e2f6 }
 
 /* MAP */
 
@@ -179,7 +190,7 @@ body.Communist header.your_turn { background-color: hsl(355, 70%, 75%); }
 	height: 15px;
 	width: 100px;
 }
-  
+
 .box.d_pres { background: linear-gradient(to right, rgba(0, 0, 255, 0.75) 0%, rgba(0, 0, 255, 0.75) 20%, transparent 20%, transparent 100%); }
 
 .box.c_pres { background: linear-gradient(to right, transparent 0%, transparent 80%,rgba(255, 0, 0, 0.75) 80%, rgba(255, 0, 0, 0.75) 100%); }
@@ -197,7 +208,7 @@ body.Communist header.your_turn { background-color: hsl(355, 70%, 75%); }
 .box.c_pres.c_dom { background: linear-gradient(to right, transparent 50%, rgba(255, 0, 0, 0.75) 50%, rgba(255, 0, 0, 0.75) 100%); }
 
 .box.d_pres.c_pres.c_dom { background: linear-gradient(to right, rgba(0, 0, 255, 0.75) 0%, rgba(0, 0, 255, 0.75) 20%, transparent 20%, transparent 50%, rgba(255, 0, 0, 0.75) 50%, rgba(255, 0, 0, 0.75) 100%); }
- 
+
 .box.c_pres.c_ctrl { background: linear-gradient(to right, transparent 20%, rgba(255, 0, 0, 0.75) 20%, rgba(255, 0, 0, 0.75) 100%); }
 
 .box.d_pres.c_pres.c_ctrl { background: linear-gradient(to right, rgba(0, 0, 255, 0.75) 0%, rgba(0, 0, 255, 0.75) 20%, transparent 20%, rgba(255, 0, 0, 0.75) 20%, rgba(255, 0, 0, 0.75) 100%); }
@@ -540,12 +551,4 @@ body.Communist header.your_turn { background-color: hsl(355, 70%, 75%); }
 .card.power_50 { background-image: url(cards75/power_50.avif) }
 .card.power_51 { background-image: url(cards75/power_51.avif) }
 .card.power_52 { background-image: url(cards75/power_52.avif) }
-/*.card.power_53 { background-image: url(cards75/power_back.avif) }
-.card.power_card.power_53 {
-	background-color: transparent;
-	width: 188px;
-	height: 263px;
-	border-radius: 0;
-	border: none;
-	box-shadow: none;
-} */
\ No newline at end of file
+.card.power_53 { background-image: url(cards75/power_back.avif) }