View difference between Paste ID: xCbV6myY and Skyq77Pn
SHOW: | | - or go back to the newest paste.
1
<!-----------------------------------------
2
★ ° . .    . ☾ °☆  . * ● ¸ .   ★ ° :.  . • ○ ° ★  .  * .     .   °  . ● .    ° ☾ °☆  ¸. ● .  ★  ★ ° ☾ ☆ ¸. ¸  ★  :.  . • ○ ° ★  .  * . .  ¸ .   °  ¸. * ● ¸ .    ° °  ¸. ● ¸ .  ★ ° :.  . • °   ★ 
3
▒█▀▀▀ █▀▀ █░░ ░▀░ █▀▀█ █▀▀ █▀▀   ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
4
▒█▀▀▀ █░░ █░░ ▀█▀ █░░█ ▀▀█ █▀▀   ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
5
▒█▄▄▄ ▀▀▀ ▀▀▀ ▀▀▀ █▀▀▀ ▀▀▀ ▀▀▀   ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀  
6
★ ° . .    . ☾ °☆  . * ● ¸ .   ★ ° :.  . • ○ ° ★  .  * .     .   °  . ● .    ° ☾ °☆  ¸. ● .  ★  ★ ° ☾ ☆ ¸. ¸  ★  :.  . • ○ ° ★   * . .  ¸ .   °  ¸. * ● ¸ .    ° ☾ °  ¸. ● ¸ .  ★ ° :.  . • °
7
Please keep credit!!
8
----------------------------------------------->
9
10
<html lang="en">
11
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
12
<html xmlns="http://www.w3.org/1999/xhtml">
13
<script type="text/javascript"
14
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
15
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
16
<head>
17
<link rel="shortcut icon" href="{Favicon}" />
18
<!-- DEFAULT VARIABLES -->
19
<title>{Title}</title>
20
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
21
<meta name="color:Background" content="#eee"/>
22
<meta name="color:Text" content="#ccc"/>
23
<meta name="color:Title" content="#ccc"/>
24
<meta name="color:Link" content="#999"/>
25
<meta name="color:Hover" content="#eee"/>
26
<meta name="color:Ask Bubble" content="#eee"/>
27
<meta name="color:Scrollbar" content="#ccc"/>
28
<meta name="color:Permalink Background" content="#fff"/>
29
<meta name="color:Permalink Border" content="#9bcaca"/>
30
<meta name="color:Blogtitle" content="#ccc"/>
31
<meta name="color:Sidebar" content="#9bcaca"/>
32
<meta name="color:Sidebar Links" content="#fff"/>
33
34
35
<meta name="if:One Column" content="0" />
36
<meta name="if:Two Columns" content="1" />
37
<meta name="if:Show Sidebar" content="1" />
38
<meta name="if:Show Link 1" content="1"/>
39
<meta name="if:Show Link 2" content="1"/>
40
<meta name="if:Show Link 3" content="1"/>
41
<meta name="if:Show Link 4" content="1"/>
42
<meta name="if:Show Link 5" content="1"/>
43
<meta name="if:Show Link 6" content="1"/>
44
45
46
47
48
<meta name="select:Description" content="Left" title="Left" />
49
<meta name="select:Description" content="Center" title="Center" />
50
<meta name="select:Description" content="Right" title="Right" />
51
52
<meta name="select:Blogtitle" content="Left" title="Left" />
53
<meta name="select:Blogtitle" content="Center" title="Center" />
54
<meta name="select:Blogtitle" content="Right" title="Right" />
55
56
<meta name="select:Blogtitle Style" content="normal" title="Normal" />
57
<meta name="select:Blogtitle Style" content="italic" title="Italic" />
58
59
<meta name="image:Sidebar" content=""/>
60
<meta name="image:Background" content="0"/>
61
62
63
<meta name="text:Link 1 Url" content="/">
64
<meta name="text:Link 1 Title" content="home">
65
<meta name="text:Link 2 Url" content="/ask">
66
<meta name="text:Link 2 Title" content="message">
67
<meta name="text:Link 3 Url" content="/archive">
68
<meta name="text:Link 3 Title" content="archive">
69
<meta name="text:Link 4 Url" content="http://">
70
<meta name="text:Link 4 Title" content="faves">
71
<meta name="text:Link 5 Url" content="http://">
72
<meta name="text:Link 5 Title" content="instagram">
73
<meta name="text:Link 6 Url" content="http://">
74
<meta name="text:Link 6 Title" content="more links">
75
76
<script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
77
<script>
78
   (function($){
79
       $(document).ready(function(){
80
           $("[title]").style_my_tooltips({
81
               tip_follows_cursor:true,
82
               tip_delay_time:200,
83
               tip_fade_speed:300
84
           }
85
               );
86
       });
87
   })(jQuery);
