X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=public%2Fstylesheets%2Fvariant.sass;h=495f4cabfa604cbd7dc08bbde1d886aca9bc6234;hb=bdb1f12dbb7e2d72ce3a0803a0cf2626e1f821e0;hp=7e99fa38e852fe91f79a0a03dff66fa79a8002f2;hpb=3066bb47f49d374fca4c1c1cc047d9be8257ad35;p=vchess.git

diff --git a/public/stylesheets/variant.sass b/public/stylesheets/variant.sass
index 7e99fa38..495f4cab 100644
--- a/public/stylesheets/variant.sass
+++ b/public/stylesheets/variant.sass
@@ -1,12 +1,31 @@
 .container#variantPage
   padding: 0
 
+//.container#variantPage > .row > div
+@media screen and (max-width: 767px)
+  .col-sm-12
+    padding: 0
+
+@media screen and (max-width: 767px)
+  h4
+    margin: 0 0 10px 0
+  p
+    margin-left: 0
+    margin-right: 0
+    padding: 0 3px
+
 .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
@@ -16,18 +35,30 @@ figure.diagram-container > .diagram
   margin-left: auto
   margin-right: auto
 
-.connected, .disconnected
-  width: 20px
-  height: 20px
-  margin: 0 auto 15px auto
+.topindicator
+  position: relative
   border: 1px solid brown
 
+.indic-left
+  float: left
+  margin: 0 0 10px 20px
+
+.indic-right
+  float: right
+  margin: 0 20px 10px 0
+
 .connected
   background-color: green
 
 .disconnected
   background-color: red
 
+.white-turn
+  background-color: white
+
+.black-turn
+  background-color: black
+
 // TODO: div.board, board9, board10, board11, board12
 div.board
   float: left
@@ -37,6 +68,9 @@ div.board
   display: inline-block
   position: relative
 
+.game
+  clear: both
+
 .game .board
   cursor: pointer
 
@@ -97,7 +131,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