tweak logging

1 files changed, 18 insertions, 20 deletions

diff --git a/play.css b/play.css
index afee2c4..aaf8abf 100644
--- a/play.css
+++ b/play.css
@@ -37,39 +37,38 @@ 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 .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; }
 
@@ -100,18 +99,17 @@ body.Communist header.your_turn { background-color: hsl(355, 70%, 75%); }
 }
 
 #log .icon.number {
-	background-color: white; 
+	background-color: white;
 	border: 1px solid #444;
 	width: 10px;
 	height: 10px;
-} 
+}
 
 #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);}
 
-
 /* MAP */
 
 #mapwrap {
@@ -179,7 +177,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 +195,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%); }