projects
/
vchess.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Attempt to reduce button sizes on small screens
[vchess.git]
/
public
/
stylesheets
/
variant.sass
diff --git
a/public/stylesheets/variant.sass
b/public/stylesheets/variant.sass
index
495f4ca
..
d23e83f
100644
(file)
--- a/
public/stylesheets/variant.sass
+++ b/
public/stylesheets/variant.sass
@@
-5,8
+5,6
@@
@media screen and (max-width: 767px)
.col-sm-12
padding: 0
@media screen and (max-width: 767px)
.col-sm-12
padding: 0
-
-@media screen and (max-width: 767px)
h4
margin: 0 0 10px 0
p
h4
margin: 0 0 10px 0
p
@@
-14,6
+12,16
@@
margin-right: 0
padding: 0 3px
margin-right: 0
padding: 0 3px
+#pgn-div > a
+ display: none
+
+#pgn-div > p
+ cursor: pointer
+
+#fen-div > p
+ margin-left: 0
+ margin-right: 0
+
.warn
padding: 3px
color: red
.warn
padding: 3px
color: red
@@
-53,21
+61,36
@@
figure.diagram-container > .diagram
.disconnected
background-color: red
.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
.white-turn
background-color: white
.black-turn
background-color: black
-// TODO: div.board, board9, board10, board11, board12
div.board
float: left
div.board
float: left
- width: 12.5%
height: 0
height: 0
- padding-bottom: 12.5%
display: inline-block
position: relative
display: inline-block
position: relative
+div.board8
+ width: 12.5%
+ padding-bottom: 12.5%
+
+div.board10
+ width: 10%
+ padding-bottom: 10%
+
+div.board11
+ width: 9.09%
+ padding-bottom: 9.1%
+
.game
clear: both
.game
clear: both