projects
/
vchess.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Implemented turn indicator
[vchess.git]
/
public
/
stylesheets
/
variant.sass
diff --git
a/public/stylesheets/variant.sass
b/public/stylesheets/variant.sass
index
2c892b5
..
495f4ca
100644
(file)
--- a/
public/stylesheets/variant.sass
+++ b/
public/stylesheets/variant.sass
@@
-1,12
+1,31
@@
.container#variantPage
padding: 0
.container#variantPage
padding: 0
+//.container#variantPage > .row > div
+@media screen and (max-width: 767px)
+ .col-sm-12
+ padding: 0
+
+@media screen and (max-width: 767px)
+ h4
+ margin: 0 0 10px 0
+ p
+ margin-left: 0
+ margin-right: 0
+ padding: 0 3px
+
.warn
padding: 3px
color: red
background-color: lightgrey
font-weight: bold
.warn
padding: 3px
color: red
background-color: lightgrey
font-weight: bold
+.playing, button.playing:hover
+ background-color: #ffcc99
+
+.seek, button.seek:hover
+ background-color: #cc99ff
+
// https://stackoverflow.com/questions/5445491/height-equal-to-dynamic-width-css-fluid-layout
figure.diagram-container > .diagram
display: block
// https://stackoverflow.com/questions/5445491/height-equal-to-dynamic-width-css-fluid-layout
figure.diagram-container > .diagram
display: block
@@
-16,18
+35,30
@@
figure.diagram-container > .diagram
margin-left: auto
margin-right: auto
margin-left: auto
margin-right: auto
-.connected, .disconnected
- width: 20px
- height: 20px
- margin: 0 auto 15px auto
+.topindicator
+ position: relative
border: 1px solid brown
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
.connected
background-color: green
.disconnected
background-color: red
+.white-turn
+ background-color: white
+
+.black-turn
+ background-color: black
+
// TODO: div.board, board9, board10, board11, board12
div.board
float: left
// TODO: div.board, board9, board10, board11, board12
div.board
float: left
@@
-37,6
+68,12
@@
div.board
display: inline-block
position: relative
display: inline-block
position: relative
+.game
+ clear: both
+
+.game .board
+ cursor: pointer
+
#choices
margin-bottom: 10px
#choices
margin-bottom: 10px
@@
-94,7
+131,10
@@
figure.diagram-container > figcaption
background-color: #b58863
.highlight
background-color: #b58863
.highlight
- background-color: #00cc00
+ background-color: #00cc66
+
+.incheck
+ background-color: #cc3300
.light-square-diag
background-color: #e5e5ca
.light-square-diag
background-color: #e5e5ca