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 figure.diagram-container
33 // https://stackoverflow.com/questions/5445491/height-equal-to-dynamic-width-css-fluid-layout
34 figure.diagram-container > .diagram
42 figure.diagram-container > .diagram2
51 figure.diagram-container > figcaption
58 border: 1px solid brown
81 background-color: green
87 padding: 6px 7px 0 7px
93 background-color: white
96 background-color: black
101 display: inline-block
106 padding-bottom: 12.5%
126 margin: 0 auto 0 auto
130 background-color: rgba(0,0,0,0) //transparent
134 background-color: #e6ee9c
137 background-color: skyblue
145 img.piece, img.mark-square, img.choice-piece
169 background-color: #00cc66 !important
172 background-color: #cc3300 !important
174 .light-square.lichess
175 background-color: #f0d9b5;
177 background-color: #b58863;
178 .light-square.chesscom
179 background-color: #e5e5ca;
180 .dark-square.chesscom
181 background-color: #6f8f57;
182 .light-square.chesstempo
183 background-color: #fdfdfd;
184 .dark-square.chesstempo
185 background-color: #88a0a8;
188 background-color: #e5e5ca
190 background-color: #6f8f57
193 background-color: #FFCC66
199 // To show (new) pieces, and/or there values...
200 figure.showPieces > img
203 figure.showPieces > figcaption
215 ol, ul:not(.browser-default)
218 ul:not(.browser-default)
221 ul:not(.browser-default) > li
222 list-style-type: disc
230 background-color: lightgrey
251 .newproblem-form input, .newproblem-form textarea
258 margin-bottom: var(--universal-margin);
286 .newproblem-form, .newproblem-preview