@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: auto
margin-right: auto
-.connected, .disconnected
- width: 20px
- height: 20px
- margin: 0 auto 15px auto
+.topindicator
+ position: relative
border: 1px solid brown
+.indic-left
+ float: left
+ margin: 0 0 10px 20px
+
+.indic-right
+ float: right
+ margin: 0 20px 10px 0
+
+.marginleft
+ margin-left: 30px
+
+.reserve-count
+ padding-left: 40%
+
+.reserve-div
+ margin-bottom: 20px
+
+.reserve-row-1
+ margin-bottom: 15px
+
.connected
background-color: green
.disconnected
background-color: red
-// TODO: div.board, board9, board10, board11, board12
+.settings-btn
+ padding: 6px 7px 0 7px
+
+.settings-btn-small
+ padding: 0 3px
+
+.white-turn
+ background-color: white
+
+.black-turn
+ background-color: black
+
div.board
float: left
- width: 12.5%
height: 0
- padding-bottom: 12.5%
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 .board
cursor: pointer
clear: both
padding-top: 5px
-.light-square
- background-color: #f0d9b5
-.dark-square
- background-color: #b58863
-
.highlight
- background-color: #00cc66
+ background-color: #00cc66 !important
.incheck
- background-color: #cc3300
+ background-color: #cc3300 !important
+
+.light-square.lichess
+ background-color: #f0d9b5;
+.dark-square.lichess
+ background-color: #b58863;
+.light-square.chesscom
+ background-color: #e5e5ca;
+.dark-square.chesscom
+ background-color: #6f8f57;
+.light-square.chesstempo
+ background-color: #fdfdfd;
+.dark-square.chesstempo
+ background-color: #88a0a8;
.light-square-diag
background-color: #e5e5ca
padding: 5px
.section-content
- padding: 5px
+ padding: 0 5px
ol, ul:not(.browser-default)
padding-left: 20px
cursor: pointer
padding: 3px;
background-color: lightgrey
+
+#fen-string
+ margin-top: 0
+
+#pgn-game
+ margin-top: 0
+ margin-bottom: 0
+
+#downloadBtn
+ display: block
+ margin-left: auto
+ margin-right: auto
+
+#pgn-div > a
+ display: none
+
+#fen-div > p
+ margin-left: 0
+ margin-right: 0