View difference between Paste ID: KQ4TD0CK and 3jc0KZxL
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
2
"http://www.w3.org/TR/html4/loose.dtd">
3
 
4
<html lang="en">
5
 
6
<!-- ---------------------------------------------------------------
7
 
8
     Blind Theme
9
     Made by Unzo
10
     http://unzo.tumblr.com/
11
 
12
--------------------------------------------------------------- -->
13
 
14
<head>
15
 
16
<title>{Title}</title>
17
 
18
<link rel="shortcut icon" href="{Favicon}">
19
 
20
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
21
 
22
<meta name="color:Background" content="#fdfdfd"/>
23
<meta name="color:Container" content="#fff"/>
24
<meta name="color:Links" content="#8394a5"/>
25
<meta name="color:Links Hover" content="#eee"/>
26
<meta name="color:Scrollbar" content="#8394a5"/>
27
<meta name="color:Text" content="#9c9c9c"/>
28
 
29
<meta name="if:Faded Images" content="0"/>
30
<meta name="if:Faded Images Inverted" content="0"/>
31
<meta name="if:Pop Up Askbox" content="0"/>
32
<meta name="if:Scroll To Top" content="1"/>
33
<meta name="if:Show Blog Title" content="1"/>
34
<meta name="if:Show Sidebar Image" content="0"/>
35
36
<meta name="select:Badge Content" content="center" title="Center"/>
37
<meta name="select:Badge Content" content="left" title="Left"/>
38
<meta name="select:Badge Content" content="right" title="Right"/>
39
40
<meta name="image:Background" content=""/> 
41
<meta name="image:Sidebar" content=""/>
42
 
43
<meta name="text:Link 1" content=""/>
44
<meta name="text:Link 1 Title" content=""/>
45
<meta name="text:Link 2" content=""/>
46
<meta name="text:Link 2 Title" content=""/>
47
<meta name="text:Link 3" content=""/>
48
<meta name="text:Link 3 Title" content=""/>
49
<meta name="text:Link 4" content=""/>
50
<meta name="text:Link 4 Title" content=""/>
51
<meta name="text:Link 5" content=""/>
52
<meta name="text:Link 5 Title" content=""/>
53
 
54
<meta name="text:Pop Up Askbox Title" content="Message"/>
55
 
56
 
57
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
58
 
59
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
60
61
<link href='http://fonts.googleapis.com/css?family=Andika' rel='stylesheet' type='text/css'>
62
 
63
<script src="http://static.tumblr.com/kjtbii3/y9Wmz7ys3/basics.js">
64
</script>
65
 
66
<script src="http://static.tumblr.com/kjtbii3/6R6mjtufm/contact.js">
67
</script>
68
 
69
<script src="http://static.tumblr.com/kjtbii3/FJfmwoo4b/source-via.js">
70
</script>
71
 
72
<script src="http://static.tumblr.com/kjtbii3/IQemv5u3n/tooltip.js">
73
</script>
74
 
75
 
76
<style type="text/css">
77
 
78
 
79
#tumblr_controls{
80
    position:fixed;
81
    opacity:0.3;
82
   
83
    -webkit-filter:invert(100%);
84
    -moz-filter:invert(100%);
85
    -o-filter:invert(100%);
86
    filter:invert(100%);
87
}
88
 
89
 
90
::-webkit-scrollbar-thumb:vertical{
91
    width:10px;
92
    background:{color:scrollbar};
93
    border-radius:5px;
94
    border:2px solid {color:background};
95
}
96
 
97
::-webkit-scrollbar-thumb:horizontal{
98
    height:10px;
99
    background:{color:scrollbar};
100
    border-radius:5px;
101
    border:2px solid {color:background};
102
}
103
 
104
::-webkit-scrollbar{
105
    width:11px;
106
    height:11px;
107
    background:{color:background};
108
    background-image:url({image:Background});
109
}
110
 
111
 
112
body{
113
    font-family:'Calibri', sans-serif;
114
    font-size:11.5px;
115
    line-height:150%;
116
 
117
    background:{color:Background};
118
    color:{color:Text};
119
 
120
    background-image:url({image:Background});
121
    background-position:center top;
122
    background-attachment:fixed;
123
 
124
    cursor:default;
125
}
126
 
