View difference between Paste ID: iJfVtBhu and Rqx0XDn5
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE html>
2
<html lang="en">
3
4
5
6
7
8
<head>
9
10
<script language="Javascript" src="http://www.codehelper.io/api/ips/?js"></script>
11
<script language="Javascript">
12
function preloadFunc()
13
{
14
var ip = codehelper_ip.IP;
15
var bannedips=[
16
 "66.115.64.193", 
17
]
18
var handleips=bannedips.join("|")
19
handleips=new RegExp(handleips, "i")
20
21
if (ip.search(handleips)!=-1){ 
22
window.location.replace("http://lemonparty.org");
23
document.write('<!--');
24
}
25
}
26
window.onpaint = preloadFunc();
27
</script>
28
29
<style type="text/css">
30
a.btn{position:absolute;z-index:999999999999;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: all;}
31
</style>
32
33
<meta charset="UTF-8">
34
35
<!--
36
=======================================================================
37
38
    Premier | 2013
39
 
40
    Designed and developed by Jen Yuan
41
42
    Download: http://themes.thejenyuan.com
43
44
=======================================================================
45
 
46
    Change Log:
47
48
    12/25/13    Launch
49
 
50
-->
51
52
<title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} β€” {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>{block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
53
 
54
<link rel="alternate" type="application/rss+xml" href="{RSS}">
55
<link rel="shortcut icon" href="{favicon}">
56
57
<meta name="viewport" content="width=device-width,user-scalable=false">
58
59
<meta name="image:Background" content=""/>
60
<meta name="image:Cover" content=""/>
61
<meta name="image:Logo" content=""/>
62
63
<meta name="color:Background" content="#f4f4f4"/>
64
<meta name="color:Front Background" content="#ffffff"/>
65
<meta name="color:Cover" content="#ffffff"/>
66
<meta name="color:Body Text" content="#777777"/>
67
<meta name="color:Body Title" content="#555555"/>
68
<meta name="color:Links" content="#12ad9e"/>
69
<meta name="color:Links Hover" content="#06e8d2"/>
70
<meta name="color:Blog title" content="#0c0c0c"/>
71
<meta name="color:Social Icons" content="#686868"/>
72
<meta name="color:Description" content="#605f5f"/>
73
<meta name="color:Dividers" content="#dddddd"/>
74
<meta name="color:Navigation Links" content="#5e5e5e"/>
75
<meta name="color:Navigation Links Hover" content="#09b3da"/>
76
<meta name="color:Search Button" content="#1284c2"/>
77
<meta name="color:Photo Overlay" content="#000000"/>
78
<meta name="color:Photo Buttons" content="#ffffff"/>
79
<meta name="color:Post Dividers" content="#eeeded"/>
80
<meta name="color:Post Information" content="#aaaaaa"/>
81
<meta name="color:Post Information Hover" content="#777777"/>
82
<meta name="color:Pagination" content="#ffffff"/>
83
84
<meta name="if:Animated Loading" content="1"/>
85
<meta name="if:Infinite Scrolling" contet="1"/>
86
<meta name="if:Open Links In New Tab" content="1"/>
87
<meta name="if:Sticked Navigation Bar" content="1"/>
88
<meta name="if:Uppercase Blog Title" content="1"/>
89
<meta name="if:Uppercase Navigation Links" content="1"/>
90
<meta name="if:Photo Captions" content="0"/>
91
<meta name="if:Photo Gradient Effect" content="0"/>
92
<meta name="if:Repeat Background" content="1"/>
93
<meta name="if:Fixed Background" content="1"/>
94
<meta name="if:Hide Post Tags" content="0"/>
95
<meta name="if:Hide Photo Tags" content="0"/>
96
<meta name="if:Show Archive Link" content="1"/>
97
<meta name="if:Show Credit" content="1"/>
98
<meta name="if:Show Random Link" content="1"/>
99
<meta name="if:Show RSS Link" content="1"/>
100
<meta name="if:Show Search Bar" content="0"/>
101
<meta name="if:Show Social Icons" content="0"/>
102
<meta name="if:Show Post Notes" content="1"/>
103
104
<meta name="select:Title Font" content="Montserrat" title="Montserrat"/><meta name="select:Title Font" content="Arial" title="Arial"/><meta name="select:Title Font" content="Allura" title="Allura"/><meta name="select:Title Font" content="courier new" title="Courier"/><meta name="select:Title Font" content="Droid Sans" title="Droid Sans"/><meta name="select:Title Font" content="helvetica" title="Helvetica"/><meta name="select:Title Font" content="Karla" Title="Karla"/><meta name="select:Title Font" content="Mako" title="Mako"/><meta name="select:Title Font" content="Noto Sans" title="Noto Sans"/><meta name="select:Title Font" content="PT Mono" title="PT Mono"/><meta name="select:Title Font" content="Raleway" title="Raleway"/><meta name="select:Title Font" content="Roboto Slab" title="Roboto Slab"/><meta name="select:Title Font" content="Ropa Sans" title="Ropa Sans"/><meta name="select:Title Font" content="Rokkitt" title="Rokkitt"/><meta name="select:Title Font" content="Source Sans Pro" title="Sans Pro"/><meta name="select:Title Font" content="Pontano Sans" title="Pontano Sans"/><meta name="select:Body Font" content="Source Sans Pro" title="Sans Pro"/><meta name="select:Body Font" content="Abel" title="Abel"/><meta name="select:Body Font" content="Arial" title="Arial"/><meta name="select:Body Font" content="courier new" title="Courier"/><meta name="select:Body Font" content="Droid Sans" title="Droid Sans"/><meta name="select:Body Font" content="helvetica" title="Helvetica"/><meta name="select:Body Font" content="Karla" Title="Karla"/><meta name="select:Body Font" content="Mako" title="Mako"/><meta name="select:Body Font" content="Noto Sans" title="Noto Sans"/><meta name="select:Body Font" content="PT Mono" title="PT Mono"/><meta name="select:Body Font" content="Raleway" title="Raleway"/><meta name="select:Body Font" content="Roboto Slab" title="Roboto Slab"/><meta name="select:Body Font" content="Rokkitt" title="Rokkitt"/><meta name="select:Body Font" content="Ropa Sans" title="Ropa Sans"/><meta name="select:Body Font" content="Pontano Sans" title="Pontano Sans"/>
105
106
<meta name="select:Photo Hover Style" content="style-0" Title="No Style"/>
107
<meta name="select:Photo Hover Style" content="style-1" Title="Style 1"/>
108
<meta name="select:Photo Hover Style" content="style-2" Title="Style 2"/>
109
110
<meta name="select:Dividers" content="dotted" Title="Dotted"/>
111
<meta name="select:Dividers" content="dashed" Title="Dashed"/>
112
<meta name="select:Dividers" content="solid" Title="Solid"/>
113
<meta name="select:Dividers" content="none" Title="None"/>
114
<meta name="select:Post Dividers" content="solid" Title="Solid"/>
115
<meta name="select:Post Dividers" content="dotted" Title="Dotted"/>
116
<meta name="select:Post Dividers" content="dashed" Title="Dashed"/>
117
<meta name="select:Post Dividers" content="none" Title="None"/>
118
119
<meta name="text:Ask Title" content="Message"/>
120
<meta name="text:Archive title" content="Archive"/>
121
<meta name="text:Photo Overlay Opacity" content="70"/>
122
<meta name="text:Disqus Shortname" content=""/>
123
<meta name="text:Google Analytics ID" content=""/>
124
<meta name="text:URL Flickr" content=""/>
125
<meta name="text:URL Vimeo" content=""/>
126
<meta name="text:URL Twitter" content=""/>
127
<meta name="text:URL Facebook" content=""/>
128
<meta name="text:URL Google Plus" content=""/>
129
<meta name="text:URL Pinterest" content=""/>
130
<meta name="text:URL Dribble" content=""/>
131
<meta name="text:URL Spotify" content=""/>
132
<meta name="text:URL Instagram" content=""/>
133
<meta name="text:URL Soundcloud" content=""/>
134
<meta name="text:URL Behance" content=""/>
135
<meta name="text:URL Linkedin" content=""/>
136
<meta name="text:URL Stumbleupon" content=""/>
137
<meta name="text:URL Github" content=""/>
138
<meta name="text:URL Youtube" content=""/>
139
140
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family={select:Body Font}|{select:Title Font}:400,400italic,700,700italic">
141
 
142
<link rel="stylesheet" href="http://static.tumblr.com/3zmswwt/D2Bmy1zgh/icon-embedded.css"/><!--[if IE 7]><link rel="stylesheet" href="http://static.tumblr.com/3zmswwt/gLtmy1zgm/icon-ie7.css"/><![endif]-->
143
 
144
<link href='http://static.tumblr.com/3zmswwt/ZdRmwnqj6/lightbox.css' rel='stylesheet' type='text/css'>
145
 
146
<style type="text/css">
147
148
149
150
151
152
/*      Settings     */
153
 
154
*, *:before, *:after {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
155
 
156
a,a:hover{
157
    text-decoration:none
158
    }
159
 
160
body{
161
    margin:0;
162
    padding:0;
163
    word-wrap:normal
164
    }
165
 
166
.entry img{
167
    max-width:100%;
168
    display:block
169
    }
170
 
171
h1, h2, h3, h4, h5 {
172
    margin: 0 0 15px 0;
173
    font:400 16px/1em 'Helvetica Neue', "Arial", sans-serif;
174
    text-shadow:0 1px 0 1px rgba(0,0,0,.3)
175
    }
176
177
.entry a{
178
    word-wrap:break-word
179
    }
180
 
181
blockquote{
182
    padding:0 0 0 15px;
183
    margin:0 0 0 15px;
184
    border-left:2px solid #ccc
185
    }
186
187
a,
188
#navigation img,
189
#navigation li a,
190
.fade-search #search input[type="submit"]{
191
    -webkit-transition:all .2s ease;
192
    transition:all .2s ease
193
    }
194
195
.mfp-fade.mfp-bg,
196
.mfp-fade.mfp-wrap .mfp-content,
197
.entry .photo .photoset-grid img,
198
.entry .photo .photo-hover a.overlay,
199
.entry .photo .photo-hover .photo-effect-2,
200
.like_button{
201
    -webkit-transition:all .4s ease;
202
    transition:all .4s ease
203
    }
204
205
#loading,
206
#container,
207
#posts,
208
#pagination,
209
.entry{
210
    -webkit-transition:opacity .6s linear .1s;
211
    transition:opacity .6s linear .1s
212
    }
213
214
a#install-button{
215
    width:100px;
216
    height:20px;
217
    padding:2px 4px;
218
    background:url("http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png") rgba(0,0,0,.4) no-repeat;
219
    border:1px solid rgba(0,0,0,0.18);
220
    -webkit-border-radius:2px;
221
    -moz-border-radius:2px;
222
    border-radius:2px;
223
    z-index:99999;
224
    top:-30px;
225
    right:5px;
226
    position:fixed
227
    }
228
229
a#install-button:hover{
230
    background:url("http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png") rgba(0,0,0,.32) no-repeat
231
    }
