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
40 border: 1px solid brown
51 background-color: green
57 background-color: white
60 background-color: black
62 // TODO: div.board, board9, board10, board11, board12
85 background-color: rgba(0,0,0,0) //transparent
89 background-color: #e6ee9c
92 background-color: skyblue
100 img.piece, img.mark-square, img.choice-piece
123 figure.diagram-container > figcaption
129 background-color: #f0d9b5
131 background-color: #b58863
134 background-color: #00cc66
137 background-color: #cc3300
140 background-color: #e5e5ca
142 background-color: #6f8f57
145 background-color: #FFCC66
151 // To show (new) pieces, and/or there values...
152 figure.showPieces > img
155 figure.showPieces > figcaption
158 figure.diagram-container
159 margin: 15px 0 15px 0
173 ol, ul:not(.browser-default)
176 ul:not(.browser-default)
179 ul:not(.browser-default) > li
180 list-style-type: disc
186 background-color: lightgrey