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%
172 // NOTE: no variants with reserve of size != 8
179 @media screen and (max-width: 767px)
184 margin: 0 auto 0 auto
188 background-color: rgba(0,0,0,0)
191 background-color: #e6ee9c
193 background-color: skyblue
202 img.piece, img.mark-square
221 background-color: #00cc66 !important
224 filter: brightness(50%)
227 background-color: #cc3300 !important
229 .light-square.lichess
230 background-color: #f0d9b5;
232 background-color: #b58863;
234 .light-square.chesscom
235 background-color: #e5e5ca;
236 .dark-square.chesscom
237 background-color: #6f8f57;
239 .light-square.chesstempo
240 background-color: #fdfdfd;
241 .dark-square.chesstempo
242 background-color: #88a0a8;
245 background-color: #e5e5ca
247 background-color: #6f8f57
279 background-color: lightgrey
282 figure.diagram-container
283 margin: 15px 0 15px 0
296 margin-left: calc(10% - 20px)
298 @media screen and (max-width: 500px)
300 margin: 0 auto 10px auto
303 margin-right: calc(10% - 20px)
304 @media screen and (max-width: 500px)
314 background-color: #FFCC66
320 // To show (new) pieces, and/or there values...
321 figure.showPieces > img
324 figure.showPieces > figcaption
333 ol, ul:not(.browser-default)
336 ul:not(.browser-default)
339 ul:not(.browser-default) > li
340 list-style-type: disc
344 .newproblem-form input, .newproblem-form textarea
351 margin-bottom: var(--universal-margin);
370 background-color: lightgrey
373 .newproblem-form, .newproblem-preview
379 @media screen and (max-width: 767px)