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 | ||
ec84acac | 28 | html, 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 | ||
a5ac282c | 81 | .header_right a { |
82 | text-decoration: none; | |
83 | color: #fff; | |
84 | } | |
85 | ||
937c7ea5 JS |
86 | em { |
87 | font-style: italic; | |
88 | } | |
89 | ||
90 | strong { | |
91 | font-weight: bold; | |
92 | } | |
93 | ||
94 | ul { | |
95 | list-style: disc inside; | |
96 | } | |
97 | ||
98 | ol { | |
99 | list-style: decimal inside; | |
100 | } | |
101 | ||
983aa712 JS |
102 | label { |
103 | font-weight: normal; | |
104 | } | |
105 | ||
03b058b7 | 106 | input, textarea { |
4826f626 JS |
107 | font-size:1em; |
108 | font-family:'Lato', sans-serif; | |
109 | } | |
110 | ||
983aa712 JS |
111 | /* website structure */ |
112 | ||
ec84acac JT |
113 | #wrap { |
114 | min-height: 100%; | |
115 | height: auto; | |
116 | ||
117 | /* This must be equal to the footer height + 5px */ | |
118 | margin-bottom: -35px; | |
119 | } | |
120 | ||
121 | #wrap:after { | |
122 | content: ""; | |
123 | display: block; | |
124 | } | |
125 | ||
9a248310 | 126 | footer, #wrap:after { |
ec84acac JT |
127 | height: 30px; |
128 | } | |
129 | ||
7945cd21 | 130 | header { |
d317d9d6 JS |
131 | width: 100%; |
132 | padding: 0; | |
c5a9ecf2 | 133 | margin-bottom: 42px; |
209bfb35 | 134 | border-bottom: 1px solid #333; |
9ecf7cd1 JS |
135 | } |
136 | ||
a5ac282c | 137 | .header_left { |
138 | width: 47%; | |
139 | margin: 0 0 0 8px; | |
140 | display: inline-block; | |
141 | } | |
142 | ||
7945cd21 | 143 | .header_right { |
a5ac282c | 144 | width: 47%; |
145 | margin: 8px 8px 4px 0; | |
d297d8e8 JS |
146 | display: inline-block; |
147 | float: right; | |
a5ac282c | 148 | text-align: right; |
149 | line-height: 1.6em; | |
d297d8e8 JS |
150 | } |
151 | ||
4b24678a | 152 | #header_dropdown { |
10d24197 | 153 | margin-bottom: 20px; |
6331e927 | 154 | padding: 0px 10px 0px 10px; |
d297d8e8 JS |
155 | } |
156 | ||
4b24678a | 157 | #header_dropdown li { |
fe253e31 | 158 | margin: 4px 0; |
d297d8e8 JS |
159 | list-style: none; |
160 | } | |
161 | ||
4b24678a | 162 | #header_dropdown p { |
a5b9a066 JS |
163 | margin-top: 12px; |
164 | margin-bottom: 10px; | |
165 | } | |
166 | ||
10d24197 JS |
167 | .dropdown_title { |
168 | font-size: 20px; | |
209bfb35 JS |
169 | } |
170 | ||
7945cd21 | 171 | a.logo { |
a97e5bb2 JS |
172 | color: #fff; |
173 | font-weight: bold; | |
728ee1df BB |
174 | text-decoration: none; |
175 | } | |
176 | ||
177 | .status_icon { | |
178 | border-radius: 2px; | |
179 | padding: 4px; | |
180 | margin: 0px 4px; | |
181 | } | |
182 | ||
183 | .num_queued { | |
184 | background: #56446F; | |
185 | } | |
186 | ||
187 | .num_failed { | |
188 | background: #87453B; | |
189 | } | |
190 | ||
191 | .status_icon a { | |
192 | display: inline-block; | |
193 | color: #C3C3C3; | |
881b6e2c JS |
194 | } |
195 | ||
7945cd21 | 196 | .logo img { |
3ea6a305 | 197 | vertical-align: middle; |
10d24197 | 198 | margin: 6px 8px 6px 0; |
3ea6a305 JS |
199 | } |
200 | ||
fe024f0b | 201 | .welcomeimage { |
202 | float: right; | |
203 | } | |
204 | ||
6acf4ee6 | 205 | .fine_print { |
206 | font-size: 0.8em; | |
207 | } | |
208 | ||
1bb8eb89 | 209 | .mediagoblin_content { |
426808cc | 210 | width: 100%; |
1bb8eb89 JS |
211 | padding-bottom: 74px; |
212 | } | |
213 | ||
7945cd21 | 214 | footer { |
426808cc | 215 | width: 100%; |
9ecf7cd1 | 216 | border-top: 1px solid #333; |
afcb0855 | 217 | padding: 8px 0; |
7c9d1a2b | 218 | text-align: center; |
f51b65d5 | 219 | font-size: 0.875em; |
42a7c010 | 220 | clear: both; |
9f661642 JS |
221 | } |
222 | ||
3bb58e6f | 223 | .thumb_gallery { |
224 | margin-left: 10px; | |
225 | margin-right: 10px; | |
226 | } | |
227 | ||
228 | .profile_showcase .thumb_gallery { | |
229 | margin-left: 0; | |
230 | margin-right: 0; | |
231 | } | |
232 | ||
d598a403 | 233 | .media_image_container { |
d598a403 | 234 | } |
235 | ||
45842f84 | 236 | .media_image { |
03ff0b36 | 237 | display: block; |
238 | margin-left: auto; | |
239 | margin-right: auto; | |
45842f84 | 240 | max-width: 100%; |
38aa4a40 JS |
241 | } |
242 | ||
03ff0b36 | 243 | .media_other_container { |
244 | display: flex; | |
245 | justify-content: center; | |
246 | } | |
247 | ||
da4d97e0 | 248 | .media_pane { |
5cdf3a0a | 249 | /* in place for possible future wide view */ |
250 | /* border-bottom: 1px solid #333333;*/ | |
da4d97e0 | 251 | } |
252 | ||
253 | .media_sidebar { | |
5cdf3a0a | 254 | /* in place for possible future wide view */ |
255 | /* border-left: 1px solid #333333;*/ | |
256 | /* padding-left: 1em;*/ | |
257 | /* padding-top: 1em;*/ | |
da4d97e0 | 258 | } |
259 | ||
260 | .media_comments { | |
261 | padding-top: 1em; | |
262 | } | |
263 | ||
69dadf42 JS |
264 | /* common website elements */ |
265 | ||
f4cbe074 | 266 | .button_action, .button_action_highlight, .button_form { |
bb3b9e40 | 267 | display: inline-block; |
13423daa JS |
268 | color: #c3c3c3; |
269 | background-color: #363636; | |
270 | border: 1px solid; | |
271 | border-color: #464646 #2B2B2B #252525; | |
272 | border-radius: 4px; | |
13423daa | 273 | padding: 3px 8px; |
bb3b9e40 | 274 | font-size: 16px; |
13423daa JS |
275 | text-decoration: none; |
276 | font-style: normal; | |
277 | font-weight: bold; | |
75a12d63 | 278 | cursor: pointer; |
13423daa JS |
279 | } |
280 | ||
f4cbe074 | 281 | .button_action_highlight, .button_form { |
88f20b58 JS |
282 | background-color: #86D4B1; |
283 | border-color: #A2DEC3 #6CAA8E #5C9179; | |
284 | color: #283F35; | |
13423daa JS |
285 | } |
286 | ||
da4d97e0 | 287 | .button_info { |
288 | background-color: #508BB5; | |
289 | border-color: #5899C7 #437699 #427496; | |
290 | color: #C3C3C3; | |
291 | } | |
292 | ||
293 | .button_warning { | |
294 | background-color: #8A2D2D; | |
295 | border-color: #913030 #451717 #431212; | |
296 | color: #C3C3C3; | |
297 | } | |
8394febb | 298 | |
b6a68691 | 299 | .button_form { |
7c9d1a2b | 300 | min-width: 99px; |
7c9d1a2b | 301 | margin: 10px 0px 10px 15px; |
7c9d1a2b | 302 | text-align: center; |
ce5db609 | 303 | font-family: 'Lato', sans-serif; |
677f55cc CAW |
304 | } |
305 | ||
75a12d63 | 306 | .pagination { |
7c9d1a2b | 307 | text-align: center; |
bf332e82 JS |
308 | } |
309 | ||
75a12d63 | 310 | .pagination_arrow { |
7c9d1a2b | 311 | margin: 5px; |
0a45fa59 JS |
312 | } |
313 | ||
75a12d63 | 314 | .empty_space { |
5bd523eb | 315 | background-image: url("../images/empty_back.png"); |
1d03221d JS |
316 | font-style: italic; |
317 | text-align: center; | |
318 | height: 160px; | |
319 | padding-top: 70px; | |
320 | } | |
321 | ||
da4d97e0 | 322 | .no_background { |
323 | background-image: none; | |
324 | height: 0; | |
325 | padding-top: 0; | |
326 | display: inline-block; | |
327 | } | |
328 | ||
75a12d63 JS |
329 | .right_align { |
330 | float: right; | |
331 | } | |
332 | ||
3bb58e6f | 333 | .left_align { |
334 | float: right; | |
335 | } | |
336 | ||
337 | .pull-right { | |
338 | float: right !important; | |
339 | } | |
340 | .pull-left { | |
341 | float: left !important; | |
342 | } | |
343 | ||
3ea6a305 JS |
344 | .clear { |
345 | clear: both; | |
346 | display: block; | |
347 | overflow: hidden; | |
348 | visibility: hidden; | |
349 | width: 0; | |
350 | height: 0; | |
75a12d63 JS |
351 | } |
352 | ||
fd79d33a SS |
353 | .hidden { |
354 | display: none; | |
355 | } | |
356 | ||
4c417c59 | 357 | .media_sidebar h3 { |
da4d97e0 | 358 | font-size: 1em; |
359 | margin: 0 0 5px; | |
360 | border: none; | |
4c417c59 JS |
361 | } |
362 | ||
363 | .media_sidebar p { | |
da4d97e0 | 364 | margin-left: 8px; |
ee9a0e3c JS |
365 | } |
366 | ||
5970a855 | 367 | .alpha { |
368 | margin-left:0; | |
369 | } | |
370 | ||
371 | .omega { | |
372 | margin-right:0; | |
373 | } | |
374 | ||
4a9a796a | 375 | .head { |
5970a855 | 376 | margin-top:0; |
377 | } | |
378 | ||
4a9a796a | 379 | .foot { |
5970a855 | 380 | margin-bottom:0; |
381 | } | |
382 | ||
491b9109 JS |
383 | /* forms */ |
384 | ||
3ea6a305 | 385 | .form_box,.form_box_xl { |
7c9d1a2b | 386 | background-color: #222; |
00996b92 | 387 | border-top: 6px solid #D49086; |
7df9f45c | 388 | padding: 3% 5%; |
7c9d1a2b CAW |
389 | display: block; |
390 | float: none; | |
7df9f45c JS |
391 | width: 90%; |
392 | max-width: 340px; | |
393 | margin-left: auto; | |
394 | margin-right: auto; | |
f0e621c8 JS |
395 | } |
396 | ||
3ea6a305 | 397 | .form_box_xl { |
7df9f45c | 398 | max-width: 460px; |
f0e621c8 JS |
399 | } |
400 | ||
ed46df89 A |
401 | .blog_form_box_xl { |
402 | background-color: #222; | |
403 | border-top: 6px solid #D49086; | |
404 | padding: 3% 5%; | |
405 | display: block; | |
406 | float: none; | |
407 | width: 90%; | |
e70fcc00 | 408 | max-width: 800px; |
ed46df89 A |
409 | min-height: 500px; |
410 | margin-left: auto; | |
411 | margin-right: auto; | |
412 | } | |
413 | ||
09d39fc1 A |
414 | .b_listing_title { |
415 | height: 30px; | |
416 | width: 100%; | |
417 | padding: 0px; | |
418 | background-color: #86D4B1; | |
419 | text-transform:capitalize; | |
4af4aec1 | 420 | text-decoration: none; |
e70fcc00 A |
421 | #border-radius: 4px; |
422 | } | |
09d39fc1 | 423 | |
e70fcc00 A |
424 | .b_listing_title > a { |
425 | text-decoration: none; | |
426 | } | |
427 | ||
09d39fc1 A |
428 | .b_list_owner { |
429 | height: 100px; | |
430 | width: 100%; | |
431 | padding: 0em; | |
432 | margin-right: auto; | |
433 | background-color: #DDA0DD; | |
e70fcc00 | 434 | #border-radius: 4px; |
4af4aec1 | 435 | text-transform: capitalize; |
e70fcc00 | 436 | } |
09d39fc1 A |
437 | |
438 | .b_list_des { | |
439 | text-align:justify; | |
e70fcc00 | 440 | } |
09d39fc1 | 441 | |
ed46df89 | 442 | |
bb1f2f89 | 443 | .edit_box { |
00996b92 | 444 | border-top: 6px dashed #D49086 |
bb1f2f89 JS |
445 | } |
446 | ||
ff9b6b51 | 447 | /*.form_field_input input,*/ .form_field_input textarea { |
7c9d1a2b | 448 | width: 100%; |
491b9109 JS |
449 | } |
450 | ||
ed46df89 A |
451 | .blog_form_field_input input, .blog_form_field_input textarea { |
452 | width: 100%; | |
453 | } | |
454 | ||
aea6d577 JS |
455 | .form_field_input { |
456 | margin-bottom: 10px; | |
457 | } | |
458 | ||
459 | .form_field_label { | |
7c9d1a2b | 460 | margin-bottom: 4px; |
491b9109 JS |
461 | } |
462 | ||
feb3c4c3 JS |
463 | .form_field_label { |
464 | font-size:1.125em; | |
465 | } | |
466 | ||
467 | .form_field_description { | |
468 | font-style: italic; | |
469 | } | |
470 | ||
716a0ac3 | 471 | .form_field_error { |
7c9d1a2b CAW |
472 | background-color: #87453b; |
473 | color: #fff; | |
474 | border: none; | |
7c9d1a2b CAW |
475 | padding: 9px; |
476 | margin-top: 8px; | |
477 | margin-bottom: 8px; | |
491b9109 | 478 | } |
37a00748 | 479 | |
69dadf42 | 480 | .form_submit_buttons { |
7c9d1a2b | 481 | text-align: right; |
69dadf42 JS |
482 | } |
483 | ||
be5be115 AW |
484 | .subform { |
485 | margin: 2em; | |
486 | } | |
487 | ||
dab1d702 JS |
488 | #password_boolean { |
489 | margin-top: 4px; | |
490 | width: 20px; | |
491 | } | |
492 | ||
a937ea9e RE |
493 | .boolean { |
494 | margin-bottom: 8px; | |
f7998c33 RE |
495 | } |
496 | ||
f5d837fe | 497 | textarea#description, textarea#bio { |
7fc782bb | 498 | resize: vertical; |
47ab857f | 499 | height: 100px; |
7fc782bb JS |
500 | } |
501 | ||
7d996a26 JS |
502 | .delete { |
503 | margin-top: 36px; | |
504 | display: block; | |
505 | text-align: center; | |
506 | } | |
507 | ||
270dca58 JS |
508 | /* comments */ |
509 | ||
3ce0c611 | 510 | .comment_wrapper, .report_wrapper { |
e4898f43 JS |
511 | margin-top: 20px; |
512 | margin-bottom: 20px; | |
513 | } | |
514 | ||
3ce0c611 | 515 | .comment_wrapper p, .report_wrapper p { |
e4898f43 JS |
516 | margin-bottom: 2px; |
517 | } | |
518 | ||
3ce0c611 | 519 | .comment_author, .report_author { |
7c9d1a2b | 520 | padding-top: 4px; |
a97e5bb2 | 521 | font-size: 0.9em; |
270dca58 JS |
522 | } |
523 | ||
3ce0c611 | 524 | a.comment_authorlink, a.report_authorlink { |
64308aca CAW |
525 | text-decoration: none; |
526 | padding-right: 5px; | |
527 | font-weight: bold; | |
528 | padding-left: 2px; | |
529 | } | |
530 | ||
3ce0c611 | 531 | a.comment_authorlink:hover, a.report_authorlink:hover { |
64308aca CAW |
532 | text-decoration: underline; |
533 | } | |
534 | ||
3ce0c611 | 535 | a.comment_whenlink, a.report_whenlink { |
64308aca CAW |
536 | text-decoration: none; |
537 | } | |
538 | ||
3ce0c611 | 539 | a.comment_whenlink:hover, a.report_whenlink:hover { |
64308aca CAW |
540 | text-decoration: underline; |
541 | } | |
542 | ||
3ce0c611 | 543 | .comment_content, .report_content { |
55dbaa9b JS |
544 | margin-left: 8px; |
545 | margin-top: 8px; | |
546 | } | |
547 | ||
2d7b6bde JW |
548 | .comment_active { |
549 | box-shadow: 0px 0px 15px 15px #378566; | |
550 | background: #378566; | |
551 | color: #f7f7f7; | |
552 | } | |
553 | ||
3ea6a305 | 554 | textarea#comment_content { |
ee9a0e3c JS |
555 | resize: vertical; |
556 | width: 100%; | |
3ea6a305 JS |
557 | height: 90px; |
558 | border: none; | |
559 | background-color: #f1f1f1; | |
560 | padding: 3px; | |
561 | } | |
562 | ||
ee9a0e3c JS |
563 | #form_comment .form_field_input { |
564 | padding-right: 6px; | |
565 | } | |
566 | ||
3ce0c611 | 567 | |
568 | a.report_authorlink, a.report_whenlink { | |
569 | color: #D486B1; | |
570 | } | |
571 | ||
6bba33d7 | 572 | ul#action_to_resolve {list-style:none; margin-left:10px;} |
573 | ||
a54e5be7 JS |
574 | /* media galleries */ |
575 | ||
e854a128 | 576 | .media_thumbnail { |
b01a3b93 | 577 | float: left; |
7c9d1a2b | 578 | padding: 0px; |
52aef5b4 | 579 | width: 180px; |
7c9d1a2b | 580 | overflow: hidden; |
a04cd2e5 | 581 | margin: 0px 3px 10px; |
92ed2892 | 582 | text-align: center; |
970cea18 | 583 | font-size: 0.875em; |
fcc0f4e8 JS |
584 | background-color: #222; |
585 | border-radius: 0 0 5px 5px; | |
586 | padding: 0 0 6px; | |
65a2eb66 | 587 | text-overflow: ellipsis; |
f1301694 | 588 | white-space: nowrap; |
65a2eb66 | 589 | overflow: hidden; |
a04cd2e5 JS |
590 | border-color: #0D0D0D; |
591 | border-style: solid; | |
592 | border-width: 1px 1px 2px; | |
654d7cf9 | 593 | position: relative; |
92ed2892 CAW |
594 | } |
595 | ||
ec451724 CAW |
596 | .media_thumbnail a { |
597 | color: #eee; | |
598 | text-decoration: none; | |
1c66750a JS |
599 | display: block; |
600 | } | |
601 | ||
98b92725 JS |
602 | .media_thumbnail a.remove { |
603 | color: #86D4B1; | |
604 | text-decoration: underline; | |
605 | } | |
606 | ||
1c66750a JS |
607 | a.thumb_entry_title { |
608 | padding: 8px; | |
ec451724 CAW |
609 | } |
610 | ||
654d7cf9 BB |
611 | .entry_type_icon { |
612 | position: absolute; | |
fa858bd7 BB |
613 | top: 2px; |
614 | left: 2px; | |
654d7cf9 | 615 | } |
c4370069 | 616 | |
42d4763c JS |
617 | .thumb_entry_last { |
618 | margin-right: 0px; | |
619 | } | |
620 | ||
92ed2892 CAW |
621 | /* media detail */ |
622 | ||
b2706737 | 623 | h2.media_title { |
a97e5bb2 | 624 | margin-bottom: 0px; |
ee9a0e3c JS |
625 | display: inline-block; |
626 | } | |
627 | ||
628 | p.context { | |
629 | display: inline-block; | |
630 | padding-top: 4px; | |
fb1dc4f5 JS |
631 | } |
632 | ||
b2706737 | 633 | p.media_specs { |
a97e5bb2 | 634 | font-size: 0.9em; |
b2706737 | 635 | border-top: 1px solid #222; |
b2706737 JS |
636 | padding: 10px 0px; |
637 | color: #888; | |
9ecf7cd1 JS |
638 | } |
639 | ||
6c191eb3 | 640 | .no_html5 { |
36f8e350 JS |
641 | background: black; |
642 | color: white; | |
643 | text-align: center; | |
644 | height: 160px; | |
645 | padding: 130px 10px 20px 10px; | |
646 | } | |
647 | ||
8567c047 | 648 | a img.media_image { |
36f8e350 JS |
649 | cursor: -webkit-zoom-in; |
650 | cursor: -moz-zoom-in; | |
651 | cursor: zoom-in; | |
6c191eb3 | 652 | } |
6ef36a15 JS |
653 | /* icons */ |
654 | ||
b2706737 | 655 | img.media_icon { |
7c9d1a2b CAW |
656 | margin: 0 4px; |
657 | vertical-align: sub; | |
6ef36a15 | 658 | } |
8dc43810 | 659 | |
420e1374 GS |
660 | /* EXIF information */ |
661 | ||
27fc8ef2 | 662 | #exif_content { |
663 | padding-bottom: 20px; | |
420e1374 GS |
664 | } |
665 | ||
666 | #exif_camera_information { | |
27fc8ef2 | 667 | margin-bottom: 20px; |
a19c00c1 | 668 | margin-left: 8px; |
669 | } | |
670 | ||
671 | #exif_additional_info_button { | |
672 | margin-left: 8px; | |
420e1374 GS |
673 | } |
674 | ||
675 | #exif_additional_info { | |
27fc8ef2 | 676 | display: none; |
a19c00c1 | 677 | margin-left: 8px; |
420e1374 GS |
678 | } |
679 | ||
680 | #exif_additional_info table { | |
27fc8ef2 | 681 | font-size: 11px; |
682 | margin-top: 10px; | |
420e1374 GS |
683 | } |
684 | ||
685 | #exif_additional_info td { | |
27fc8ef2 | 686 | vertical-align: top; |
687 | padding-bottom: 5px; | |
420e1374 GS |
688 | } |
689 | ||
690 | #exif_content .col1 { | |
27fc8ef2 | 691 | padding-right: 20px; |
420e1374 GS |
692 | } |
693 | ||
694 | #exif_additional_info table tr { | |
27fc8ef2 | 695 | margin-bottom: 10px; |
420e1374 GS |
696 | } |
697 | ||
8dc43810 JS |
698 | /* navigation */ |
699 | ||
ee9a0e3c | 700 | .navigation { |
ee9a0e3c JS |
701 | } |
702 | ||
b2706737 | 703 | .navigation_button { |
45842f84 | 704 | width: 48%; |
ee9a0e3c | 705 | display: inline-block; |
7c9d1a2b | 706 | text-align: center; |
80c9a7ee JS |
707 | background-color: #1d1d1d; |
708 | border: 1px solid; | |
709 | border-color: #2c2c2c #232323 #1a1a1a; | |
909dda1f | 710 | border-radius: 4px; |
7c9d1a2b | 711 | text-decoration: none; |
ee9a0e3c JS |
712 | padding: 4px 0 8px; |
713 | margin: 0 0 6px; | |
8dc43810 JS |
714 | } |
715 | ||
b2706737 | 716 | .navigation_left { |
45842f84 | 717 | margin-right: 3px; |
8dc43810 | 718 | } |
62e2f458 JS |
719 | |
720 | /* messages */ | |
721 | ||
722 | ul.mediagoblin_messages { | |
7c9d1a2b CAW |
723 | list-style: none inside; |
724 | color: #f7f7f7; | |
3ea6a305 | 725 | padding: 0; |
62e2f458 JS |
726 | } |
727 | ||
728 | .mediagoblin_messages li { | |
7c9d1a2b CAW |
729 | margin: 5px 0; |
730 | padding: 8px; | |
731 | text-align: center; | |
62e2f458 JS |
732 | } |
733 | ||
734 | .message_success { | |
735 | background-color: #378566; | |
736 | } | |
737 | ||
738 | .message_warning { | |
739 | background-color: #87453b; | |
740 | } | |
741 | ||
742 | .message_error { | |
743 | background-color: #87453b; | |
744 | } | |
745 | ||
746 | .message_info { | |
747 | background-color: #378566; | |
b51c5741 | 748 | } |
62e2f458 JS |
749 | |
750 | .message_debug { | |
751 | background-color: #f7f7f7; | |
7c9d1a2b | 752 | color: #272727; |
62e2f458 | 753 | } |
5d900647 CAW |
754 | |
755 | ul.mediaentry_tags { | |
756 | list-style-type: none; | |
757 | } | |
758 | ||
759 | ul.mediaentry_tags li { | |
760 | display: inline; | |
761 | margin: 0px 5px 0px 0px; | |
762 | padding: 0px; | |
763 | } | |
01c75c7e CAW |
764 | |
765 | ||
766 | /* media processing panel */ | |
767 | ||
768 | table.media_panel { | |
769 | width: 100%; | |
770 | } | |
771 | ||
772 | table.media_panel th { | |
773 | font-weight: bold; | |
774 | padding-bottom: 4px; | |
50bf38b2 | 775 | text-align: left; |
58335110 | 776 | } |
4dd814a9 BB |
777 | .thumb-overlay-status { |
778 | position: absolute; | |
779 | margin: auto; | |
780 | top: 0; bottom: 0; left: 0; right: 0; | |
781 | width: 180px; | |
782 | height: 20px; | |
783 | display: inline; | |
784 | text-align: center; | |
785 | background-color: rgba(255, 255, 255, 0.8); | |
786 | } | |
787 | ||
788 | .thumb-processing { | |
789 | color: black; | |
790 | font-weight: bold; | |
791 | } | |
792 | ||
793 | .thumb-failed { | |
794 | color: red; | |
795 | font-weight: bold; | |
796 | } | |
797 | ||
798 | .thumb-wrapper { | |
799 | position: relative; | |
800 | /* for proportional thumb resizing */ | |
801 | width: auto; | |
802 | height: auto; | |
803 | display: inline-block; | |
804 | } | |
805 | ||
806 | .thumb-wrapper img { | |
807 | max-height: 180px; | |
808 | max-width: 180px; | |
809 | } | |
810 | .media_panel td { | |
811 | vertical-align: middle; | |
812 | } | |
e8b51792 | 813 | |
8394febb | 814 | /* moderator panels */ |
3ce0c611 | 815 | |
816 | table.admin_panel { | |
817 | width: 100% | |
818 | } | |
819 | ||
820 | table.admin_side_panel { | |
a054ab3d | 821 | width: 90%; |
822 | margin-bottom: 10px; | |
3ce0c611 | 823 | } |
824 | ||
825 | table.admin_panel th, table.admin_side_panel th { | |
826 | font-weight: bold; | |
827 | padding-bottom: 4px; | |
828 | text-align: left; | |
3aa3871b | 829 | color: #fff; |
830 | } | |
831 | ||
832 | table td.user_with_privilege { | |
833 | font-weight: bold; | |
834 | color: #86D4B1; | |
835 | } | |
836 | ||
837 | table td.user_without_privilege { | |
838 | font-weight: bold; | |
839 | color: #D486B1; | |
840 | } | |
841 | ||
842 | .return_to_panel { | |
843 | text-align:right; | |
844 | float: right; | |
845 | font-size:1.2em | |
3ce0c611 | 846 | } |
e8b51792 CAW |
847 | |
848 | /* Delete panel */ | |
849 | ||
850 | .delete_checkbox_box { | |
851 | margin-top: 10px; | |
852 | margin-left: 10px; | |
ab613cb3 | 853 | } |
a246ccca | 854 | |
8394febb | 855 | /* code of conduct */ |
856 | ||
857 | #code_of_conduct_list { | |
858 | margin-left:25px; | |
859 | margin-bottom: 10px; | |
860 | } | |
861 | #code_of_conduct_list li { | |
25625107 | 862 | margin:5px 0 15px 25px; |
8394febb | 863 | } |
6acf4ee6 | 864 | #code_of_conduct_list strong{ |
865 | color:#fff; | |
866 | } | |
867 | ||
25625107 | 868 | .nested_sublist { |
8394febb | 869 | margin: 5px 0 10px 25px; |
870 | font-size:80%; | |
871 | } | |
25625107 | 872 | .nested_sublist li { |
873 | margin-bottom: 10px; | |
874 | } | |
8394febb | 875 | |
cf29edcd | 876 | /* ASCII art and code */ |
a246ccca JW |
877 | |
878 | @font-face { | |
879 | font-family: Inconsolata; | |
880 | src: local('Inconsolata'), url('../fonts/Inconsolata.otf') format('opentype') | |
881 | } | |
882 | ||
cf29edcd | 883 | pre, code { |
a246ccca JW |
884 | font-family: Inconsolata, monospace; |
885 | line-height: 1em; | |
7fc782bb | 886 | } |
173999a7 | 887 | |
cf29edcd JK |
888 | pre { |
889 | overflow: auto; | |
089508d0 | 890 | margin-bottom: 20px; |
cf29edcd JK |
891 | } |
892 | ||
893 | .comment_wrapper pre { | |
089508d0 | 894 | margin-bottom: 2px; |
cf29edcd JK |
895 | } |
896 | ||
897 | .ascii-wrapper pre { | |
898 | /* but it should not affect the ASCII art */ | |
899 | margin: 0; | |
900 | } | |
901 | ||
7646e695 | 902 | /* Media queries and other responsivisivity */ |
3bb58e6f | 903 | /* initial GMG max 940 */ |
45842f84 | 904 | @media screen and (max-width: 960px) { |
905 | ||
173999a7 | 906 | img.media_image { |
45842f84 | 907 | max-width: 100%; |
908 | /* display: inline;*/ | |
173999a7 | 909 | } |
7646e695 | 910 | |
6c2e5730 | 911 | .media_thumbnail { |
d598a403 | 912 | /* width: 21%;*/ |
6c2e5730 JS |
913 | } |
914 | ||
7646e695 JS |
915 | .profile_sidebar { |
916 | width: 100%; | |
917 | margin: 0px; | |
918 | } | |
ee9a0e3c | 919 | |
7646e695 JS |
920 | .profile_showcase { |
921 | width: 100%; | |
922 | margin: 0px; | |
923 | } | |
ee9a0e3c | 924 | |
f2ca3ad6 JS |
925 | .navigation { |
926 | float: none; | |
927 | } | |
928 | ||
929 | .navigation_button { | |
92e8ca79 | 930 | float: right; |
3d44c01a | 931 | padding: 10px 0 14px; |
f2ca3ad6 JS |
932 | } |
933 | ||
934 | .navigation_left { | |
935 | margin-right: 0; | |
92e8ca79 | 936 | float: left; |
f2ca3ad6 | 937 | } |
f4cbe074 JS |
938 | |
939 | .button_action, .button_action_highlight, .button_form { | |
a5ac282c | 940 | padding: 5px 14px; |
fe024f0b | 941 | margin-bottom: 0.5em; |
f4cbe074 | 942 | } |
a5ac282c | 943 | |
5970a855 | 944 | } |
3bb58e6f | 945 | /* desktop resolutions */ |
5970a855 | 946 | @media screen and (min-width: 960px) { |
ff9b6b51 | 947 | .container .three.columns.media_thumbnail { |
5970a855 | 948 | width:180px; |
949 | margin-left:3px; | |
950 | margin-right:3px; | |
951 | } | |
03ff0b36 | 952 | #thingy_view { |
953 | width:640px; | |
954 | height:640px; | |
955 | } | |
5970a855 | 956 | } |
03ff0b36 | 957 | |
3bb58e6f | 958 | /* Tablet Portrait size to standard 960 (devices and browsers) */ |
5970a855 | 959 | @media only screen and (min-width: 768px) and (max-width: 959px) { |
ff9b6b51 | 960 | .container .three.columns.media_thumbnail { |
5970a855 | 961 | width:147px; |
962 | margin-left:2px; | |
963 | margin-right:2px; | |
964 | } | |
1469f432 | 965 | .media_thumbnail.thumb_entry img { |
03ff0b36 | 966 | max-width:100%; |
1469f432 | 967 | } |
3bb58e6f | 968 | .thumb_gallery { |
969 | margin-left: 0; | |
970 | margin-right: 0; | |
971 | } | |
45842f84 | 972 | .navigation_button { |
973 | } | |
03ff0b36 | 974 | #thingy_view { |
975 | width:508px; | |
976 | height:508px; | |
977 | } | |
5970a855 | 978 | } |
03ff0b36 | 979 | |
3bb58e6f | 980 | /* All Mobile Sizes (devices and browser) */ |
5970a855 | 981 | @media screen and (max-width: 767px) { |
982 | .thumb_row { | |
983 | margin-bottom: 0; | |
984 | } | |
3bb58e6f | 985 | .thumb_gallery { |
986 | margin-left: 0; | |
987 | margin-right: 0; | |
988 | } | |
45842f84 | 989 | h1,h2,h3,p { |
990 | margin-bottom: 10px !important; | |
6c2e5730 | 991 | } |
45842f84 | 992 | |
993 | header { | |
994 | text-align: center; | |
995 | } | |
996 | ||
997 | .header_right { | |
a5ac282c | 998 | text-align: center; |
6c2e5730 | 999 | } |
fe024f0b | 1000 | |
1001 | .welcomeimage { | |
1002 | float: none; | |
1003 | display: inherit; | |
1004 | margin-left: auto; | |
1005 | margin-right: auto; | |
1006 | margin-top: 1em; | |
1007 | } | |
da4d97e0 | 1008 | |
1009 | .media_sidebar { | |
1010 | border-left: none; | |
1011 | padding-left: 0; | |
1012 | padding-top: 1em; | |
1013 | margin-top: 1em; | |
1014 | } | |
1015 | ||
1016 | .media_comments { | |
1017 | border-bottom: 1px solid #333333; | |
1018 | } | |
6c2e5730 | 1019 | } |
14aa2eaa | 1020 | |
03ff0b36 | 1021 | /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ |
1022 | @media only screen and (min-width: 480px) and (max-width: 767px) { | |
1023 | #thingy_view { | |
1024 | width:420px; | |
1025 | height:420px; | |
1026 | } | |
1027 | } | |
1028 | ||
1029 | /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ | |
1030 | @media only screen and (max-width: 479px) { | |
1031 | #thingy_view { | |
1032 | width:300px; | |
1033 | height:300px; | |
1034 | } | |
1035 | } | |
1036 | ||
405aa45a | 1037 | p.verifier { |
1038 | text-align:center; | |
1039 | font-size:50px; | |
1040 | none repeat scroll 0% 0% rgb(221, 221, 221); | |
1041 | padding: 1em 0px; | |
1042 | } | |
e80596c8 | 1043 | |
1044 | /* for the media metadata editing table */ | |
1045 | table.metadata_editor { | |
e80596c8 | 1046 | margin: 10px auto; |
0d6550fb | 1047 | width: 800px; |
e80596c8 | 1048 | } |
1049 | ||
1050 | table.metadata_editor tr td { | |
0d6550fb | 1051 | width:350px; |
e80596c8 | 1052 | } |
f73585be | 1053 | table.metadata_editor tr td.form_field_input input { |
0d6550fb | 1054 | width:350px; |
e80596c8 | 1055 | } |
7e15632b JT |
1056 | |
1057 | .application { | |
1058 | min-height: 30px; | |
1059 | margin-left: 70px; | |
1060 | } | |
1061 | ||
1062 | .application-icon { | |
1063 | position: absolute; | |
1064 | left: 12px; | |
1065 | width: 50px; | |
1066 | height: 50px; | |
1067 | } | |
1068 | ||
1069 | .application-button { | |
1070 | float: right; | |
1071 | } |