127
a{
128
    text-decoration:none;
129
   
130
    color:{color:Links};
131
 
132
    -webkit-transition: all 0.5s ease;
133
    -moz-transition: all 0.5s ease;
134
    transition: all 0.5s ease;
135
}
136
 
137
a:hover{
138
    color:{color:Links Hover};
139
 
140
    text-decoration:none;
141
    font-style:none;
142
}
143
144
145
.container{
146
    position:absolute;
147
    left:50%;
148
    min-height:100%;
149
 
150
    width:326px;
151
 
152
    margin:-10px 0 0 -163px;
153
   
154
    {block:permalinkpage}
155
    width:580px;
156
    margin:-10px 0 0 -290px;
157
    background:{color:Container};
158
    border:1px solid #eee;
159
    {/block:permalinkpage}
160
}
161
 
162
.sidebar{
163
    z-index:100;
164
    position:fixed;
165
166
    width:170px;
167
168
    top:100px;
169
    left:50%;
170
171
    margin:0 0 0 -400px;
172
    padding:10px;
173
174
    background:{color:Container};
175
176
    font-size:11.3px;
177
    text-align:center;
178
179
    border:1px solid #eee;
180
181
    -webkit-animation:fadeInDown 3s;
182
    -moz-animation:fadeInDown 3s;
183
    -ms-animation:fadeInDown 3s;
184
185
    {block:PermalinkPage}
186
    margin:0 0 0 -530px;
187
    {/block:PermalinkPage}
188
}
189
 
190
.blogtitle{
191
    overflow:hidden;
192
193
    height:15px;
194
195
    margin:0 0 5px;
196
    padding:2px 5px 4px;
197
198
    background:{color:Container};
199
200
    font-family:'Andika';
201
    font-size:12px;
202
    line-height:17px;
203
    letter-spacing:3px;
204
    text-transform:uppercase;
205
    text-align:center;
206
207
    border:1px solid #eee;
208
}
209
210
.blogtitle a:hover{
211
    color:{color:Links};
212
213
    text-decoration:underline;
214
}
215
216
.banner img{
217
    max-width:170px;
218
}
219
220
.description{
221
    margin:3px 0 0;
222
    padding:5px;
223
224
    font-size:9px;
225
    letter-spacing:1px;
226
    text-transform:uppercase;
227
    text-align:center;
228
229
    border:1px solid #eee;
230
}
231
232
 
233
#content{
234
    position:relative;
235
    margin:20px auto 0;
236
 
237
    width:326px;
238
 
239
    {block:permalinkpage}
240
    width:500px;
241
    margin:40px auto 0;
242
    {/block:permalinkpage}
243
}
244
 
245
 
246
.entry{
247
    width:250px;
248
 
249
    margin:30px;
250
251
    {block:indexpage}
252
    padding:7px 7px 3px;
253
254
    background:{color:Container};
255
256
    border:1px solid #eee;
257
    {/block:indexpage}
258
259
    {block:permalinkpage}
260
    width:500px;
261
    margin:20px auto 0;
262
    {/block:permalinkpage}
263
}
264
 
265
.entry img{
266
    max-width:250px;
267
268
    {block:PermalinkPage}
269
    max-width:500px;
270
    {/block:PermalinkPage}
271
}
272
273
274
.badge{
275
    z-index:1;
276
    overflow:hidden;
277
    position:absolute;
278
 
279
    top:100%;
280
    left:-1px;
281
 
282
    width:234px;
283
    height:20px;
284
 
285
    margin:5px 0 0;
286
    padding:0 15px;
287
 
288
    background:{color:Container};
289
 
290
    font-family:'Calibri', sans-serif;
291
    font-size:9px;
292
    line-height:20px;
293
    text-transform:uppercase;
294
    letter-spacing:1px;
295
    text-align:{select:Badge Content};
296
 
297
    border:1px solid #eee;
298
}
299
300
.badge a:hover{
301
    color:{color:Links};
302
    text-decoration:underline;
303
}
304
305
306
.box{
307
    {block:iffadedimages}
308
    opacity:0.85;
309
    {/block:iffadedimages}
310
 
311
    {block:iffadedimagesinverted}
312
    opacity:1;
313
    {/block:iffadedimagesinverted}
314
315
    -webkit-transition: all 0.5s ease;
316
    -moz-transition: all 0.5s ease;
317
    transition: all 0.5s ease;
318
}
319
 