88
</script>
89
<style type="text/css">
90
#s-m-t-tooltip{
91
max-width:300px;
92
margin:15px;
93
padding:2px 8px;
94
border:1px solid {color:sidebar};
95
background:white;
96
color:{color:text};
97
z-index:999999;
98
font-size:9px;
99
font-style:normal;
100
text-transform:lowercase;
101
letter-spacing:1px;
102
}
103
104
105
106
::-webkit-scrollbar-thumb{ 
107
    background-color:{color:scrollbar};
108
    border:3px solid {color:background};
109
    height:6px;}
110
111
::-webkit-scrollbar { 
112
    height:10px;
113
    width:10px; 
114
    background-color:{color:background};}
115
116
117
118
119
120
.wrapper{
121
margin: 0px auto;
122
margin-left:60px;
123
width: 1000px;
124
}
125
126
.header{
127
float: left;
128
width: 100%;
129
}
130
131
.left{
132
float: left;
133
margin-right: 20px;
134
width:1045;
135
}
136
137
.right{
138
float: right;
139
width: 200px;
140
background-color: #fff;
141
}
142
143
144
body {
145
margin:0px;
146
background-color: {color:Background};
147
background-image:url({image:Background});
148
background-attachment: fixed;
149
background-repeat: repeat;}
150
body, div, p, textarea, submit, input{
151
font-family: times;
152
font-size: 11px;
153
line-height:14px;
154
letter-spacing:1px;
155
color:{color:Text};
156
}
157
158
159
160
p {
161
margin:0px;
162
margin-top:0px;
163
}
164
165
a:link, a:active, a:visited{
166
text-decoration: none;
167
-webkit-transition: color 0.3s ease-out;
168
-moz-transition: color 0.3s ease-out;
169
transition: color 0.3s ease-out;
170
color: {color:Link};
171
}
172
173
a:hover {
174
: -webkit-transition-duration: 1.0s; 
175
color:{color:Hover};
176
}
177
178
179
180
181
div#center{
182
margin:auto;
183
margin-top:0px;
184
position:relative;
185
width:1045px;
186
background-color:;
187
188
}
189
190
191
192
.entry {
193
float:left;
194
background:white;
195
padding:10px;
196
border:1px #eee solid;
197
{block:IndexPage}
198
{block:ifonecolumn}
199
width:400px;
200
{/block:ifonecolumn}
201
{block:iftwocolumns}
202
width:250px;
203
{/block:iftwocolumns}
204
{/block:IndexPage}
205
margin:14px;
206
{block:PermalinkPage}
207
{block:ifonecolumn}
208
width:400px;
209
{/block:ifonecolumn}
210
{block:iftwocolumns}
211
width:400px;
212
{/block:iftwocolumns}
213
text-align:left;
214
{/block:PermalinkPage}
215
-moz-transition: all 2.2s ease-out; 
216
-o-transition: all 2.2s ease-out;
217
-webkit-transition: all 2.2s ease-out; 
218
transition: all 2.2s ease-out;
219
}
220
221
222
223
 /* Sidebar*/
224
225
#sidebar{ 
226
float:left;
227
width:180px;
228
margin-top:156px;
229
border:7px solid {color:sidebar}; 
230
font-size:11px;
231
height:auto;
232
position:fixed;
233
padding:10px;
234
text-align:{select:description};
235
font-family: times;
236
line-height:11px;
237
color:{color:text};
238
background-color: #fff;
239
{block:iftwocolumns}
240
margin-left:170px;
241
{/block:iftwocolumns}
242
{block:ifonecolumn}
243
margin-left:220px;
244
{/block:ifonecolumn}
245
246
}
247
248
249
250
251
#blogtitle{
252
position:fixed !important;
253
width:192px;
254
border:7px {color:sidebar} solid;
255
font-family:times;
256
font-style:{select:blogtitle style};
257
color:{color:blogtitle};
258
font-size: 20px;
259
background:#fff;
260
line-height:22px;
261
padding:4px;
262
margin-top:118px;
263
{block:iftwocolumns}
264
margin-left:170px;
265
{/block:iftwocolumns}
266
{block:ifonecolumn}
267
margin-left:220px;
268
{/block:ifonecolumn}
269
text-align:{select:blogtitle};
270
z-index: 100;
271
-webkit-transition: opacity .7s linear;
272
-webkit-transition: all .7s ease-in-out;
273
-moz-transition: all .7s ease-in-out;
274
-o-transition: all .7s ease-in-out;
275
}
276
277
#sidebarimage{
278
padding:0px;
279
280
}
281
282
#links{
283
background:{color:sidebar};
284
font-family: times;
285
z-index:9999;
286
width:184px;
287
margin-left:-10px;
288
padding:8px;
289
text-align:center;
290
word-spacing:4px;
291
font-size:13px;
292
color:{color:sidebar links};
293
display:inline-block;
294
295
}
296
297
#links a{
298
   
