4 @media screen and (max-width: 767px)
16 background: linear-gradient(#e66465, #9198e5)
18 @media screen and (min-width: 768px)
30 //TODO: taille modal au cas par cas. standard == 767. Can be larger (welcome, fen...)
35 background-color: lightgrey
39 background-color: #ffcc99
41 background-color: #ffcc99
44 background-color: #cc99ff
46 background-color: #cc99ff
48 figure.diagram-container
62 margin-left: calc(10% - 20px)
64 @media screen and (max-width: 500px)
66 margin: 0 auto 10px auto
69 margin-right: calc(10% - 20px)
70 @media screen and (max-width: 500px)
80 border: 1px solid brown
103 background-color: green
106 background-color: red
109 padding: 6px 7px 0 7px
115 background-color: white
118 background-color: black
123 display: inline-block
128 padding-bottom: 12.5%
144 margin: 0 auto 0 auto
148 background-color: rgba(0,0,0,0) //transparent
151 background-color: #e6ee9c
153 background-color: skyblue
160 img.piece, img.mark-square
184 background-color: #00cc66 !important
187 background-color: #cc3300 !important
189 .light-square.lichess
190 background-color: #f0d9b5;
192 background-color: #b58863;
193 .light-square.chesscom
194 background-color: #e5e5ca;
195 .dark-square.chesscom
196 background-color: #6f8f57;
197 .light-square.chesstempo
198 background-color: #fdfdfd;
199 .dark-square.chesstempo
200 background-color: #88a0a8;
203 background-color: #e5e5ca
205 background-color: #6f8f57
208 background-color: #FFCC66
214 // To show (new) pieces, and/or there values...
215 figure.showPieces > img
218 figure.showPieces > figcaption
230 ol, ul:not(.browser-default)
233 ul:not(.browser-default)
236 ul:not(.browser-default) > li
237 list-style-type: disc
245 background-color: lightgrey
266 .newproblem-form input, .newproblem-form textarea
273 margin-bottom: var(--universal-margin);
301 .newproblem-form, .newproblem-preview