320
.box:hover{
321
    {block:iffadedimages}
322
    opacity:1;
323
    {/block:iffadedimages}
324
 
325
    {block:iffadedimagesinverted}
326
    opacity:0.85;
327
    {/block:iffadedimagesinverted}
328
}
329
 
330
.box img{
331
    {block:permalinkpage}
332
    width:500px;
333
    {/block:permalinkpage}
334
}
335
 
336
 
337
/* Others */
338
 
339
blockquote{
340
    margin:0 0 5px 10px;
341
    padding:3px 5px;
342
343
    border-left:1px solid {color:Links};
344
}
345
346
blockquote p, blockquote ul{
347
    margin:0;
348
    padding:0;
349
}
350
351
.quote p{
352
    margin:0;
353
}
354
355
356
.arrow{
357
    margin:8px 0 0 205px;
358
 
359
    border-left:6px solid #f7f7f7;
360
 
361
    {block:permalinkpage}
362
    margin:8px 0 0 455px;
363
    {/block:permalinkpage}
364
}
365
 
366
.answer{
367
    width:185px;
368
369
    margin:0 0 3px;
370
 
371
    background:#f7f7f7;
372
 
373
    {block:permalinkpage}
374
    width:435px;
375
    {/block:permalinkpage}
376
}
377
 
378
.asker{
379
    color:{color:Links};
380
}
381
382
.asker:first-letter{
383
    text-transform:uppercase;
384
}
385
386
387
.postnotes ::-webkit-scrollbar{
388
    background:{color:Container};
389
}
390
391
392
/* Navigation */
393
394
.nav-container{
395
    z-index:100;
396
    position:fixed;
397
398
    top:100px;
399
    left:50%;
400
401
    width:120px;
402
403
    margin:0 0 0 210px;
404
405
    -webkit-animation:fadeInDown 3s;
406
    -moz-animation:fadeInDown 3s;
407
    -ms-animation:fadeInDown 3s;
408
409
    {block:PermalinkPage}
410
    margin:0 0 0 340px;
411
    {/block:PermalinkPage}
412
}
413
414
.nav{
415
    padding:5px 0;
416
 
417
    background:{color:Container};
418
 
419
    font-size:9px;
420
    line-height:20px;
421
    text-transform:uppercase;
422
    letter-spacing:1px;
423
    text-align:center;
424
425
    border:1px solid #eee;
426
}
427
 
428
.nav a{
429
    display:block;
430
 
431
    width:90px;
432
 
433
    margin:10px auto;
434
 
435
    border:1px solid #eee;
436
}
437
 
438
.nav a:hover{
439
    background:{color:Background};
440
    color:{color:Links};
441
442
    letter-spacing:2px;
443
}
444
445
 
446
/* Custom */
447
 
448
.permalink-title{
449
    {block:permalinkpage}
450
    margin-left:10px;
451
    letter-spacing:1px;
452
    text-transform:uppercase;
453
    {/block:permalinkpage}
454
}
455
 
456
 
457
#tooltip{
458
    z-index:100000;
459
    opacity:0.8;
460
461
    margin:15px;
462
    padding:5px;
463
464
    background:white;
465
    color:#aaa;
466
467
    font-family:'Calibri', sans-serif;
468
    font-size:9px;
469
    line-height:100%;
470
    letter-spacing:1px;
471
    text-transform:uppercase;
472
473
    border:1px solid #eee;
474
    border-radius:5px;
475
}
476
477
478
{CustomCss}
479
 
480
</style>
481
</head>
482
 
483
<body>
484
 
485
 
486
<div class="container">
487
488
489
<div class="sidebar">
490
 
491
{block:ifshowsidebarimage}
492
<div class="banner">
493
<a href="/"><img src="{image:sidebar}"></a>
494
</div>
495
{/block:ifshowsidebarimage}
496
497
498
{block:description}
499
<div class="description">
500
{Description}
501
</div>
502
{/block:description}
503
504
</div>
505
506
507
<div class="nav-container">
508
509
{block:ifshowblogtitle}
510
<div class="blogtitle">
511
<a href="/">{Title}</a>
512
</div>
513
{/block:ifshowblogtitle}
514
515
<div class="nav">
516
 
