X-Git-Url: https://git.auder.net/img/rock_paper_scissors_lizard_spock.gif?a=blobdiff_plain;f=public%2Fstylesheets%2Fvariant.sass;h=39fb80bf7bd9fe566713f096bea8661ef02f2901;hb=3ed62725fe47e395793cf952403d61fc9f347eee;hp=b2c678a34887fb747084aeb827d14d83541dd6a0;hpb=6a01d4f7761b10e715799d1f13b9c8d2442dba55;p=vchess.git

diff --git a/public/stylesheets/variant.sass b/public/stylesheets/variant.sass
index b2c678a3..39fb80bf 100644
--- a/public/stylesheets/variant.sass
+++ b/public/stylesheets/variant.sass
@@ -35,18 +35,36 @@ 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
 
+.expert-switch
+  padding: 5px 10px
+
+.expert-mode, button.expert-mode:hover
+  background-color: #ffcc99
+
+.white-turn
+  background-color: white
+
+.black-turn
+  background-color: black
+
 // TODO: div.board, board9, board10, board11, board12
 div.board
   float: left
@@ -56,6 +74,9 @@ div.board
   display: inline-block
   position: relative
 
+.game
+  clear: both
+
 .game .board
   cursor: pointer