projects
/
vchess.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Step toward a one-page application
[vchess.git]
/
public
/
stylesheets
/
variant.sass
diff --git
a/public/stylesheets/variant.sass
b/public/stylesheets/variant.sass
index
355f3c8
..
ae4f0b2
100644
(file)
--- a/
public/stylesheets/variant.sass
+++ b/
public/stylesheets/variant.sass
@@
-37,7
+37,7
@@
a#homeLink
margin-top: 10px
display: block
margin-top: 10px
display: block
-#
helpMenu
+#
userMenu, #settings
@media screen and (min-width: 768px)
float: right
.info-container
@media screen and (min-width: 768px)
float: right
.info-container
@@
-67,6
+67,9
@@
label.drawer-toggle
// Game section:
// Game section:
+td.highlight-lm
+ background-color: plum
+
button.play
height: 24px
margin: 0
button.play
height: 24px
margin: 0
@@
-248,6
+251,7
@@
img.ghost
#fen-string
margin-top: 0
#fen-string
margin-top: 0
+ margin-bottom: 10px
#pgn-game
margin-top: 0
#pgn-game
margin-top: 0
@@
-261,7
+265,7
@@
img.ghost
#pgn-div > a
display: none
#pgn-div > a
display: none
-#fen-div > p
+
//
#fen-div > p
margin-left: 0
margin-right: 0
margin-left: 0
margin-right: 0
@@
-288,20
+292,19
@@
figure.diagram-container
display: block
width: 40%
min-width: 240px
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
margin-left: auto
margin-right: auto
.diag12
float: left
margin-left: calc(10% - 20px)
margin-right: 40px
- @media screen and (max-width:
50
0px)
+ @media screen and (max-width:
63
0px)
float: none
margin: 0 auto 10px auto
.diag22
float: left
margin-right: calc(10% - 20px)
float: none
margin: 0 auto 10px auto
.diag22
float: left
margin-right: calc(10% - 20px)
- @media screen and (max-width:
50
0px)
+ @media screen and (max-width:
63
0px)
float: none
margin: 0 auto
figcaption
float: none
margin: 0 auto
figcaption
@@
-363,9
+366,6
@@
ul:not(.browser-default) > li
.mistake-newproblem
color: #663300
.mistake-newproblem
color: #663300
-#problem-solution
- display: none
-
#solution-div h3
background-color: lightgrey
padding: 3px 5px
#solution-div h3
background-color: lightgrey
padding: 3px 5px
@@
-382,3
+382,8
@@
ul:not(.browser-default) > li
.problem
margin: 10px 0
.problem
margin: 10px 0
+
+.only-mine
+ background-color: yellow
+ &:hover
+ background-color: yellow