4 //.container#variantPage > .row > div
5 @media screen and (max-width: 767px)
18 background-color: lightgrey
21 .playing, button.playing:hover
22 background-color: #ffcc99
24 .seek, button.seek:hover
25 background-color: #cc99ff
27 // https://stackoverflow.com/questions/5445491/height-equal-to-dynamic-width-css-fluid-layout
28 figure.diagram-container > .diagram
38 border: 1px solid brown
61 background-color: green
67 padding: 6px 7px 0 7px
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: #00cc66 !important
157 background-color: #cc3300 !important
159 .light-square.lichess
160 background-color: #f0d9b5;
162 background-color: #b58863;
163 .light-square.chesscom
164 background-color: #e5e5ca;
165 .dark-square.chesscom
166 background-color: #6f8f57;
167 .light-square.chesstempo
168 background-color: #fdfdfd;
169 .dark-square.chesstempo
170 background-color: #88a0a8;
173 background-color: #e5e5ca
175 background-color: #6f8f57
178 background-color: #FFCC66
184 // To show (new) pieces, and/or there values...
185 figure.showPieces > img
188 figure.showPieces > figcaption
191 figure.diagram-container
192 margin: 15px 0 15px 0
206 ol, ul:not(.browser-default)
209 ul:not(.browser-default)
212 ul:not(.browser-default) > li
213 list-style-type: disc
219 background-color: lightgrey