299
color:{color:sidebar links};
300
301
}
302
#links a:hover{ 
303
color:{color:hover};
304
text-shadow: 1px 1px 2px {color:hover};
305
transition: all 0.6s ease-out;
306
-o-transition-transition: all 0.6s ease-out;
307
-webkit-transition: all 0.6s ease-out;
308
-moz-transition: all 0.6s ease-out;
309
}
310
311
#audio {{block:ifonecolumn}
312
width:400px;
313
{/block:ifonecolumn}
314
{block:iftwocolumns}
315
width:250px;
316
{/block:iftwocolumns} height:auto; min-height:60px; padding-bottom:0px;}
317
.cover {position:absolute; z-index:1; width:60px; height:60px;}
318
.cover img {float:left; width:60px; height:60px;}
319
.playbox {opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:17px; margin-top:17px; text-align:center;}
320
.info {margin-left:73px; margin-top:4px; line-height:14px;}    
321
322
.title{
323
line-height:12px;
324
color:{color:Title};
325
font-weight:normal;
326
}
327
328
329
330
331
332
#cred{
333
position:fixed;
334
font-family: arial; 
335
font-size: 8px; 
336
bottom:20px; 
337
right:10px; 
338
padding:10px;
339
height:10px;
340
text-align:center;
341
text-transform:lowercase; 
342
padding-bottom:10px; 
343
width:15px;
344
color:#aaa;
345
transition: all 0.6s ease-out;
346
-o-transition-transition: all 0.6s ease-out;
347
-webkit-transition: all 0.6s ease-out;
348
-moz-transition: all 0.6s ease-out;
349
}
350
351
.eclipsethemes {
352
    width:260px;
353
    opacity: 1;
354
    z-index: 10000;
355
    margin-top:10px;
356
    margin-bottom:10px;
357
    text-align:left;
358
    font-size:10px;
359
    letter-spacing:1px;
360
}
361
362
363
/*FOR TEXT*/
364
.permahover {
365
    text-align: right;
366
    line-height:9px;
367
    opacity: 0;
368
    filter: alpha(opacity = 0);
369
    font-size: 9px;
370
    padding-top:0px;
371
    text-transform: lowercase;
372
    border-top:0px solid {color:link};
373
    -webkit-transition-duration: .75s;
374
    }
375
   
376
.entry:hover .permahover {
377
    text-align: right;
378
    opacity: 1;
379
    filter: alpha(opacity = 50);}
380
381
382
383
.bubble a{color:{color:text};}
384
385
.bubble {
386
    position:relative;
387
    margin:4px 0px 5px 45px;
388
    text-align:left;
389
    padding:5px 3px 5px 5px;
390
    background:{color:ask bubble};
391
    color:{color:text};
392
        -moz-border-radius:3px;
393
        -webkit-border-radius:3px;
394
        border-radius:2px;
395
}
396
397
398
.bubble p {
399
    margin:5px;
400
}
401
 
402
.bubble span {
403
    position:absolute;
404
    display:block;
405
    width:1px;
406
    top:-5px;
407
    left:-8px;
408
    height:1px;
409
    font-size:12;
410
    line-height:1px;
411
    color:black;
412
    border-top:3px solid transparent;
413
    border-right:7px solid #eee;
414
    border-bottom:3px solid transparent;
415
}
416
 
417
.askborder {
418
    left:-10px;
419
    margin:1px;  
420
    padding:2px;
421
    background:#eee;
422
    }
423
424
425
426
427
428
429
 .entry img{
430
background:white;
431
max-width:100%;
432
-webkit-transition:all 0.3s ease-out;
433
}
434
  
435
 
