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
83 background-color: white
86 background-color: black
116 margin: 0 auto 0 auto
120 background-color: rgba(0,0,0,0) //transparent
124 background-color: #e6ee9c
127 background-color: skyblue
135 img.piece, img.mark-square, img.choice-piece
158 figure.diagram-container > figcaption
164 background-color: #00cc66 !important
167 background-color: #cc3300 !important
169 .light-square.lichess
170 background-color: #f0d9b5;
172 background-color: #b58863;
173 .light-square.chesscom
174 background-color: #e5e5ca;
175 .dark-square.chesscom
176 background-color: #6f8f57;
177 .light-square.chesstempo
178 background-color: #fdfdfd;
179 .dark-square.chesstempo
180 background-color: #88a0a8;
183 background-color: #e5e5ca
185 background-color: #6f8f57
188 background-color: #FFCC66
194 // To show (new) pieces, and/or there values...
195 figure.showPieces > img
198 figure.showPieces > figcaption
201 figure.diagram-container
202 margin: 15px 0 15px 0
216 ol, ul:not(.browser-default)
219 ul:not(.browser-default)
222 ul:not(.browser-default) > li
223 list-style-type: disc
229 background-color: lightgrey