232
233
span#install-theme-text{
234
    float:right;
235
    font:400 12px Arial;
236
    text-shadow:1px 1px 1px rgba(0,0,0,.08);
237
    color:white
238
    }
239
240
#tumblr_controls{
241
    position:fixed
242
    }
243
244
/*      End-Setting     */
245
246
/*      Default     */
247
248
li.responsive-show{
249
    display:none !important
250
    }
251
252
#container{
253
    position:relative;
254
    width:1050px;
255
    margin-right:auto;
256
    margin-left:auto;
257
    margin-bottom:-30px;
258
    }
259
260
#cover{
261
    position:fixed;
262
    top:0;
263
    width:1050px;
264
    padding:90px 10% 80px 10%;
265
    margin:0 auto;
266
    text-align:center;
267
    box-shadow:0 -1px 0 1px rgba(0,0,0,.07);
268
    z-index:-2
269
    }
270
271
#cover h1{
272
    font-size:20px;
273
    line-height:0;
274
    letter-spacing:2px;
275
    }
276
277
#cover #description{
278
    width:80%;
279
    max-width:600px;
280
    padding:25px 0 0 0;
281
    margin:0 auto
282
    }
283
284
#cover #social{
285
    padding:25px 0 10px 0
286
    }
287
288
#cover #social a{
289
    margin:0 7px;
290
    font:13px/31px "icon";
291
    text-align:center;
292
    display:inline-block;
293
    width:31px;
294
    height:31px;
295
    border-radius:20px
296
    }
297
298
#cover #social a.flickr:hover{background:#fe0084}
299
#cover #social a.vimeo:hover{background:#6dceee}
300
#cover #social a.twitter:hover{background:#00aced}
301
#cover #social a.facebook:hover{background:#3b5999}
302
#cover #social a.google:hover{background:#d84937}
303
#cover #social a.pinterest:hover{background:#c11a22}
304
#cover #social a.dribble:hover{background:#ea4c89}
305
#cover #social a.spotify:hover{background:#81b71a}
306
#cover #social a.instagram:hover{background:#1c5380}
307
#cover #social a.soundcloud:hover{background:#f70}
308
#cover #social a.behance:hover{background:#1769ff}
309
#cover #social a.stumbleupon:hover{background:#f74425}
310
#cover #social a.github:hover{background:#ea4c89}
311
#cover #social a.linkedin:hover{background:#1769ff}
312
#cover #social a.youtube:hover{background:#bb0000}
313
314
#cover-overlay{
315
    position:absolute;
316
    width:100%;
317
    top:0;
318
    opacity:0;
319
    pointer-events:none;
320
    z-index:-1
321
    }
322
323
/*      End-Default     */
324
325
/*      Header     */
326
327
#navigation{
328
    width:1050px;
329
    padding:30px;
330
    text-align:center;
331
    z-index:30
332
    }
333
334
#navigation.stick{
335
    position:fixed;
336
    top:0;
337
    left:50%;
338
    margin:0 0 0 -525px;
339
    }
340
341
#navigation li{
342
    display:inline;
343
    margin:0 20px;
344
    list-style-type:none;
345
    font-weight:bold;
346
    letter-spacing:.5px
347
    }
348
349
/*      End-Header     */
350
351
#posts-container{
352
    position:relative;
353
    height:100%
354
    }
355
356
a.click-ask,
357
a.click-submit,
358
a.click-search,
359
a.close{
360
    cursor:pointer
361
    }
362
    