436
#zoom{
437
position:relative;
438
overflow:hidden;
439
}
440
441
 .entry:hover #zoom img{
442
-webkit-transform: scale(1.4);
443
-moz-transform: scale(1.4);
444
-o-transform: scale(1.4);
445
transform: scale(1.4);
446
}
447
448
/*PERMALINKS*/
449
.entry #zoom img{
450
display:block;
451
-webkit-transition: all 0.3s ease-out;
452
-moz-transition: all 0.3s ease-out;
453
transition: all 0.3s ease-out;
454
}
455
   
456
457
 
458
/*PERMAS*/
459
 .entry .button{
460
position:absolute;
461
width:;
462
height:13px;
463
padding:3px;
464
padding-top:4px;
465
padding-bottom:4px;
466
background-color:{color:permalink background};
467
overflow:hidden;
468
border:3px solid {color:permalink border};
469
opacity:0;
470
left:0px;
471
top:18px;
472
font-size:12px;
473
font-family:{select:font};
474
z-index:10;
475
-webkit-transition: all .8s ease-in-out;
476
-moz-transition: all .8s ease-in-out;
477
-o-transition: all .8s ease-in-out;
478
transition: all .8s ease-in-out;
479
}
480
481
.entry:hover .button{
482
top:18px;
483
left:16px;
484
opacity:1;
485
overflow:visible;
486
-webkit-transition: all .8s ease-in-out;
487
-moz-transition: all .8s ease-in-out;
488
-o-transition: all .8s ease-in-out;
489
transition: all .8s ease-in-out;
490
}
491
 .entry .button a{
492
     color:{color:permalink};
493
     }
494
495
 .entry .button3{
496
position:absolute;
497
width:;
498
height:13px;
499
padding:3px;
500
padding-top:4px;
501
padding-bottom:4px;
502
background-color:{color:permalink background};
503
overflow:hidden;
504
border:3px solid {color:permalink border};
505
opacity:0;
506
left:0px;
507
top:18px;
508
font-size:12px;
509
font-family: {select:font};
510
z-index:10;
511
-webkit-transition: all .8s ease-in-out;
512
-moz-transition: all .8s ease-in-out;
513
-o-transition: all .8s ease-in-out;
514
transition: all .8s ease-in-out;
515
}
516
517
.entry:hover .button3{
518
top:18px;
519
left:45px;
520
opacity:1;
521
overflow:visible;
522
-webkit-transition: all .8s ease-in-out;
523
-moz-transition: all .8s ease-in-out;
524
-o-transition: all .8s ease-in-out;
525
transition: all .8s ease-in-out;
526
}
527
 .entry .button3 a{
528
     color:{color:permalink};
529
     }
530
     
531
.entry .button2{
532
position:absolute;
533
width:auto;
534
height:13px;
535
padding:3px;
536
padding-top:5px;
537
background-color:{color:permalink background};
538
overflow:hidden;
539
line-height:11px;
540
font-family:calibri;
541
opacity:0;
542
left:0px;
543
top:18px;
544
font-size:11px;
545
border:3px solid {color:permalink border};
546
z-index:10;
547
-webkit-transition: all .8s ease-in-out;
548
-moz-transition: all .8s ease-in-out;
549
-o-transition: all .8s ease-in-out;
550
transition: all .8s ease-in-out;
551
}
552
553
.entry:hover .button2{
554
opacity:1;
555
left:74px;
556
overflow:visible;
557
top:18px;
558
-webkit-transition: all .8s ease-in-out;
559
-moz-transition: all .8s ease-in-out;
560
-o-transition: all .8s ease-in-out;
561
transition: all .8s ease-in-out;
562
}
563
564
 .entry .button2 a{
565
     color:{color:permalink};
566
     }
567
568
#posts {
569
{block:iftwocolumns}
570
width:700px;
571
margin-left: 357px;
572
{/block:iftwocolumns}
573
{block:ifonecolumn}
574
width:600px;
575
margin-left:440px;
576
{/block:ifonecolumn}
577
margin-top:20px;
578
margin-right: auto;
579
position:relative;
580
overflow-y: hidden;
581
}
582
583
584
#infscr-loading{
585
bottom: -70px;
586
position: absolute;
587
left: 50%;
588
margin-left:-8px;
589
width:16px;
590
height:11px;
591
overflow:hidden;
592
margin-bottom: 50px;
593
}
594
595
#postnotes{
596
text-align: justify;
597
}
598
599
#postnotes blockquote{
600
border: 0px;
601
}
602
603
blockquote{
604
padding:0px 0px 2px 5px;
605
margin:0px 0px 2px 1px;
606
border-left: 1px dotted {color:Text};
607
}
608
609
blockquote p, ul{
610
margin:0px;
611
padding:0px;
612
}
613
614
a img{border: 0px;}
615
ul, ol, li{list-style:none; margin:0px; padding:0px;}
616
.user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
617
.user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
618
.notes img{width:10px; position:relative; top:3px;
619
}
620
621
small{font-size: 90%;}
622
623
.video embed, .post div.video object {
624
  {block:iftwocolumns}
625
width:250px;
626
{/block:iftwocolumns}
627
{block:ifonecolumn}
628
width:400px;
629
{/block:ifonecolumn}  
630
    !important; height:180px !important;}
