Highlight king in red if undercheck + some improvements

[vchess.git] / public / stylesheets / variant.sass

diff --git a/public/stylesheets/variant.sass b/public/stylesheets/variant.sass
index 5148410..6a8da83 100644 (file)
--- a/public/stylesheets/variant.sass
+++ b/public/stylesheets/variant.sass
@@ -1,6 +1,18 @@
 .container#variantPage
   padding: 0
 
+.warn
+  padding: 3px
+  color: red
+  background-color: lightgrey
+  font-weight: bold
+
+.playing, button.playing:hover
+  background-color: #ffcc99
+
+.seek, button.seek:hover
+  background-color: #cc99ff
+
 // https://stackoverflow.com/questions/5445491/height-equal-to-dynamic-width-css-fluid-layout
 figure.diagram-container > .diagram
   display: block
@@ -31,6 +43,9 @@ div.board
   display: inline-block
   position: relative
 
+.game .board
+  cursor: pointer
+
 #choices
        margin-bottom: 10px
 
@@ -88,7 +103,10 @@ figure.diagram-container > figcaption
   background-color: #b58863
 
 .highlight
-  background-color: #00cc00
+  background-color: #00cc66
+
+.incheck
+  background-color: #cc3300
 
 .light-square-diag
   background-color: #e5e5ca