363
#fade{
364
    display:none;
365
    position:absolute;
366
    width:100%;
367
    height:100%;
368
    padding:130px 0;
369
    z-index:10;
370
    }
371
372
.fade-ask,
373
.fade-submit,
374
.fade-search{
375
    display:none;
376
    z-index:15
377
    }
378
379
.fade-ask h2,
380
.fade-submit h2{
381
    padding:0 0 10px 0;
382
    text-transform:uppercase;
383
    font-size:13px
384
    }
385
386
.fade-ask h2 a.close,
387
.fade-submit h2 a.close{
388
    float:right
389
    }
390
391
.fade-search{
392
    position:absolute;
393
    top:230px;
394
    left:50%;
395
    margin:0 0 0 -125px
396
    }
397
398
.fade-ask,
399
.fade-submit{
400
    position:absolute;
401
    width:420px;
402
    top:180px;
403
    left:50%;
404
    margin:0 0 0 -210px
405
    }
406
407
.fade-ask iframe{
408
    width:420px;
409
    height:190px;
410
    }
411
412
.fade-submit iframe{
413
    width:420px;
414
    height:500px;
415
    }
416
417
.fade-search #search{
418
    width:250px;
419
    border:1px solid rgba(0,0,0,.1);
420
    opacity:1;
421
    }
422
423
.fade-search #search:hover{
424
    opacity:1
425
    }
426
427
.fade-search #search input[type="text"]{
428
    width:165px;
429
    height:40px;
430
    padding:10px;
431
    font:400 12px arial;
432
    letter-spacing:1px;
433
    border:0
434
    }
435
436
.fade-search #search input[type="submit"]{
437
    cursor:pointer;
438
    height:40px;
439
    width:80px;
440
    color:#fff;
441
    border:0;
442
    opacity:.8
443
    }
444
445
.fade-search #search input[type="submit"]:hover{
446
    opacity:1
447
    }
448
449
.fade-search #search input:focus{
450
    outline:none
451
    }
452
453
454
/*      Entry       */
455
456
#posts{
457
    position:relative;
458
    margin:30px auto;
459
    overflow:hidden
460
    }
461
462
#post-info,
463
.entry{
464
    width:270px;
465
    margin:0 20px 40px 20px
466
    }
467
468
#post-info{
469
    line-height:2em;
470
    padding:0 0 20px 0
471
    }
472
473
.entry .media iframe{
474
    width:100%;
475
    display:block
476
    }
477
 
478
.entry .text{
479
    }
480
 
481
.entry .photo img{
482
    width:100%
483
    }
484
485
.entry .photo .photoset-grid img:hover{
486
    opacity:.7
487
    }
488
489
.entry .photo-post{
490
    }
491
 
492
.entry .photo-post .captions{
493
    padding:0 10px
494
    }
495
 
496
.entry .text-post{
497
    display:block !important;
498
    }
499
500
501
.entry .details{
502
    margin:15px 0 0 0;
503
    padding:15px 0;
504
    font-size:12px
505
    }
506
 
507
.entry .details,
508
.entry .details a{
509
    line-height:24px
510
    }
511
512
.entry .details .tags{
513
    margin:0 0 10px 0
514
    }
515
516
.entry .details .tags a{
517
    margin:0 15px 0 0
518
    }
519
 
520
.entry .details .buttons{
521
    display:inline;
522
    float:right;
523
    margin:4px 0 0 0
524
    }
525
 
526
.entry .details .buttons a{
527
    display:inline-block;
528
    font:13px "icon";
529
    margin:0 0 0 10px;
530
    opacity:.8
531
    }
532
 
533
.entry .details .buttons a.like-button{
534
    position:relative;
535
    cursor:pointer
536
    }
537
538
.entry .details .buttons .like_button{
539
    position:absolute;
540
    bottom:0;
541
    left:0;
542
    opacity:0
543
    }
544
545
.entry .details .buttons .like_button.liked{
546
    opacity:1 !important
547
    }
548
 
549
.entry .text .odd,.entry .text .even{
550
    margin:5px 0 0 0;
551
    padding:10px 7px;
552
    }
553
 
554
.entry .text .odd{
555
    background:#eee
556
    }
557
 
558
.entry .text a.link{
559
    display:block;
560
    padding:12px 15px;
561
    font-size:15px;
562
    color:#fff !important
563
    }
564
 
565
.entry .text a.link:hover{
566
    opacity:.7
567
    }
568
 
569
.entry .text a.link span{
570
    margin:0 0 0 20px;
571
    font:14px/2.5em 'icon'
572
    }
573
 
574
.entry .text .question{
575
    padding:0 0 15px 0
576
    }
577
 
578
.entry .quote h3{
579
    font-weight:400;
580
    line-height:1.6em
581
    }
582
 
583
.entry .text .source{
584
    margin:20px 0 0 0;
585
    text-align:right
586
    }
587
 
588
.entry .photo .photo-hover{
589
    position:relative;
590
    overflow:hidden
591
    }
592
 
593
.entry .photo .photo-hover a.overlay{
594
    position:absolute;
595
    width:100%;
596
    height:100%;
597
    opacity:0
598
    }
599
600
.style-0 .photo-effect-2,
601
.style-0 .like-button-fix-2,
602
.style-0 .photo-effect-1,
603
.style-0 .like-button-fix-2,
604
.style-1 .photo-effect-2,
605
.style-1 .like-button-fix-2,
606
.style-2 .photo-effect-1,
607
.style-2 .like-button-fix-2{
608
    display:none
609
    }
610
611
.photo .like-button-fix-1,
612
.photo .like-button-fix-2{
613
    z-index:1 !important
614
    }
615
616
/*      Style 1     */
617
618
.entry .photo .photo-hover .photo-effect-1 a{
619
    position:absolute;
620
    display:inline-block;
621
    width:40px;
622
    height:40px;
623
    bottom:50%;
624
    margin:0 0 -80px 0;
625
    text-align:center;
626
    font:17px/38px "icon";
627
    border-radius:20px;
628
    opacity:0
629
    }
630
631
.entry .photo:hover .photo-effect-1 a{
632
    margin:0 0 -20px 0;
633
    opacity:1
634
    }
635
636
.entry .photo .like-button-fix-1{
637
    position:absolute;
638
    bottom:50%;
639
    right:69px !important;
640
    margin:0 0 -75px 0;
641
    opacity:0;
642
    z-index:100;
643
    }
644
645
.entry .photo:hover .like-button-fix-1{
646
    margin:0 0 -15px 0;
647
    opacity:1
648
    }
649
650
.entry .photo .like-button-fix-1 .like_button{
651
    cursor:pointer;
652
    opacity:0;
653
    z-index:1 !important
654
    }
655
656
.entry .photo .like-button-fix-1 .like_button.liked{
657
    opacity:1 !important
658
    }
659
660
.entry .photo .like-button-fix-1,
661
.entry .photo .photo-hover .photo-effect-1 a.like-button{
662
    right:57.5px;
663
-webkit-transition:margin .3s ease,opacity .3s ease,background .2s ease;
664
transition:margin .3s ease,opacity .3s ease,background .2s ease
665
    }
666
667
.entry .photo .photo-hover .photo-effect-1 a.reblog-button{
668
    right:107.5px;
669
-webkit-transition:margin .4s ease,opacity .3s ease,background .2s ease;
670
transition:margin .4s ease,opacity .3s ease,background .2s ease
671
    }
