4 //.container#variantPage > .row > div
5 @media screen and (max-width: 767px)
9 @media screen and (max-width: 767px)
20 background-color: lightgrey
23 .playing, button.playing:hover
24 background-color: #ffcc99
26 .seek, button.seek:hover
27 background-color: #cc99ff
29 // https://stackoverflow.com/questions/5445491/height-equal-to-dynamic-width-css-fluid-layout
30 figure.diagram-container > .diagram
38 .connected, .disconnected
41 margin: 0 auto 15px auto
42 border: 1px solid brown
45 background-color: green
50 // TODO: div.board, board9, board10, board11, board12
70 background-color: rgba(0,0,0,0) //transparent
74 background-color: #e6ee9c
77 background-color: skyblue
85 img.piece, img.mark-square, img.choice-piece
108 figure.diagram-container > figcaption
114 background-color: #f0d9b5
116 background-color: #b58863
119 background-color: #00cc66
122 background-color: #cc3300
125 background-color: #e5e5ca
127 background-color: #6f8f57
130 background-color: #FFCC66
136 // To show (new) pieces, and/or there values...
137 figure.showPieces > img
140 figure.showPieces > figcaption
143 figure.diagram-container
144 margin: 15px 0 15px 0
158 ol, ul:not(.browser-default)
161 ul:not(.browser-default)
164 ul:not(.browser-default) > li
165 list-style-type: disc
171 background-color: lightgrey