X-Git-Url: https://git.auder.net/assets/current/%7B%7B%20path%28%27mixstore_store_package_view%27%2C%20%7B%20id:%20key%20%7D%29%20%7D%7D?a=blobdiff_plain;f=public%2Fstylesheets%2Fvariant.sass;h=ae4f0b21510ed8c6323fc29ab76e79f077cf56a5;hb=b955c65b942d09d24b5c3bed0d755d4f2f8f71f1;hp=c2e28a18655f6eeaf92eb257a431d48e4b3d6b71;hpb=4f7723a1a0d1554f16c699017ae308079aa43a69;p=vchess.git

diff --git a/public/stylesheets/variant.sass b/public/stylesheets/variant.sass
index c2e28a18..ae4f0b21 100644
--- a/public/stylesheets/variant.sass
+++ b/public/stylesheets/variant.sass
@@ -37,7 +37,7 @@ a#homeLink
       margin-top: 10px
       display: block
 
-#helpMenu
+#userMenu, #settings
   @media screen and (min-width: 768px)
     float: right
   .info-container
@@ -67,6 +67,9 @@ label.drawer-toggle
 
 // Game section:
 
+td.highlight-lm
+  background-color: plum
+
 button.play
   height: 24px
   margin: 0
@@ -161,10 +164,6 @@ div.board8
   width: 12.5%
   padding-bottom: 12.5%
 
-div.board8-reserve
-  width: 10%
-  padding-bottom: 10%
-
 div.board10
   width: 10%
   padding-bottom: 10%
@@ -195,9 +194,8 @@ div.board11
     background-color: #e6ee9c
     &:hover
       background-color: skyblue
-    .choice-piece
-      width: 90%
-      max-width: 100%
+    &.choice-piece
+      width: 100%
       height: auto
       display: block
 
@@ -253,6 +251,7 @@ img.ghost
 
 #fen-string
   margin-top: 0
+  margin-bottom: 10px
 
 #pgn-game
   margin-top: 0
@@ -266,7 +265,7 @@ img.ghost
 #pgn-div > a
   display: none
 
-#fen-div > p
+//#fen-div > p
   margin-left: 0
   margin-right: 0
 
@@ -293,26 +292,26 @@ figure.diagram-container
     display: block
     width: 40%
     min-width: 240px
-    max-width: 800px
     margin-left: auto
     margin-right: auto
   .diag12
     float: left
     margin-left: calc(10% - 20px)
     margin-right: 40px
-    @media screen and (max-width: 500px)
+    @media screen and (max-width: 630px)
       float: none
       margin: 0 auto 10px auto
   .diag22
     float: left
     margin-right: calc(10% - 20px)
-    @media screen and (max-width: 500px)
+    @media screen and (max-width: 630px)
       float: none
       margin: 0 auto
   figcaption
     display: block
     clear: both
     padding-top: 5px
+    font-size: 0.8em
 
 p.boxed
   background-color: #FFCC66
@@ -367,9 +366,6 @@ ul:not(.browser-default) > li
 .mistake-newproblem
   color: #663300
 
-#problem-solution
-  display: none
-
 #solution-div h3
   background-color: lightgrey
   padding: 3px 5px
@@ -386,3 +382,8 @@ ul:not(.browser-default) > li
 
 .problem
   margin: 10px 0
+
+.only-mine
+  background-color: yellow
+  &:hover
+    background-color: yellow