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
84 @media screen and (max-width: 767px)
96 border: 1px solid brown
98 margin: 0 0 var(--universal-margin) 10vh
99 @media screen and (max-width: 767px)
103 border: 1px solid brown
105 margin: 0 10vh var(--universal-margin) 0
106 @media screen and (max-width: 767px)
115 // TODO: this fix is not good (button height 0 if chat overflow window height)
120 background-color: green
123 background-color: red
126 background-color: white
129 background-color: black
132 background-color: #ffcc99
134 background-color: #ffcc99
137 background-color: #cc99ff
139 background-color: #cc99ff
153 display: inline-block
158 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
203 img.piece, img.mark-square
222 background-color: #00cc66 !important
225 background-color: #cc3300 !important
227 .light-square.lichess
228 background-color: #f0d9b5;
230 background-color: #b58863;
232 .light-square.chesscom
233 background-color: #e5e5ca;
234 .dark-square.chesscom
235 background-color: #6f8f57;
237 .light-square.chesstempo
238 background-color: #fdfdfd;
239 .dark-square.chesstempo
240 background-color: #88a0a8;
243 background-color: #e5e5ca
245 background-color: #6f8f57
277 background-color: lightgrey
280 figure.diagram-container
281 margin: 15px 0 15px 0
294 margin-left: calc(10% - 20px)
296 @media screen and (max-width: 500px)
298 margin: 0 auto 10px auto
301 margin-right: calc(10% - 20px)
302 @media screen and (max-width: 500px)
311 background-color: #FFCC66
317 // To show (new) pieces, and/or there values...
318 figure.showPieces > img
321 figure.showPieces > figcaption
330 ol, ul:not(.browser-default)
333 ul:not(.browser-default)
336 ul:not(.browser-default) > li
337 list-style-type: disc
341 .newproblem-form input, .newproblem-form textarea
348 margin-bottom: var(--universal-margin);
367 background-color: lightgrey
370 .newproblem-form, .newproblem-preview
376 @media screen and (max-width: 767px)