View difference between Paste ID: yYQ3gVVY and dM00nszE
SHOW: | | - or go back to the newest paste.
1
<!-------------------------------------------------------------------------
2
                                    
3
    THANK YOU AND CONGRATULATIONS FOR CHOOSING THEMESBYJAMES!
4
    THEME: PHOSPHENE CREATED JANUARY 2013. 
5
    HTTP://THEMESBYJAMES.TUMBLR.COM
6
                  
7
-------------------------------------------------------------------------->
8
9
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
10-
 <meta name="description" content="{MetaDescription}" />
10+
11
<!-- DEFAULT VARIABLES -->
12
<meta name="color:Background" content="#FFFFFF" />
13
<meta name="color:Center" content="#FFFFFF" />
14
<meta name="color:Text" content="#000000" />
15
<meta name="color:Link" content="#7e817e"/>
16
<meta name="color:Link Hover" content="#999" />
17
<meta name="color:Scrollbar" content="#7e817e"/>
18
<meta name="image:Sidebar" content="" />
19
<meta name="image:Background" content="" />
20
<meta name="if:Rounded Photos" content="0"/>
21
<meta name="if:Posts Border" content="0"/>
22
<meta name="if:Posts Shadow" content="0"/>
23
<meta name="if:White Follow Button" content="0"/>
24
<meta name="if:Show Blogtitle" content="1"/>
25
<meta name="if:Show Sidebar Image" content="0" />
26
<meta name="if:Show Photo Permalinks" content="1"/>
27
<meta name="text:Ask Title" content="Message" />
28
<meta name="text:Link One" content="" />
29
<meta name="text:Link One Title" content="" />
30
<meta name="text:Link Two" content="" />
31
<meta name="text:Link Two Title" content="" />
32
<meta name="text:Link Three" content="" />
33
<meta name="text:Link Three Title" content="" />
34
<meta name="text:Link Four" content="" />
35
<meta name="text:link Four Title" content="" />
36
<meta name="text:link Five" content="" />
37
<meta name="text:link Five Title" content="" />
38
<!---   STYLESHEETS & STATIC UPLOADS   --->
39
<link href='http://fonts.googleapis.com/css?family=Asap|Share' rel='stylesheet' type='text/css'>
40
<link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css" rel="stylesheet">
41
<script type="text/javascript"
42
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
43
<link href='http://fonts.googleapis.com/css?family=Marck+Script|Grand+Hotel|Just+Me+Again+Down+Here|Julius+Sans+One|Raleway+Dots|Pacifico|Indie+Flower|Permanent+Marker|Lekton' rel='stylesheet' type='text/css'>
44
<style type="text/css">
45
46-
<script src="http://static.tumblr.com/6jwx45k/qnrmqhe43/ifie1.js"></script>
46+
47-
<script src="http://static.tumblr.com/6jwx45k/QcKmqhe47/ifie2.js"></script>
47+
48
49
html{
50
height:100%;
51
margin-left:0px;}
52
53
body, p {
54
font-family: 'lekton';
55
font-size: 12px;
56
line-height:12px;
57
padding: 0px;
58
margin: 0px;
59
color:{color:text};}
60
61
body {
62
background-color:{color:background};
63
background-image:url({image:Background});
64
background-attachment: fixed;
65
background-repeat: repeat;}
66
67
a {
68
text-decoration:none;
69
color:{color:text};
70
-webkit-transition: all 0.4s linear;
71
-moz-transition: all 0.4s linear;
72
transition: all 0.4s linear;}
73
74
a:link, a:active, a:visited{
75
color: {color:Link};
76
text-decoration: none;
77
-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all   0.6s ease-out;transition: all 0.6s ease-out;}
78
79
a:hover{
80
color:{color:link hover};}
81
82
img {{block:ifRoundedPhotos}border-radius:5px;{/block:ifroundedphotos}}
83
84
img:hover{opacity:1.0;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all   0.6s ease-out;transition: all 0.6s ease-out;}
85
86
#wrapper {
87
position: relative;
88
width: 100%;
89
text-align: center;}
90
91
.clear {
92
text-align:left;clear: both;}
93
94
.entry {
95
margin:4px;
96
padding:2px 2px 1px 2px;
97
z-index:777;
98
float:left;
99
text-align: justify;
100
display: inline-block;
101
overflow-x:hidden;overflow:hidden;
102
background-color:{color:center};
103
{block:indexpage}
104
{block:ifPostsShadow}
105
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);
106
-moz-box-shadow:  0px 0px 12px rgba(0, 0, 0, .3);
107
box-shadow: 0px 0px 12px  rgba(0, 0, 0, .3);{/block:ifPostsShadow}
108
width:250px;
109
margin-bottom:-1px;
110
{block:ifpostsborder}border: 1px dotted #ccc;{/block:ifpostsborder}
111
{/block:indexpage}
112
{block:Permalinkpage}
113
overflow-x:visible;overflow:visible;
114
margin-top:-2px;
115
margin-left:530px;
116
{/block:PermalinkPage}
117
{block:ifinvertedfade}opacity:0.85;{/block:ifinvertedfade}
118
{block:ifRoundedPhotos}border-radius:3px;{/block:ifroundedphotos}
119
-webkit-animation:fadeIn  6s;
120
-moz-animation:fadeIn 6s;
121
-ms-animation:fadeIn 6s;}
122
123
{block:ifpostsborder}.entry:hover{border: 1px solid #ccc;}{/block:ifpostsborder}
124
125
#entry.masonry-brick {
126
top: 0 !important;
127
left: 0 !important;}
128
129
#infscr-loading {
130
position: absolute!important;
131
width: 16px!important;
132
height: 11px!important;
133
bottom: 0px!important;
134
left: 48.5%!important;
135
margin-top: 10px!important;
136
margin-bottom: 5px!important;}
137
138
.title{
139
text-align:left;
140
font-size:14px;
141
color:#000;}
142
143
blockquote{
144
padding:0px 0px 2px 5px;
145
margin:0px 0px 2px 4px;
146
border-left: 1px dotted #555555;}
147
148
/*  SCROLL BAR APPEARANCE  */
149
::-webkit-scrollbar-thumb:vertical {
150
background-color:{color:scrollbar};
151
height:10px;width:10px;opacity:1;
152
-webkit-border-radius:0px;border:3px {color:background} solid;}
153
 
154
::-webkit-scrollbar-thumb:horizontal {
155
background-color:#4c4f50;opacity:1;
156
height:10px !important;border:3px {color:background} solid;
157
-webkit-border-radius:0px;}
158
 
159
::-webkit-scrollbar {
160
height:10px;
161
width:10px;
162
background-color:{color:background};
163
-webkit-border-radius:0px;}
164
 
165
::-webkit-scrollbar-corner {
166
background-color:{color:background};}
167
 
168
::-webkit-resizer {
169
background-color:{color:background};}
170
171
.photo{width:250px;height:auto;}
172
.photo img{width:250px; -webkit-transition: 0.3s ease-in;}
173
.photo img:hover{-webkit-transition: 0.3s ease-in;}
174
.photobig{width:500px;}
175
.text,.quote{{block:indexpage}width:250px;max-width:250px;{/block:indexpage}
176
{block:permalinkpage}width:525px;{/block:permalinkpage}
177
background-color: {color:Entry background};-webkit-transition: 0.2s ease-in;}
178
179
.wrapper{width: 1060px;margin:auto;padding-bottom:100px;}
180
181
div#all{
182
width:100%;
183
height:100%;
184-
.wrapper{width: 1060px;margin:auto;padding-bottom:300px;}
184+
185
186
div#center{
187
padding-left:50px;
188
margin: auto;
189
width: 920px;}
190
191
div#content{
192
text-align:right;
193
margin-top:10px;
194
margin-left:-190px;
195
width: 1060px;
196
height:auto;
197
float:left;
198
padding: 1px 8px 1px 0px;
199
height:101%;}
200
201
.sidebar{
202
margin-top:100px;
203
{block:ifnotpostsborder}margin-left:1060px;{/block:ifnotpostsborder}
204
{block:ifpostsborder}margin-left:1068px;{/block:ifpostsborder}
205
padding:3px;
206
position:fixed !important;
207
width: 200px;
208
background:{color:center};
209
z-index:1300;
210
-webkit-transition: all .3s ease;
211
-moz-transition: all .3s ease;
212
-o-transition: all .3s ease;
213
transition: all .3s ease;}
214
215
.sidebar img{
216
width:100%;margin-bottom:4px;
217
;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
218
219
/* ♡ Permalink Controls ♡  */
220
221
.permabox {
222
    position:absolute;
223
    bottom:-20px;
224
    width:250px;
225
	height:41px;
226
	background-color:white;
227
	text-align:center;
228
	opacity:0;
229
    -webkit-transition: all .6s ease;
230
    -moz-transition: all .6s ease;
231
    -o-transition: all .6s ease;transition: all .6s ease;
232
}
233
.entry:hover .permabox {
234
	bottom:50%;
235
    margin-bottom:-21px;
236
	opacity:0.8;
237
}
238
.permabox a{
239
	color:{color:link};
240
}
241
.permabox a:hover{
242
	color:{color:link hover};
243
}
244
.permabox div {
245
	-webkit-transition: all 0.1s linear; 
246
	-moz-transition: all 0.1s linear; 
247
	transition: all 0.1s linear;
248
}
249
.permabox1, .permabox2, .permabox3 {
250
	position:absolute;
251
}
252
.permabox1 {
253
    z-index:1300;
254
	left:0px;
255
	width:19px;
256
	height:17px;
257
	padding:12px 11px;
258
}
259
.permabox2 {
260
	left:0px;
261
	width:250px;
262
	height:21px;
263
	padding:15px 0 5px;
264
}
265
.permabox3 {
266
	right:0px;
267
	width:21px;
268
	height:19px;
269
	padding:11px 10px;
270
}
271
272
.reblog-button {
273
	background: url(http://static.tumblr.com/beiywxc/WT5m6ldd0/tumblr_reblog_black.png);
274
	display: inline-block;
275
	width: 21px;
276
	height: 19px;
277
	vertical-align:top;
278
	opacity:0.5;
279
}
280
.reblog-button:hover {
281
	background: url(http://static.tumblr.com/beiywxc/3iIm6lfn5/tumblr_reblog_green.png);
282
	opacity:1;
283
}
284
.note-count {
285
	opacity:0.5;
286
	display:inline;
287
	font-size:21px;
288
}
289
.note-count:hover {
290
	opacity:1.0;
291
}
292
.my-like {
293
	background-image: url(http://static.tumblr.com/beiywxc/tr5m6ldc9/tumblr_heart_black.png) !important;
294
	height:17px;
295
	width:19px;
296
	cursor:pointer;
297
	display:inline-block;
298
	vertical-align:top;
299
	opacity:0.5;
300
}
301
.my-liked, .my-like:hover {
302
	background-image: url(http://static.tumblr.com/beiywxc/a7Xm6lddk/tumblr_heart_red.png) !important;
303
	height:17px;
304
	width:19px;
305
	cursor:pointer;
306
	display:inline-block;
307
	vertical-align:top;
308
	opacity:1;
309
}
310
311
312
.entry .permalink a{color:#000;}
313
.entry .permalink{
314
font-family: 'Andale Mono',Helvetica,Arial,sans-serif;
315
text-align:center;
316
text-transform:uppercase;
317
position: absolute;
318
top:50%;margin-top:3px;
319
width:40px;
320
margin-left:50%;left:-25.5px;
321
opacity: 0;
322
-webkit-transition: all 0.3s linear;
323
-moz-transition: all 0.3s linear;
324
transition: all 0.3s linear;}
325
326
.permalink {
327
font-family: 'Andale Mono',Helvetica,Arial,sans-serif;
328
width:40px;
329
padding:7px;
330
display:block; 
331
line-height:12px;
332
font-size:8px; 
333
text-transform:uppercase;
334
background:#ffffff; 
335
-webkit-transition: all 0.3s linear;
336
-moz-transition: all 0.3s linear;
337
transition: all 0.3s linear;}
338
339
.entry:hover .permalink{
340
opacity: 0.8;
341
-webkit-transition: all 0.3s linear;
342
-moz-transition: all 0.3s linear;
343
transition: all 0.3s linear;}
344
345
.entry .permalink:hover{
346
opacity: 0.9;-webkit-transition: all 0.3s linear;
347
-moz-transition: all 0.3s linear;
348
transition: all 0.3s linear;}
349
350
.entry .permalink2{
351
text-transform:uppercase;
352
position: absolute;
353
text-align:center;
354
top:50%;margin-top:-33px;
355
margin-left:50%;left:-25.5px;
356
opacity: 0;
357
-webkit-transition: all 0.3s linear;
358
-moz-transition: all 0.3s linear;
359
transition: all 0.3s linear;}
360
361
.permalink2 {
362
text-transform:uppercase;
363
font-family: 'Andale Mono',Helvetica,Arial,sans-serif;
364
width:40px;
365
padding:7px;
366
display:block; 
367
line-height:12px;
368
font-size:8px; 
369
text-transform:none; 
370
background:#ffffff; 
371
-webkit-transition: all 0.3s linear;
372
-moz-transition: all 0.3s linear;
373
transition: all 0.3s linear;}
374
.permalink2:hover {
375
-webkit-transition: all 0.3s linear;
376
-moz-transition: all 0.3s linear;
377
transition: all 0.3s linear;}
378
379
.entry:hover .permalink2{
380
opacity: 0.8;
381
-webkit-transition: all 0.3s linear;
382
-moz-transition: all 0.3s linear;
383
transition: all 0.3s linear;}
384
385
.entry .permalink2:hover{
386
opacity: 0.9;}
387
388
.permalink a{color:#000;}
389
.permalink2 a{color:#000;}
390
391
.permalink:hover {
392
opacity: 1;-webkit-transition: all 0.3s linear;
393
-moz-transition: all 0.3s linear;
394
transition: all 0.3s linear;}
395
396
.supreme{text-align:right;margin-top:5px;font-size:12px;}
397
.info{width:120px;overflow-y:auto;padding-bottom:15px;height:auto;display:inline;}
398
.des{margin-top:30px;text-align:center;}
399
400
.blogtitle{
401
font-family: 'permanent marker';
402
font-size:36px;
403
line-height:36px;
404
letter-spacing:1px;
405
padding-top:12px;
406
padding-bottom:2px;
407
text-align:center;}
408
 
409
#basic{
410
width:70px;
411
height:17px;
412
z-index:967588;
413
overflow:hidden;
414
position:absolute;
415
padding:5px;
416
-webkit-transition: all 0.5s linear;
417
-moz-transition: all 0.5s linear;
418
transition: all 0.5s linear;
419
}
420
 
421
#basic:hover{
422
height:140px;
423
-webkit-transition: all 0.5s linear;
424
-moz-transition: all 0.5s linear;
425
transition: all 0.5s linear;}
426
427
#contact{
428
width:70px;
429
height:17px;
430
z-index:988;
431
overflow:hidden;
432
position:absolute;
433
padding:5px;
434
-webkit-transition: all 0.7s linear;
435
-moz-transition: all 0.7s linear;
436
transition: all 0.7s linear;
437
}
438
#contact:hover{
439
height:160px;
440
-webkit-transition: all 0.8s linear;
441
-moz-transition: all 0.8s linear;
442
transition: all 0.8s linear;}
443
 
444
#etc{
445
width:70px;
446
height:17px;
447
z-index:967588;
448
overflow:hidden;
449
position:absolute;
450
padding:5px;
451
-webkit-transition: all .5s ease-in-out;
452
}
453
 
454
#etc:hover{
455
height:237px;
456
-webkit-transition: all .5s ease-in-out;}
457
  
458
.links1 {
459
width: 60px;
460
height: 5px;
461
padding: 6px;
462
font-family:courier new;
463
Text-transform: uppercase;
464
background: #eee;
465
margin-right: -1px;
466
margin-top: 3px;
467
font-size:9px;
468
letter-spacing:1px;
469
line-height: 5px;
470
display: inline-block;
471
text-align:center;
472
-webkit-transition-duration: .4s;
473
border:1px solid #eee;}
474
 
475
.links1:hover {
476
background-color:#eee;
477
-moz-box-shadow: 0px 0px;
478
-webkit-box-shadow: 0px 0px;
479
}
480
 
481
.links1 a,
482
.links1 a:visited{color:#92baf8;  }
483
.links1 a:hover{
484
 color:#9cbed3;  }
485
 
486
        
487
{CustomCSS}
488
489
</style>
490
491
<title>{title}</title>
492
493
<link rel="shortcut icon" href="{Favicon}">
494
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
495
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
496
<meta name="viewport" content="width=1220" />
497
</head><body>
498
499
<div id="all"></div><div id="center">
500
501
<div class="wrapper">
502
<div id="content">
503
504
505
<div class="sidebar">{block:ifshowblogtitle}<div class="blogtitle"><a href="/">{Title}</a></div>{/block:ifshowblogtitle}
506
{block:ifshowsidebarimage}<a href="/"><img src="{image:sidebar}"></a>{/block:ifshowsidebarimage}
507
<div style="margin-left:12px;margin-top:-5px;" id="basic">
508
<a href="" class="links1">Basics</a>
509
<a href="/" class="links1">Home</a><br>
510
{block:AskEnabled}<a href="/ask" class="links1">{text:Ask Title}</a><br>
511
{/block:AskEnabled}
512
{block:SubmissionsEnabled}<a href="/submit" class="links1">Submit</a><br>
513
{/block:SubmissionsEnabled}
514
<a href="/rss" class="links1">RSS FEED</a><br>
515
<a href="/archive" class="links1">Archive</a><br>
516
</div>
517
 
518
<div style="margin-top:-5px; margin-left:97px;" id="contact">
519
<a href="" class="links1">Links</a>
520
{block:ifLinkOneTitle}
521
<a href="{text:Link One}" class="links1">{text:Link One Title}</a>
522
{/block:ifLinkOneTitle}
523
{block:ifLinkTwoTitle}
524
<a href="{text:Link Two}" class="links1">{text:Link Two Title}</a>
525
{/block:ifLinkTwoTitle}
526
{block:ifLinkThreeTitle}
527
<a href="{text:Link Three}" class="links1">{text:Link Three Title}</a>
528
{/block:ifLinkThreeTitle}
529
{block:ifLinkFourTitle}
530
<a href="{text:Link Four}" class="links1">{text:Link Four Title}</a>
531
{/block:ifLinkFourTitle}
532
{block:ifLinkFiveTitle}
533
<a href="{text:Link Five}" class="links1">{text:Link Five Title}</a>
534
{/block:ifLinkFiveTitle}
535
{block:HasPages}{block:Pages}<a href="{URL}" class="link1">{Label}</a> {/block:Pages} {/block:HasPages}
536
<!--PLEASE LEAVE THE THEME CREDIT OR MY THEMES WON'T BE FREE ANYMORE
537
    READ http://themesbyjames.com/termsconditions FOR MORE INFO  -->
538
<a href="http://final-stand.tumblr.com" target="_blank" class="links1">Theme</a>
539
</div></center>
540
541
<div class="des">{description}</div>
542
543
</div>
544
545
{block:Posts}
546
<div class="entry">
547
548
{block:Text}
549
<div class="text"><div style="padding:10px;">{Title}{Body}
550
{block:IndexPage}
551
<a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a></div></div>
552
{/block:IndexPage}
553
{/block:Text}
554
555
{block:Answer}
556
<div class="text"><div style="padding:10px;">
557
<b><div align="left">{Asker} asked: {Question}</div></b>
558
{Answer}
559
{block:IndexPage}
560
<a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a>
561
{/block:IndexPage}</div></div>{/block:Answer}
562
563
{block:Link}
564
<div class="text"><div style="padding:10px;">
565
<center><a href="{URL}"><span class="title">{Name}</span></a></center>
566
<div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>
567
{block:IndexPage}
568
<a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a></div></div>
569
{/block:IndexPage}
570
{block:Link}
571
572
{block:Photo}
573
<!--- OLD PERMALINKS REQUIRE MANUAL CHANGE TO ACTIVATE ---
574
{block:ifShowPhotoPermalinks}{block:Indexpage}
575
<div class="permabox transition">
576
<div class="permabox1"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
577
<div class="permabox2"><a href="{Permalink}" title="Permalink"><div class="note-count">{NoteCount}</div></a></div>
578
<div class="permabox3"><a href="{ReblogURL}" title="Reblog" target="_blank"><div class="reblog-button"></div></a></div>
579
</div>{/block:Indexpage}{/block:ifShowPhotoPermalinks}
580
------------------------------------------------------ -->
581
{block:IndexPage}<div class="permalink">
582
<a href="{ReblogUrl}" target="_blank"><font color="#000">Reblog</font></a>
583
</font></a></span></div>
584
<div class="permalink2"><font color="#000"><a href="{permalink}">{notecount}</font></span>
585
</div>{/block:IndexPage}
586
{block:IndexPage}
587
<div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
588
{/block:IndexPage}
589
{block:PermalinkPage}<div class="photobig"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"/></div>
590
{/block:PermalinkPage}
591
{/block:Photo}
592
593
{block:Photoset}
594
<center>
595
{block:IndexPage}<div style="background-color:black;">{Photoset-250}<div>{/block:IndexPage}
596
{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
597
</center>
598
{block:IndexPage}<div class="permalink">
599
<a href="{ReblogUrl}" target="_blank"><font color="#000">Reblog</font></a>
600
</font></a></span></div>
601
<div class="permalink2"><font color="#000"><a href="{permalink}">{notecount}</font></span>
602
</div>{/block:IndexPage}
603
{/block:Photoset}
604
605
{block:Quote}
606
<div class="text"><div style="padding:10px;">
607
<div style="margin-left:3px;">
608
{Quote}</span>
609
{block:Source}<strong>{Source}</strong>{/block:Source}
610
</div>
611
{block:IndexPage}
612
<a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a></div></div>
613
{/block:IndexPage}
614
{/block:Quote}
615
616
{block:Chat}
617
<div class="text"><div style="padding:10px;">
618
<div style="margin-left:3px;">
619
{block:Title}<span class="title">{title}</span>{/block:Title}
620
<ul class="chat">
621
{block:Lines}
622
<li class="user_{UserNumber}">
623
{block:Label}
624
<span class="label">{Label}</span>
625
{/block:Label}
626
{Line}
627
</li>
628
{/block:Lines}
629
</ul>
630
</div>
631
{block:IndexPage}
632
<a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a></div></div>
633
{/block:IndexPage}
634
{/block:Chat}
635
636
{block:Audio}
637
<div class="text"><div style="padding:10px;">
638
<div style="height:0px;background-color:black;opacity:0.1;width:100%;margin-top:10px;margin-bottom:5px;"></div>
639
<center>{AudioPlayerBlack}
640
{block:Caption}{Caption}{/block:Caption}</center>
641
{block:IndexPage}
642
<a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a></div></div>
643
{/block:IndexPage}
644
{/block:Audio}
645
646
{block:Video}
647
{block:IndexPage}
648
<center>
649
{Video-250}</center>
650
{block:IndexPage}
651
<a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a></div></div>
652
{/block:IndexPage}
653
{block:PermalinkPage}
654
<center>
655
{Video-500}</center>
656
{/block:PermalinkPage}
657
{block:Video}
658
659
{block:PermalinkPage}
660
{block:Date}
661
<div style="font-size:12px;text-align:left;">
662
<br>{block:Caption}{Caption}{/block:Caption}
663
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
664
{/block:Date}</center>{/block:PermalinkPage}
665
666
{block:PermalinkPage}
667
{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:PermalinkPage}
668
</div>{/block:Posts}</center>
669
{/block:Posts}
670
{/block:PermalinkPage}
671
672
<!-- INFINTE SCROLL SCRIPT -->
673
<script src="http://masonry.desandro.com/js/jquery-1.7.1.min.js"></script>
674
<script src="http://masonry.desandro.com/jquery.masonry.min.js"></script>
675
<script src="http://static.tumblr.com/6jwx45k/NDjmglaij/inf-scrolling.js"></script>
676
<script type="text/javascript">
677
$(window).load(function () {
678-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
678+
679-
<script type="text/javascript" src="http://static.tumblr.com/ek9ly4s/lBFmovu46/infintescroll.js"></script>
679+
680-
<script type="text/javascript" src="http://static.tumblr.com/j1tjexd/WYwm8ed44/like_script.js"></script>
680+
681
navSelector : 'div#pagination',
682
nextSelector : 'div#pagination a#nextPage',
683
itemSelector : '.entry',
684
loading: {/*Loading...*/
685
finishedMsg: '',
686
img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
687
},
688
bufferPx : 175,
689
debug : false,
690
},
691
// call masonry as a callback.
692
function( newElements ) {
693-
bufferPx : 300,
693+
694
$newElems.hide();
695
// ensure that images load before adding to masonry layout
696
$newElems.imagesLoaded(function(){
697
$content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(1500);} );
698
});
699
});
700
});
701
</script>
702
 
703
{block:IndexPage}
704
{block:Pagination}
705
<div id="pagination">
706
{block:NextPage}
707
<a id="nextPage" href="{NextPage}"></a>
708
{/block:NextPage}
709
{block:PreviousPage}
710
<a href="{PreviousPage}"></a>
711
{/block:PreviousPage}
712
</div>
713
{/block:Pagination}
714
{/block:IndexPage}
715
</div></div></div></div></body></html><!-- END OF THEME -->