Play computer move in webworker to not freeze interface
[vchess.git] / public / stylesheets / variant.sass
CommitLineData
1d184b4c
BA
1.container#variantPage
2 padding: 0
3
6a01d4f7
BA
4//.container#variantPage > .row > div
5@media screen and (max-width: 767px)
6 .col-sm-12
7 padding: 0
6a01d4f7
BA
8 h4
9 margin: 0 0 10px 0
10 p
11 margin-left: 0
12 margin-right: 0
13 padding: 0 3px
14
e7cfa68d
BA
15.warn
16 padding: 3px
17 color: red
18 background-color: lightgrey
19 font-weight: bold
20
e64a4eff 21.playing, button.playing:hover
186516b8
BA
22 background-color: #ffcc99
23
e64a4eff 24.seek, button.seek:hover
186516b8
BA
25 background-color: #cc99ff
26
18f9c763
BA
27figure.diagram-container
28 margin: 15px 0 15px 0
29 text-align: center
30 width: 100%
31 display: block
32
1d184b4c
BA
33// https://stackoverflow.com/questions/5445491/height-equal-to-dynamic-width-css-fluid-layout
34figure.diagram-container > .diagram
35 display: block
18f9c763 36 width: 40%
1d184b4c
BA
37 min-width: 300px
38 max-width: 800px
39 margin-left: auto
40 margin-right: auto
41
18f9c763
BA
42figure.diagram-container > .diagram2
43 display: block
44 float: left
45 width: 40%
46 min-width: 300px
47 max-width: 800px
48 margin-right: 40px
49 margin-bottom: 10px
50
51figure.diagram-container > figcaption
52 display: block
53 clear: both
54 padding-top: 5px
55
bdb1f12d
BA
56.topindicator
57 position: relative
1d184b4c
BA
58 border: 1px solid brown
59
bdb1f12d
BA
60.indic-left
61 float: left
62 margin: 0 0 10px 20px
63
64.indic-right
65 float: right
66 margin: 0 20px 10px 0
67
92342261
BA
68.marginleft
69 margin-left: 30px
70
71.reserve-count
72 padding-left: 40%
73
74.reserve-div
75 margin-bottom: 20px
76
77.reserve-row-1
78 margin-bottom: 15px
79
1d184b4c
BA
80.connected
81 background-color: green
82
83.disconnected
84 background-color: red
85
88af03d2
BA
86.settings-btn
87 padding: 6px 7px 0 7px
3ed62725 88
05290bf9
BA
89.settings-btn-small
90 padding: 0 3px
91
bdb1f12d
BA
92.white-turn
93 background-color: white
94
95.black-turn
96 background-color: black
97
1d184b4c
BA
98div.board
99 float: left
1d184b4c 100 height: 0
1d184b4c
BA
101 display: inline-block
102 position: relative
103
c94bc812
BA
104div.board8
105 width: 12.5%
106 padding-bottom: 12.5%
107
108div.board10
109 width: 10%
110 padding-bottom: 10%
111
112div.board11
8a196305 113 width: 9.09%
c94bc812
BA
114 padding-bottom: 9.1%
115
bdb1f12d
BA
116.game
117 clear: both
118
3066bb47
BA
119.game .board
120 cursor: pointer
121
1d184b4c
BA
122#choices
123 margin-bottom: 10px
124
125#choices
126 margin: 0 auto 0 auto
127 position: relative
128 z-index: 300
129 overflow-y: inherit
130 background-color: rgba(0,0,0,0) //transparent
131
132#choices img
133 cursor: pointer
134 background-color: #e6ee9c
135
136#choices img:hover
137 background-color: skyblue
138
139img.choice-piece
140 height: 0
141 width: 90%
142 padding: 5%
143 height: 90%
144
145img.piece, img.mark-square, img.choice-piece
146 max-width: 100%
147 height: auto
148 display: block
149
150img.mark-square
151 opacity: 0.6
152
153img.ghost
154 position: absolute
155 opacity: 0.4
156 top: 0
157
158img.piece
159 width: 100%
160
161img.mark-square
162 width: 76%
163 position: absolute
164 top: 12%
165 left: 12%
166 opacity: .7
167
130db3ef
BA
168.highlight
169 background-color: #00cc66 !important
170
171.incheck
172 background-color: #cc3300 !important
173
a897b421
BA
174.light-square.lichess
175 background-color: #f0d9b5;
176.dark-square.lichess
177 background-color: #b58863;
178.light-square.chesscom
179 background-color: #e5e5ca;
180.dark-square.chesscom
181 background-color: #6f8f57;
182.light-square.chesstempo
183 background-color: #fdfdfd;
184.dark-square.chesstempo
185 background-color: #88a0a8;
1d184b4c 186
1d184b4c
BA
187.light-square-diag
188 background-color: #e5e5ca
189.dark-square-diag
190 background-color: #6f8f57
191
192p.boxed
193 background-color: #FFCC66
194 padding: 5px
195
196.stageDelimiter
197 color: purple
198
199// To show (new) pieces, and/or there values...
200figure.showPieces > img
201 width: 50px
202
203figure.showPieces > figcaption
204 color: #6C6C6C
205
1d184b4c
BA
206.section-title
207 padding: 0
208
209.section-title > h4
210 padding: 5px
211
212.section-content
61a262b2 213 padding: 0 5px
1d184b4c
BA
214
215ol, ul:not(.browser-default)
216 padding-left: 20px
217
218ul:not(.browser-default)
219 margin-top: 5px
220
221ul:not(.browser-default) > li
222 list-style-type: disc
223
4ecf423b 224.variantpage-title
1d184b4c
BA
225 font-weight: bold
226 cursor: pointer
4ecf423b 227 padding: 3px
1d184b4c 228 background-color: lightgrey
7f4fff64
BA
229
230#fen-string
231 margin-top: 0
61a262b2
BA
232
233#pgn-game
234 margin-top: 0
235 margin-bottom: 0
236
237#downloadBtn
238 display: block
239 margin-left: auto
240 margin-right: auto
241
242#pgn-div > a
243 display: none
244
245#fen-div > p
246 margin-left: 0
247 margin-right: 0
da06a6eb 248
b5fb8e69 249.newproblem-form input, .newproblem-form textarea
da06a6eb
BA
250 width: 100%
251
252.emphasis
253 font-style: italic
254
255#newpbInstructions
256 margin-bottom: var(--universal-margin);
257
258.center-btn
259 margin-left: 40%
260
261//TODO?
262.center-inline
263 text-align: center
264.center-block
265 margin-left: auto
266 margin-right: auto
267
268.mistake-newproblem
269 color: #663300
1a788978
BA
270
271#problem-solution
272 display: none
b5fb8e69
BA
273
274.topspace
275 margin-top: 15px
276
277.problem
278 cursor: pointer
279 margin-bottom: 15px
280
281#solution-div h3
282 cursor: pointer
643479f8
BA
283
284.newproblem-form, .newproblem-preview
285 max-width: 90%