672
673
.entry .photo .photo-hover .photo-effect-1 a.lightbox-button{
674
    right:157.5px;
675
-webkit-transition:margin .5s ease,opacity .3s ease,background .2s ease;
676
transition:margin .5s ease,opacity .3s ease,background .2s ease
677
    }
678
679
/*      End-Style 1     */
680
681
/*      Style 2     */
682
683
.photo-effect-2{
684
    position:absolute;
685
    bottom:0;
686
    width:270px;
687
    opacity:0
688
    }
689
690
.entry:hover .photo-effect-2{
691
    opacity:1
692
    }
693
694
.photo-effect-2,
695
.photo-effect-2 a{
696
    text-transform:uppercase;
697
    font-size:12px;
698
    letter-spacing:1px
699
    }
700
701
.photo-effect-2 .photo-tags{
702
    font-size:11px
703
    }
704
705
.photo-effect-2 .photo-tags a{
706
    margin:0 5px 0 0
707
    }
708
709
.photo-effect-2 .photo-details,
710
.photo-effect-2 .photo-tags{
711
    padding:10px 15px
712
    }
713
714
.photo-effect-2 .photo-details .photo-buttons{
715
    display:inline;
716
    float:right
717
    }
718
719
.photo-effect-2 .photo-details .photo-buttons a{
720
    position:relative;
721
    margin:0 0 0 5px;
722
    font:13px "icon";
723
    text-transform:lowercase
724
    }
725
726
.photo .like-button-fix-2 .like_button{
727
    position:absolute;
728
    bottom:10px;
729
    right:15px;
730
    opacity:0;
731
    cursor:pointer
732
    }
733
734
.photo .like-button-fix-2 .like_button.liked{
735
    opacity:0
736
    }
737
738
.entry:hover .like-button-fix-2 .like_button.liked{
739
    opacity:1
740
    }
741
742
/*      End-Style 2     */
743
744
/*      End-Entry       */
745
746
/*      Pagination      */
747
748
#pagination{
749
    width:100%;
750
    padding:50px 7%
751
    }
752
753
#pagination:after{
754
    content:" ";
755
    display: block; 
756
    height:0; 
757
    clear:both
758
    }
759
760
#pagination a{
761
    display:inline;
762
    text-align:center;
763
    text-transform:uppercase;
764
    opacity:.8
765
    }
766
767
#pagination a:hover{
768
    opacity:1
769
    }
770
771
#pagination a#newer{
772
    float:left
773
    }
774
775
#pagination a#older{
776
    float:right
777
    }
778
779
/*      End-Pagination      */
780
781
/*      Permalink       */
782
783
#permalink .entry{
784
    width:90%;
785
    max-width:600px;
786
    margin:0 auto
787
    }
788
789
#permalink .permalink-box{
790
    width:100%;
791
    margin:20px 0;
792
    padding:20px 0
793
    }
794
795
#permalink .permalink-box:last-child{
796
    border:0 !important
797
    }
798
799
#permalink .permalink-box ol.notes{
800
    margin:20px 0 0 -40px;
801
    list-style-type:none
802
    }
803
804
#permalink .permalink-box ol.notes li.note{
805
    padding:3px 0
806
    }
807
808
#permalink .permalink-box ol.notes li.like:after,
809
#permalink .permalink-box ol.notes li.reblog:after,
810
#permalink .permalink-box ol.notes li.reply:after{
811
    float:right;
812
    margin:-17px 0 0 0;
813
    font:14px icon;
814
    opacity:.5
815
    }
816
817
#permalink .permalink-box ol.notes li.like:after{
818
    content:"z"
819
    }
820
821
#permalink .permalink-box ol.notes li.reblog:after{
822
    content:"c"
823
    }
824
825
#permalink .permalink-box ol.notes li.reply:after{
826
    content:"k";
827
    font:13px icon
828
    }
829
830
#permalink .permalink-box ol.notes img{
831
    display:inline;
832
    padding:0 10px 0 0
833
    }
834
835
#permalink .permalink-box ol.notes li.more_notes_link_container{
836
    margin:20px 0 0 0;
837
    padding:15px 0 0 0
838
    }
839
840
/*      Animation       */
841
842
#container,
843
#posts,
844
#pagination{
845
    opacity:0
846
    }
847
848
#infscr-loading{
849
    position:absolute;
850
    bottom:50px;
851
    left:50%;
852
    margin:0 0 0 -12px
853
    }
854
855
#loading{
856
    position:absolute;
857
    width:36px;
858
    height:36px;
859
    top:200px;
860
    left:50%;
861
    margin:-20px 0 0 -19px;
862
    border-radius:4px;
863
    z-index:100;
864
    background:url('http://static.tumblr.com/9a55d814338d07822f4f85f7ecf38381/1ncf8kl/Bgdmz9dv6/tumblr_static_munching_cat_gif.gif') no-repeat center #fff;
865
    filter:alpha(opacity = 0)
866
    }
867
868
/*      Responsive      */
869
870
871
@media screen and (max-width:1050px) {
872
    #container,#cover,#navigation{
873
        width:740px    
874
        }
875
876
    #navigation.stick{
877
        margin:0 0 0 -370px
878
    }
879
}
880
881
@media screen and (max-width:740px) {
882
    #container,#cover,#navigation{
883
        width:100%
884
        }
885
    
886
    #navigation li{
887
        margin:0 10px
888
        }
889
    
890
    #navigation.stick{
891
        position:static;
892
        margin:0
893
        }
894
895
    #posts-container{
896
        padding-top:0 !important    
897
        }
898
        
899
    .fade-ask,.fade-submit,.fade-search{
900
        position:absolute !important
901
        }
902
    
903
    li.responsive-hide{
904
        display:none !important
905
        }
906
    
907
    li.responsive-show{
908
        display:inline-block !important
909
        }
910
    
911
}
912
913
@media screen and (max-width:500px) {
914
    
915
    #container,
916
    #posts,
917
    #posts-container{
918
        width:100% !important
919
        }
920
    
921
    .entry{
922
        width:90%;
923
        margin:0 5% 30px 5% !important
924
        }
925
926
    }
927
928
/*      End-Responsive      */
929
930
/*      Adjustments     */
931
932
body{
933
    font:13px/1.6em "{select:Body Font}", san-serif;
934
    color:{color:Body Text};
935
    background:{color:background} url("{image:background}"){block:ifrepeatbackground} repeat center{/block:ifrepeatbackground} fixed;
936
    {block:ifnotrepeatbackground}
937
    background-repeat: repeat;
938
    {/block:ifnotrepeatbackground}
939
    }
940
941
a,a:link,a:visited{
942
    text-decoration:none;
943
    color:{color:Links}
944
    }
945
 
946
a:hover{
947
    color:{color:Links Hover}
948
    }
949
950
h1,h2,h3,h4,h5{
951
    font-family:{select:Title Font};
952
    color:{color:Body Title}
953
    }
954
955
#cover{
956
    {block:ifnotcoverimage}
957
    padding:60px 10%;
958
    {/block:ifnotcoverimage}
959
    background:url("{image:Cover}") center no-repeat rgba({RGBcolor:Cover},.7);
960
    background-size:cover
961
    }
962
963
#cover h1 a{
964
    {block:ifuppercaseblogtitle}
