margin-top: 10px
display: block
-#helpMenu
+#userMenu, #settings
@media screen and (min-width: 768px)
float: right
.info-container
// Game section:
+td.highlight-lm
+ background-color: plum
+
button.play
height: 24px
margin: 0
margin-left: 15px
button.play.spaceright
margin-right: 15px
+button.play.big-spaceleft
+ margin-left: 25px
+button.play.big-spaceright
+ margin-right: 25px
.aboveboard-wrapper
width: 80vh
width: 12.5%
padding-bottom: 12.5%
-div.board8-reserve
- width: 10%
- padding-bottom: 10%
-
div.board10
width: 10%
padding-bottom: 10%
background-color: #e6ee9c
&:hover
background-color: skyblue
- .choice-piece
- width: 90%
- max-width: 100%
+ &.choice-piece
+ width: 100%
height: auto
display: block
#fen-string
margin-top: 0
+ margin-bottom: 10px
#pgn-game
margin-top: 0
#pgn-div > a
display: none
-#fen-div > p
+//#fen-div > p
margin-left: 0
margin-right: 0
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
.mistake-newproblem
color: #663300
-#problem-solution
- display: none
-
#solution-div h3
background-color: lightgrey
padding: 3px 5px
.problem
margin: 10px 0
+
+.only-mine
+ background-color: yellow
+ &:hover
+ background-color: yellow