517
{block:iflink1title}
518
<a href="{text:link 1}">{text:link 1 title}</a>
519
{/block:iflink1title}
520
 
521
{block:ifpopupaskbox}
522
<a href="#?w=500" rel="01" class="poplight">{text:pop up askbox title}</a>
523
{/block:ifpopupaskbox}
524
 
525
{block:iflink2title}
526
<a href="{text:link 2}">{text:link 2 title}</a>
527
{/block:iflink2title}
528
 
529
{block:iflink3title}
530
<a href="{text:link 3}">{text:link 3 title}</a>
531
{/block:iflink3title}
532
 
533
{block:iflink4title}
534
<a href="{text:link 4}">{text:link 4 title}</a>
535
{/block:iflink4title}
536
 
537
{block:iflink5title}
538
<a href="{text:link 5}">{text:link 5 title}</a>
539
{/block:iflink5title}
540
541
</div>
542
</div>
543
 
544
 
545
<div id="content">
546
 
547
{block:Posts}
548
 
549
 
550
{block:Photo}
551
<div class="entry">
552
<div class="box">
553
554
{block:indexpage}
555
<div class="badge">
556
<a href="{Permalink}">{NoteCount}</a> + 
557
<a target="_blank" href="{ReblogURL}">Reblog</a>
558
</div>
559
{/block:indexpage}
560
 
561
<a href="{Permalink}">
562
<img src="{PhotoURL-500}" alt="{PhotoAlt}">
563
</a>
564
565
</div>
566
</div>
567
{/block:Photo}
568
 
569
 
570
{block:Photoset}
571
<div class="entry">
572
<div class="box">
573
574
{block:indexpage}
575
<div class="badge">
576
577
<a href="{Permalink}">{Notecount}</a>
578
579
</div>
580
581
<div class="badge2">
582
583
<a target="_blank" href="{ReblogURL}">Reblog</a>
584
585
</div>
586
{/block:indexpage}
587
588
{block:Photos}
589
590
<a href="{Permalink}">
591
<img src="{PhotoURL-500}" alt="{PhotoAlt}">
592
</a>
593
 
594
{/block:Photos}
595
596
</div>
597
</div>
598
{/block:Photoset}
599
 
600
 
601
{block:Video}
602
<div class="entry">
603
 
604
{block:IndexPage}
605
{VideoEmbed-250}
606
{/block:IndexPage}
607
 
608
{block:PermalinkPage}
609
{VideoEmbed-500}
610
{/block:PermalinkPage}
611
 
612
{block:indexpage}
613
<div class="date">
614
<a href="{Permalink}">{NoteCountWithLabel}</a>
615
</div>
616
{/block:indexpage}
617
 
618
</div>
619
{block:Video}
620
 
621
 
622
{block:Text}
623
<div class="entry">
624
 
625
{block:Title}
626
<div class="permalink-title">
627
{Title}
628
</div>
629
{/block:Title}
630
 
631
{Body}
632
 
633
{block:indexpage}
634
<div class="date">
635
<a href="{Permalink}">{NoteCountWithLabel}</a>
636
</div>
637
{/block:indexpage}
638
 
639
</div>
640
{/block:Text}
641
 
642
 
643
{block:Link}
644
<div class="entry">
645
 
646
<a href="{URL}">{Name}</a>
647
<br>
648
 
649
{block:Description}
650
{Description}
651
{/block:Description}
652
 
653
{block:indexpage}
654
<div class="date">
655
<a href="{Permalink}">{NoteCountWithLabel}</a>
656
</div>
657
{/block:indexpage}
658
 
659
</div>
660
{/block:Link}
661
 
662
 
663
{block:Quote}
664
<div class="entry">
665
 
666
<div class="quote">"{Quote}"</div>
667
 
668
{block:Source}
669
<div style="margin:5px 0;text-align:right;">— {Source}</div>
670
{/block:Source}
671
 