965
    text-transform:uppercase;
966
    {/block:ifuppercaseblogtitle}
967
    color:{color:Blog Title}
968
    }
969
970
#cover #social a:hover{
971
    color:{color:Front Background}
972
    box-shadow: inset 0 0 0 rgba({RGBcolor:Social Icons},.5),
973
                0 0 0 6px rgba(0,0,0,.1)
974
    }
975
976
#cover #social a{
977
    color:{color:Social Icons};
978
    box-shadow: inset 0 0 0 3px rgba({RGBcolor:Social Icons},.5),
979
                0 0 0 2px rgba(0,0,0,0);
980
    }
981
982
#cover #description,
983
#cover #description a{
984
    color:{color:Description}
985
    }
986
987
#cover-overlay{
988
    background:{color:Front Background}
989
    }
990
991
#posts-container{
992
    background:{color:Front Background};
993
    box-shadow:0 0 0 1px rgba(0,0,0,.07)
994
    }
995
996
#navigation.stick{
997
    background:rgba({RGBcolor:Front Background},.925)
998
    }
999
1000
#navigation{
1001
    border-bottom:1px {select:Dividers} {color:Dividers}
1002
    }
1003
1004
#navigation li a{
1005
	color:{color:Navigation Links}
1006
    }
1007
1008
#navigation li a:hover{
1009
    color:{color:Navigation Links Hover}
1010
    }
1011
1012
#fade{
1013
    background:rgba({RGBcolor:Front Background},.9)
1014
    }
1015
1016
.fade-ask h2,
1017
.fade-ask h2 a,
1018
.fade-submit h2,
1019
.fade-submit h2 a,
1020
.fade-search h2,
1021
.fade-search h2 a{
1022
	color:{color:Navigation Links}
1023
	}
1024
1025
.fade-search #search input[type="text"]{
1026
    background:{color:Front Background}
1027
    }
1028
1029
1030
1031
.entry .photo:hover a.overlay{
1032
    opacity:.{text:Photo Overlay Opacity}
1033
    }
1034
1035
#post-info{
1036
    border-bottom:1px {select:Post Dividers} {color:Post Dividers}
1037
    }
1038
1039
.entry .details{
1040
    border-top:1px {select:Post Dividers} {color:Post Dividers};
1041
    border-bottom:1px {select:Post Dividers} {color:Post Dividers}
1042
    }
1043
1044
.entry .details,
1045
.entry .details a{
1046
    color:{color:Post Information};
1047
    }
1048
1049
.entry .details a:hover{
1050
    color:{color:Post Information Hover};
1051
    }
1052
1053
.entry .text .question{
1054
    border-bottom:1px {select:Post Dividers} {color:Post Dividers}
1055
    }
1056
1057
.entry .text a.link{
1058
    background:{color:Links}
1059
    }
1060
1061
.entry .photo .photo-hover a.overlay{
1062
    {block:ifnotPhotogradienteffect}
1063
    background:{color:Photo Overlay}
1064
    {block:ifnotPhotogradienteffect}
1065
    {block:ifPhotogradienteffect}background-image:-ms-linear-gradient(top,transparent 0%,{color:Photo Overlay} 100%);background-image:-moz-linear-gradient(top,transparent 0%,{color:Photo Overlay} 100%);background-image:-o-linear-gradient(top,transparent 0%,{color:Photo Overlay} 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, transparent),color-stop(1,{color:Photo Overlay}));background-image:-webkit-linear-gradient(top,transparent 0%,{color:Photo Overlay} 100%);background-image:linear-gradient(to bottom,transparent 0%,{color:Photo Overlay} 100%);{block:ifPhotogradienteffect}
1066
    }
1067
1068
.entry .photo .photo-hover .photo-effect-1 a:hover{
1069
    background:rgba({RGBcolor:Photo Buttons},.3);
1070
    }
1071
1072
.photo-hover,
1073
.photo-hover a{
1074
    color:{color:Photo Buttons};
1075
    }
1076
1077
.photo-effect-2 .photo-details,
1078
.photo-effect-2 .photo-tags{
1079
    border-top:1px dotted rgba({RGBcolor:Photo Buttons},.4)
1080
    }
1081
1082
.entry .photo .photo-hover .photo-effect-1 a{
1083
    border:2px solid {color:Photo Buttons}
1084
    }
1085
1086
#permalink .permalink-box{
1087
    border-bottom:1px {select:Post Dividers} {color:Post Dividers}
1088
    }
1089
1090
#permalink .permalink-box ol.notes li.more_notes_link_container{
1091
    border-top:1px {select:Post Dividers} {color:Post Dividers}
1092
    }
1093
1094
#permalink .permalink-box ol.notes li.more_notes_link_container,
1095
#permalink .permalink-box ol.notes li.more_notes_link_container a.more_notes_link{
1096
    text-transform:uppercase;
1097
    letter-spacing:1px;
1098
    font:11px {select:Title Font};
1099
    color:{color:Body Text}
1100
    }
1101
1102
#pagination{
1103
    background:{color:Pagination};
1104
    border-top:1px {select:Dividers} {color:Dividers}
1105
    }
1106
1107
#pagination a{
1108
    font:13px {select:Title Font};
1109
    color:{color:Body Title}
1110
    }
1111
1112
{block:ifuppercasenavigationlinks}
1113
#navigation li a{text-transform:uppercase}
1114
{/block:ifuppercasenavigationlinks}
1115
{block:ifnotphotocaptions}
1116
.entry .photo-post{display:none}
1117
{/block:ifnotphotocaptions}
1118
{block:ifinfinitescrolling}
1119
#pagination{opacity:0 !important}
1120
#posts{padding-bottom:120px}
1121
{/block:ifinfinitescrolling}
1122
{block:ifnotanimatedloading}
1123
#container,#posts,#pagination{opacity:1}
1124
#loading{opacity:0}
1125
{/block:ifnotanimatedloading}
1126
{block:ifshowcredit}
1127
#tumblr_controls{margin:0 105px 0 0 !important}
1128
{/block:ifshowcredit}
1129
1130
/*      End-Adjustments     */
1131
1132
{CustomCSS}
1133
1134
1135
#oneout {
1136
    position:fixed;
1137
    top:64px;left:1px;
1138
    text-align:center;
1139
    -webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;
1140
    z-index:99999999; }
1141
 
1142
#oneout_inner {
1143
    position:fixed;
1144
    width:230px; height:auto;
1145
    top:40px; left:-250px;
1146
    padding:10px;
1147
    background:#FFFFFF; /* change #FFFFFF; to transparent; if you want the background of the slide out tab to be transparent and not white*/
1148
    -webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;
1149
    text-align:left;
1150
    z-index:99999999; }
1151
 
1152
#oneout:hover {
1153
    left:250px;
1154
    z-index:99999999; }
1155
 
1156
#oneout:hover #oneout_inner {
1157
    left:0px;
1158
    z-index:99999999; }
1159
 
1160
.onetitle {
1161
    position:absolute;
1162
    left:-11px; top:3px;
1163
    font-family:arial; font-size:16px;    
1164
    -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg);
1165
    z-index:99999999; }
1166
    
1167
    
1168
    
