4 @media screen and (max-width: 767px)
15 //TODO: taille modal au cas par cas. standard == 767. Can be larger (welcome, fen...)
21 background-color: lightgrey
24 .playing, button.playing:hover
25 background-color: #ffcc99
27 .seek, button.seek:hover
28 background-color: #cc99ff
30 figure.diagram-container
36 // https://stackoverflow.com/questions/5445491/height-equal-to-dynamic-width-css-fluid-layout
37 figure.diagram-container > .diagram
45 figure.diagram-container > .diagram2
54 figure.diagram-container > figcaption
61 border: 1px solid brown
84 background-color: green
90 padding: 6px 7px 0 7px
96 background-color: white
99 background-color: black
104 display: inline-block
109 padding-bottom: 12.5%
129 margin: 0 auto 0 auto
133 background-color: rgba(0,0,0,0) //transparent
137 background-color: #e6ee9c
140 background-color: skyblue
148 img.piece, img.mark-square, img.choice-piece
172 background-color: #00cc66 !important
175 background-color: #cc3300 !important
177 .light-square.lichess
178 background-color: #f0d9b5;
180 background-color: #b58863;
181 .light-square.chesscom
182 background-color: #e5e5ca;
183 .dark-square.chesscom
184 background-color: #6f8f57;
185 .light-square.chesstempo
186 background-color: #fdfdfd;
187 .dark-square.chesstempo
188 background-color: #88a0a8;
191 background-color: #e5e5ca
193 background-color: #6f8f57
196 background-color: #FFCC66
202 // To show (new) pieces, and/or there values...
203 figure.showPieces > img
206 figure.showPieces > figcaption
218 ol, ul:not(.browser-default)
221 ul:not(.browser-default)
224 ul:not(.browser-default) > li
225 list-style-type: disc
233 background-color: lightgrey
254 .newproblem-form input, .newproblem-form textarea
261 margin-bottom: var(--universal-margin);
289 .newproblem-form, .newproblem-preview