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: 6px 7px 0 7px
80 background-color: white
83 background-color: black
113 margin: 0 auto 0 auto
117 background-color: rgba(0,0,0,0) //transparent
121 background-color: #e6ee9c
124 background-color: skyblue
132 img.piece, img.mark-square, img.choice-piece
155 figure.diagram-container > figcaption
161 background-color: #f0d9b5
163 background-color: #b58863
166 background-color: #00cc66
169 background-color: #cc3300
172 background-color: #e5e5ca
174 background-color: #6f8f57
177 background-color: #FFCC66
183 // To show (new) pieces, and/or there values...
184 figure.showPieces > img
187 figure.showPieces > figcaption
190 figure.diagram-container
191 margin: 15px 0 15px 0
205 ol, ul:not(.browser-default)
208 ul:not(.browser-default)
211 ul:not(.browser-default) > li
212 list-style-type: disc
218 background-color: lightgrey