jekyll-theme-nanusefue 0.2.7 → 0.2.8

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 2b7a3d22747204e94241767c13b44210f68ec4d3
4
- data.tar.gz: f27d6d8597ce64f8c5321f3c20b9815c878c5f39
3
+ metadata.gz: c3230cf13c1fac794d19653a903f2a978612185b
4
+ data.tar.gz: a3af370c77ef18f69a0a6dfae70fbd2f499cf5c0
5
5
  SHA512:
6
- metadata.gz: 0f205332f9a65c81289acdb5d866118d8654f725a17a861acc5be0b2cc84f94670ff3a390bc1e349bbf56cd28d9d102af8dcf7f1d676989c35f0b5d765ab1859
7
- data.tar.gz: 9323718b207f3acacd9d7a5f47d9a98e7decd0473bb0bec0755108bd96b91be1152b666c597e2dfebcca956aa310ec92b81ebcc11992ef0541718e5354a131dc
6
+ metadata.gz: 8035e5032e90e8144c3e690c9b766059afeaeb50f70fafa265d91b9d2d909980b6d9efbc89abb8da11d07c391d881a3f13da099f2ad95199466ca7ea5b3a2237
7
+ data.tar.gz: 12c4e07d238169c14e4b4c9cd1e1ab6e68e31f6f0d9fceb8ebc14668e9b109e6d6ef88e708aabd086d21deeb4a89133dbfa19fa0319c5a5ff80ffb8621c04b01
data/_sass/font.scss ADDED
@@ -0,0 +1,2 @@
1
+ @import "font-awesome-sprockets";
2
+ @import "font-awesome";
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-nanusefue
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.7
4
+ version: 0.2.8
5
5
  platform: ruby
6
6
  authors:
7
7
  - Nanusefue
@@ -110,10 +110,10 @@ files:
110
110
  - _layouts/home.html
111
111
  - _layouts/page.html
112
112
  - _layouts/post.html
113
+ - _sass/font.scss
113
114
  - assets/css/globalstyle.css
114
115
  - assets/css/prism.css
115
116
  - assets/css/stylesheet.css
116
- - assets/globalstyle.css
117
117
  - assets/highlighting/README.md
118
118
  - assets/highlighting/UNLICENSE.txt
119
119
  - assets/highlighting/autumn.css
@@ -139,7 +139,6 @@ files:
139
139
  - assets/highlighting/vs.css
140
140
  - assets/js/clipboard.min.js
141
141
  - assets/js/prism.js
142
- - assets/stylesheet.css
143
142
  homepage: https://nanusefue.io
144
143
  licenses:
145
144
  - MIT
