View difference between Paste ID: skYAvd3m and rwYK2FXj
SHOW: | | - or go back to the newest paste.
1
<!--
2
3
4
                       [ T H E M E  B Y ]
5
 
6
                              ○ ● ○
7
         
8
                       [ T O M K I R K ]
9
                       
10
                                       
11
                       
12
-->
13
<html>
14
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
15
<html xmlns="http://www.w3.org/1999/xhtml">
16
<head> 
17
{block:ifCursorSparkles}
18
<script type="text/javascript">
19
// <![CDATA[
20
var colour="random"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"
21
var sparkles=50;
22
23
24
25
/****************************
26
* Tinkerbell Magic Sparkle *
27
*(c)2005-11 mf2fm web-design*
28
* http://www.mf2fm.com/rv *
29
* DON'T EDIT BELOW THIS BOX *
30
****************************/
31
32
var x=ox=400;
33
var y=oy=300;
34
var swide=800;
35
var shigh=600;
36
var sleft=sdown=0;
37
var tiny=new Array();
38
var star=new Array();
39
var starv=new Array();
40
var starx=new Array();
41
var stary=new Array();
42
var tinyx=new Array();
43
var tinyy=new Array();
44
var tinyv=new Array();
45
46
window.onload=function() { if (document.getElementById) {
47
var i, rats, rlef, rdow;
48
for (var i=0; i<sparkles; i++) {
49
var rats=createDiv(3, 3);
50
rats.style.visibility="hidden";
51
document.body.appendChild(tiny[i]=rats);
52
starv[i]=0;
53
tinyv[i]=0;
54
var rats=createDiv(5, 5);
55
rats.style.backgroundColor="transparent";
56
rats.style.visibility="hidden";
57
var rlef=createDiv(1, 5);
58
var rdow=createDiv(5, 1);
59
rats.appendChild(rlef);
60
rats.appendChild(rdow);
61
rlef.style.top="2px";
62
rlef.style.left="0px";
63
rdow.style.top="0px";
64
rdow.style.left="2px";
65
document.body.appendChild(star[i]=rats);
66
}
67
68
set_width();
69
sparkle();
70
}}
71
72
function sparkle() {
73
var c;
74
if (x!=ox || y!=oy) {
75
ox=x;
76
oy=y;
77
for (c=0; c<sparkles; c++) if (!starv[c]) {
78
star[c].style.left=(starx[c]=x)+"px";
79
star[c].style.top=(stary[c]=y)+"px";
80
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
81
star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
82
83
star[c].style.visibility="visible";
84
starv[c]=50;
85
break;
86
}
87
}
88
for (c=0; c<sparkles; c++) {
89
if (starv[c]) update_star(c);
90
if (tinyv[c]) update_tiny(c);
91
}
92
setTimeout("sparkle()", 40);
93
}
94
95
96
97
function update_star(i) {
98
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
99
if (starv[i]) {
100
stary[i]+=1+Math.random()*3;
101
if (stary[i]<shigh+sdown && starx[i]>0) {
102
star[i].style.top=stary[i]+"px";
103
starx[i]+=(i%5-2)/5;
104
star[i].style.left=starx[i]+"px";
105
}
106
else {
107
star[i].style.visibility="hidden";
108
starv[i]=0;
109
return;
110
}
111
}
112
113
else {
114
tinyv[i]=50;
115
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
116
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
117
tiny[i].style.width="2px";
118
tiny[i].style.height="2px";
119
tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
120
star[i].style.visibility="hidden";
121
tiny[i].style.visibility="visible"
122
}
123
}
124
125
function update_tiny(i) {
126
if (--tinyv[i]==25) {
127
tiny[i].style.width="1px";
128
tiny[i].style.height="1px";
129
}
130
131
if (tinyv[i]) {
132
tinyy[i]+=1+Math.random()*3;
133
if (tinyy[i]<shigh+sdown && tinyx[i]>0) {
134
tiny[i].style.top=tinyy[i]+"px";
135
tinyx[i]+=(i%5-2)/5;
136
tiny[i].style.left=tinyx[i]+"px";
137
}
138
139
else {
140
tiny[i].style.visibility="hidden";
141
tinyv[i]=0;
142
return;
143
}
144
}
145
else tiny[i].style.visibility="hidden";
146
}
147
148
document.onmousemove=mouse;
149
function mouse(e) {
150
set_scroll();
151
y=(e)?e.pageY:event.y+sdown;
152
x=(e)?e.pageX:event.x+sleft;
153
}
154
155
function set_scroll() {
156
if (typeof(self.pageYOffset)=="number") {
157
sdown=self.pageYOffset;
158
sleft=self.pageXOffset;
159
}
160
else if (document.body.scrollTop || document.body.scrollLeft) {
161
sdown=document.body.scrollTop;
162
sleft=document.body.scrollLeft;
163
}
164
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
165
sleft=document.documentElement.scrollLeft;
166
sdown=document.documentElement.scrollTop;
167
}
168
else {
169
sdown=0;
170
sleft=0;
171
}
172
}
173
174
window.onresize=set_width;
175
function set_width() {
176
if (typeof(self.innerWidth)=="number") {
177
swide=self.innerWidth;
178
shigh=self.innerHeight;
179
}
180
181
else if (document.documentElement && document.documentElement.clientWidth) {
182
swide=document.documentElement.clientWidth;
183
shigh=document.documentElement.clientHeight;
184
}
185
186
else if (document.body.clientWidth) {
187
swide=document.body.clientWidth;
188
shigh=document.body.clientHeight;
189
}
190
}
191
192
function createDiv(height, width) {
193
var div=document.createElement("div");
194
div.style.position="absolute";
195
div.style.height=height+"px";
196
div.style.width=width+"px";
197
div.style.overflow="hidden";
198
return (div);
199
}
200
201
function newColour() {
202
var c=new Array();
203
c[0]=255;
204
c[1]=Math.floor(Math.random()*256);
205
c[2]=Math.floor(Math.random()*(256-c[1]/2));
206
c.sort(function(){return (0.5 - Math.random());});
207
return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
208
}
209
210
// ]]>
211
</script>
212
{/block:ifCursorSparkles}
213
214
<!--Default Variables-->
215
<!--Colors-->
216
<meta name="color:Ask Background" content="#fbff00"/>
217
<meta name="color:Ask Text" content="#000000"/>
218
<meta name="color:Background" content="#ffffff"/> 
219
<meta name="color:Text" content="#000000"/>
220
<meta name="color:Link" content="#ff8400"/>
221
<meta name="color:Link Hover" content="#3300ff"/> 
222
<meta name="color:Accent" content="#fbff00"/>  
223
<meta name="color:Title" content="#29aa36"/>  
224
<meta name="color:Side Links" content="#febebe"/>  
225
<meta name="color:Description Title" content="#ffffff"/>
226
<meta name="color:Description Title Text" content="#000000"/> 
227
<meta name="color:Tool Tip" content="#ffffff"/>
228
<meta name="color:Tool Tip Text" content="#000000"/> 
229
230
<!--Images-->
231
<meta name="image:Background" content=""/>  
232
233
<!--Options-->
234
<meta name="if:Infinite Scroll" content=""/>
235
<meta name="if:Captions" content="1"/>  
236
<meta name="if:Show Album Art" content="1"/>  
237
<meta name="if:Cursor Sparkles" content="1"/>
238
<meta name="if:Flower Cursor" content="1"/>
239
<meta name="if:Crosshair Cursor" content=""/>
240
<meta name="if:Full Bkg Img" content="" />
241
242
<!--Links-->
243
<meta name="text:Description Title" content="123456789.abt_me">
244
<meta name="text:Link 1 URL" content="/"/>
245
<meta name="text:Link 1 name" content=""/>
246
<meta name="text:Link 2 URL" content="/"/>
247
<meta name="text:Link 2 name" content=""/>
248
<meta name="text:Link 3 URL" content="/"/>
249
<meta name="text:Link 3 name" content=""/>
250
<meta name="text:Link 4 URL" content="/"/>
251
<meta name="text:Link 4 name" content=""/> 
252
253
<link href='http://fonts.googleapis.com/css?family=Quicksand:400,700' rel='stylesheet' type='text/css'>
254
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
255
<link href="http://terribleideas.neocities.org/badideas.css" rel="stylesheet" type="text/css" media="all">
256
257
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
258
 
