Improve look & feel. Fix bugs.

1 files changed, 7 insertions, 11 deletions

diff --git a/play.html b/play.html
index a8b86f0..f98c8b2 100644
--- a/play.html
+++ b/play.html
@@ -108,13 +108,12 @@ body.Observer #hand { display: none }
 
 #darkness_button.action {
 	background-color: #0002;
-	box-shadow: inset 0 0 16px 4px black, 0 0 0px 2px white, 0 0 8px 2px white;
+	box-shadow: inset 0 0 16px 4px black, 0 0 0 3px white;
 }
 
 .space {
 	position: absolute;
 	box-sizing: border-box;
-	border: 3px solid transparent;
 }
 
 .space.oval {
@@ -123,7 +122,6 @@ body.Observer #hand { display: none }
 
 .space.action {
 	border: 3px solid white;
-	box-shadow: 0 0 4px white;
 }
 
 /* PIECES */
@@ -178,10 +176,6 @@ body.Observer #hand { display: none }
 	box-shadow: 0 0 0 1px #222, 0 0 0 4px white;
 }
 
-.tile.selected {
-	box-shadow: 0 0 0 1px #222, 0 0 0 4px yellow;
-}
-
 .tile.gold { background-image: url(images/gold.png); background-color: hsl(50,81%,59%); }
 .tile.blue { background-image: url(images/blue.png); background-color: hsl(201,80%,47%); }
 .tile.white { background-image: url(images/white.png); background-color: hsl(0,0%,94%); }
@@ -195,7 +189,7 @@ body.Observer #hand { display: none }
 
 /* LOG */
 
-#log { background-color: whitesmoke; }
+#log { background-color: whitesmoke }
 
 #log .h1 {
 	margin: 6px 0;
@@ -220,6 +214,8 @@ body.Observer #hand { display: none }
 #log .c { border-radius: 50%; }
 #log .o { border-radius: 0 0 50% 50%; }
 
+#log .o.secrecy { width: 7px; height: 7px; margin: 2px 2px; border-radius: 0; border-color: white; }
+
 #log .c.white { background-color: hsl(0,0%,94%) }
 #log .c.red { background-color: hsl(359,85%,50%) }
 #log .c.blue { background-color: hsl(220,85%,55%) }
@@ -229,14 +225,14 @@ body.Observer #hand { display: none }
 #log .t.white { background-color: hsl(0,0%,94%); }
 #log .t.red { background-color: hsl(0,90%,49%); }
 #log .t.green {  background-color: hsl(125,21%,43%); }
-#log .t.black {  background-color: hsl(0,0%,35%); }
+#log .t.black {  background-color: hsl(0,0%,15%); }
 
-#log .o.secrecy {  background-color: hsl(0,0%,35%); }
+#log .o.secrecy {  background-color: hsl(0,0%,15%); }
 #log .o.gold { background-color: hsl(50,81%,59%); }
 #log .o.blue { background-color: hsl(201,80%,47%); }
 #log .o.white { background-color: hsl(0,0%,94%); }
 #log .o.red { background-color: hsl(0,90%,49%); }
-#log .o.purple { background-color: hsl(296,29%,45%); }
+#log .o.purple { background-color: hsl(296,29%,50%); }
 
 </style>
 </head>