631
    
632
    
633
.video2 embed, .post div.video object {width:500px !important; height:400px !important;}
634
635
{CustomCSS}
636
637
</style>
638
639
{block:IndexPage}
640
641
642
</script>
643
<script type='text/javascript' src='http://static.tumblr.com/m52lhg5/u9amoiddc/infinite.js'></script>
644
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
645
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
646
647
<script type="text/javascript">
648
$(window).load(function () {
649
var $content = $('#posts');
650
$content.masonry({itemSelector: '.entry'}),
651
$content.infinitescroll({
652
navSelector : 'div#pagination',
653
nextSelector : 'div#pagination a#nextPage',
654
itemSelector : '.entry',
655
loading: {
656
finishedMsg: '',
657
img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
658
},
659
bufferPx : 600,
660
debug : false,
661
},
662
// call masonry as a callback.
663
function( newElements ) {
664
var $newElems = $( newElements );
665
$newElems.hide();
666
// ensure that images load before adding to masonry layout
667
$newElems.imagesLoaded(function(){
668
$content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
669
670
671
});
672
});
673
});
674
</script>
675
{/block:IndexPage}
676
677
678
<title>{Title}</title>
679
<meta name="viewport" content="width=720" />
680
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
681
</head>
682
683
<body>
684
685
686
687
<div id="blogtitle">
688
689
690
{title}</a></div>
691
<div id="sidebar">
692
{block:ifshowsidebar}
693
<div id="sidebarimage"><a href="/"><img src="{image:sidebar}" width="180" height="auto"></a></div><br>
694
{/block:ifshowsidebar}
695
696
<div id="links">
697
{block:ifshowlink1}
698
<a href="{text:Link 1 url}" title="{text:Link 1 Title}"><i class="fa fa-home"></i></a>{/block:ifshowlink1}
699
{block:ifshowlink2}
700
<a href="{text:Link 2 url}" title="{text:Link 2 Title}"><i class="fa fa-envelope-o"></i> </a>{/block:ifshowlink2}
701
{block:ifshowlink3}
702
<a href="{text:Link 3 url}" title="{text:Link 3 Title}"><i class="fa fa-folder-open"></i> </a>{/block:ifshowlink3}
703
{block:ifshowlink4}
704
<a href="{text:Link 4 url}" title="{text:Link 4 Title}"><i class="fa fa-heart-o"></i> </a>{/block:ifshowlink4}
705
706
{block:ifshowlink5}
707
<a href="{text:link 5 url}" title="{text:link 5 title}"><i class="fa fa-file-image-o"></i> </a>{/block:ifshowlink5}
708
709
{block:ifshowlink6}
710
<a href="{text:Link 6 url}" title="{text:Link 6 Title}"><i class="fa fa-plus"></i> </a>{/block:ifshowlink6}
711
    
712
<a href="http://teenageblog.tumblr.com" title="theme"><i class="fa fa-code"></i> </a>    
713
    
714
</div>
715
716
717
<br><br>
718
{description}
719
720
721
722
723
</div></div>
724
 