259
<script src="jquery.js"></script>
260
<script>
261
$(document).ready(function(){
262
  $("#click").click(function(){
263
    $("#guts").slideToggle("fast");
264
  });
265
});
266
</script>
267
268
{block:Description}
269
<meta name="description" content="{MetaDescription}" />
270
{/block:Description}
271
<meta charset="utf-8">
272
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
273
<title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
274
<link rel="shortcut icon" href="{Favicon}">
275
<link rel="alternate" type="application/rss+xml" href="{RSS}"> 
276
<style type="text/css">
277
 
278
iframe#tumblr_controls {-webkit-filter:invert(100%);-moz-filter:invert(100%);-filter:invert(100%);right:3px;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}
279
280
iframe#tumblr_controls:hover{opacity:1;} 
281
282
html,body,a,a:hover{
283
{block:ifFlowerCursor}cursor:url(http://cur.cursors-4u.net/nature/nat-8/nat801.cur), progress; {/block:ifFlowerCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor}
284
}
285
286
body{background:{color:Background};{block:ifbackgroundimage}background-image:url('{image:background}');{/block:ifbackgroundimage}background-attachment:fixed;background-repeat:repeat;background-position:center;font-family:courier new;font-size:13px;line-height:17px;color:{color:Text};
287
{block:ifTinyCursor}cursor:url(http://cur.cursors-4u.net/nature/nat-8/nat801.cur), progress; {/block:ifTinyCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor}{block:ifFullBkgImg}background-size:100% 100%;{/block:ifFullBkgImg}
288
}
289
290
a:link, a:active, a:visited{color:{color:Link};text-decoration:none;-webkit-transition: all 0.s linear;-moz-transition: all 0.s linear;transition: all 0.s linear;{block:ifTinyCursor}cursor:url(http://cur.cursors-4u.net/nature/nat-8/nat801.cur), progress; {/block:ifTinyCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor}}
291
292
a:hover{color:{color:Link Hover};}
293
294
#s-m-t-tooltip {
295
   max-width:200px;
296
   margin:25px 20px 25px 20px;
297
   background-color:{color:Tool Tip};
298
   color:{color:Tool Tip Text};
299
   border:0px solid {color:Border};
300
   font-size:12px; 
301
   line-height:12px;
302
   padding:3px 5px 2px 5px;
303
   box-shadow:rgba(0,0,0,0.07) 4px 4px; 
304
   -webkit-transition: all 0.3s ease-out;
305
   -moz-transition: all 0.3s ease-out;
306
   transition: all 0.3s ease-out;
307
   z-index:999999999999999999999999999999999999; 
308
}
309
310
#container { 
311
    margin:auto;
312
    {block:IndexPage}width:900px{/block:IndexPage}
313
    {block:PermalinkPage}width:900px;{/block:PermalinkPage}
314
}
315
316
#content{ 
317
    {block:IndexPage} width:500px;{/block:IndexPage}
318
    {block:PermalinkPage}width:500px;{/block:PermalinkPage}
319
}
320
321
        article{  
322
            float:center;
323
            position:relative;  
324
            {block:IndexPage}width:400px;margin:20px 20px 80px 200px;{/block:IndexPage}
325
            {block:PermalinkPage}width:500px;margin:20px 20px 70px 200px;{/block:PermalinkPage} 
326
        }
327
    
328
        article img{{block:indexPage}display:block;{/block:IndexPage}height:auto;}
329
        
330
        article .cap{ 
331
            padding:0;
332
        }
333
        
334
        article #permalink{ 
335
            position:relative;
336
            margin:30px 0 0 0;
337
            text-align:left;  
338
            line-height:20px;
339
            text-align:center;
340
        }  
