Commit | Line | Data |
---|---|---|
7baaea38 JS |
1 | /* @font-face */ |
2 | ||
3 | @font-face { | |
4 | font-family: 'Lato'; | |
5 | font-style: normal; | |
6 | font-weight: 700; | |
ab613cb3 | 7 | src: local('Lato Bold'), local('Lato-Bold'), url('../fonts/Lato-Bold.ttf') format('truetype'); |
7baaea38 JS |
8 | } |
9 | @font-face { | |
10 | font-family: 'Lato'; | |
11 | font-style: italic; | |
12 | font-weight: 400; | |
ab613cb3 | 13 | src: local('Lato Italic'), local('Lato-Italic'), url('../fonts/Lato-Italic.ttf') format('truetype'); |
7baaea38 JS |
14 | } |
15 | @font-face { | |
16 | font-family: 'Lato'; | |
17 | font-style: italic; | |
18 | font-weight: 700; | |
ab613cb3 | 19 | src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('../fonts/Lato-BoldItalic.ttf') format('truetype'); |
7baaea38 JS |
20 | } |
21 | @font-face { | |
22 | font-family: 'Lato'; | |
23 | font-style: normal; | |
24 | font-weight: 400; | |
cfb7ed7d | 25 | src: local('Lato Regular'), local('Lato-Regular'), url('../fonts/Lato-Regular.ttf') format('truetype'); |
7baaea38 JS |
26 | } |
27 | ||
881b6e2c | 28 | body { |
2d65b473 | 29 | background-color: #161616; |
f5782fac | 30 | color: #C3C3C3; |
e8be1d7a | 31 | padding: 0; |
7c9d1a2b CAW |
32 | margin: 0px; |
33 | height: 100%; | |
8c7701f9 | 34 | font: 16px 'Lato', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; |
9f661642 JS |
35 | } |
36 | ||
37 | form { | |
7c9d1a2b CAW |
38 | margin: 0px; |
39 | padding: 0px; | |
881b6e2c JS |
40 | } |
41 | ||
cb1e4a3d JS |
42 | /* text styles */ |
43 | ||
62f2557c JS |
44 | h1,h2,h3,p { |
45 | margin-bottom: 20px; | |
46 | } | |
47 | ||
48 | h1,h2,h3 { | |
49 | font-weight: bold; | |
50 | } | |
51 | ||
3ea6a305 | 52 | h1 { |
7c9d1a2b CAW |
53 | margin-top: 15px; |
54 | color: #fff; | |
a97e5bb2 | 55 | font-size: 1.875em; |
881b6e2c JS |
56 | } |
57 | ||
3ea6a305 | 58 | h2 { |
f5782fac | 59 | font-size: 1.375em; |
7c9d1a2b CAW |
60 | margin-top: 20px; |
61 | color: #fff; | |
06a5f21e JS |
62 | } |
63 | ||
3ea6a305 | 64 | h3 { |
9ecf7cd1 | 65 | border-bottom: 1px solid #333; |
a97e5bb2 | 66 | font-size: 1.125em; |
38f71d47 JS |
67 | } |
68 | ||
3ea6a305 JS |
69 | p { |
70 | margin-top: 0px; | |
71 | } | |
72 | ||
881b6e2c | 73 | a { |
9ecf7cd1 | 74 | color: #86D4B1; |
881b6e2c JS |
75 | } |
76 | ||
996b3bf7 JS |
77 | a.highlight { |
78 | color: #fff; | |
79 | } | |
80 | ||
937c7ea5 JS |
81 | em { |
82 | font-style: italic; | |
83 | } | |
84 | ||
85 | strong { | |
86 | font-weight: bold; | |
87 | } | |
88 | ||
89 | ul { | |
90 | list-style: disc inside; | |
91 | } | |
92 | ||
93 | ol { | |
94 | list-style: decimal inside; | |
95 | } | |
96 | ||
983aa712 JS |
97 | label { |
98 | font-weight: normal; | |
99 | } | |
100 | ||
03b058b7 | 101 | input, textarea { |
4826f626 JS |
102 | font-size:1em; |
103 | font-family:'Lato', sans-serif; | |
104 | } | |
105 | ||
983aa712 JS |
106 | /* website structure */ |
107 | ||
7945cd21 | 108 | .container { |
7df9f45c JS |
109 | margin: auto; |
110 | width: 96%; | |
141f14e2 | 111 | max-width: 940px; |
9f661642 JS |
112 | } |
113 | ||
7945cd21 | 114 | header { |
d317d9d6 JS |
115 | width: 100%; |
116 | padding: 0; | |
c5a9ecf2 | 117 | margin-bottom: 42px; |
d317d9d6 | 118 | background-color: #303030; |
d317d9d6 | 119 | border-bottom: 1px solid #252525; |
9ecf7cd1 JS |
120 | } |
121 | ||
7945cd21 | 122 | .header_right { |
d317d9d6 | 123 | margin: 8px; |
d297d8e8 JS |
124 | display: inline-block; |
125 | float: right; | |
126 | } | |
127 | ||
128 | .header_right ul { | |
129 | display: none; | |
130 | position: absolute; | |
131 | top: 42px; | |
132 | right: 0px; | |
133 | background: #252525; | |
134 | padding: 20px; | |
135 | } | |
136 | ||
137 | .header_right li { | |
138 | list-style: none; | |
139 | } | |
140 | ||
7945cd21 | 141 | a.logo { |
a97e5bb2 JS |
142 | color: #fff; |
143 | font-weight: bold; | |
881b6e2c JS |
144 | } |
145 | ||
7945cd21 | 146 | .logo img { |
3ea6a305 | 147 | vertical-align: middle; |
30a89a57 | 148 | margin: 6px 8px; |
3ea6a305 JS |
149 | } |
150 | ||
1bb8eb89 | 151 | .mediagoblin_content { |
426808cc | 152 | width: 100%; |
1bb8eb89 JS |
153 | padding-bottom: 74px; |
154 | } | |
155 | ||
7945cd21 | 156 | footer { |
426808cc | 157 | width: 100%; |
7c9d1a2b | 158 | height: 30px; |
9ecf7cd1 | 159 | border-top: 1px solid #333; |
7c9d1a2b | 160 | bottom: 0px; |
afcb0855 | 161 | padding: 8px 0; |
7c9d1a2b | 162 | text-align: center; |
f51b65d5 | 163 | font-size: 0.875em; |
42a7c010 | 164 | clear: both; |
9f661642 JS |
165 | } |
166 | ||
42a7c010 | 167 | .media_pane { |
141f14e2 | 168 | width: 640px; |
42a7c010 JS |
169 | margin-left: 0px; |
170 | margin-right: 10px; | |
171 | float: left; | |
9f661642 | 172 | } |
fb1dc4f5 | 173 | |
42a7c010 | 174 | .media_sidebar { |
141f14e2 | 175 | width: 280px; |
630dd794 | 176 | margin-left: 10px; |
42a7c010 JS |
177 | float: left; |
178 | } | |
38aa4a40 | 179 | |
3ea6a305 JS |
180 | .profile_sidebar { |
181 | width: 340px; | |
182 | margin-right: 10px; | |
183 | float: left; | |
184 | } | |
185 | ||
186 | .profile_showcase { | |
187 | width: 580px; | |
188 | margin-left: 10px; | |
189 | float: left; | |
38aa4a40 JS |
190 | } |
191 | ||
69dadf42 JS |
192 | /* common website elements */ |
193 | ||
f4cbe074 | 194 | .button_action, .button_action_highlight, .button_form { |
bb3b9e40 | 195 | display: inline-block; |
13423daa JS |
196 | color: #c3c3c3; |
197 | background-color: #363636; | |
198 | border: 1px solid; | |
199 | border-color: #464646 #2B2B2B #252525; | |
200 | border-radius: 4px; | |
13423daa | 201 | padding: 3px 8px; |
bb3b9e40 | 202 | font-size: 16px; |
13423daa JS |
203 | text-decoration: none; |
204 | font-style: normal; | |
205 | font-weight: bold; | |
75a12d63 | 206 | cursor: pointer; |
13423daa JS |
207 | } |
208 | ||
f4cbe074 | 209 | .button_action_highlight, .button_form { |
88f20b58 JS |
210 | background-color: #86D4B1; |
211 | border-color: #A2DEC3 #6CAA8E #5C9179; | |
212 | color: #283F35; | |
13423daa JS |
213 | } |
214 | ||
b6a68691 | 215 | .button_form { |
7c9d1a2b | 216 | min-width: 99px; |
7c9d1a2b | 217 | margin: 10px 0px 10px 15px; |
7c9d1a2b | 218 | text-align: center; |
ce5db609 | 219 | font-family: 'Lato', sans-serif; |
677f55cc CAW |
220 | } |
221 | ||
75a12d63 | 222 | .pagination { |
7c9d1a2b | 223 | text-align: center; |
bf332e82 JS |
224 | } |
225 | ||
75a12d63 | 226 | .pagination_arrow { |
7c9d1a2b | 227 | margin: 5px; |
0a45fa59 JS |
228 | } |
229 | ||
75a12d63 | 230 | .empty_space { |
5bd523eb | 231 | background-image: url("../images/empty_back.png"); |
1d03221d JS |
232 | font-style: italic; |
233 | text-align: center; | |
234 | height: 160px; | |
235 | padding-top: 70px; | |
236 | } | |
237 | ||
75a12d63 JS |
238 | .right_align { |
239 | float: right; | |
240 | } | |
241 | ||
3ea6a305 JS |
242 | .clear { |
243 | clear: both; | |
244 | display: block; | |
245 | overflow: hidden; | |
246 | visibility: hidden; | |
247 | width: 0; | |
248 | height: 0; | |
75a12d63 JS |
249 | } |
250 | ||
fd79d33a SS |
251 | .hidden { |
252 | display: none; | |
253 | } | |
254 | ||
4c417c59 | 255 | .media_sidebar h3 { |
ee9a0e3c | 256 | font-size: 1em; |
4c417c59 JS |
257 | margin: 0 0 5px; |
258 | border: none; | |
259 | } | |
260 | ||
261 | .media_sidebar p { | |
339105fa | 262 | margin-left: 8px; |
ee9a0e3c JS |
263 | } |
264 | ||
491b9109 JS |
265 | /* forms */ |
266 | ||
3ea6a305 | 267 | .form_box,.form_box_xl { |
7c9d1a2b | 268 | background-color: #222; |
00996b92 | 269 | border-top: 6px solid #D49086; |
7df9f45c | 270 | padding: 3% 5%; |
7c9d1a2b CAW |
271 | display: block; |
272 | float: none; | |
7df9f45c JS |
273 | width: 90%; |
274 | max-width: 340px; | |
275 | margin-left: auto; | |
276 | margin-right: auto; | |
f0e621c8 JS |
277 | } |
278 | ||
3ea6a305 | 279 | .form_box_xl { |
7df9f45c | 280 | max-width: 460px; |
f0e621c8 JS |
281 | } |
282 | ||
bb1f2f89 | 283 | .edit_box { |
00996b92 | 284 | border-top: 6px dashed #D49086 |
bb1f2f89 JS |
285 | } |
286 | ||
353f927e | 287 | .form_field_input input, .form_field_input textarea { |
7c9d1a2b | 288 | width: 100%; |
491b9109 JS |
289 | } |
290 | ||
aea6d577 JS |
291 | .form_field_input { |
292 | margin-bottom: 10px; | |
293 | } | |
294 | ||
295 | .form_field_label { | |
7c9d1a2b | 296 | margin-bottom: 4px; |
491b9109 JS |
297 | } |
298 | ||
feb3c4c3 JS |
299 | .form_field_label { |
300 | font-size:1.125em; | |
301 | } | |
302 | ||
303 | .form_field_description { | |
304 | font-style: italic; | |
305 | } | |
306 | ||
716a0ac3 | 307 | .form_field_error { |
7c9d1a2b CAW |
308 | background-color: #87453b; |
309 | color: #fff; | |
310 | border: none; | |
7c9d1a2b CAW |
311 | padding: 9px; |
312 | margin-top: 8px; | |
313 | margin-bottom: 8px; | |
491b9109 | 314 | } |
37a00748 | 315 | |
69dadf42 | 316 | .form_submit_buttons { |
7c9d1a2b | 317 | text-align: right; |
69dadf42 JS |
318 | } |
319 | ||
be5be115 AW |
320 | .subform { |
321 | margin: 2em; | |
322 | } | |
323 | ||
dab1d702 JS |
324 | #password_boolean { |
325 | margin-top: 4px; | |
326 | width: 20px; | |
327 | } | |
328 | ||
f5d837fe | 329 | textarea#description, textarea#bio { |
7fc782bb | 330 | resize: vertical; |
47ab857f | 331 | height: 100px; |
7fc782bb JS |
332 | } |
333 | ||
270dca58 JS |
334 | /* comments */ |
335 | ||
e4898f43 JS |
336 | .comment_wrapper { |
337 | margin-top: 20px; | |
338 | margin-bottom: 20px; | |
339 | } | |
340 | ||
341 | .comment_wrapper p { | |
342 | margin-bottom: 2px; | |
343 | } | |
344 | ||
270dca58 | 345 | .comment_author { |
7c9d1a2b | 346 | padding-top: 4px; |
a97e5bb2 | 347 | font-size: 0.9em; |
270dca58 JS |
348 | } |
349 | ||
157c6026 | 350 | .comment_content { |
55dbaa9b JS |
351 | margin-left: 8px; |
352 | margin-top: 8px; | |
353 | } | |
354 | ||
3ea6a305 | 355 | textarea#comment_content { |
ee9a0e3c JS |
356 | resize: vertical; |
357 | width: 100%; | |
3ea6a305 JS |
358 | height: 90px; |
359 | border: none; | |
360 | background-color: #f1f1f1; | |
361 | padding: 3px; | |
362 | } | |
363 | ||
ee9a0e3c JS |
364 | #form_comment .form_field_input { |
365 | padding-right: 6px; | |
366 | } | |
367 | ||
a54e5be7 JS |
368 | /* media galleries */ |
369 | ||
e854a128 | 370 | .media_thumbnail { |
b01a3b93 | 371 | float: left; |
7c9d1a2b | 372 | padding: 0px; |
52aef5b4 | 373 | width: 180px; |
7c9d1a2b | 374 | overflow: hidden; |
a04cd2e5 | 375 | margin: 0px 3px 10px; |
92ed2892 | 376 | text-align: center; |
970cea18 | 377 | font-size: 0.875em; |
fcc0f4e8 JS |
378 | background-color: #222; |
379 | border-radius: 0 0 5px 5px; | |
380 | padding: 0 0 6px; | |
65a2eb66 JW |
381 | text-overflow: ellipsis; |
382 | white-space: nowrap; | |
383 | overflow: hidden; | |
a04cd2e5 JS |
384 | border-color: #0D0D0D; |
385 | border-style: solid; | |
386 | border-width: 1px 1px 2px; | |
92ed2892 CAW |
387 | } |
388 | ||
ec451724 CAW |
389 | .media_thumbnail a { |
390 | color: #eee; | |
391 | text-decoration: none; | |
1c66750a JS |
392 | display: block; |
393 | } | |
394 | ||
395 | a.thumb_entry_title { | |
396 | padding: 8px; | |
ec451724 CAW |
397 | } |
398 | ||
c4370069 | 399 | .media_thumbnail img { |
52aef5b4 | 400 | max-height: 135px; |
c4370069 JS |
401 | } |
402 | ||
42d4763c JS |
403 | .thumb_entry_last { |
404 | margin-right: 0px; | |
405 | } | |
406 | ||
be5be115 AW |
407 | /* collection media */ |
408 | ||
409 | .collection_thumbnail { | |
410 | float: left; | |
411 | padding: 0px; | |
412 | width: 180px; | |
413 | margin: 0px 4px 10px; | |
414 | text-align: left; | |
415 | font-size: 0.875em; | |
416 | background-color: #222; | |
417 | border-radius: 0 0 5px 5px; | |
418 | padding: 0 0 6px; | |
419 | text-overflow: ellipsis; | |
420 | } | |
421 | ||
422 | .collection_thumbnail a { | |
423 | color: #eee; | |
424 | text-decoration: none; | |
425 | } | |
426 | ||
427 | .collection_thumbnail a.remove { | |
428 | color: #86D4B1; | |
429 | } | |
430 | ||
431 | .collection_thumbnail img { | |
432 | max-height: 135px; | |
433 | } | |
434 | ||
92ed2892 CAW |
435 | /* media detail */ |
436 | ||
b2706737 | 437 | h2.media_title { |
a97e5bb2 | 438 | margin-bottom: 0px; |
ee9a0e3c JS |
439 | display: inline-block; |
440 | } | |
441 | ||
442 | p.context { | |
443 | display: inline-block; | |
444 | padding-top: 4px; | |
fb1dc4f5 JS |
445 | } |
446 | ||
b2706737 | 447 | p.media_specs { |
a97e5bb2 | 448 | font-size: 0.9em; |
b2706737 | 449 | border-top: 1px solid #222; |
b2706737 JS |
450 | padding: 10px 0px; |
451 | color: #888; | |
9ecf7cd1 JS |
452 | } |
453 | ||
6c191eb3 | 454 | .no_html5 { |
36f8e350 JS |
455 | background: black; |
456 | color: white; | |
457 | text-align: center; | |
458 | height: 160px; | |
459 | padding: 130px 10px 20px 10px; | |
460 | } | |
461 | ||
8567c047 | 462 | a img.media_image { |
36f8e350 JS |
463 | cursor: -webkit-zoom-in; |
464 | cursor: -moz-zoom-in; | |
465 | cursor: zoom-in; | |
6c191eb3 KR |
466 | } |
467 | ||
6ef36a15 JS |
468 | /* icons */ |
469 | ||
b2706737 | 470 | img.media_icon { |
7c9d1a2b CAW |
471 | margin: 0 4px; |
472 | vertical-align: sub; | |
6ef36a15 | 473 | } |
8dc43810 JS |
474 | |
475 | /* navigation */ | |
476 | ||
ee9a0e3c JS |
477 | .navigation { |
478 | float: right; | |
479 | } | |
480 | ||
b2706737 | 481 | .navigation_button { |
80c9a7ee | 482 | width: 135px; |
ee9a0e3c | 483 | display: inline-block; |
7c9d1a2b | 484 | text-align: center; |
80c9a7ee JS |
485 | background-color: #1d1d1d; |
486 | border: 1px solid; | |
487 | border-color: #2c2c2c #232323 #1a1a1a; | |
909dda1f | 488 | border-radius: 4px; |
7c9d1a2b | 489 | text-decoration: none; |
ee9a0e3c JS |
490 | padding: 4px 0 8px; |
491 | margin: 0 0 6px; | |
8dc43810 JS |
492 | } |
493 | ||
b2706737 | 494 | .navigation_left { |
80c9a7ee | 495 | margin-right: 6px; |
8dc43810 | 496 | } |
62e2f458 JS |
497 | |
498 | /* messages */ | |
499 | ||
500 | ul.mediagoblin_messages { | |
7c9d1a2b CAW |
501 | list-style: none inside; |
502 | color: #f7f7f7; | |
3ea6a305 | 503 | padding: 0; |
62e2f458 JS |
504 | } |
505 | ||
506 | .mediagoblin_messages li { | |
7c9d1a2b CAW |
507 | margin: 5px 0; |
508 | padding: 8px; | |
509 | text-align: center; | |
62e2f458 JS |
510 | } |
511 | ||
512 | .message_success { | |
513 | background-color: #378566; | |
514 | } | |
515 | ||
516 | .message_warning { | |
517 | background-color: #87453b; | |
518 | } | |
519 | ||
520 | .message_error { | |
521 | background-color: #87453b; | |
522 | } | |
523 | ||
524 | .message_info { | |
525 | background-color: #378566; | |
b51c5741 | 526 | } |
62e2f458 JS |
527 | |
528 | .message_debug { | |
529 | background-color: #f7f7f7; | |
7c9d1a2b | 530 | color: #272727; |
62e2f458 | 531 | } |
5d900647 CAW |
532 | |
533 | ul.mediaentry_tags { | |
534 | list-style-type: none; | |
535 | } | |
536 | ||
537 | ul.mediaentry_tags li { | |
538 | display: inline; | |
539 | margin: 0px 5px 0px 0px; | |
540 | padding: 0px; | |
541 | } | |
01c75c7e CAW |
542 | |
543 | ||
544 | /* media processing panel */ | |
545 | ||
546 | table.media_panel { | |
547 | width: 100%; | |
548 | } | |
549 | ||
550 | table.media_panel th { | |
551 | font-weight: bold; | |
552 | padding-bottom: 4px; | |
58335110 | 553 | } |
e8b51792 CAW |
554 | |
555 | ||
556 | /* Delete panel */ | |
557 | ||
558 | .delete_checkbox_box { | |
559 | margin-top: 10px; | |
560 | margin-left: 10px; | |
ab613cb3 | 561 | } |
a246ccca | 562 | |
cf29edcd | 563 | /* ASCII art and code */ |
a246ccca JW |
564 | |
565 | @font-face { | |
566 | font-family: Inconsolata; | |
567 | src: local('Inconsolata'), url('../fonts/Inconsolata.otf') format('opentype') | |
568 | } | |
569 | ||
cf29edcd | 570 | pre, code { |
a246ccca JW |
571 | font-family: Inconsolata, monospace; |
572 | line-height: 1em; | |
7fc782bb | 573 | } |
173999a7 | 574 | |
cf29edcd JK |
575 | pre { |
576 | overflow: auto; | |
089508d0 | 577 | margin-bottom: 20px; |
cf29edcd JK |
578 | } |
579 | ||
580 | .comment_wrapper pre { | |
089508d0 | 581 | margin-bottom: 2px; |
cf29edcd JK |
582 | } |
583 | ||
584 | .ascii-wrapper pre { | |
585 | /* but it should not affect the ASCII art */ | |
586 | margin: 0; | |
587 | } | |
588 | ||
7646e695 | 589 | /* Media queries and other responsivisivity */ |
141f14e2 | 590 | @media screen and (max-width: 940px) { |
173999a7 JS |
591 | .media_pane { |
592 | width: 100%; | |
7646e695 | 593 | margin: 0px; |
173999a7 | 594 | } |
ee9a0e3c JS |
595 | |
596 | .media_sidebar { | |
597 | width: 100%; | |
598 | margin: 0px; | |
599 | } | |
600 | ||
173999a7 JS |
601 | img.media_image { |
602 | width: 100%; | |
23f87661 | 603 | display: inline; |
173999a7 | 604 | } |
7646e695 | 605 | |
6c2e5730 JS |
606 | .media_thumbnail { |
607 | width: 21%; | |
608 | } | |
609 | ||
7646e695 JS |
610 | .profile_sidebar { |
611 | width: 100%; | |
612 | margin: 0px; | |
613 | } | |
ee9a0e3c | 614 | |
7646e695 JS |
615 | .profile_showcase { |
616 | width: 100%; | |
617 | margin: 0px; | |
618 | } | |
ee9a0e3c JS |
619 | |
620 | .navigation { | |
621 | float: none; | |
622 | } | |
623 | ||
624 | .navigation_button { | |
625 | width: 49%; | |
626 | float: right; | |
627 | } | |
628 | ||
629 | .navigation_left { | |
630 | margin-right: 0; | |
631 | float: left; | |
632 | } | |
f2ca3ad6 JS |
633 | |
634 | .navigation { | |
635 | float: none; | |
636 | } | |
637 | ||
638 | .navigation_button { | |
639 | width: 49%; | |
92e8ca79 | 640 | float: right; |
3d44c01a | 641 | padding: 10px 0 14px; |
f2ca3ad6 JS |
642 | } |
643 | ||
644 | .navigation_left { | |
645 | margin-right: 0; | |
92e8ca79 | 646 | float: left; |
f2ca3ad6 | 647 | } |
f4cbe074 JS |
648 | |
649 | .button_action, .button_action_highlight, .button_form { | |
650 | padding: 9px 14px; | |
651 | } | |
2b7b7010 | 652 | |
d297d8e8 JS |
653 | header { |
654 | text-align: center; | |
655 | } | |
656 | ||
d317d9d6 JS |
657 | .header_right { |
658 | margin-right: 2%; | |
d297d8e8 | 659 | float: none; |
d317d9d6 JS |
660 | } |
661 | ||
662 | a.logo { | |
663 | margin-left: 2%; | |
2b7b7010 | 664 | } |
7646e695 | 665 | } |
6c2e5730 JS |
666 | |
667 | @media screen and (max-width: 570px) { | |
668 | .media_thumbnail { | |
669 | width: 29%; | |
670 | } | |
671 | } | |
672 | ||
673 | @media screen and (max-width: 380px) { | |
674 | .media_thumbnail { | |
675 | width: 46%; | |
676 | } | |
677 | } |