diff options
Diffstat (limited to 'play.html')
-rw-r--r-- | play.html | 18 |
1 files changed, 7 insertions, 11 deletions
@@ -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> |