341
        
342
        #permalink a{ 
343
            text-decoration:underline;
344
        }
345
        
346
        #permalink a:hover{
347
            text-shadow:rgba(255, 55, 150,0) 0px 0px 8px;
348
            text-decoration:none; 
349
        }
350
        
351
        #permalinkpg{
352
            margin:10px 0 0 0;
353
        }
354
        
355
        .glow{
356
            box-shadow:{color:Glow} 0px 0px 0px;
357
            width:auto;
358
        }
359
        
360
        #pic {
361
            position:relative; 
362
        }
363
        
364
        #pic img{
365
            display:block;
366
            -webkit-transition: all 0.4s linear;
367
            -moz-transition: all 0.4s linear;
368
            transition: all 0.4s linear; 
369
        }
370
        
371
        article #pc{ 
372
            float:center;
373
        }
374
        
375
        article #pc:hover{
376
            -webkit-transition: all 0.4s linear;
377
            -moz-transition: all 0.4s linear;
378
            transition: all 0.4s linear; 
379
        }
380
        
381
        article #ugh{
382
            display:block; 
383
            margin-bottom:-10px;
384
            -webkit-transition: all 0.4s linear;
385
            -moz-transition: all 0.4s linear;
386
            transition: all 0.4s linear; 
387
        }
