4 background: linear-gradient(#e66465, #9198e5)
7 @media screen and (max-width: 767px)
10 @media screen and (min-width: 768px)
19 @media screen and (max-width: 767px)
27 box-sizing: border-box
34 border: 1px solid black;
36 @media screen and (max-width: 767px)
41 @media screen and (min-width: 768px)
49 @media screen and (min-width: 768px)
53 @media screen and (max-width: 767px)
54 margin: 25px 5px 0 15px
73 padding: 0 10px 24px 10px
74 box-sizing: border-box
75 border: 1px solid brown
78 button.play.spaceright
80 button.play.big-spaceleft
82 button.play.big-spaceright
88 @media screen and (max-width: 767px)
100 border: 1px solid brown
102 margin: 0 0 var(--universal-margin) 10vh
103 @media screen and (max-width: 767px)
107 border: 1px solid brown
109 margin: 0 10vh var(--universal-margin) 0
110 @media screen and (max-width: 767px)
119 // TODO: this fix is not good (button height 0 if chat overflow window height)
124 background-color: green
127 background-color: red
130 background-color: white
133 background-color: black
136 background-color: #ffcc99
138 background-color: #ffcc99
141 background-color: #cc99ff
143 background-color: #cc99ff
157 display: inline-block
162 padding-bottom: 12.5%
176 // NOTE: no variants with reserve of size != 8
183 @media screen and (max-width: 767px)
188 margin: 0 auto 0 auto
192 background-color: rgba(0,0,0,0)
195 background-color: #e6ee9c
197 background-color: skyblue
206 img.piece, img.mark-square
225 background-color: #00cc66 !important
228 filter: brightness(50%)
231 background-color: #cc3300 !important
233 .light-square.lichess
234 background-color: #f0d9b5;
236 background-color: #b58863;
238 .light-square.chesscom
239 background-color: #e5e5ca;
240 .dark-square.chesscom
241 background-color: #6f8f57;
243 .light-square.chesstempo
244 background-color: #fdfdfd;
245 .dark-square.chesstempo
246 background-color: #88a0a8;
249 background-color: #e5e5ca
251 background-color: #6f8f57
283 background-color: lightgrey
286 figure.diagram-container
287 margin: 15px 0 15px 0
300 margin-left: calc(10% - 20px)
302 @media screen and (max-width: 500px)
304 margin: 0 auto 10px auto
307 margin-right: calc(10% - 20px)
308 @media screen and (max-width: 500px)
318 background-color: #FFCC66
324 // To show (new) pieces, and/or there values...
325 figure.showPieces > img
328 figure.showPieces > figcaption
337 ol, ul:not(.browser-default)
340 ul:not(.browser-default)
343 ul:not(.browser-default) > li
344 list-style-type: disc
348 .newproblem-form input, .newproblem-form textarea
355 margin-bottom: var(--universal-margin);
374 background-color: lightgrey
377 .newproblem-form, .newproblem-preview
383 @media screen and (max-width: 767px)