@@ -1,2939 +0,0 @@
1
-
2
- /* EU notification */
3
- #eu_cookie_notification {
4
- left: 0;
5
- right: 0;
6
- background: #212121;
7
- color: #ccc;
8
- font-size: 12px;
9
- position: fixed;
10
- z-index: 9999999999;
11
- padding: 15px 35px;
12
- text-align: center;
13
- font-family: Menlo, monaco, monospace;
14
- cursor: pointer;
15
- }
16
-
17
- #eu_cookie_notification a {
18
- color: #999;
19
- text-decoration: underline;
20
- }
21
-
22
- #eu_cookie_notification a:hover {
23
- color: white;
24
- }
25
-
26
- #eu_cookie_notification a:active {
27
- color: #ccc;
28
- }
29
-
30
- #eu_cookie_notification.top {
31
- top: 0;
32
- }
33
-
34
- #eu_cookie_notification.bottom {
35
- bottom: 0;
36
- }
37
-
38
- /* Retina spinner */
39
-
40
- .spinner_circle.part1 {
41
- -webkit-animation-delay:-0.800s;
42
- animation-delay:-0.800s;
43
- }
44
-
45
- .spinner_circle.part2 {
46
- -webkit-animation-delay:-0.700s;
47
- animation-delay:-0.700s;
48
- }
49
-
50
- .spinner_circle.part3 {
51
- -webkit-animation-delay:-0.600s;
52
- animation-delay:-0.600s;
53
- }
54
-
55
- .spinner_circle.part3 {
56
- -webkit-animation-delay:-0.500s;
57
- animation-delay:-0.500s;
58
- }
59
-
60
- .spinner_circle.part4 {
61
- -webkit-animation-delay:-0.400s;
62
- animation-delay:-0.400s;
63
- }
64
-
65
- .spinner_circle.part5 {
66
- -webkit-animation-delay:-0.300s;
67
- animation-delay:-0.300s;
68
- }
69
-
70
- .spinner_circle.part6 {
71
- -webkit-animation-delay:-0.200s;
72
- animation-delay:-0.200s;
73
- }
74
-
75
- .spinner_circle.part7 {
76
- -webkit-animation-delay:-0.100s;
77
- animation-delay:-0.100s;
78
- }
79
-
80
- .spinner_circle.part8 {
81
- -webkit-animation-delay:-0.00s;
82
- animation-delay:-0.00s;
83
- }
84
-
85
- @keyframes spinner {
86
- 0% {background:#000;}
87
- 80% {background:#b2b2b2;}
88
- 100% {background:#000;}
89
- }
90
-
91
- @-webkit-keyframes spinner {
92
- 0% {background:#000;}
93
- 80% {background:#b2b2b2;}
94
- 100% {background:#000;}
95
- }
96
-
97
-
98
- @-webkit-keyframes rotation {
99
- from {-webkit-transform: rotate(359deg);}
100
- to {-webkit-transform: rotate(0deg);}
101
- }
102
-
103
- div.spinner_circle {
104
- -webkit-animation:spinner 0.9s infinite;
105
- -moz-animation:spinner 0.9s infinite;
106
-
107
- animation:spinner 0.9s infinite;
108
- -webkit-transform-origin: 0% 50%;
109
- transform-origin: 0% 50%;
110
-
111
- -webkit-border-radius: 2px;
112
- -moz-border-radius: 2px;
113
- border-radius: 2px;
114
-
115
- position: absolute;
116
- height: 4px;
117
- width: 4px;
118
- left: 10px;
119
- top: 10px;
120
- }
121
-
122
- .retinaSpinner {
123
- display: inline-block;
124
- border: 0px solid red;
125
- z-index: 2000000000;
126
- position: relative;
127
- height: 20px;
128
- width: 20px;
129
- }
130
-
131
- .retinaSpinner.rotating {
132
- -webkit-animation: rotation 10s infinite linear;
133
- -moz-animation: rotation 10s infinite linear;
134
- -o-animation: rotation 10s infinite linear;
135
- animation: rotation 10s infinite linear;
136
- }
137
-
138
- br { clear:both; }
139
- img { border:0px; background:transparent; padding:0px; }
140
- :focus { outline: 0; }
141
- .clear { clear:both; }
142
-
143
- .size14 { font-size:14px; }
144
- .size16 { font-size:16px; }
145
- .color9 { color:#999; }
146
- .color7 { color:#777; }
147
- .colorY { color:#ffffcc; }
148
-
149
- .comment_link { display: none; }
150
-
151
-
152
- /* ADMIN */
153
- .greenLink { color:#0AAF86; }
154
- .module .deleteLink, .greenLink { text-decoration:none; }
155
-
156
- a.homefollow { color: #0AAF86; }
157
- a.homefollow:hover { text-decoration: underline; }
158
- a.homefollow:active { color: #666; }
159
-
160
- a.deleteLink, a.deleteLink.homefollow { color: #ff0066; }
161
- a.deleteLink:hover, a.deleteLink.homefollow:hover { text-decoration: underline; }
162
- a.deleteLink:active, a.deleteLink.homefollow:active { color: #666; }
163
-
164
- /* TOOLSET */
165
- #rail_wrapper {
166
- display:none;
167
- }
168
-
169
- .gallery .toolset {
170
- position: fixed;
171
- top: 10px; right: 10px;
172
- z-index: 9999;
173
- }
174
-
175
- body.following #toolset {
176
- display: none !important;
177
- }
178
-
179
- body.sitegallery #toolset {
180
- display: block !important;
181
- }
182
-
183
- #toolset a {
184
- background: url(/_gfx/toolset-sprite.png) no-repeat center center;
185
- background: rgba(0,0,0,0) url(/_gfx/svg/toolset-sprite.svg) no-repeat center center;
186
- background-position: 0 0;
187
- background-repeat: no-repeat;
188
- display: block;
189
- height: 24px; width: 24px;
190
- margin: 0;
191
- padding: 0;
192
- }
193
-
194
- #toolset_admin a { background-position: 0 0; }
195
- #toolset_admin a:hover { background-position: 0 -24px; }
196
- #toolset_admin.toolset_active a { background-position: 0 -24px; }
197
-
198
- #toolset_follow_pair a { background-position: -24px 0; margin-top: 1px; }
199
- #toolset_follow_pair a:hover { background-position: -24px -24px; }
200
-
201
- #toolset_follow a { background-position: -48px 0; }
202
- #toolset_follow a:hover { background-position: -48px -24px; }
203
-
204
- #toolset_network_join a { background-position: -72px 0; margin-top: 1px; display: none; }
205
- #toolset_network_join a:hover { background-position: -72px -24px; }
206
-
207
- #toolset_network_leave a { background-position: -96px 0; margin-top: 1px; display: none; }
208
- #toolset_network_leave a:hover { background-position: -96px -24px; }
209
-
210
-
211
- #toolset_menu {
212
- color: #ccc;
213
- display: none;
214
- font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
215
- font-size: 10px;
216
- margin-right: 25px;
217
- overflow: hidden;
218
- position: fixed;
219
- text-align: left;
220
- width: 140px;
221
- z-index: 99999;
222
- }
223
-
224
- #toolset_menu a {
225
- background: #000;
226
- border-bottom: 1px solid #333;
227
- color: #999;
228
- display: block;
229
- height: 24px;
230
- line-height: 24px;
231
- overflow: hidden;
232
- padding: 0 10px;
233
- text-decoration: none;
234
- }
235
-
236
- #toolset_menu a:hover {
237
- background: #333;
238
- color: #fff;
239
- }
240
-
241
- #toolset_menu a:active {
242
- padding-top: 1px;
243
- height: 23px;
244
- }
245
-
246
- #toolset_menu a.toolset_first {
247
- -webkit-border-top-left-radius: 3px;
248
- -webkit-border-top-right-radius: 3px;
249
- -moz-border-radius-topleft: 3px;
250
- -moz-border-radius-topright: 3px;
251
- border-top-left-radius: 3px;
252
- border-top-right-radius: 3px;
253
- }
254
-
255
- #toolset_menu a.toolset_last {
256
- border-bottom: 0;
257
- padding-bottom: 1px;
258
- -webkit-border-bottom-right-radius: 4px;
259
- -webkit-border-bottom-left-radius: 4px;
260
- -moz-border-radius-bottomright: 4px;
261
- -moz-border-radius-bottomleft: 4px;
262
- border-bottom-right-radius: 4px;
263
- border-bottom-left-radius: 4px;
264
- }
265
-
266
- /* Cog toolset */
267
- #design_panel {
268
- color: #fff;
269
- font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
270
- font-size: 10px;
271
- line-height: 24px;
272
- position: fixed;
273
- top: 10px; right: 35px;
274
- z-index: 9999998;
275
- }
276
-
277
- a#design_symbol {
278
- background: url(/_gfx/svg/big_cog.svg) no-repeat center center;
279
- background-size: 80%;
280
- display: block;
281
- float: right;
282
- margin-right: 7px;
283
- overflow: hidden;
284
- filter:alpha(opacity=50);
285
- -moz-opacity:0.50;
286
- -khtml-opacity: 0.50;
287
- opacity: 0.50;
288
- text-indent: -9999px;
289
- width: 24px; height: 24px;
290
- }
291
-
292
- a#design_symbol:hover {
293
- filter:alpha(opacity=100);
294
- -moz-opacity:1;
295
- -khtml-opacity: 1;
296
- opacity: 1;
297
- }
298
-
299
- #design_options {
300
- clear: both;
301
- display: none;
302
- float: right;
303
- margin-bottom: -24px;
304
- width: 100px;
305
- }
306
-
307
- #design_options a#design_options_close {
308
- color: #555;
309
- text-decoration: none;
310
- float: right;
311
- }
312
-
313
- #design_options a#design_options_close:hover {
314
- color: #fff;
315
- }
316
-
317
- #design_options a#design_options_close:active {
318
- color: #999;
319
- }
320
-
321
- #design_options a.option {
322
- background: #000;
323
- border-bottom: 1px solid #333;
324
- color: #ccc;
325
- display: block;
326
- padding: 0 10px;
327
- text-decoration: none;
328
- }
329
-
330
- #design_options a.option.selected {
331
- color: #ccc;
332
- }
333
-
334
- #design_options a.option.selected:hover {
335
- color: #fff;
336
- }
337
-
338
- #design_options a.option.selected:active {
339
- color: #ccc;
340
- }
341
-
342
- #design_options a.option:hover {
343
- background: #333;
344
- color: #fff;
345
- }
346
-
347
- #design_options a.option:active {
348
- background: #333;
349
- color: #ccc;
350
- }
351
-
352
- #design_options a.option_first {
353
- -webkit-border-top-left-radius: 4px;
354
- -webkit-border-top-right-radius: 4px;
355
- -moz-border-radius-topleft: 4px;
356
- -moz-border-radius-topright: 4px;
357
- border-top-left-radius: 4px;
358
- border-top-right-radius: 4px;
359
- }
360
-
361
- #design_options a.option_last {
362
- border-bottom: 0;
363
- -webkit-border-bottom-left-radius: 4px;
364
- -webkit-border-bottom-right-radius: 4px;
365
- -moz-border-radius-bottomleft: 4px;
366
- -moz-border-radius-bottomright: 4px;
367
- border-bottom-left-radius: 4px;
368
- border-bottom-right-radius: 4px;
369
- }
370
-
371
- #design_options a.option span {
372
- color: #00aa50;
373
- float: right;
374
- }
375
-
376
- #design_options a.option.selected span {
377
- color: #666;
378
- }
379
-
380
- .ran_options {
381
- background: #000;
382
- color: #666;
383
- display: none;
384
- margin-top: -3px;
385
- padding: 0 10px;
386
-
387
- -webkit-border-bottom-left-radius: 4px;
388
- -webkit-border-bottom-right-radius: 4px;
389
- -moz-border-radius-bottomleft: 4px;
390
- -moz-border-radius-bottomright: 4px;
391
- border-bottom-left-radius: 4px;
392
- border-bottom-right-radius: 4px;
393
- }
394
-
395
- #design_options a#undo_pos, #design_options a#help, #design_options a#randomize {
396
- color: #777;
397
- }
398
-
399
- #design_options a#undo_pos:hover, #design_options a#help:hover, #design_options a#randomize:hover {
400
- color: #ccc;
401
- }
402
-
403
- #design_options a#undo_pos:active, #design_options a#help:active, #design_options a#randomize:active {
404
- color: #999;
405
- }
406
-
407
- #help_content {
408
- background: #000;
409
- clear: both;
410
- display: none;
411
- font-size: 11px;
412
- line-height: 1.5;
413
- color: #999;
414
- padding: 20px;
415
- position: relative;
416
- width: 220px;
417
- z-index: 10;
418
-
419
- -webkit-border-radius: 4px;
420
- -moz-border-radius: 4px;
421
- border-right-radius: 4px;
422
- }
423
-
424
- #help_content b {
425
- color: #fff;
426
- }
427
-
428
- #design_options_thumbnail_grid {
429
- background: url(/_gfx/grid_snap_bg.gif) 0 0;
430
- opacity: 0.25;
431
- position: absolute;
432
- top: 0; left: 0; right: 0;
433
- z-index: -10;
434
- }
435
-
436
- .featured_browser a:hover {
437
- color: #00AF8A;
438
- }
439
-
440
-
441
- .tabnav { border-top:1px solid #ccc; color:#333; text-decoration:none; cursor:pointer; padding:11px 0px 11px 23px; }
442
- body:not(.mobile) .tabnav:hover { text-decoration:underline; background: #e4e4e4; }
443
- .tabnav.selected { color:#777; background:#fff; text-decoration:none; font-weight:normal; }
444
-
445
-
446
- .slideshow_thumb.fake img {
447
- background: #999;
448
- }
449
-
450
-
451
- /* Following page
452
- ***********************************************************************************************************/
453
-
454
- body.following {
455
- background: #fff;
456
- color: #ccc;
457
- font-family: Arial, sans-serif;
458
- font-size: 14px;
459
- margin: 0;
460
- line-height: 1.5;
461
- padding: 0;
462
- visibility: hidden;
463
- }
464
-
465
-
466
-
467
-
468
-
469
- /* Following page > Following header
470
- *******************************************************************************************************/
471
-
472
- #following_header {
473
- background: #000;
474
- font-family: Arial, sans-serif;
475
- font-size: 14px;
476
- height: 60px;
477
- line-height: 60px;
478
- padding: 0 15px;
479
- position: fixed;
480
- left: 0; top: 0; right: 0;
481
- z-index: 99;
482
- }
483
-
484
- #following_header_wrapper {
485
- margin: 0 auto;
486
- position: relative;
487
- width: 1155px;
488
- }
489
-
490
- #following_header div {
491
-
492
- }
493
-
494
- #following_header a {
495
- text-decoration: none;
496
- }
497
-
498
- #following_header a:hover {
499
- text-decoration: underline;
500
- }
501
-
502
- #following_favicon {
503
- background: #fff;
504
- float: left;
505
- height: 16px;
506
- margin: 20px 4px 0 15px;
507
- overflow: hidden;
508
- padding: 2px;
509
- width: 16px;
510
-
511
- -webkit-border-radius: 2px;
512
- -moz-border-radius: 2px;
513
- border-radius: 2px;
514
- }
515
-
516
- #following_name {
517
- float: left;
518
- margin: 0 9px 0 16px;
519
- }
520
-
521
- #following_name a {
522
- color: #0aaf86;
523
- }
524
-
525
- #following_name a:hover {
526
- color: #fff;
527
- }
528
-
529
- #following_name a:active {
530
- color: #999;
531
- }
532
-
533
- .following_arrow {
534
- color: #666;
535
- float: left;
536
- font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
537
- margin: 0 3px 0 2px;
538
- line-height: 61px;
539
- }
540
-
541
- #following_sections {
542
- /*float: left;*/
543
- /*width: 600px;*/
544
- margin: 0 5px 0 0;
545
- }
546
-
547
- #following_sections a.section_link {
548
- background: none;
549
- color: #ccc;
550
- display: block;
551
- float: left;
552
- line-height: 14px;
553
- margin: 18px 8px 18px 0;
554
- padding: 5px 9px 6px 9px;
555
-
556
- -webkit-border-radius: 2px;
557
- -moz-border-radius: 2px;
558
- border-radius: 2px;
559
- }
560
-
561
- #following_sections a.section_link span.count {
562
- color: #777;
563
- font-weight: normal;
564
- }
565
-
566
- #following_sections a.section_link:hover {
567
- text-decoration: none;
568
- }
569
-
570
- #following_sections a.section_link:hover span.section_label {
571
- color: #fff;
572
- text-decoration: underline;
573
- }
574
-
575
- #following_sections a.section_link:active {
576
- color: #999;
577
- }
578
-
579
- #following_sections a.section_link:active span.section_label {
580
- color: #999;
581
- text-decoration: underline;
582
- }
583
-
584
- #following_sections a.section_link.active {
585
- background: #333333;
586
- }
587
-
588
- #following_sections a.section_link.active span.count {
589
- color: #777;
590
- font-weight: normal;
591
- }
592
-
593
- #following_sections a.section_link.active:hover {
594
- background: #2e2e2e;
595
- color: #fff;
596
- }
597
-
598
- #following_sections a.section_link.active:hover span.section_label {
599
- color: #ccc;
600
- text-decoration: none;
601
- }
602
-
603
- #following_sections a.section_link.active:active {
604
- background: #1a1a1a;
605
- color: #666;
606
- }
607
-
608
- #following_sections a.section_link.active:active span.count {
609
- color: #777;
610
- }
611
-
612
- #following_sections a#discussions.active {
613
- margin-left: 10px;
614
- }
615
-
616
- #following_sections a#followed_by {
617
- margin-right: 0;
618
- }
619
-
620
- #following_header #following_loadspin {
621
- display: none;
622
- position: absolute;
623
- top: 0px; right: -25px;
624
- }
625
-
626
- #following_header #following_loadspin img {
627
- margin-top: 20px;
628
- }
629
-
630
- #following_header #follow_links {
631
- height: 60px;
632
- padding-left: 20px;
633
- float: right;
634
- margin: 0 15px 0 15px;
635
- }
636
-
637
- #follow_links .follow_bolt {
638
- margin-right: 5px;
639
- vertical-align: text-bottom;
640
- width: 15px;
641
- height: 16px;
642
- display: inline-block;
643
- background: #0AAF86 url(/_gfx/sc-bolt-white.png) no-repeat center;
644
- background: rgba(10,175,134,0) url(/_gfx/svg/follow_spark.svg) no-repeat center center;
645
- }
646
-
647
- #follow_links a#follow_link {
648
- color: #0aaf86;
649
- }
650
-
651
- #follow_links a#follow_link:hover {
652
- color: #fff;
653
- }
654
-
655
- #follow_links a#follow_link:active {
656
- color: #999;
657
- }
658
-
659
- #follow_links a#unfollow_link {
660
- color: #f06;
661
- margin-left: 10px;
662
- }
663
-
664
- #follow_links a#unfollow_link:hover {
665
- color: #fff;
666
- }
667
-
668
- #follow_links a#unfollow_link:active {
669
- color: #999;
670
- }
671
-
672
- #following_sections a#following_menu.active {
673
- margin-left: 9px;
674
- }
675
-
676
-
677
-
678
-
679
-
680
- /* Following page > Following header
681
- ***************************************************************************************************/
682
-
683
- .following_filter {
684
- float: right;
685
- font-size: 12px;
686
- height: 22px;
687
- line-height: 24px;
688
- margin-bottom: 30px;
689
- position: relative;
690
- text-align: left;
691
- }
692
-
693
- #following_section_note .following_filter {
694
- float: left;
695
- margin: 1px 0 33px 0;
696
- }
697
-
698
- div.following_filter_link {
699
- color: #999;
700
- margin-right: 0px;
701
- }
702
-
703
- .following_filter_link .filter_displaying {
704
- color: #ccc;
705
- float: left;
706
- line-height: 24px;
707
- width: 67px;
708
- }
709
-
710
- .following_filter_link .show_filter_menu {
711
- border: 1px solid #d7d7d7;
712
- background: #FFF;
713
- cursor: pointer;
714
- float: left;
715
- height: 22px;
716
- line-height: 22px;
717
- margin-right: 9px;
718
- overflow: hidden;
719
- position: relative;
720
- text-decoration: none;
721
-
722
- -webkit-border-radius: 2px;
723
- -moz-border-radius: 2px;
724
- border-radius: 2px;
725
- }
726
-
727
- div.show_filter_menu:hover .active_filter {
728
- color: #0AAF86;
729
- }
730
-
731
- .active_filter {
732
- padding: 6px 38px 6px 6px;
733
- }
734
-
735
- .filter_down {
736
- background-image: url(/_gfx/follow_filter_arrow.gif);
737
- background-repeat: no-repeat;
738
- background-position: center;
739
- border-left: 1px solid #d7d7d7;
740
- position: absolute;
741
- top: 0; right: 0;
742
- height: 22px;
743
- width: 22px;
744
- }
745
-
746
- .following_filter_menu {
747
- display: none;
748
- position: absolute;
749
- top: -3px; right: 14px;
750
- z-index: 9999;
751
- left: 0px;
752
- }
753
-
754
- #following_section_note .following_filter_menu {
755
- display: none;
756
- position: absolute;
757
- top: -3px; left: -3px; right: auto;
758
- z-index: 9999;
759
- }
760
-
761
- .following_filter .following_filter_menu a, #following_section_note .following_filter_menu a {
762
- background: #000;
763
- border-bottom: 1px solid #333;
764
- color: #999;
765
- display: block;
766
- line-height: 30px ;
767
- padding: 0 10px !important;
768
- min-width: 166px;
769
- white-space: nowrap;
770
- text-decoration: none;
771
- }
772
-
773
- .following_filter_menu a:hover, #following_section_note .following_filter_menu a:hover {
774
- background: #333333;
775
- color: #ffffff;
776
- }
777
-
778
- .following_filter_menu a:active, #following_section_note .following_filter_menu a:active {
779
- background: #333333;
780
- color: #999999;
781
- }
782
-
783
- .following_filter_menu a.active, #following_section_note .following_filter_menu a.active {
784
- color: #ffffff !important;
785
- font-weight: bold;
786
- }
787
-
788
- .following_filter_menu a.following_filter_menu_first {
789
- margin-left: 0px !important;
790
- -webkit-border-top-left-radius: 2px;
791
- -webkit-border-top-right-radius: 2px;
792
- -moz-border-radius-topleft: 2px;
793
- -moz-border-radius-topright: 2px;
794
- border-top-left-radius: 2px;
795
- border-top-right-radius: 2px;
796
- }
797
-
798
- .following_filter_menu a.following_filter_menu_last {
799
- border-bottom: 0;
800
- -webkit-border-bottom-right-radius: 2px;
801
- -webkit-border-bottom-left-radius: 2px;
802
- -moz-border-radius-bottomright: 2px;
803
- -moz-border-radius-bottomleft: 2px;
804
- border-bottom-right-radius: 2px;
805
- border-bottom-left-radius: 2px;
806
- }
807
-
808
- .following_filter_menu span.network_checked {
809
- color: #ccc;
810
- float: right;
811
- font-size: 14px;
812
- font-weight: normal;
813
- padding-left: 5px;
814
- }
815
-
816
- .following_filter_menu img.network_checked {
817
- float: right;
818
- margin-top: 9px;
819
- }
820
-
821
- .recent_activity {
822
- color: #ccc;
823
- line-height: 24px;
824
- }
825
-
826
- #following_section_note_links {
827
- color: #ccc;
828
- float: right;
829
- margin-right: 30px;
830
- width: 200px;
831
- }
832
-
833
- #following_section_note_links a {
834
- color: #ccc;
835
- }
836
-
837
- #following_section_note_links a:hover {
838
- color: #000;
839
- }
840
-
841
- #following_section_note_links a:active {
842
- color: #666;
843
- }
844
-
845
- #temp_message {
846
- color: #000;
847
- height: 24px;
848
- margin: 0 auto -24px;
849
- text-align: center;
850
- width: 620px;
851
- font-size: 11px;
852
- text-align: center;
853
- }
854
-
855
- #temp_message span {
856
- background: #ffc;
857
- padding: 6px 10px;
858
- -webkit-border-radius: 2px;
859
- -moz-border-radius: 2px;
860
- border-radius: 2px;
861
- }
862
-
863
- #about_link {
864
- position: absolute;
865
- left: 262px;
866
- }
867
-
868
- #about_link a {
869
- color: #ccc;
870
- text-decoration: underline;
871
- }
872
-
873
- #about_link a:hover {
874
- color: #000;
875
- text-decoration: underline;
876
- }
877
-
878
- #about_link a:active {
879
- color: #666;
880
- }
881
-
882
- #about_popup {
883
- background: #000;
884
- color: #ccc;
885
- display: none;
886
- padding: 30px;
887
- position: absolute;
888
- top: 204px;
889
- left: 50px;
890
- width: 390px;
891
- z-index: 99999;
892
-
893
- -webkit-border-radius: 2px;
894
- -moz-border-radius: 2px;
895
- border-radius: 2px;
896
- }
897
-
898
- /* Dropped
899
-
900
- #following_view_toggle {
901
- background: #e6e6e6;
902
- color: #666666;
903
- float: left;
904
- font-size: 12px;
905
- height: 24px;
906
- margin-right: 30px;
907
- position: relative;
908
- -webkit-border-radius: 12px;
909
- -moz-border-radius: 12px;
910
- border-radius: 12px;
911
- }
912
-
913
- #following_view_toggle_loadspin {
914
- display: none;
915
- position: absolute;
916
- top: 2px; right: -30px;
917
- }
918
-
919
- #following_view_toggle a {
920
- color: #666;
921
- cursor: pointer;
922
- display: block;
923
- float: left;
924
- line-height: 24px;
925
- position: relative;
926
- text-align: center;
927
- text-decoration: none;
928
- width: 73px;
929
- z-index: 9;
930
- }
931
-
932
- #following_view_toggle a:hover {
933
- color: #000;
934
- }
935
-
936
- #following_view_toggle a.active {
937
- color: #999999;
938
- }
939
-
940
- #following_view_toggle_highlight {
941
- background: #fff;
942
- display: block;
943
- height: 22px;
944
- position: absolute;
945
- top: 1px; left: 1px;
946
- width: 73px;
947
- z-index: 1;
948
- -webkit-border-radius: 12px;
949
- -moz-border-radius: 12px;
950
- border-radius: 12px;
951
- }
952
-
953
- #following_view_toggle.gallery #following_view_toggle_highlight {
954
- left: 72px;
955
- }
956
-
957
- */
958
-
959
-
960
-
961
- /* Homepage
962
- *******************************************************************************************************/
963
-
964
-
965
- .home_container {
966
- color: #888888;
967
- /* margin: 133px 0 0 235px; */
968
- /* width: auto !important; */
969
- position: absolute;
970
- top: 0; left: 0;
971
- }
972
-
973
- .home_container .header_image {
974
- position: absolute;
975
- top: -109px; left: 0;
976
- }
977
-
978
-
979
- /* Following gallery styles
980
- *******************************************************************************************************/
981
-
982
- #imgWrapper {
983
- background: #fff;
984
- clear: both;
985
- overflow-x: hidden;
986
- margin: 0 auto 30px;
987
- width: 1320px;
988
- }
989
-
990
-
991
- #imgWrapper.user_images {
992
- margin: 67px auto 30px;
993
- }
994
-
995
- .home_gallery_content #imgWrapper {
996
- border-left: 1px solid #ccc;
997
- background: #111;
998
- padding: 95px 30px 0 29px;
999
- margin: 0 0 0 200px;
1000
- width: auto;
1001
- }
1002
-
1003
- .home_gallery_content #gallery_nav {
1004
- background: #111;
1005
- border-left: 1px solid #ccc;
1006
- padding: 60px 30px 30px 29px;
1007
- margin: 0 0 0 200px;
1008
- width: auto;
1009
- }
1010
-
1011
- .box {
1012
- display: none;
1013
- color: #333333;
1014
- font-size: 16px;
1015
- line-height: 1.5;
1016
- margin-bottom: 60px;
1017
- padding: 0 20px 0 20px;
1018
- overflow: hidden;
1019
- }
1020
-
1021
- div.box:hover .gallery_title {
1022
- visibility: visible;
1023
- }
1024
-
1025
- .box a {
1026
- color: #333333;
1027
- text-decoration: none;
1028
- }
1029
-
1030
- .box a:hover {
1031
- text-decoration: underline;
1032
- }
1033
-
1034
- .home_gallery_content .box a {
1035
- color: #666;
1036
- text-decoration: none;
1037
- }
1038
-
1039
- .home_gallery_content .box a:hover {
1040
- color: #999;
1041
- text-decoration: underline;
1042
- }
1043
-
1044
- .box img {
1045
- background: #f2f2f2;
1046
- cursor: pointer;
1047
- display: block;
1048
- }
1049
-
1050
- .home_gallery_content .box img {
1051
- background: #000;
1052
- cursor: pointer;
1053
- display: block;
1054
- }
1055
-
1056
- .gallery_title, .gallery_user_info {
1057
-
1058
- }
1059
-
1060
- .gallery_title {
1061
- color: #000;
1062
- font-size: 12px;
1063
- margin-top: 8px;
1064
- }
1065
-
1066
- .gallery_title a:active {
1067
- color: #666;
1068
- }
1069
-
1070
- .home_gallery_content .gallery_title a:active {
1071
- color: #666;
1072
- }
1073
-
1074
- .gallery_user_info {
1075
- color: #999999;
1076
- font-family: Georgia, times, serif;
1077
- font-size: 11px;
1078
- }
1079
-
1080
- .home_gallery_content .gallery_user_info {
1081
- color: #666;
1082
- font-family: Georgia, times, serif;
1083
- font-size: 11px;
1084
- }
1085
-
1086
- .gallery_user_info a {
1087
- color: #999999;
1088
- }
1089
-
1090
- .gallery_user_info a:hover {
1091
- color: #333333;
1092
- }
1093
-
1094
- .gallery_user_info a:active {
1095
- color: #999;
1096
- }
1097
-
1098
- .home_gallery_content .gallery_user_info a:active {
1099
- color: #666;
1100
- }
1101
-
1102
- #gallery_nav {
1103
- padding: 50px;
1104
- visibility: hidden;
1105
- }
1106
-
1107
- #gallerypaging {
1108
- font-family: Arial, sans-serif;
1109
- margin: 0 auto;
1110
- padding: 30px;
1111
- position: relative;
1112
- text-align: center;
1113
- width: 152px;
1114
- }
1115
-
1116
- a#morepaging, a#morepaging:hover, a#morepaging:active {
1117
- display: block;
1118
- float: left;
1119
- margin-bottom: 15px;
1120
- padding: 1px 0;
1121
- text-decoration: none;
1122
- white-space: nowrap;
1123
- }
1124
-
1125
- a#morepaging span {
1126
- background-color: #08c365;
1127
- background-repeat: no-repeat;
1128
- background-position: center;
1129
- color: #f5f5f5;
1130
- display: block;
1131
- float: left;
1132
- font-family: Arial, sans-serif;
1133
- font-size: 12px;
1134
- font-weight: bold;
1135
- height: 36px;
1136
- line-height: 36px;
1137
- margin: 0;
1138
- overflow: hidden;
1139
- padding: 0 23px;
1140
- text-decoration: none;
1141
- width: 106px;
1142
- cursor: pointer;
1143
-
1144
- -webkit-border-radius: 3px;
1145
- -moz-border-radius: 3px;
1146
- border-radius: 3px;
1147
- }
1148
-
1149
- .home_gallery_content a#morepaging span {
1150
- background-color: #08c365;
1151
- background-repeat: no-repeat;
1152
- background-position: center;
1153
- color: #111;
1154
- display: block;
1155
- float: left;
1156
- font-family: Arial, sans-serif;
1157
- font-size: 12px;
1158
- font-weight: bold;
1159
- height: 36px;
1160
- line-height: 36px;
1161
- margin: 0;
1162
- overflow: hidden;
1163
- padding: 0 23px;
1164
- text-decoration: none;
1165
- width: 106px;
1166
-
1167
- -webkit-border-radius: 3px;
1168
- -moz-border-radius: 3px;
1169
- border-radius: 3px;
1170
- }
1171
-
1172
- a#morepaging:hover span {
1173
- background-color: #000000;
1174
- color: #f5f5f5;
1175
-
1176
- -moz-box-shadow: 0px 1px 3px #999;
1177
- -webkit-box-shadow: 0px 1px 3px #999;
1178
- box-shadow: 0px 1px 3px #999;
1179
- }
1180
-
1181
- .home_gallery_content a#morepaging:hover span {
1182
- background-color: #666;
1183
- color: #111;
1184
-
1185
- -moz-box-shadow: 0px 0px 0px #111;
1186
- -webkit-box-shadow: 0px 0px 0px #111;
1187
- box-shadow: 0px 0px 0px #111;
1188
- }
1189
-
1190
- a#morepaging:active span {
1191
- background: #666;
1192
- color: #fff;
1193
- -moz-box-shadow: inset 0px 1px 4px #212121;
1194
- -webkit-box-shadow: inset 0px 1px 4px #212121;
1195
- box-shadow: inset 0px 1px 4px #212121;
1196
- }
1197
-
1198
- .home_gallery_content a#morepaging:active span {
1199
- background: #444;
1200
- color: #ccc;
1201
- -moz-box-shadow: inset 0px 1px 4px #212121;
1202
- -webkit-box-shadow: inset 0px 1px 4px #212121;
1203
- box-shadow: inset 0px 1px 4px #212121;
1204
- }
1205
-
1206
- a#morepaging span.gallery_loading {
1207
- background-color: #ccc;
1208
- /* background-image: url(/_gfx/loadingAnim.gif); */
1209
- text-indent: -9999px;
1210
- }
1211
-
1212
- a#morepaging .spinner {
1213
- position: absolute;
1214
- left: 96px;
1215
- top: 39px;
1216
- display: none;
1217
- }
1218
-
1219
- .home_gallery_content a#morepaging span.gallery_loading {
1220
- background-color: #666;
1221
- /* background-image: url(/_gfx/loadingAnim.gif); */
1222
- text-indent: -9999px;
1223
- }
1224
-
1225
- a#morepaging:hover span.gallery_loading {
1226
- background-color: #ccc;
1227
- color: #f5f5f5;
1228
-
1229
- -moz-box-shadow: none;
1230
- -webkit-box-shadow: none;
1231
- box-shadow: none;
1232
- }
1233
-
1234
- .home_gallery_content a#morepaging:hover span.gallery_loading {
1235
- background-color: #666;
1236
- color: #f5f5f5;
1237
-
1238
- -moz-box-shadow: none;
1239
- -webkit-box-shadow: none;
1240
- box-shadow: none;
1241
- }
1242
-
1243
- #pageInfo {
1244
- color: #aaa;
1245
- font-size: 12px;
1246
- width: 152px;
1247
- }
1248
-
1249
- .home_gallery_content #pageInfo {
1250
- color: #666;
1251
- font-size: 12px;
1252
- width: 152px;
1253
- }
1254
-
1255
- #pagingbox {
1256
- border: 1px solid #ddd;
1257
- color: #aaaaaa;
1258
- font-family: Arial, sans-serif;
1259
- font-size: 12px;
1260
- margin-right: 2px;
1261
- padding: 4px 0;
1262
- text-align: center;
1263
- width: 30px;
1264
-
1265
- -webkit-border-radius: 2px;
1266
- -moz-border-radius: 2px;
1267
- border-radius: 2px;
1268
- }
1269
-
1270
- .home_gallery_content #pagingbox {
1271
- border: 0px solid #ddd;
1272
- background: #333;
1273
- color: #999;
1274
- font-family: Arial, sans-serif;
1275
- font-size: 12px;
1276
- margin-right: 2px;
1277
- padding: 4px 0;
1278
- text-align: center;
1279
- width: 30px;
1280
-
1281
- -webkit-border-radius: 2px;
1282
- -moz-border-radius: 2px;
1283
- border-radius: 2px;
1284
- }
1285
-
1286
- #no_results {
1287
- color: #999999;
1288
- font-size: 22px;
1289
- padding: 125px 0 0 15px;
1290
- z-index: 1;
1291
- }
1292
-
1293
- .no_results_note {
1294
- font-size: 14px;
1295
- }
1296
-
1297
- .no_results_note a {
1298
- color: #666666;
1299
- }
1300
-
1301
- .no_results_note a:hover {
1302
- color: #000000;
1303
- }
1304
-
1305
- .no_results_note a:active {
1306
- color: #999999;
1307
- }
1308
-
1309
- #imgWrapper.user_images .box {
1310
- margin: 0 !important;
1311
- }
1312
-
1313
- #imgWrapper.user_images .gallery_title {
1314
- visibility: hidden;
1315
- font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
1316
- font-size: 10px;
1317
- margin-top: 8px;
1318
- height: 52px;
1319
- }
1320
-
1321
- #imgWrapper.user_images .gallery_title a {
1322
- color: #999;
1323
- }
1324
-
1325
- #imgWrapper.user_images .gallery_title a:active {
1326
- color: #ccc;
1327
- }
1328
-
1329
- #imgWrapper.user_images div.box:hover .gallery_title {
1330
- visibility: visible;
1331
- }
1332
-
1333
-
1334
-
1335
-
1336
-
1337
- /* Following page > Following truncated bar
1338
- *******************************************************************************************************/
1339
-
1340
- /* Dropped
1341
-
1342
- .recent_following_container {
1343
- background: #eee;
1344
- height: 64px;
1345
- overflow: hidden;
1346
- padding: 25px 0 25px 24px;
1347
- }
1348
-
1349
- .recent_following_wrapper {
1350
- margin: 0 auto;
1351
- width: 924px;
1352
- }
1353
-
1354
- .recent_following_thumb {
1355
- float: left;
1356
- margin: 0 24px 36px 0;
1357
- width: 91px;
1358
- }
1359
-
1360
- body.gallery .recent_following_wrapper .recent_following_thumb {
1361
- margin: 0 18px 36px 0;
1362
- }
1363
-
1364
- .recent_following_thumb.even {
1365
- margin: 0 25px 36px 0;
1366
- }
1367
-
1368
- .recent_following_thumb a {
1369
- display: block;
1370
- padding: 4px;
1371
- height: 57px;
1372
- width: 85px;
1373
-
1374
- -webkit-border-radius: 2px;
1375
- -moz-border-radius: 2px;
1376
- border-radius: 2px;
1377
- }
1378
-
1379
- .recent_following_thumb a:hover {
1380
- background: #fff;
1381
- }
1382
-
1383
- .recent_following_thumb a:active {
1384
- background: #ccc;
1385
- }
1386
-
1387
- .recent_following_thumb img {
1388
- height: 57px;
1389
- width: 85px;
1390
- } /*
1391
-
1392
-
1393
-
1394
-
1395
-
1396
-
1397
- /* Following page > Following / Followed content
1398
- *******************************************************************************************************/
1399
-
1400
-
1401
-
1402
-
1403
- body.following {
1404
- padding-top: 100px !important;
1405
- }
1406
-
1407
- body.selections {
1408
- padding-top: 160px !important;
1409
- }
1410
-
1411
- body.home.selections {
1412
- padding-top: 0px !important;
1413
- }
1414
-
1415
- body.sitegallery {
1416
- padding-top: 60px !important;
1417
- }
1418
-
1419
- body.following #note_container {
1420
- background: #f2f2f2;
1421
- position: fixed;
1422
- height: 60px;
1423
- left: 0;
1424
- top: 60px;
1425
- right: 0;
1426
- z-index: 998;
1427
- padding: 0 15px;
1428
- }
1429
-
1430
- body.following #note_container a {
1431
- color: inherit;
1432
- padding-left: 30px;
1433
- }
1434
-
1435
- body.following #note_container #image_gallery_name a {
1436
- padding-left: 0px;
1437
- }
1438
-
1439
- body.following #note_container.floating {
1440
- -webkit-transition: all .15s ease;
1441
- -moz-transition: all .15s ease;
1442
- }
1443
-
1444
- body.sitegallery #following_section_note_container {
1445
- background: #fff;
1446
- z-index: 999;
1447
- }
1448
-
1449
- body.sitegallery #note_container {
1450
- background: #fff;
1451
- position: absolute;
1452
- top: 0px; left: 0; right: 0;
1453
- z-index: 999;
1454
- }
1455
-
1456
- body.sitegallery #note_container.bordered {
1457
- border-bottom: 1px solid #eee;
1458
- }
1459
-
1460
- body.following #note .btn {
1461
- width: 22px;
1462
- height: 22px;
1463
- border: none;
1464
- border-left: 1px solid #d7d7d7;
1465
- padding: 0;
1466
- margin: 0;
1467
- background-color: #fff;
1468
- cursor: pointer;
1469
- display: inline-block;
1470
-
1471
- -webkit-touch-callout: none;
1472
- -webkit-user-select: none;
1473
- -khtml-user-select: none;
1474
- -moz-user-select: none;
1475
- -ms-user-select: none;
1476
- user-select: none;
1477
- }
1478
-
1479
- body.following #note .btn:first-child {
1480
- border-left: none;
1481
- }
1482
-
1483
- body.following #note .btn.active .rect {
1484
- background: #333;
1485
- }
1486
-
1487
- body.following #note .btn.inactive .rect {
1488
- background: #ccc;
1489
- }
1490
-
1491
- body.following #note .btn .rect {
1492
- left: 50%;
1493
- top: 50%;
1494
- background: #CCC;
1495
- position: relative;
1496
- }
1497
-
1498
- body.following #note .btn.small .rect {
1499
- width: 4px;
1500
- height: 4px;
1501
- margin-left: -2px;
1502
- margin-top: -2px;
1503
- }
1504
-
1505
- body.following #note .btn.medium .rect {
1506
- width: 6px;
1507
- height: 6px;
1508
- margin-left: -3px;
1509
- margin-top: -3px;
1510
- }
1511
-
1512
- body.following #note .btn.large .rect {
1513
- width: 10px;
1514
- height: 10px;
1515
- margin-left: -5px;
1516
- margin-top: -5px;
1517
- }
1518
-
1519
- body.following #note .columnize_controls {
1520
- padding: 0;
1521
- margin: 0;
1522
- float: right;
1523
- border: 1px solid #d7d7d7;
1524
- background: #FFF;
1525
- height: 22px;
1526
- font-size: 0px;
1527
- /* padding-left: 7px; */
1528
- color: #ccc;
1529
- margin-right: 12px;
1530
- -webkit-border-radius: 2px;
1531
- -moz-border-radius: 2px;
1532
- border-radius: 2px;
1533
- }
1534
-
1535
- body.following #note .columnize_controls .txt {
1536
- float: left;
1537
- padding-right: 7px;
1538
- }
1539
-
1540
- body.following #note .following_search {
1541
- float: left;
1542
- }
1543
-
1544
- body.following #note .following_search input {
1545
- border: 1px solid #d7d7d7;
1546
- height: 22px;
1547
- font-family: inherit;
1548
- font-size: inherit;
1549
- color: inherit;
1550
- padding: 0;
1551
- padding-left: 5px;
1552
- }
1553
-
1554
- body.following #note .following_search ul {
1555
- margin: 24px 0 0 3px;
1556
- padding: 0;
1557
- list-style: none;
1558
- text-align: left;
1559
- max-height: 200px;
1560
- overflow: hidden;
1561
- }
1562
-
1563
- body.following #note .following_search li {
1564
- background: #000;
1565
- border-bottom: 1px solid #333;
1566
- color: #999;
1567
- display: block;
1568
- line-height: 30px;
1569
- padding: 0 10px;
1570
- min-width: 166px;
1571
- white-space: nowrap;
1572
- text-decoration: none;
1573
- }
1574
-
1575
- body.following #note .following_search li.hovering,
1576
- body.following #note .following_search li.active {
1577
- background: #212121;
1578
- font-weight: bold;
1579
- }
1580
-
1581
- body.following #note .following_search li.active {
1582
- color: #fff;
1583
- }
1584
-
1585
-
1586
- #following_section_note, #note {
1587
- color: #999;
1588
- font-size: 14px;
1589
- line-height: 14px;
1590
- margin: 18px auto;
1591
- width: 1155px;
1592
- }
1593
-
1594
- body.sitegallery #note {
1595
- color: #999;
1596
- font-size: 12px;
1597
- height: 52px;
1598
- line-height: 24px;
1599
- margin: 0 auto;
1600
- padding: 30px 0 0 10px;
1601
- position: relative;
1602
- width: 924px;
1603
- }
1604
-
1605
- body.following #note #navigation a.section_link {
1606
- background: none;
1607
- color: #999;
1608
- display: block;
1609
- float: left;
1610
- line-height: 14px;
1611
- margin: 0px 8px 18px 0;
1612
- padding: 5px 9px 6px 9px;
1613
- -webkit-border-radius: 2px;
1614
- -moz-border-radius: 2px;
1615
- border-radius: 2px;
1616
- text-decoration: none;
1617
- }
1618
-
1619
- body.following #note #navigation a.section_link:first-child {
1620
- margin-left: 6px;
1621
- }
1622
-
1623
- body.following #note #navigation a:hover span.section_label {
1624
- text-decoration: underline;
1625
- color: #2c2c2c;
1626
- }
1627
-
1628
- body.following #note #navigation a.active:hover span.section_label {
1629
- text-decoration: none;
1630
- color: inherit;
1631
- }
1632
-
1633
- body.following #note #navigation a:active span.section_label {
1634
- color: #afafaf;
1635
- }
1636
-
1637
- body.following #note #navigation a span.count {
1638
- color: #b5b5b5;
1639
- font-weight: normal;
1640
- }
1641
-
1642
- body.following #note #navigation a.section_link.active {
1643
- background: #e0e0e0;
1644
- color: #666666;
1645
- }
1646
-
1647
- body.following #note #navigation a.section_link.active:first-child {
1648
- margin-left: 14px;
1649
- }
1650
-
1651
- body.following #note #navigation a.section_link.active:hover {
1652
- background: #dadada;
1653
- }
1654
-
1655
- body.following #note #navigation a.section_link.active:active {
1656
- background: #e8e8e8;
1657
- }
1658
-
1659
- #following_section_note a, .note a {
1660
- color: #333333;
1661
- }
1662
-
1663
- #following_section_note a:hover, .note a:hover {
1664
- color: #666666;
1665
- }
1666
-
1667
- #following_section_note a:active, .note a:active {
1668
- color: #333333;
1669
- }
1670
-
1671
- #following_section_note .frasl {
1672
- color: #cccccc;
1673
- padding: 0 8px 0 10px;
1674
- }
1675
-
1676
- #following_note_text {
1677
- margin: 10px 0 0 0;
1678
- }
1679
-
1680
- .nofollow_container {
1681
- color: #ccc;
1682
- margin: 0 auto;
1683
- padding: 0 0 0 30px;
1684
- width: 924px;
1685
- }
1686
-
1687
- .follow_container {
1688
- clear: both;
1689
- margin: 3px auto 0 auto;
1690
- }
1691
-
1692
- .home.follow_container { /* Only applied to the featured sites area on the homepage */
1693
- margin: 60px 0 0 20px;
1694
- width: auto !important;
1695
- }
1696
-
1697
- .follow_container .module {
1698
- display: block;
1699
- float: left;
1700
- height: 180px;
1701
- margin: 0 16px 30px 15px;
1702
- position: relative;
1703
- text-align: left;
1704
- width: 200px;
1705
- }
1706
-
1707
- .follow_container .follow_crop {
1708
- background: #f5f5f5;
1709
- height: 134px;
1710
- margin-bottom: 1px;
1711
- overflow: hidden;
1712
- width: 200px;
1713
- }
1714
-
1715
- .follow_container .follow_crop:hover{
1716
- outline: 1px solid #ccc;
1717
- outline-offset: 2px;
1718
- }
1719
-
1720
- .follow_container.home .follow_crop {
1721
- background: #1a1a1a;
1722
- }
1723
-
1724
- .follow_container.home .follow_crop:hover{
1725
- outline: 1px solid #454545;
1726
- outline-offset: 2px;
1727
- }
1728
-
1729
-
1730
-
1731
- .follow_container .project_info {
1732
- color:#666;
1733
- font-family: Arial, sans-serif;
1734
- font-size: 12px;
1735
- line-height: 1.5em;
1736
- height: 3em;
1737
- margin-right: 35px;
1738
- overflow: hidden;
1739
- padding-top: 10px;
1740
- }
1741
-
1742
- .following_load {
1743
- background-color: #ccc;
1744
- position: absolute;
1745
- top: 144px; right: 0;
1746
- width: 20px; height: 20px;
1747
-
1748
- -webkit-border-radius: 2px;
1749
- -moz-border-radius: 2px;
1750
- border-radius: 2px;
1751
- }
1752
-
1753
- .following_load.homefollow {
1754
- background-color: #333;
1755
- }
1756
-
1757
- .following_load img {
1758
- margin: 5px;
1759
- width: 10px; height: 10px;
1760
- }
1761
-
1762
- .following_pagination_moreload {
1763
- clear: both;
1764
- padding: 30px 0 60px 0;
1765
- font-size: 12px;
1766
- color: #999;
1767
- line-height: 20px;
1768
- display: none;
1769
- }
1770
-
1771
- .following_pagination_moreload .retinaSpinner {
1772
- padding-left: 0 !important;
1773
- top: 5px;
1774
- }
1775
-
1776
- .module:hover a.addLink, .module:hover a.deleteLink {
1777
- display: block;
1778
- }
1779
-
1780
- a.addLink {
1781
- background: #0AAF86 url(/_gfx/following-synapse-white.png) no-repeat center;
1782
- background: rgba(10,175,134,0) url(/_gfx/svg/follow_spark.svg) no-repeat center center;
1783
- background-color: #0AAF86;
1784
- color: #fff;
1785
- display: none;
1786
- font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
1787
- font-size: 10px;
1788
- margin-left: 10px;
1789
- overflow: hidden;
1790
- position: absolute;
1791
- top: 144px; right: 0;
1792
- text-align: center;
1793
- text-decoration: none !important;
1794
- text-transform: uppercase;
1795
- text-indent: -9999px;
1796
- width: 20px; height: 20px;
1797
-
1798
- -webkit-border-radius: 2px;
1799
- -moz-border-radius: 2px;
1800
- border-radius: 2px;
1801
- }
1802
-
1803
- a.addLink.homefollow {
1804
- background-color: #0AAF86;
1805
- background-image: url(/_gfx/following-synapse.png);
1806
- color: #111;
1807
- }
1808
-
1809
- a.addLink:hover {
1810
- background-color: #222;
1811
- color: #fff;
1812
- }
1813
-
1814
- a.addLink.homefollow:hover {
1815
- background-color: #ddd;
1816
- color: #111;
1817
- }
1818
-
1819
- a.addLink:active {
1820
- background-color: #999;
1821
- }
1822
-
1823
- a.addLink.homefollow:active {
1824
- background-color: #666;
1825
- }
1826
-
1827
-
1828
- a.deleteLink {
1829
- background: url(/_gfx/following-close-white.gif) no-repeat center;
1830
- background: rgba(0,0,0,0) url(/_gfx/svg/following_x_white.svg) no-repeat center center;
1831
- background-color: #ccc;
1832
- color: #fff;
1833
- display: none;
1834
- font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
1835
- font-size: 10px;
1836
- line-height: 20px;
1837
- margin-left: 10px;
1838
- overflow: hidden;
1839
- position: absolute;
1840
- top: 144px; right: 0;
1841
- text-align: center;
1842
- text-decoration: none !important;
1843
- text-transform: uppercase;
1844
- text-indent: -9999px;
1845
- width: 20px; height: 20px;
1846
-
1847
- -webkit-border-radius: 2px;
1848
- -moz-border-radius: 2px;
1849
- border-radius: 2px;
1850
- }
1851
-
1852
- body.home a.deleteLink {
1853
- background: url(/_gfx/following-close.gif) no-repeat center;
1854
- background: rgba(0,0,0,0) url(/_gfx/svg/following_x_black.svg) no-repeat center center;
1855
- background-color: #333;
1856
- color: #111;
1857
- }
1858
-
1859
- a.deleteLink:hover {
1860
- background-color: #f06;
1861
- color: #fff;
1862
- }
1863
-
1864
- body.home a.deleteLink:hover {
1865
- background-color: #f06;
1866
- color: #111;
1867
- }
1868
-
1869
- a.deleteLink:active {
1870
- background-color: #999;
1871
- }
1872
-
1873
- body.home a.deleteLink:active {
1874
- background-color: #666;
1875
- }
1876
-
1877
- .home_gallery_content .featured_head {
1878
- color: #888;
1879
- position: absolute;
1880
- top: 0; left: 0;
1881
- }
1882
-
1883
- body.following #page_footer_container {
1884
- background: #eeeeee;
1885
- height: 81px;
1886
- margin-top: 60px;
1887
- }
1888
-
1889
- #home_gallery #page_footer_container {
1890
- margin: 0 20px 30px 235px;
1891
- }
1892
-
1893
- #home_gallery #page_footer_container #page_footer {
1894
- width: auto !important;
1895
- }
1896
-
1897
- body.following #page_footer_container.fixed_pos {
1898
- position: fixed;
1899
- bottom: 0; left: 0; right: 0;
1900
- }
1901
-
1902
- body.following #page_footer {
1903
- clear: both;
1904
- margin: 0 auto 0 auto;
1905
- padding: 30px 15px 0px 15px;
1906
- position: relative;
1907
- }
1908
-
1909
- body.following #page_footer_container.fixed_pos #page_footer {
1910
- width: 924px;
1911
- }
1912
-
1913
- .follow_pagination {
1914
- clear: both;
1915
- color: #999;
1916
- font-size: 14px;
1917
- line-height: 1.5;
1918
- margin-left: 4px;
1919
- float: left;
1920
- }
1921
-
1922
- .follow_pagination a {
1923
- color: #000;
1924
- text-decoration: none;
1925
- }
1926
-
1927
- .follow_pagination a:hover {
1928
- color: #000;
1929
- text-decoration: underline;
1930
- }
1931
-
1932
- .follow_pagination a:active {
1933
- color: #666;
1934
- }
1935
-
1936
- .pagination_load_spin {
1937
- float: left;
1938
- padding-left: 10px;
1939
- padding-top: 1px;
1940
- display: none;
1941
- }
1942
-
1943
- #home_gallery .follow_pagination {
1944
- clear: both;
1945
- color: #999;
1946
- font-size: 12px;
1947
- line-height: 1.5;
1948
- }
1949
-
1950
- #home_gallery .follow_pagination a {
1951
- color: #00AF8A;
1952
- text-decoration: none;
1953
- }
1954
-
1955
- #home_gallery .follow_pagination a:hover {
1956
- color: #ffffff;
1957
- text-decoration: underline;
1958
- }
1959
-
1960
- #home_gallery .follow_pagination a:active {
1961
- color: #cccccc;
1962
- }
1963
-
1964
-
1965
- /**
1966
- * Follow popup
1967
- */
1968
-
1969
- #follow_popup {
1970
- background: #ededed;
1971
- display: none;
1972
- margin: -87px 0 0 -210px;
1973
- position: fixed;
1974
- top: 40%;
1975
- left: 50%;
1976
- height: 174px;
1977
- width: 420px;
1978
- z-index: 999999999999999;
1979
-
1980
- /* A bunch of resets */
1981
- font-family: sans-serif;
1982
- letter-spacing: 0;
1983
- word-spacing: 0;
1984
- font-weight: normal;
1985
- text-decoration: none;
1986
-
1987
- -webkit-border-radius: 4px;
1988
- -moz-border-radius: 4px;
1989
- border-radius: 4px;
1990
-
1991
- -moz-box-shadow: 0 0 70px rgba(0, 0, 0, 0.3);
1992
- -webkit-box-shadow: 0 0 70px rgba(0, 0, 0, 0.3);
1993
- box-shadow: 0 0 70px rgba(0, 0, 0, 0.3);
1994
- }
1995
-
1996
- #follow_popup.light {
1997
- border: 1px solid #CCC;
1998
- }
1999
-
2000
- #follow_popup .follow_popup_logged_in_as {
2001
- color: #999;
2002
- font-size: 12px;
2003
- line-height: 12px;
2004
- font-family: Menlo, Monaco, monospace;
2005
- position: absolute;
2006
- bottom: 19px;
2007
- left: 19px;
2008
- z-index: 9;
2009
- }
2010
-
2011
- #follow_popup .follow_popup_logged_in_as a {
2012
- margin-left: 4px;
2013
- }
2014
-
2015
- #follow_popup_actions {
2016
- position: absolute;
2017
- bottom: 12px;
2018
- right: 12px;
2019
- z-index: 9;
2020
- }
2021
-
2022
- #follow_popup_actions a {
2023
- display: block;
2024
- float: left;
2025
- color: #fff;
2026
- text-decoration: none;
2027
- font-size: 14px;
2028
- margin-left: 8px;
2029
- padding: 7px 0;
2030
- width: 80px;
2031
- text-align: center;
2032
- line-height: 14px;
2033
- -webkit-border-radius: 3px;
2034
- -moz-border-radius: 3px;
2035
- border-radius: 3px;
2036
- }
2037
-
2038
- #follow_popup #follow_popup_actions a.follow_popup_ok {
2039
- background: #08c365;
2040
- font-weight: bold;
2041
- }
2042
-
2043
- #follow_popup #follow_popup_actions a.follow_popup_cancel {
2044
- background: #ccc;
2045
- }
2046
-
2047
- #follow_popup #follow_popup_actions a:hover {
2048
- background: #000;
2049
- -moz-box-shadow: 0px 1px 3px #999;
2050
- -webkit-box-shadow: 0px 1px 3px #999;
2051
- box-shadow: 0px 1px 3px #999;
2052
- }
2053
-
2054
- #follow_popup #follow_popup_actions a:active {
2055
- background: #666;
2056
- color: #fff;
2057
- -moz-box-shadow: inset 0px 1px 4px #212121;
2058
- -webkit-box-shadow: inset 0px 1px 4px #212121;
2059
- box-shadow: inset 0px 1px 4px #212121;
2060
- }
2061
-
2062
- #follow_popup_note {
2063
- position: absolute;
2064
- line-height: 163px;
2065
- top: 0;
2066
- left: 50px;
2067
- right: 50px;
2068
- text-align: center;
2069
- white-space: nowrap;
2070
- overflow: hidden;
2071
- text-overflow: ellipsis;
2072
- font-size: 18px;
2073
- color: #333;
2074
- }
2075
-
2076
- #following_loadspin {
2077
- /*background: url(/_gfx/loadingAnim.gif) 0 0 no-repeat;*/
2078
- display: none;
2079
- position: absolute;
2080
- top: 15px;
2081
- right: 15px;
2082
- height: 20px;
2083
- width: 20px;
2084
- z-index: 9;
2085
- }
2086
-
2087
- a#follow_popup_select {
2088
- color: #ccc;
2089
- padding-bottom: 2px;
2090
- border-bottom: 1px solid #ddd;
2091
- text-decoration: none;
2092
- }
2093
-
2094
- a#follow_popup_select:hover {
2095
- color: #333;
2096
- border-bottom: 1px solid #333;
2097
- background: none;
2098
- }
2099
-
2100
- a#follow_popup_select:active {
2101
- color: #666;
2102
- border-bottom: 1px solid #666;
2103
- background: none;
2104
- }
2105
-
2106
-
2107
- /* User image gallery
2108
- ***********************************************************************************************************/
2109
-
2110
- #images_title.gallery {
2111
- font-size: 14px;
2112
- }
2113
-
2114
- #image_gallery_name {
2115
- float: left;
2116
- margin: 0 9px 0 0;
2117
- }
2118
-
2119
- #image_gallery_name a {
2120
- color: #000 !important;
2121
- text-decoration: none;
2122
- }
2123
-
2124
- #image_gallery_name a:hover {
2125
- color: #000;
2126
- text-decoration: underline;
2127
- }
2128
-
2129
- #image_gallery_name a:active {
2130
- color: #666 !important;
2131
- text-decoration: underline;
2132
- }
2133
-
2134
- .image_gallery_arrow {
2135
- color: #999;
2136
- float: left;
2137
- font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
2138
- line-height: 28px;
2139
- margin: 0 7px 0 0;
2140
- }
2141
-
2142
- .image_gallery_text {
2143
- float: left;
2144
- }
2145
-
2146
- .image_gallery_text a {
2147
- color: #999999;
2148
- text-decoration: none;
2149
- padding-left: 0px !important;
2150
- }
2151
-
2152
- .image_gallery_text a:hover {
2153
- color: #000 !important;
2154
- text-decoration: underline;
2155
- }
2156
-
2157
- .image_gallery_text a:active {
2158
- color: #666 !important;
2159
- text-decoration: underline;
2160
- }
2161
-
2162
-
2163
-
2164
- /* Network join page & Reset Page
2165
- ***********************************************************************************************************/
2166
-
2167
- .networkJoin, .resetPage {
2168
- color: #000;
2169
- font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
2170
- font-size: 18px;
2171
- line-height: 1.7;
2172
- padding: 60px;
2173
- }
2174
-
2175
-
2176
- .networkJoin a, .resetPage a {
2177
- color: #000;
2178
- text-decoration: underline;
2179
- }
2180
-
2181
- .networkJoin a:hover, .resetPage a:hover {
2182
- background: #ff0;
2183
- text-decoration: underline;
2184
- }
2185
-
2186
- .networkJoin a:active {
2187
- background: none;
2188
- color: #f03;
2189
- }
2190
-
2191
- .resetPage a:active {
2192
- background: none;
2193
- color: #999;
2194
- }
2195
-
2196
- .resetPage a.deactivate {
2197
- color: #ff0066;
2198
- text-decoration: none;
2199
- font-size: 12px;
2200
- padding-left: 20px;
2201
- }
2202
-
2203
- .resetPage a.deactivate:hover {
2204
- background: none;
2205
- text-decoration: underline;
2206
- }
2207
-
2208
- .resetPage a.deactivate:active {
2209
- background: none;
2210
- color: #000;
2211
- }
2212
-
2213
- .resetPage .loading {
2214
- padding-top: 35px;
2215
- display: none;
2216
- }
2217
-
2218
-
2219
- .networkJoin .span-12, .resetPage .span-12 { font-size:12px; }
2220
- .networkJoin .header, .resetPage .header { font-weight:bold; margin-bottom:2em}
2221
- .networkJoin form, .resetPage form { margin-bottom:1em; padding:.5em 0}
2222
-
2223
-
2224
-
2225
- /* Signup page
2226
- ***********************************************************************************************************/
2227
-
2228
- #application_form {
2229
- color: #999;
2230
- font-size: 14px;
2231
- position: relative;
2232
- margin-left: 300px;
2233
- padding: 30px 0 0 0;
2234
- }
2235
-
2236
- #application_form a {
2237
- color:#999;
2238
- }
2239
-
2240
- #application_form a:hover {
2241
- color:#fff;
2242
- }
2243
-
2244
- #application_form a:active {
2245
- color:#666;
2246
- }
2247
-
2248
- #application_note {
2249
- height: 122px;
2250
- width: 560px;
2251
- margin-top:-5px;
2252
- }
2253
-
2254
- #application_form_items {
2255
- list-style: none;
2256
- margin: 0;
2257
- padding: 0;
2258
- }
2259
-
2260
- #application_form_items li {
2261
- margin: 8px 0 0 0;
2262
- }
2263
-
2264
- #application_form_items h3 {
2265
- color: #D0BFA6;
2266
- font-size: 12px;
2267
- font-weight: normal;
2268
- line-height: 1.5em;
2269
- margin: 0px;
2270
- padding: 0px;
2271
- }
2272
-
2273
- #application_form textarea {
2274
- line-height: 1.5em !important;
2275
- padding-right: 100px;
2276
- max-width: 600px;
2277
- }
2278
-
2279
- #application_form input, #application_form textarea {
2280
- background:#1f1f1f;
2281
- color:#777;
2282
- border-color: #333;
2283
- border-style: solid;
2284
- border-width: 2px;
2285
- -webkit-border-radius: 4px;
2286
- -moz-border-radius: 4px;
2287
- border-radius: 4px;
2288
- padding: 0 5px;
2289
- color:#999;
2290
- font-family: Arial, sans-serif !important;
2291
- font-size:14px;
2292
- height: 31px;
2293
- margin: 0;
2294
- width: 540px;
2295
-
2296
-
2297
- -webkit-background-clip: padding-box;
2298
- -moz-background-clip: padding-box;
2299
- }
2300
-
2301
- #application_form input:focus, #application_form textarea:focus {
2302
- background-color:#f2f2f2;
2303
- border-color: #f2f2f2 !important;
2304
- border-style: solid;
2305
- border-width: 2px;
2306
- color:#000 !important;
2307
- }
2308
-
2309
- #application_form input.signup_button {
2310
- background:#0AAF86;
2311
- color:#212121;
2312
- cursor: pointer;
2313
- border:2px solid #0AAF86;
2314
- -webkit-border-radius: 4px;
2315
- -moz-border-radius: 4px;
2316
- border-radius: 4px;
2317
- padding:5px;
2318
- font-family: Arial, sans-serif !important;
2319
- font-size:14px;
2320
- width:270px;
2321
- }
2322
-
2323
- #application_form input.signup_button:hover {
2324
- background-color: #f2f2f2;
2325
- border-color: #f2f2f2 !important;
2326
- }
2327
-
2328
- #application_form input.signup_button:active {
2329
- background-color: #999;
2330
- border-color: #999 !important;
2331
- margin: 1px 0 -1px;
2332
- }
2333
-
2334
- #application_form input.apply_button {
2335
- background:#0AAF86;
2336
- color:#212121;
2337
- cursor: pointer;
2338
- border:2px solid #0AAF86;
2339
- -webkit-border-radius: 4px;
2340
- -moz-border-radius: 4px;
2341
- border-radius: 4px;
2342
- padding:5px;
2343
- font-family: Arial, sans-serif !important;
2344
- font-size:14px;
2345
- width:270px;
2346
- }
2347
-
2348
- #application_form input.apply_button:hover {
2349
- background-color: #fff;
2350
- border-color: #fff !important;
2351
- }
2352
-
2353
- #application_form input.apply_button:active {
2354
- background-color: #999;
2355
- border-color: #999 !important;
2356
- margin: 1px 0 -1px;
2357
- }
2358
-
2359
-
2360
-
2361
-
2362
-
2363
- /* Audio component
2364
- ***********************************************************************************************************/
2365
-
2366
- .audio_component {
2367
- cursor: default;
2368
- float: left;
2369
- margin: 0 15px 15px 0;
2370
- position: relative;
2371
- }
2372
-
2373
- .audio_component div {
2374
- float: left;
2375
- }
2376
-
2377
- .audio_component .border {
2378
- position: absolute;
2379
- width: 296px;
2380
- z-index: 1;
2381
- }
2382
-
2383
- .audio_component .vertical_border {
2384
- height: 100%;
2385
- width: 1px;
2386
- }
2387
-
2388
- .audio_component .controls {
2389
- position: absolute;
2390
- width: inherit;
2391
- z-index: 2;
2392
- }
2393
-
2394
- .audio_component .play_pause {
2395
- background-position: -81px center;
2396
- background-repeat: no-repeat;
2397
- cursor: pointer;
2398
- display: block;
2399
- width: 35px;
2400
- }
2401
-
2402
- .audio_component .play {
2403
- background-position: -81px center;
2404
- }
2405
-
2406
- .audio_component .pause {
2407
- background-position: -16px center;
2408
- }
2409
-
2410
- .audio_component .info {
2411
- position: relative;
2412
- width: 202px;
2413
- }
2414
-
2415
- .audio_component .href {
2416
- display: none;
2417
- position: absolute;
2418
- visibility: hidden;
2419
- }
2420
-
2421
- .audio_component .spectrum {
2422
- height: 100%;
2423
- margin-left: 1px;
2424
- margin-right: 2px;
2425
- overflow: hidden;
2426
- position: absolute;
2427
- width: 100%;
2428
- }
2429
-
2430
- .audio_component .spectrum .spectrum_bar {
2431
- position: absolute;
2432
- }
2433
- .audio_component .progress_clip {
2434
- z-index:2;
2435
- }
2436
- .audio_component .loading {
2437
- position: absolute;
2438
- top: 0; left: 0;
2439
- z-index:1;
2440
- }
2441
-
2442
- .audio_component .glass {
2443
- height: 100%;
2444
- opacity: 0.0;
2445
- position: absolute;
2446
- width: 100%;
2447
-
2448
- filter: alpha(opacity=0);
2449
- -moz-opacity: 0.0;
2450
- -khtml-opacity: 0.0;
2451
- }
2452
-
2453
- .audio_component .position {
2454
- overflow: hidden;
2455
- position: relative;
2456
- width: inherit;
2457
- z-index:4;
2458
- }
2459
-
2460
- .audio_component .position .playhead {
2461
- cursor: ew-resize;
2462
- cursor: -moz-grab;
2463
- cursor: grab;
2464
- position: relative;
2465
- }
2466
-
2467
- .audio_component .progress {
2468
- position: absolute;
2469
- }
2470
-
2471
- .audio_component .text {
2472
- display: hidden;
2473
- left: 0;
2474
- overflow: hidden;
2475
- padding: 0 10px 0 10px;
2476
- position: absolute;
2477
- white-space: nowrap;
2478
- width: 90%;
2479
- z-index:3;
2480
- }
2481
-
2482
- .audio_component .volume {
2483
- float: right;
2484
- overflow: hidden;
2485
- position: relative;
2486
- width: 57px;
2487
- }
2488
-
2489
- .audio_component .volume_slide {
2490
- position: absolute;
2491
- width: 100%;
2492
- }
2493
-
2494
- .audio_component .volume_slide.hover {
2495
-
2496
- }
2497
-
2498
- .drag_ew {
2499
- cursor: ew-resize;
2500
- cursor: -moz-grab;
2501
- cursor: grab;
2502
- }
2503
-
2504
- .drag_ns {
2505
- cursor: ns-resize;
2506
- cursor: -moz-grab;
2507
- cursor: grab;
2508
- }
2509
-
2510
- #sm2movie, #sm2-container {
2511
-
2512
- }
2513
-
2514
- .detail_preload {
2515
- display:block !important;
2516
- }
2517
-
2518
- /**
2519
- * traceMark™
2520
- */
2521
-
2522
-
2523
- @-webkit-keyframes tracemark_spark {
2524
- from { fill: #333; }
2525
- to { fill: #000; }
2526
- }
2527
-
2528
- /* Bookmark icon */
2529
-
2530
- #tracemark_container {
2531
- position: absolute;
2532
- top: 0; left: 0;
2533
- z-index: 999999;
2534
- }
2535
-
2536
- #tracemark_container .tracemark_icon {
2537
- background-color: #1a1a1a;
2538
- color: #ccc;
2539
- line-height: 30px;
2540
- font-size: 16px;
2541
- font-weight: normal;
2542
- text-align: center;
2543
- cursor: pointer;
2544
- position: absolute;
2545
- text-decoration: none;
2546
- height: 30px;
2547
- width: 30px;
2548
- }
2549
-
2550
- #tracemark_container .tracemark_icon:hover {
2551
- background-color: #08C365;
2552
- color: #fff;
2553
- }
2554
-
2555
- #tracemark_container .tracemark_icon:active {
2556
- background-color: #666;
2557
- color: #fff;
2558
- }
2559
-
2560
- #tracemark_load {
2561
- background: url(/_gfx/loadingAnim.gif) no-repeat 0 0;
2562
- display: none;
2563
- height: 20px;
2564
- margin: 5px;
2565
- position: absolute;
2566
- top: 0; left: 0;
2567
- width: 20px;
2568
- z-index: 99999;
2569
- }
2570
-
2571
-
2572
- /*!
2573
- * Hide HTML5 video elements until needed, displayed by JS methods
2574
- */
2575
- .video_tag {
2576
- display: none;
2577
- }
2578
-
2579
- /*
2580
- * FreshBox aka Fullscreen
2581
- */
2582
- #fullscreen {
2583
- clear: both;
2584
- }
2585
- #fullscreen.fullscreen_ie {
2586
- line-height: 21px;
2587
- }
2588
-
2589
- #freshbox {
2590
- background: #000000;
2591
- position: fixed;
2592
- top: 0; left: 0; bottom: 0; right: 0;
2593
- z-index: 9999999;
2594
- }
2595
-
2596
- #freshbox.ie {
2597
- visibility: visible !important;
2598
- }
2599
-
2600
- #freshbox_centering {
2601
- position: absolute;
2602
- top: 0; left: 0;
2603
- text-align: center;
2604
- }
2605
-
2606
- #freshbox img {
2607
- display: none;
2608
- position: absolute;
2609
- top: 0; left: 0;
2610
- z-index: 109;
2611
- }
2612
-
2613
- #freshbox img.active {
2614
- display: block;
2615
- z-index: 110;
2616
- }
2617
-
2618
- #freshbox img.preload {
2619
- display: block;
2620
- zoom: 1;
2621
- filter: alpha(opacity=50);
2622
- opacity: 0.5;
2623
- }
2624
-
2625
- #freshbox img#freshbox_loading,
2626
- #freshbox #freshbox_loading.retinaSpinner {
2627
- display: block;
2628
- float: none;
2629
- height: 20px;
2630
- margin: -10px 0 0 -10px;
2631
- position: absolute;
2632
- top: 50%; left: 50%;
2633
- width: 20px;
2634
- z-index: 101;
2635
- }
2636
-
2637
- /**
2638
- * Navigation
2639
- */
2640
-
2641
- .freshbox_navigation {
2642
- font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
2643
- font-size: 12px;
2644
- margin-left: -43px;
2645
- position: fixed;
2646
- bottom: 50px; left: 50%;
2647
- width: 150px;
2648
- z-index: 99999;
2649
- }
2650
-
2651
- .freshbox_navigation_group {
2652
- background: rgba(10, 10, 10, 0.2);
2653
- float: left;
2654
- height: 34px;
2655
- margin: 0 10px 0 0 ;
2656
- padding: 0 2px 0 1px;
2657
-
2658
- border-radius: 4px;
2659
- -webkit-border-radius: 4px;
2660
- -moz-border-radius: 4px;
2661
- }
2662
-
2663
- .freshbox_navigation a {
2664
- background-color: #ffffff;
2665
- color: #000000;
2666
- display: block;
2667
- float: left;
2668
- height: 30px;
2669
- line-height: 30px;
2670
- margin: 2px 0 2px 1px;
2671
- padding: 0 10px 0 10px;
2672
- text-decoration: none;
2673
-
2674
- border-radius: 2px;
2675
- -webkit-border-radius: 2px;
2676
- -moz-border-radius: 2px;
2677
- }
2678
-
2679
- a.freshbox_nav_button {
2680
- padding: 0;
2681
- width: 30px;
2682
- overflow: hidden;
2683
- }
2684
-
2685
- a.freshbox_nav_button#fullscreen_zoom {
2686
- margin-left: 14px;
2687
- }
2688
-
2689
- a.freshbox_nav_button#fullscreen_zoom.active svg {
2690
- margin-left: -30px;
2691
- }
2692
-
2693
- a.freshbox_nav_button .nav_svg {
2694
- fill: #999999;
2695
- }
2696
-
2697
- a.freshbox_nav_button:hover {
2698
- background-color: #f2f2f2;
2699
- }
2700
-
2701
- a.freshbox_nav_button:hover .nav_svg {
2702
- fill: #555555;
2703
- }
2704
-
2705
- a.freshbox_nav_button:active a:active {
2706
- background-color: #f2f2f2;
2707
- }
2708
-
2709
- a.freshbox_nav_button:active .nav_svg {
2710
- fill: #222222;
2711
- }
2712
-
2713
- a#fullscreen_close .nav_svg {
2714
- shape-rendering: crispEdges;
2715
- }
2716
-
2717
- a.freshbox_nav_button.disabled {
2718
- background-color: #ffffff;
2719
- cursor: default;
2720
- }
2721
-
2722
- a.freshbox_nav_button.disabled .nav_svg {
2723
- fill: #cccccc !important;
2724
- }
2725
-
2726
- #freshbox.single .freshbox_navigation_group {
2727
- margin: 0 0 0 35px;
2728
- }
2729
-
2730
- /**
2731
- * iOS formatting for fullscreen
2732
- */
2733
-
2734
- #freshbox.ios .freshbox_navigation {
2735
- bottom: 20px;
2736
- }
2737
-
2738
- /*
2739
- * IE Fullscreen SVG fallback used in the navigation.
2740
- *
2741
- * If you have any questions about this please visit our
2742
- * support forum: http://support.cargocollective.com
2743
- *
2744
- */
2745
-
2746
- #freshbox.ie .freshbox_navigation svg {
2747
- display: none;
2748
- }
2749
-
2750
- #freshbox.ie a.freshbox_nav_button {
2751
- background-image: url(/_gfx/landsat_navigation_sprite.png);
2752
- background-repeat: no-repeat;
2753
- }
2754
-
2755
- #freshbox.ie a.freshbox_nav_button#fullscreen_prev {
2756
- background-position: 0 0;
2757
- }
2758
-
2759
- #freshbox.ie a.freshbox_nav_button#fullscreen_prev:hover {
2760
- background-position: 0 -30px;
2761
- }
2762
-
2763
- #freshbox.ie a.freshbox_nav_button#fullscreen_prev:active {
2764
- background-position: 0 0;
2765
- }
2766
-
2767
- #freshbox.ie a.freshbox_nav_button#fullscreen_next {
2768
- background-position: -59px 0;
2769
- }
2770
-
2771
- #freshbox.ie a.freshbox_nav_button#fullscreen_next:hover {
2772
- background-position: -59px -30px;
2773
- }
2774
-
2775
- #freshbox.ie a.freshbox_nav_button#fullscreen_next:active {
2776
- background-position: -59px 0;
2777
- }
2778
-
2779
- #freshbox.ie a.freshbox_nav_button#fullscreen_close {
2780
- background-position: -180px 0;
2781
- }
2782
-
2783
- #freshbox.ie a.freshbox_nav_button#fullscreen_close:hover {
2784
- background-position: -180px -30px;
2785
- }
2786
-
2787
- #freshbox.ie a.freshbox_nav_button#fullscreen_close:active {
2788
- background-position: -180px 0;
2789
- }
2790
-
2791
- #freshbox.ie a.freshbox_nav_button#fullscreen_zoom {
2792
- background-position: -90px 0;
2793
- }
2794
-
2795
- #freshbox.ie a.freshbox_nav_button#fullscreen_zoom:hover {
2796
- background-position: -90px -30px;
2797
- }
2798
-
2799
- #freshbox.ie a.freshbox_nav_button#fullscreen_zoom:active {
2800
- background-position: -90px 0;
2801
- }
2802
-
2803
- #freshbox.ie a.freshbox_nav_button#fullscreen_zoom.active {
2804
- background-position: -120px 0;
2805
- }
2806
-
2807
- #freshbox.ie a.freshbox_nav_button#fullscreen_zoom.active:hover {
2808
- background-position: -120px -30px;
2809
- }
2810
-
2811
- #freshbox.ie a.freshbox_nav_button#fullscreen_zoom.active:active {
2812
- background-position: -120px 0;
2813
- }
2814
-
2815
- /**
2816
- * Password protection page styles
2817
- */
2818
- body.password_protected {
2819
- background: #999;
2820
- color: #000;
2821
- }
2822
-
2823
- body.password_protected #main_container {
2824
- color: #fff;
2825
- font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
2826
- font-size: 14px;
2827
- height: 150px;
2828
- line-height: 1.5;
2829
- margin: -75px 0 0 -150px;
2830
- position: fixed;
2831
- top: 50%; left: 50%;
2832
- text-align: center;
2833
- width: 300px;
2834
- }
2835
-
2836
- body.password_protected .password_protected_title {
2837
- color: #999;
2838
- }
2839
-
2840
- body.password_protected input {
2841
- background: #fff;
2842
- border: 2px solid #777;
2843
- font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
2844
- font-size: 20px;
2845
- padding: 5px;
2846
- margin: 12px 0 0 0;
2847
- text-align: center;
2848
- width: 220px;
2849
-
2850
- background-clip: padding-box;
2851
- -webkit-background-clip: padding-box;
2852
- -moz-background-clip: padding-box;
2853
-
2854
- border-radius: 3px;
2855
- -webkit-border-radius: 3px;
2856
- -moz-border-radius: 3px;
2857
- }
2858
-
2859
- .ajax_post, .ajax_loading {
2860
- display: none !important;
2861
- }
2862
-
2863
- .ajax_loading2 {
2864
- height: 20px;
2865
- }
2866
- .password_head {
2867
- height: 21px;
2868
- display: block;
2869
- }
2870
-
2871
- /*** DEVELOPER DESIGN ERROR PAGE ***/
2872
-
2873
- .developer_error {
2874
- color: #000000;
2875
- font-family: 'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
2876
- font-size: 18px;
2877
- line-height: 1.5;
2878
- padding: 60px;
2879
- }
2880
-
2881
- .developer_error pre {
2882
- font-size: 14px;
2883
- }
2884
-
2885
- .developer_error a {
2886
- color: #000;
2887
- text-decoration: underline;
2888
- }
2889
-
2890
- .developer_error a:hover {
2891
- background: #ff0;
2892
- text-decoration: underline;
2893
- }
2894
-
2895
- .developer_error a:active {
2896
- background: none;
2897
- color: #f03;
2898
- }
2899
-
2900
- .developer_error ul {
2901
- margin: 0;
2902
- padding: 0;
2903
- list-style: none none;
2904
- font-size: 14px;
2905
- }
2906
-
2907
- .developer_error ul.listing li {
2908
- padding-left: 30px;
2909
- }
2910
-
2911
- .developer_error ul li[data-directory]:after {
2912
- content: "/";
2913
- }
2914
-
2915
- .developer_error ul li.misplaced {
2916
- color: #f03;
2917
- }
2918
-
2919
- .developer_error ul li.missing {
2920
- color: #16C170;
2921
- animation: developer_error_missing 650ms steps(10, end) infinite;
2922
- -moz-animation: developer_error_missing 650ms steps(10, end) infinite;
2923
- -webkit-animation: developer_error_missing 650ms steps(10, end) infinite;
2924
- }
2925
-
2926
- @keyframes developer_error_missing {
2927
- 0% { color: #fff; }
2928
- 50% { color: #16C170; }
2929
- }
2930
-
2931
- @-moz-keyframes developer_error_missing {
2932
- 0% { color: #fff; }
2933
- 50% { color: #16C170; }
2934
- }
2935
-
2936
- @-webkit-keyframes developer_error_missing {
2937
- 0% { color: #fff; }
2938
- 50% { color: #16C170; }
2939
- }