672
{block:indexpage}
673
<div class="date">
674
<a href="{Permalink}">{NoteCountWithLabel}</a>
675
</div>
676
{/block:indexpage}
677
 
678
</div>
679
{/block:Quote}
680
 
681
 
682
{block:Chat}
683
<div class="entry">
684
 
685
{block:Title}
686
{Title}
687
{/block:Title}
688
 
689
{block:Lines}
690
 
691
<p>
692
 
693
{block:Label}
694
<b>{Label}</b>
695
{/block:Label}
696
 
697
{Line}
698
 
699
</p>
700
 
701
{/block:Lines}
702
 
703
{block:indexpage}
704
<div class="date">
705
<a href="{Permalink}">{NoteCountWithLabel}</a>
706
</div>
707
{/block:indexpage}
708
   
709
</div>
710
{/block:Chat}
711
 
712
 
713
{block:Audio}
714
<div class="entry">
715
 
716
<div class="cover">
717
<img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg">
718
</div>
719
 
720
{block:AlbumArt}
721
<div class="cover">
722
<img src="{AlbumArtURL}">
723
</div>
724
{/block:AlbumArt}
725
 
726
<div class="playbox">
727
{block:AudioPlayer}
728
{AudioPlayerWhite}
729
{/block:AudioPlayer}
730
</div>
731
 
732
<div class="info">
733
 
734
<b>Track:</b>
735
<span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>
736
{block:TrackName}
737
{TrackName}
738
{/block:TrackName}
739
<br>
740
 
741
<b>Artist:</b>
742
<span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>
743
{block:Artist}
744
{Artist}
745
{/block:Artist}
746
<br>
747
 
748
<b>Album:</b>
749
<span{block:Album} style="display:none;"{/block:Album}>Unknown</span>
750
{block:Album}
751
{Album}
752
{/block:Album}
753
 
754
</div>
755
 
756
{block:indexpage}
757
<div class="date">
758
<a href="{Permalink}">{NoteCountWithLabel}</a>
759
</div>
760
{/block:indexpage}
761
 
762
</div>
763
{/block:Audio}
764
 
765
 
766
{block:Answer}
767
<div class="entry">
768
 
769
<div class="arrow">
770
</div>
771
 
772
<img class="portrait" src="{AskerPortraitURL-40}" align="right">
773
 
774
<div class="answer">
775
 
776
<div class="asker">{Asker}</div>
777
 
778
{Question}
779
 
780
</div>
781
 
782
{Answer}
783
 
784
{block:indexpage}
785
<div class="date">
786
<a href="{Permalink}">{NoteCountWithLabel}</a>
787
</div>
788
{/block:indexpage}
789
 
790
</div>
791
{/block:Answer}
792
 
793
 
794
 
795
{block:PermalinkPage}
796
<div align="center">
797
 
798
{block:Date}
799
<div class="posts-info">
800
    <div class="info-date">Posted {TimeAgo}</div>
801
    <div class="info-notes">{NoteCountWithLabel}</div>
802
</div>
803
{/block:Date}
804
 
805
{block:PostNotes}
806
<div class="postnotes">
807
{PostNotes}
808
</div>
809
{/block:PostNotes}
810
 
811
</div>
812
{/block:PermalinkPage}
813
 
814
 
815
 
816
{/block:Posts}
817
 
818
</div>
819
 
820
 
821
{block:indexpage}
822
 
823
{block:NextPage}
824
<div class="navigation"><a href="{NextPage}"></a></div>
825
{/block:NextPage}
826
 
827
<script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
828
 
829
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
830
 
831
<script type="text/javascript" src="http://static.tumblr.com/kjtbii3/NLrmeq8ua/jquerymsnryv2.js"></script>
832
 
833
<script type="text/javascript" src="http://static.tumblr.com/kjtbii3/3NYmju2rv/loadcontent.js"></script>
834
 
835
{/block:indexpage}
836
 
837
{block:ifscrolltotop}
838
<script type="text/javascript" src="http://static.tumblr.com/kjtbii3/RQJmuycrq/scrolltotop.js"></script>
839
{/block:ifscrolltotop}
840
 
841
</body>
842
 
843
<div id="01" class="contact" align="center">
844
 
845
<iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" width="100%">
846
</iframe>
847
</div>
848
 
849
</html>