388
        
389
        article:hover #ugh{  
390
            {block:ifPhotoZoom}
391
            {block:IndexPage}
392
            -ms-transform: scale(1.10); /* IE 9 */
393
            -webkit-transform: scale(1.10); /* Chrome, Safari, Opera */
394
            transform: scale(1.10); /* Standard syntax */
395
            {/block:IndexPage}
396
            {/block:ifPhotoZoom}
397
        }
398
        
399
        #permalinkpg{margin:20px 0 0 0;line-height:17px;}
400
    
401
402
        #ask {
403
            padding:10px;
404
            background:{color:Ask Background};
405
            color:{color:Ask Text}; 
406
            -webkit-border-radius: 4px;
407
            -moz-border-radius: 4px;
408
            border-radius: 4px;
409
        }
410
411
        .asktri1{
412
            margin:-6px 0 0 30px;
413
            color:{color:Ask Background};
414
            font-size:65px;
415
            font-family:arial;
416
        }
417
418
        .askername{
419
            position:Absolute;
420
            margin:-29px 0 0 39px;
421
        }
422
423
        .askername a{
424
            color:{color:Ask Text};
425
        }  
426
427
        .askerimg{
428
            margin-bottom:8px;
429
        }
430
431
        .askerimg img{
432
            width:30px;
433
            border-radius:30px;
434
            -webkit-border-radius:30px;
435
            -moz-border-radius:30px;
436
        }
437
438
        #answer{
439
            margin:10px 15px 20px 15px;
440
        }
441
442
443
        h1{  
444
            font-size:25px;
445
            line-height:28px; 
446
            font-weight:bold; 
447
            margin:0 0 0 0;
448
        } 
449
        
450
        h2{ 
451
            font-size:25px;
452
            line-height:28px; 
453
            font-weight:bold; 
454
            margin:0 0 10px 0;
455
        } 
456
        
457
        .q_q{
458
            position:absolute;
459
            font-size:times new roman;
460
            font-weight:bold;
461
            font-size:80px;
462
            line-height:70px;
463
            opacity:.15;
464
        }
465
        
466
        blockquote{
467
            padding-left:10px;
468
            margin:0 0 0 15px;
469
            border-left:2px solid rgba(0,0,0,0.2);
470
        }
471
472
        p {
473
            margin:10px 0 10px 0;
474
        }
475
476
        .ol, ul {
477
            margin-left:30px;
478
            padding:5px;
479
        }
480
481
        .ul {
482
            list-style-type:square;
483
        }
484
485
        .chat .line{
486
            padding: 2px; 
487
        }
488
489
        .chat .line .odd{
490
            padding:2px;
491
            color:{color:Ask Text};
492
            background:{color:Ask Background};
493
        }
494
495
        .label {
496
            font-weight:bold;
497
        }
498
        
499
        .audioart img{
500
            {block:IndexPage}
501
            {block:ifShowAlbumArt}width:400px;{/block:ifShowAlbumArt}
502
            {/block:IndexPage}
503
            {block:PermalinkPage}width:500px;{/block:PermalinkPage} 
504
        }
