4 //.container#variantPage > .row > div
5 @media screen and (max-width: 767px)
9 @media screen and (max-width: 767px)
30 background-color: lightgrey
33 .playing, button.playing:hover
34 background-color: #ffcc99
36 .seek, button.seek:hover
37 background-color: #cc99ff
39 // https://stackoverflow.com/questions/5445491/height-equal-to-dynamic-width-css-fluid-layout
40 figure.diagram-container > .diagram
50 border: 1px solid brown
61 background-color: green
69 .expert-mode, button.expert-mode:hover
70 background-color: #ffcc99
73 background-color: white
76 background-color: black
106 margin: 0 auto 0 auto
110 background-color: rgba(0,0,0,0) //transparent
114 background-color: #e6ee9c
117 background-color: skyblue
125 img.piece, img.mark-square, img.choice-piece
148 figure.diagram-container > figcaption
154 background-color: #f0d9b5
156 background-color: #b58863
159 background-color: #00cc66
162 background-color: #cc3300
165 background-color: #e5e5ca
167 background-color: #6f8f57
170 background-color: #FFCC66
176 // To show (new) pieces, and/or there values...
177 figure.showPieces > img
180 figure.showPieces > figcaption
183 figure.diagram-container
184 margin: 15px 0 15px 0
198 ol, ul:not(.browser-default)
201 ul:not(.browser-default)
204 ul:not(.browser-default) > li
205 list-style-type: disc
211 background-color: lightgrey