725
726
727
728
729
<div class="wrapper">
730
<div class="header">
731
732
</div>
733
734
735
736
<div class="left">
737
<div id="posts">
738
{block:Posts}
739
<div class="entry">
740
741
{block:Answer}<img src="{AskerPortraitURL-30}" align="left" class="askborder">
742
<div class="bubble"><font style="color:{color:link}; text-transform:uppercase; font-size:11px; font-family: times;">{Asker}:</font> <font style="color:{color:text}; font-family:times; font-size:11px; ">{Question}</font></div><br><center><font style="font-family:times; font-size:11px; letter-spacing:1px">{Answer}</font></center> <br>
743
<div class="permahover"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
744
{/block:Answer}
745
746
{block:Text}
747
{block:Title}<span class="title">{Title}</span>{/block:Title}
748
<span class="entrytext">{Body}</span>
749
<div class="permahover"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
750
{/block:Text}
751
752
{block:Link}
753
<center><a href="{URL}"><span class="title">{Name}</span></a></center>
754
<div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>
755
{block:IndexPage}<div class="permahover"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
756
{/block:IndexPage}
757
{block:Link}
758
759
{block:Photo}{block:IndexPage}
760
761
762
<div class="button"><a href="{ReblogURL}" title="reblog" target="_blank"><i class="fa fa-repeat"></i></a></center></div>
763
764
<div class="button3"><center><a href="{permalink}" title="{timeago}"><i class="fa fa-clock-o"></i></a></center></div>
765
766
<div class="button2"><center><a href="{Permalink}"><b>{NoteCount}</b></center></div>
767
{/block:IndexPage}
768
769
<div id="zoom"><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=100%/></div>
770
771
772
773
{/block:Photo}
774
775
776
{block:Photoset}
777
{block:IndexPage}
778
779
780
<div class="button"><a href="{ReblogURL}" title="reblog" target="_blank"><i class="fa fa-repeat"></i></a></center></div>
781
782
<div class="button3"><center><a href="{permalink}" title="{timeago}"><i class="fa fa-clock-o"></i></a></center></div>
783
784
<div class="button2"><center><a href="{Permalink}"><b>{NoteCount}</b></center></div>
785
786
{/block:IndexPage}
787
788
{block:IndexPage}
789
<a href="{Permalink}">
790
{block:ifonecolumn}
791
{Photoset-400}
792
{/block:ifonecolumn}
793
{block:iftwocolumns}
794
{Photoset-250}
795
{/block:iftwocolumns}
796
{/block:permalinkpage}
797
{/block:IndexPage}
798
799
{block:permalinkpage}
800
{Photoset-400}
801
{/block:permalinkpage}
802
{/block:Photoset}
803
804
805
806
{block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br>
807
<div class="permahover"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
808
{/block:Quote}
809
810
{block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
811
<ul class="chat">
812
{block:Lines}
813
<li class="user_{UserNumber}">
814
{block:Label}
815
<span class="label">{Label}</span>
816
{/block:Label}
817
818
{Line}
819
</li>
820
{/block:Lines}
821
<div class="permahover"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
822
{/block:Chat}
823
824
{block:Audio}
825
<div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
826
{block:IndexPage}
827
<div class="permahover"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
828
{/block:IndexPage}
829
{/block:Audio}
830
831
{block:Video}
832
{block:IndexPage}
833
<div class="button"><a href="{ReblogURL}" target="_blank">reblog</a></center></div>
834
<div class="button2"><center><a href="{Permalink}">{NoteCountwithLabel}</a></center></div>
835
836
  {block:iftwocolumns}
837
{Video-250}
838
{/block:iftwocolumns}
839
{block:ifonecolumn}
840
{Video-400}
841
{/block:ifonecolumn}
842
</center>
843
{/block:IndexPage}
844
{block:PermalinkPage}
845
<center>
846
{Video-400}</center>
847
{/block:PermalinkPage}
848
{block:Video}
849
850
{block:PermalinkPage}
851
<br>
852
<div class="eclipsethemes">
853
{block:Caption}{Caption}{/block:Caption}
854
855
{block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
856
857
{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
858
{block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
859
860
{block:HasTags}<Br> tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
861
{/block:PermalinkPage}
862
863
864
865
866
867
{block:PostNotes}
868
<span></span>
869
<br>
870
<div style="width:auto; max-height:200px; overflow:auto; text-align:left;">{PostNotes}</div>
871
872
</a>
873
{/block:PostNotes}
874
</div>
875
{/block:posts}
876
877
</div></div>
878
879
{block:IndexPage}
880
{block:Pagination}
881
<div id="pagination">
882
{block:NextPage}
883
<a id="nextPage" href="{NextPage}"></a>
884
{/block:NextPage}
885
{block:PreviousPage}
886
<a href="{PreviousPage}"></a>
887
{/block:PreviousPage}
888
</div>
889
{/block:Pagination}
890
{/block:IndexPage}
891
892
<div id="cred">
893
<a href="http://teenageblog.tumblr.com/"><img src="https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-moon-outline-48.png"></a></div>
894
895
</body>
896
</html>