505
        
506
        .audioplayer{
507
            padding:10px;
508
            background:black;
509
            opacity:1;
510
        }
511
        
512
        .audioinfo{
513
            border-top:1px solid rgba(255,255,255,1);
514
            padding:10px;
515
            background:black;
516
            color:white;
517
            opacity:1;
518
        }
519
520
        .notes img{
521
            width:10px;
522
            position:left;
523
            margin:3px 5px 0 0; 
524
            -webkit-border-radius:10px;
525
            -moz-border-radius:10px;
526
            border-radius:10px;
527
        }
528
529
        .notes{
530
            line-height:30px;
531
        }
532
        
533
#pgs{   
534
    margin:10px 0 0 0;
535
} 
536
537
#pgs a{ 
538
    border-bottom:0px;
539
    color:#777;
540
}
541
        
542
 .com:last-child{display:none;}
543
 
544
 
545
#infscr-loading{
546
    position:absolute;
547
    left:50%; 
548
    bottom:-40px;
549
    opacity:0;
550
    
551
}
552
553
/* full side 
554
#side{
555
    position:fixed;
556
    color:{color:Side Text};
557
    width:120px;
558
    margin:15px 0 0 0;
559
    {block:IndexPage}left:600px;{/block:IndexPage}
560
    {block:PermalinkPage}left:800px;{/block:PermalinkPage}
561
    z-index:1;
562
}
563
564
#side a{
565
    color:{color:Side Text};
566
    text-decoration:underline;
567
}
568
569
#side a:hover{
570
    text-decoration:none;
571
}
572
     
573
#right{
574
    position:fixed;
575
    top:0;
576
    {block:IndexPage}left:440px;{/block:IndexPage}
577
    {block:PermalinkPage}left:720px;{/block:PermalinkPage}
578
    height:100%;
579
    width:100%;
580
    background:{color:Side};
581
} 
582
583
*/
584
585
#side2{
586
    width:200px;
587
    top:0;
588
    position:fixed;
589
    z-index:9999;
590
    border-bottom:5px dashed {color:Accent};
591
    padding:10px 0 10px 0;
592
}
593
594
.title a{
595
    color:{color:Title};
596
    font-size:30px;
597
    line-height:20px;  
598
}
599
600
.nav a{
601
    margin:0 5px 0 0;
602
    color:{color:Side Links};
603
}
604
605
#side3{
606
    width:250px;
607
    margin-top:400px;
608
    margin-left:600px;
609
    position:fixed;
610
    z-index:9999;
611
    border-left:5px dashed {color:Accent};
612
    padding:10px 0 10px 10px;
613
}
614
615
#guts,#click{
616
    padding:1px;
617
    display:inline-block;
618
}
619
   
620
#click{
621
    margin-bottom:4px;
622
    background:{color:Description Title};
623
    color:{color:Description Title Text};
624
}
625
   
626
#click:hover{
627
    cursor:help;
628
}
629
 
630
#click:active{
631
    background:{color:Description Title}; 
632
    color:{color:Background};
633
}
634
   
635
#guts{
636
    padding:1px;
637
    display:none;
638
}
639
 
640
641
{CustomCSS}
642
</style>  
643
644
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
645
<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
646
<script>
647
(function($){
648
$(document).ready(function(){
649
$("a[title]").style_my_tooltips({
650
tip_follows_cursor:true,
651
tip_delay_time:0,
652
tip_fade_speed:0,
653
attribute:"title"
654
});
655
});
656
})(jQuery);
657
</script>
658
659
660
</head>
661
<body>
662
663
<div id="right"></div> 
664
665
<div id="container">
666
<br><br><br>
667
668
<div id="side2">
669
<div class="title">
670
    <blink><a href="/">{Title}</a></blink>
671
</div>
672
673
<div style="background:yellow;">
674
</div>
675
676
<div class="nav">
677
    <a href="{text:Link 1 URL}">{text:Link 1 name}</a>
678
    <a href="{text:Link 2 URL}">{text:Link 2 name}</a>