1169
1170
</style>
1171
1172
<!--------------- TYPING/MOVING TITLE ----------------------->
1173
1174
<script type="text/javascript">
1175
var rev = "fwd";
1176
function titlebar(val)
1177
{
1178
var msg = "Pour toujours et Γ  jamais";
1179
var res = " ";
1180
var speed = 100;
1181
var pos = val;
1182
msg = "Pour toujours et Γ  jamais";
1183
var le = msg.length;
1184
if(rev == "fwd"){
1185
if(pos < le){
1186
pos = pos+1;
1187
scroll = msg.substr(0,pos);
1188
document.title = scroll;
1189
timer = window.setTimeout("titlebar("+pos+")",speed);}
1190
else{
1191
rev = "bwd";
1192
timer = window.setTimeout("titlebar("+pos+")",speed);}}
1193
else{
1194
if(pos > 0){
1195
pos = pos-1;
1196
var ale = le-pos;
1197
scrol = msg.substr(ale,le);
1198
document.title = scrol;
1199
timer = window.setTimeout("titlebar("+pos+")",speed);}
1200
else{
1201
rev = "fwd";
1202
timer = window.setTimeout("titlebar("+pos+")",speed);
1203
}}}
1204
titlebar(0);
1205
</script>
1206
1207
1208
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script><script>window.jQuery || document.write('<script src="http://code.jquery.com/jquery-2.0.3.min.js">\x3C/script>')</script>
1209
<meta name="if:Enable Anon" content="0" />
1210
{block:IfEnableAnon}
1211
<script type="text/javascript">
1212
var scripts = document.getElementsByTagName('script');
1213
var myScript = scripts[ scripts.length - 1 ];
1214
var queryString = myScript.src.replace(/^[^\?]+\??/, '');
1215
var params = parseQuery( queryString );
1216
function parseQuery ( query ) {
1217
	var Params = new Object ();
1218
	if ( ! query ) return Params;
1219
	var Pairs = query.split(/[;&]/);
1220
	for ( var i = 0; i < Pairs.length; i++ ) {
1221
		var KeyVal = Pairs[i].split('=');
1222
		if ( ! KeyVal || KeyVal.length != 2 ) continue;
1223
		var key = unescape( KeyVal[0] );
1224
		var val = unescape( KeyVal[1] );
1225
		val = val.replace(/\+/g, ' ');
1226
		Params[key] = val;
1227
	}
1228
	return Params;
1229
}
1230
$(document).ready(function() {
1231
		var ask_box = $('iframe#ask_form');
1232
		var background_color = 'white';
1233
		if (params['color'] != '') background_color = params['color'];
1234
		var current_ask_box_src = ask_box.attr('src');
1235
		var tumblr_url = current_ask_box_src.replace('http://www.tumblr.com/ask_form/', '');
1236
		ask_box.attr('src', 'http://media.pixellab.co/ka/ask_form/?tumblr_url=' + tumblr_url + '&background_color=' + background_color);
1237
});
1238
</script>
1239
{/block:IfEnableAnon}
1240
1241
</head>
1242
1243
1244
1245
1246
1247
1248
1249
<body {block:permalinkpage}id="permalink"{/block:permalinkpage}>
1250
1251
<div id="oneout"><span class="onetitle">
1252
 
1253
INFO
1254
 
1255
</span><div id="oneout_inner">
1256
<center>
1257
 
1258
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http://a.tumblr.com/tumblr_m04f62Snzf1qzfp43o1.mp3&t0=1&f1=http://aadtcp.free.fr/sound/Musique/Coldplay/Coldplay%20-%20Parachutes/05%20Yellow.mp3&t1=2&f2=http://a.tumblr.com/tumblr_lb8yhaPleT1qeb5joo1.mp3&t2=3&total=3" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
1259
<br>
1260
<script type="text/javascript" src="http://widget.supercounters.com/texthit.js"></script><script type="text/javascript">var sc_texthit_var = sc_texthit_var || [];sc_text_hit(809328,"Visits","000000");</script><br><noscript><a href="http://www.supercounters.com">Tumblr Hit Counter</a></noscript>
1261
<br>
1262
1263
<script language="JavaScript"> 
1264
var ref = (''+document.referrer+'');
1265
var w_h = window.screen.width + " x " + window.screen.height;
1266
document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID3927707&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>'); 
1267
</script> here
1268
 <br>
1269
 <script language="JavaScript" src="http://freehostedscripts.net/ocount.php?site=ID2474725&name="></script>
1270
 
1271
 
1272
 
1273
<br></center></div></div>
1274
1275
1276
1277
1278
1279
1280
1281
{block:ifshowcredit}
1282
<a id="install-button" href="http://themes.thejenyuan.com"><span id="install-theme-text">Install Theme</span></a>
1283
{/block:ifshowcredit}
1284
1285
<div id="container">
1286
1287
<div id="cover">
1288
1289
    {block:iflogoimage}
1290
        <a href="/">
1291
        <img src="{image:Logo}" alt="{title}"/>
1292
        </a>
1293
    {/block:iflogoimage}
1294
   
1295
    {block:ifnotlogoimage}
1296
        <h1><a href="/">{title}</a></h1>
1297
    {/block:ifnotlogoimage}
1298
1299
    {block:ifshowsocialicons}
1300
        <div id="social">
1301
{Block:ifURLTwitter}<a href="{text:URL Twitter}" class="twitter" target="_blank">1</a>{/Block:ifURLTwitter}{Block:ifURLFacebook}<a href="{text:URL Facebook}" class="facebook" target="_blank">2</a>{/Block:ifURLFacebook}{Block:ifURLVimeo}<a href="{text:URL Vimeo}" class="vimeo" target="_blank">3</a>{Block:ifURLVimeo}{Block:ifURLFlickr}<a href="{text:URL Flickr}" class="flickr" target="_blank">4</a>{/Block:ifURLFlickr}{Block:ifURLGooglePlus}<a href="{text:URL Google Plus}" class="google" target="_blank">5</a>{/Block:ifURLGooglePlus}{Block:ifURLYoutube}<a href="{text:URL Youtube}" class="youtube" target="_blank">u</a>{/Block:ifURLYoutube}{Block:ifURLPinterest}<a href="{text:URL Pinterest}" class="pinterest" target="_blank">6</a>{/Block:ifURLPinterest}{Block:ifURLLinkedin}<a href="{text:URL Linkedin}" class="linkedin" target="_blank">7</a>{/Block:ifURLLinkedin}{Block:ifURLDribble}<a href="{text:URL Dribble}" class="dribble" target="_blank">8</a>{/Block:ifURLDribble}{Block:ifURLStumbleupon}<a href="{text:URL Stumbleupon}" class="stumbleupon" target="_blank">9</a>{/Block:ifURLStumbleupon}{Block:ifURLSpotify}<a href="{text:URL Spotify}" class="spotify" target="_blank">=</a>{/Block:ifURLSpotify}{Block:ifURLInstagram}<a href="{text:URL Instagram}" class="instagram" target="_blank">q</a>{/Block:ifURLInstagram}{Block:ifURLBehance}<a href="{text:URL Behance}" class="behance" target="_blank">e</a>{/Block:ifURLBehance}{Block:ifURLGithub}<a href="{text:URL Github}" class="github" target="_blank">r</a>{/Block:ifURLGithub}{Block:ifURLSoundcloud}<a href="{text:URL Soundcloud}" class="soundcloud" target="_blank">t</a>{/Block:ifURLSoundcloud}
1302
        </div><!--  Social      -->
