4 //.container#variantPage > .row > div
5 @media screen and (max-width: 767px)
28 background-color: lightgrey
31 .playing, button.playing:hover
32 background-color: #ffcc99
34 .seek, button.seek:hover
35 background-color: #cc99ff
37 // https://stackoverflow.com/questions/5445491/height-equal-to-dynamic-width-css-fluid-layout
38 figure.diagram-container > .diagram
48 border: 1px solid brown
71 background-color: green
77 padding: 0 10px 5px 10px
80 .expert-mode, button.expert-mode:hover
81 background-color: #ffcc99
84 background-color: white
87 background-color: black
117 margin: 0 auto 0 auto
121 background-color: rgba(0,0,0,0) //transparent
125 background-color: #e6ee9c
128 background-color: skyblue
136 img.piece, img.mark-square, img.choice-piece
159 figure.diagram-container > figcaption
165 background-color: #f0d9b5
167 background-color: #b58863
170 background-color: #00cc66
173 background-color: #cc3300
176 background-color: #e5e5ca
178 background-color: #6f8f57
181 background-color: #FFCC66
187 // To show (new) pieces, and/or there values...
188 figure.showPieces > img
191 figure.showPieces > figcaption
194 figure.diagram-container
195 margin: 15px 0 15px 0
209 ol, ul:not(.browser-default)
212 ul:not(.browser-default)
215 ul:not(.browser-default) > li
216 list-style-type: disc
222 background-color: lightgrey