679
    <a href="{text:Link 3 URL}">{text:Link 3 name}</a>
680
    <a href="{text:Link 4 URL}">{text:Link 4 name}</a>
681
</div>
682
683
{block:ifNotInfiniteScroll}
684
{block:IndexPage} 
685
<div id="pgs">
686
{block:Pagination}
687
{block:PreviousPage} <a href="{PreviousPage}">last</a>{/block:PreviousPage} 
688
{/block:JumpPagination}
689
{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
690
{/block:Pagination}
691
</div> 
692
{/block:IndexPage}
693
{/block:ifNotInfiniteScroll}
694
695
696
</div>
697
698
<div id="side3">
699
700
<div id="click">{text:Description Title}</div>
701
702
<div id="guts">
703
{description}
704
</div>
705
706
</div>
707
708
<!--
709
<div id="side">
710
711
{block:ifNotInfiniteScroll}
712
{block:IndexPage} 
713
<div id="pgs">
714
{block:Pagination}
715
{block:PreviousPage} <a href="{PreviousPage}"><i class="fa fa-caret-left"></i></a>{/block:PreviousPage}
716
{CurrentPage} of {TotalPages}
717
{/block:JumpPagination}
718
{block:NextPage}<a href="{NextPage}"><i class="fa fa-caret-right"></i></a>{/block:NextPage}
719
{/block:Pagination}
720
</div> 
721
{/block:IndexPage}
722
{/block:ifNotInfiniteScroll}
723
</div>
724
725
-->
726
727
<div id="content">
728
729
{block:Posts}
730
<article>
731
732
{block:Answer}
733
<div id="ask">
734
<div class="askerimg"><img src="{AskerPortraitURL-128}"></div>
735
<span class="askername"> {Asker} asked:</span>
736
<span style="padding-left:3px;padding-right:3px;">{Question}</span>
737
</div>
738
<div class="asktri1">▾</div> 
739
<div id="answer">{Answer}</div> 
740
{/block:Answer}
741
742
{block:Text}
743
<div class="cap">
744
{block:Title}
745
<h1>{Title}</h1>
746
{/block:Title}
747
{Body}
748
</div>
749
{/block:Text}
750
751
{block:Link}
752
<div class="cap">
753
<h1><a href="{URL}">{Name} »</a></h1> 
754
{block:Description}{Description}{/block:Description}
755
</div>
756
{/block:Link}
757
758
{block:Photo}  
759
<div id="pic"> 
760
<div id="pc">
761
762
{block:IndexPage}
763
<center>
764
<a href="{Permalink}">                     
765
{block:Post1} 
766
<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:250px;">
767
{/block:Post1}
768
{block:Post2} 
769
<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:400px;margin-left:-60px;">
770
{/block:Post2}
771
{block:Post3} 
772
<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:300px;">
773
{/block:Post3}
774
{block:Post4} 
775
<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:350px;margin-left:-40px;">
776
{/block:Post4}
777
{block:Post5} 
778
<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:250px;">
779
{/block:Post5}
780
{block:Post6} 
781
<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:400px;margin-left:-60px;">
782
{/block:Post6}
783
{block:Post7} 
784
<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:250px;">
785
{/block:Post7}
786
{block:Post8} 
787
<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:150px;">
788
{/block:Post8}
789
{block:Post9} 
790
<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:300px;">
791
{/block:Post9}
792
{block:Post10} 
793
<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:250px;">
794
{/block:Post10}
795
{block:Post11} 
796
<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:400px;margin-left:-60px;">
797
{/block:Post11}
798
{block:Post12} 
799
<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:150px;">
800
{/block:Post12}
801
{block:Post13} 
802
<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:350px;margin-left:-40px;">
803
{/block:Post13}
804
{block:Post14} 
805
<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:250px;">
806
{/block:Post14}
807
{block:Post15} 
808
<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:360px;margin-left:-40px;">
809
{/block:Post15}
810
</a>
811
</center>
812
{/block:IndexPage}
813
814
{block:PermalinkPage}
815
<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width: 500px;">
816
{/block:PermalinkPage}
817
818
</div>
819
</div>  
820
{block:ifCaptions}
821
{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
822
{/block:ifCaptions}
823
{block:ifNotCaptions}
824
{block:PermalinkPage}
825
{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
826
{/block:PermalinkPage}
827
{/block:ifNotCaptions}
828
{block:ContentSource}
829
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
830
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
831
{/block:SourceLogo}
832
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
833
{/block:ContentSource}
834
{block:ReblogParentURL}
835
<!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
836
{/block:ReblogParentURL}
837
{/block:Photo}
838
839
{block:Photoset} 
840
{block:IndexPage} 
841
<div class="glow">
842
    <div id="pic"> 
843
        <div id="ugh">
844
            <center>
845
                {block:Post1}<div style="margin-left:-60px">{Photoset-400}</div>{/block:Post1}
846
                {block:Post2}<div style="margin-left:-60px">{Photoset-400}</div>{/block:Post2}
847
                {block:Post3}{Photoset-250}{/block:Post3}
848
                {block:Post4}<div style="margin-left:-60px">{Photoset-400}</div>{/block:Post4}
849
                {block:Post5}{Photoset-250}{/block:Post5}
850
                {block:Post6}<div style="margin-left:-60px">{Photoset-400}</div>{/block:Post6}
851
                {block:Post7}{Photoset-250}{/block:Post7}
852
                {block:Post8}<div style="margin-left:-60px">{Photoset-400}</div>{/block:Post8}
853
                {block:Post9}{Photoset-250}{/block:Post9}
854
                {block:Post10}<div style="margin-left:-60px">{Photoset-400}</div>{/block:Post10}
855
                {block:Post11}{Photoset-250}{/block:Post11}
856
                {block:Post12}<div style="margin-left:-60px">{Photoset-400}</div>{/block:Post12}
857
                {block:Post13}{Photoset-250}{/block:Post13}
858
                {block:Post14}<div style="margin-left:-60px">{Photoset-400}</div>{/block:Post14}
859
                {block:Post15}{Photoset-250}{/block:Post15} 
860
            </center>
861
        </div> 
862
    </div> 
863
</div>
864
{/block:IndexPage}
865
{block:PermalinkPage}<div class="glow">{Photoset-500}</div>{/block:PermalinkPage}  
866
{block:ifCaptions}
867
{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
868
{/block:ifCaptions}
869
{block:ifNotCaptions}
870
{block:PermalinkPage}
871
{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
872
{/block:PermalinkPage}
873
{/block:ifNotCaptions}
874
{/block:Photoset}
875
876
{block:Quote}
877
<div class="cap">
878
<div class="q_q">❝</div>
879
<h2>{Quote}</h2> 
880
{block:Source}
881
- {Source} 
882
{/block:Source} 
883
</div>
884
{/block:Quote}
885
886
{block:Chat}
887
<div class="cap">
888
{block:Title}
889
<h1>{Title}</h1>
890
{/block:Title}
891
<div class="chat">
892
{block:Lines}
893
<div class="chat">
894
<div class="line {Alt}">
895
<div class="{Alt} user_{UserNumber}">
896
{block:Label}
897
<b>{Label} </b>
898
{/block:Label}
899
{Line}
900
</div>
901
</div>
902
</div>
903
{/block:Lines}
904
</div> 
905
</div>
906
{/block:Chat}
907
908
{block:Audio} 
909
{block:AlbumArt}
910
<div class="audioart">
911
<img src="{AlbumArtURL}">
912
</div>
913
{/block:AlbumArt}
914
{block:AudioPlayer} 
915
<div class="audioplayer">
916
{AudioPlayerBlack}
917
</div> 
918
{/block:AudioPlayer}
919
{block:TrackName}
920
<div class="audioinfo">
921
Song : {TrackName}
922
</div>
923
{/block:TrackName}
924
{block:Artist}
925
<div class="audioinfo">
926
Artist : {Artist}
927
</div>
928
{/block:Artist}
929
{block:Album}
930
<div class="audioinfo">
931
Album : {Album}
932
</div>
933
{/block:Album}
934
{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
935
{/block:Audio}
936
937
{block:Video}
938
<center>
939
{block:IndexPage}<div class="glow">{Video-250}</div>{/block:IndexPage}
940
{block:PermalinkPage}<div class="glow">{Video-500}</div>{/block:PermalinkPage}
941
</center>
942
{block:ifCaptions}
943
{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
944
{/block:ifCaptions}
945
{block:ifNotCaptions}
946
{block:PermalinkPage}
947
{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
948
{/block:PermalinkPage}
949
{/block:ifNotCaptions} 
950
{/block:Video}
951
952
{block:IndexPage}
953
<div id="permalink">   
954
<a href="{Permalink}">{TimeAgo}</a> with 
955
<a href="{Permalink}">{NoteCountWithLabel}</a>
956
    {block:HasTags}
957
    <br>
958
    filed under:
959
    {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}
960
    {/block:HasTags}
961
</div>
962
{/block:IndexPage}
963
964
{block:PermalinkPage}
965
    {block:Date}
966
    <div id="permalinkpg">   
967
        <b>Posted:</b> {TimeAgo} on
968
        {ShortMonth} {DayofMonth},{Year} at
969
        {12Hour}:{Minutes} {CapitalAmPm}
970
        {block:NoteCount}<br>
971
        <b>Notes:</b>
972
        {NoteCount}
973
        {/block:NoteCount}
974
        {block:HasTags}
975
        <br>
976
        <b>Tags:</b>
977
        {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;
978
        {/block:Tags}
979
        {/block:HasTags}
980
        <br>{block:RebloggedFrom}
981
        <b>Via:</b> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a><br> <b>Src:</b> <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>  {/block:RebloggedFrom} 
982
    </div> 
983
    <div class="cap"> 
984
        {block:PostNotes}
985
        {PostNotes}
986
        {/block:PostNotes}
987
    </div>
988
    {/block:Date}
989
{/block:PermalinkPage}
990
991
</article>
992
{/block:Posts}
993
994
995
</div>
996
997
<!--Pagination: previous/next page links-->
998
{block:Pagination}
999
<div class="pagination">
1000
    {block:PreviousPage}<a href="{PreviousPage}"> </a>{/block:PreviousPage}
1001
    {block:NextPage}<a href="{NextPage}"> </a>{/block:NextPage}
1002
</div>
1003
{/block:Pagination}
1004
1005
<!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded-->
1006
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
1007
<script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
1008
{block:IfInfiniteScroll}
1009
<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
1010
<script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
1011
{/block:IfInfiniteScroll}
1012
<!--Code for infinite scroll and grid layout-->
1013
<script>
1014
(function() {
1015
    var $tumblelog = $('#content');
1016
    {block:IfInfiniteScroll}
1017
    $tumblelog.infinitescroll({
1018
        navSelector  : ".pagination",            
1019
        nextSelector : ".pagination a:first",    
1020
        itemSelector : "article",
1021
        bufferPx     : 50,
1022
        done : "",
1023
        loading: {
1024
            finishedMsg: "<p> </p>",
1025
            img : "http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif",
1026
            msg: null,
1027
            msgText: "<p> </p>"
1028
        },
1029
    },
1030
      function( newElements ) {
1031
            var $newElems = $( newElements ).css({ opacity: 0 });
1032
            $newElems.imagesLoaded(function(){
1033
                $newElems.animate({ opacity: 1 });
1034
                $tumblelog.masonry( 'appended', $newElems);
1035
            });
1036
          }
1037
    );
1038
    {/block:IfInfiniteScroll}
1039
    $tumblelog.imagesLoaded( function(){
1040
      $tumblelog.masonry({
1041
        columnWidth: function( containerWidth ) {
1042
            return containerWidth / 100;
1043
          }
1044
      });
1045
    });
1046
})();
1047
</script>
1048
</div> 
1049
1050
<div style="position:fixed;bottom:0;right:0;padding:0 30px 30px 0;font-size:14px;"><a title="theme by tomkirk" style="background:transparent;"href="http://tomkirk.tumblr.com/">▲</a></div>
1051
1052
</body>
1053
</html>