1303
    {/block:ifshowsocialicons}
1304
1305
    {block:description}
1306
        <div id="description">
1307
            {description}
1308
        </div>
1309
    {/block:description}
1310
1311
</div>
1312
1313
<div id="posts-container">
1314
1315
<div id="loading"></div>
1316
1317
    <nav id="navigation">
1318
        {block:AskEnabled}
1319-
            <li class="responsive-hide"><a class="click-ask">{text:Ask Title}</a></li>
1319+
            <li class="responsive-hide"><a href="/ask">{text:Ask Title}</a></li>
1320
            <li class="responsive-show"><a href="/ask">{text:Ask Title}</a></li>
1321
        {/block:AskEnabled}
1322
       
1323
        {block:ifshowarchivelink}
1324
            <li><a href="/archive">{text:Archive Title}</a></li>
1325
        {/block:ifshowarchivelink}
1326
        {block:ifshowrandomlink}
1327
            <li><a href="/random">Random</a></li>
1328
        {/block:ifshowrandomlink}
1329
        {block:ifshowrsslink}
1330
            <li><a href="{RSS}">RSS</a></li>
1331
        {/block:ifshowrsslink}
1332
        {block:ifshowsearchbar}
1333
            <li><a class="click-search">Search</a></li>
1334
        {/block:ifshowsearchbar}
1335
        {block:Pages}
1336
            <li><a href="{URL}" title="{Label}">{Label}</a></li>
1337
        {/block:Pages}
1338
        
1339
    </nav>
1340
1341
<div id="cover-overlay"></div>
1342
1343
{block:AskEnabled}
1344
<div class="fade-ask">
1345
<h2>{AskLabel}<a class="close">close</a></h2>
1346
<iframe frameborder="0" border="0" src="http://www.tumblr.com/ask_form/{name}.tumblr.com"></iframe>
1347
</div>
1348
{/block:AskEnabled}
1349
1350
1351
{block:ifshowsearchbar}
1352
<div class="fade-search">
1353
    <form action="/search" method="get" id="search">
1354
        <input type="text" name="q" value="" placeholder="Search…"/>
1355
        <input type="submit" value="Go"/>
1356
    </form>
1357
</div>
1358
{/block:ifshowsearchbar}
1359
1360
<div id="fade"></div>
1361
1362
<div id="posts">
1363
1364
{block:SearchPage}
1365
<div id="post-info">
1366
    <h3>Search results for &ldquo;{SearchQuery}&rdquo;</h3>
1367
    {block:NoSearchResults}
1368
	    <p>Sorry, nothing found.</p>
1369
	{/block:NoSearchResults}
1370
</div>
1371
{/block:SearchPage}
1372
1373
{block:TagPage}
1374
<div id="post-info">
1375
    <h3>Posts tagged with &lsquo;{Tag}&rsquo;</h3>
1376
</div>
1377
{/block:TagPage}
1378
1379
{block:Posts}
1380
1381
<article id="{PostID}" class="entry {select:Photo Hover Style}{block:HasTags}{block:Tags} {Tag}{/block:Tags}{/block:HasTags}">
1382
 
1383
{block:Answer}
1384
<div class="text">
1385
    <div class="question">
1386
        <h3>{Question}</h3>
1387
        <div class="source">Asked by {Asker}</div>
1388
    </div>
1389
    {answer}
1390
</div>
1391
{/block:Answer}
1392
 
1393
{block:Chat}
1394
<div class="text">
1395
    {block:Title}<h2>{Title}</h2>{/block:Title}
1396
    {block:Lines}
1397
        <div class="{Alt} user_{UserNumber}">
1398
            {block:Label}<b>{Label}</b>{/block:Label} {Line}
1399
        </div>
1400
    {/block:Lines}
1401
</div>
1402
{/block:Chat}
1403
 
1404
{block:Link}
1405
<div class="text">
1406
    <a class="link" href="{URL}">{Name}<span>.</span></a>
1407
    {block:Description}
1408
        {Description}
1409
    {/block:Description}
1410
</div>
1411
{/block:Link}
1412
 
1413
{block:Text}
1414
<div class="text">
1415
    {block:Title}<h2>{Title}</h2>{/block:Title}
1416
    {Body}
1417
</div>
1418
{/block:Text}
1419
 
1420
{block:Quote}
1421
<div class="text quote">
1422
    <h3>&ldquo; {Quote} &rdquo;</h3>
1423
    <div class="source">&mdash; &nbsp;&nbsp;&nbsp;{Source}</div>
1424
</div>
1425
{/block:Quote}
1426
1427
{block:Photo}
1428
<div class="photo">
1429
{block:indexpage}
1430
    <div class="like-button-fix-1">{LikeButton size="18"}</div>
1431
    <div class="like-button-fix-2">{LikeButton size="13"}</div>
1432
    <div class="photo-hover">
1433
    <a href="{permalink}" class="overlay"></a>
1434
    <div class="photo-effect-1">
1435
        <div class="photoset-grid">
1436
            <a class="lightbox-button" href="{PhotoURL-HighRes}">j</a>
1437
        </div>
1438
        <a href="{ReblogURL}" class="reblog-button">c</a>
1439
        <a class="like-button">z</a>
1440
    </div>
1441
    <div class="photo-effect-2">
1442
        {block:ifnothidephototags}
1443
        {block:HasTags}
1444
            <div class="photo-tags">
1445
            Tags: &nbsp;
1446
            {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
1447
            </div>        
1448
        {/block:HasTags}
1449
        {/block:ifnothidephototags}
1450
        <div class="photo-details">
1451
            <a href="{permalink}">{TimeAgo}</a>
1452
            <div class="photo-buttons">
1453
                <a href="{ReblogURL}">c</a>
1454
                <a class="like-button">z</a>
1455
            </div>
1456
        </div>
1457
    </div>
1458
        <img src="{PhotoURL-500}"alt="{PhotoAlt}">
1459
    </div>
1460
    {/block:indexpage}
1461
    {block:permalinkpage}
1462
    {LinkOpenTag}
1463
        <img src="{PhotoURL-HighRes}"alt="{PhotoAlt}">
1464
    {LinkCloseTag}
1465
    {/block:permalinkpage}
1466
</div>
1467
{/block:Photo}
1468
 
1469
{block:Photoset}
1470
    <div class="photo">
1471
        <div class="photoset-grid" data-layout="{PhotosetLayout}" data-id="photoset{PostID}">
1472
    {block:Photos}
1473
<img src="{PhotoURL-HighRes}"{block:HighRes}data-highres="{PhotoURL-HighRes}"{/block:HighRes}{block:Caption}alt="{Caption}"{/block:caption}/>
1474
    {/block:Photos}
1475
        </div>
1476
    </div>
1477
{/block:Photoset}
1478
 
1479
{block:Audio}
1480
<div class="media">
1481
    {block:IndexPage}
1482
        {AudioEmbed-400}
1483
    {/block:IndexPage}
1484
    {block:permalinkpage}
1485
        {AudioEmbed-700}
1486
    {/block:permalinkpage}
1487
</div>
1488
{/block:Audio}
1489
 
1490
{block:Video}
1491
<div class="media">
1492
    {block:IndexPage}
1493
        {VideoEmbed-400}
1494
    {/block:IndexPage}
1495
    {block:permalinkpage}
1496
        {VideoEmbed-700}
1497
    {/block:permalinkpage}
1498
</div>
1499
{/block:Video}
1500
 
1501
{block:date}
1502
<div class="{block:Answer}text-post{/block:Answer}{block:Chat}text-post{/block:Chat}{block:Link}text-post{/block:Link}{block:Text}text-post{/block:Text}{block:Quote}text-post{/block:Quote}{block:Video}text-post{/block:Video}{block:Audio}text-post{/block:Audio}{block:Photo}{block:indexpage}photo{/block:indexpage}{block:permalinkpage}text{/block:permalinkpage}-post{/block:Photo}{block:Photoset}text-post{/block:Photoset}">
1503
 
1504
    {block:Caption}
1505
        <div class="captions">
1506
        {Caption}
1507
        </div>
1508
    {/block:Caption}
1509
 
1510
    <div class="details">
1511
       
1512
        {block:ifnothideposttags}
1513
        {block:HasTags}
1514
            <div class="tags">
1515
                {block:Tags}
1516
                    <a href="{TagURL}">#{Tag}</a>
1517
                {/block:Tags}
1518
            </div>        
1519
        {/block:HasTags}
1520
        {/block:ifnothideposttags}
1521
       
1522
        <a href="{permalink}">{TimeAgo}</a>
1523
       
1524
        {block:NoteCount}
1525
        / <a href="{permalink}">{NoteCountWithLabel}</a>
1526
        {/block:NoteCount}
1527
       
1528
        <div class="buttons">
1529
            <a href="{ReblogURL}" class="reblog-button">c</a>
1530
            <a class="like-button">{LikeButton size="13"}z</a>
1531
        </div>
1532
       
1533
    </div>
1534
 
1535
</div>
1536
{/block:date}
1537
1538
{block:PermalinkPage}
1539
{block:date}
1540
1541
{block:IfDisqusShortname}<div class="permalink-box"><script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script><div id="disqus_thread"></div><script type="text/javascript">var disqus_identifier = {PostID};(function() {var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;dsq.src = 'http://{text:Disqus Shortname}.disqus.com/embed.js';(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);})();</script><noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a></noscript></div>{/block:IfDisqusShortname}
1542
1543
{block:ifshowpostnotes}
1544
{block:PostNotes}
1545
<div class="permalink-box">
1546
<h2>{NoteCountWithLabel}</h2>
1547
{PostNotes}
1548
</div>
1549
{/block:PostNotes}
1550
{/block:ifshowpostnotes}
1551
1552
{/block:date}
1553
{/block:PermalinkPage}
1554
1555
</article><!--      entry       -->
1556
1557
{/block:Posts}
1558
1559
</div><!--  Posts       -->
1560
1561
<div id="pagination">
1562
1563
    {block:Pagination}
1564
1565
        {block:PreviousPage}
1566
            <a href="{PreviousPage}">&larr; Newer</a>
1567
        {/block:PreviousPage}
1568
1569
        {block:NextPage}
1570
            <a href="{NextPage}" id="older">Older &rarr;</a>
1571
        {/block:NextPage}
1572
1573
    {/block:Pagination}
1574
1575
</div>
1576
1577
</div><!--  Posts-Container       -->
1578
</div><!--  Container       -->
1579
1580
<script type="text/javascript" src="http://static.tumblr.com/3zmswwt/xp7mynlws/scripts.js"></script>
1581
1582
<script type="text/javascript">
1583
1584
//  Margins
1585
1586
{block:ifstickednavigationbar}$(window).scroll(function(){if ($(this).scrollTop()>$("#cover").outerHeight()){$('#navigation').addClass("stick");$("#posts-container").css("padding-top",$("#navigation").outerHeight() + "px");$(".fade-ask,.fade-submit,.fade-search").css("position","fixed")}else{$('#navigation').removeClass("stick");$("#posts-container").css("padding-top","0");$(".fade-ask,.fade-submit,.fade-search").css("position","absolute")}});{/block:ifstickednavigationbar}
1587
1588
{block:ifopenlinksinnewtab}
1589
$('a[href^="http://"]').attr('target','_blank');
1590
{block:ifopenlinksinnewtab}
1591
1592
//  Instagram Feed
1593
1594
{block:ifinstagramid}$('#instagram-feed').embedagram({instagram_id:{text:Instagram ID}});{/block:ifinstagramid}
1595
1596
//  Masonry Infinite Scrolling
1597
1598
(function (){var $K = $('#posts');$K.imagesLoaded(function (){$K.masonry({itemSelector:"#post-info,{block:indexpage}.entry{/block:indexpage}",columnWidth:".entry",isFitWidth:true})});{block:ifinfinitescrolling}$K.infinitescroll({navSelector:'#pagination',nextSelector:'#pagination a#older',itemSelector: ".entry",loading:{finishedMsg: function(){$('#infscr-loading').css("opacity", "0");}}},function(newElements){var $newElems = $(newElements).css("opacity","0").css("pointer-events","none");$("p").remove(":contains('Source:'),:contains('via ')");$('.photoset-grid').photosetGrid({highresLinks: true,rel: $('.photoset-grid').attr('data-id'),gutter: '5px',onComplete: function(){}});$('.photoset-grid').each(function() {$(this).magnificPopup({delegate: 'a',type: 'image',gallery:{enabled:true},removalDelay: 200,mainClass: 'mfp-fade'});});var $newElemsIDs = $newElems.map(function (){return this.id;}).get();$newElems.imagesLoaded(function (){$newElems.css("opacity","1").css("pointer-events","auto");$K.masonry('appended',$newElems,true);console.log($newElems,$newElemsIDs);Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);});});{/block:ifinfinitescrolling}})();
1599
1600
{block:ifGoogleAnalyticsID}var _gaq = _gaq || [];_gaq.push(['_setAccount', '{text:Google Analytics ID}']);_gaq.push(['_trackPageview']);(function() {var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);})();{block:ifGoogleAnalyticsID}
1601
1602
</script>
1603
 <!-- Start of StatCounter Code for Tumblr -->
1604
<script type="text/javascript">
1605
var sc_project=9571925; 
1606
var sc_invisible=1; 
1607
var sc_security="53bf3dfa"; 
1608
var scJsHost = (("https:" == document.location.protocol) ?
1609
"https://secure." : "http://www.");
1610
document.write("<sc"+"ript type='text/javascript' src='" +
1611
scJsHost+
1612
"statcounter.com/counter/counter.js'></"+"script>");
1613
</script>
1614
<noscript><div class="statcounter"><a title="hit counter for
1615
tumblr" href="http://statcounter.com/tumblr/"
1616
target="_blank"><img class="statcounter"
1617
src="http://c.statcounter.com/9571925/0/53bf3dfa/1/"
1618
alt="hit counter for tumblr"></a></div></noscript>
1619
<!-- End of StatCounter Code for Tumblr -->
1620
1621
</body>
1622
1623
<script language="JavaScript">
1624
// FHS Tumblr follower counter and tracker
1625
var height = '26';
1626
document.write('<script language="JavaScript" src="http://tc.freehostedscripts.net/tcounter.php?url=jasun.me&name=Followers&s=1&h=' + height + '"><\/script>'); 
1627
</script>
1628
1629
</html>