View difference between Paste ID: 8cE3hBFZ and 2K1k2NPF
SHOW: | | - or go back to the newest paste.
1
<!-- 
2
3
4
Theme 28; deimos by winchestheart ©
5
> http://winchestheart.tumblr.com 
6
7
8
    - do not remove the credit
9
    - do not steal anything
10
    - do not claim as your own
11
 
12
    thanks :)
13
14
15
-->
16
17
18
<html><head>
19
20
<link href='http://fonts.googleapis.com/css?family=Roboto:400,700,400italic' rel='stylesheet' type='text/css'>
21
22
<title>{Title}</title>
23
<link rel="shortcut icon" href="{Favicon}">
24
25
<meta name="color:Links" content="#000000" />
26
<meta name="color:Text" content="#4a4c4c" />
27
<meta name="color:Background" content="#ffffff" />
28
<meta name="color:Border" content="#f1f1f1" />
29
<meta name="color:Scrollbar" content="#000000" />
30
<meta name="color:Main Color" content="#333333" />
31
<meta name="color:Posts" content="#ffffff" />
32
33
<meta name="text:Link 1" content="one" />
34
<meta name="text:Link 2" content="two" />
35
<meta name="text:Link 3" content="three" />
36
<meta name="text:Link 4" content="four" />
37
<meta name="text:Link 5" content="five" />
38
<meta name="text:Link 1 URL" content="/" />
39
<meta name="text:Link 2 URL" content="/" />
40
<meta name="text:Link 3 URL" content="/" />
41
<meta name="text:Link 4 URL" content="/" />
42
<meta name="text:Link 5 URL" content="/" />
43
44
<meta name="if:Lazy Load" content="0" />
45
<meta name="if:Custom Scrollbar" content="1">
46
<meta name="if:Tooltips" content="1" />
47
<meta name="if:Permalink Hover" content="1" />
48
<meta name="if:Show Source" content="0" />
49
<meta name="if:Description Border" content="1" />
50
<meta name="if:Posts Border" content="0" />
51
52
<meta name="select:Font Family" content="calibri" title="Calibri" />
53
<meta name="select:Font Family" content="arial" title="Arial" />
54
<meta name="select:Font Family" content="consolas" title="Consolas" />
55
<meta name="select:Font Family" content="open sans" title="Open Sans" />
56
<meta name="select:Font Family" content="'Roboto'" title="Roboto" />
57
58
<meta name="select:Font Size" content="8" title="8px" />
59
<meta name="select:Font Size" content="9" title="9px" />
60
<meta name="select:Font Size" content="10" title="10px" />
61
<meta name="select:Font Size" content="11" title="11px" />
62
<meta name="select:Font Size" content="12" title="12px" />
63
64
<meta name="select:Posts Width" content="300" title="300px">
65
<meta name="select:Posts Width" content="350" title="350px">
66
<meta name="select:Posts Width" content="400" title="400px">
67
<meta name="select:Posts Width" content="450" title="450px">
68
<meta name="select:Posts Width" content="500" title="500px">
69
<meta name="select:Posts Width" content="540" title="540px">
70
71
<meta name="select:Photosets Margin" content="2" title="2px">
72
<meta name="select:Photosets Margin" content="3" title="3px">
73
<meta name="select:Photosets Margin" content="4" title="4px">
74
<meta name="select:Photosets Margin" content="5" title="5px">
75
<meta name="select:Photosets Margin" content="6" title="6px">
76
<meta name="select:Photosets Margin" content="7" title="7px">
77
<meta name="select:Photosets Margin" content="8" title="8px">
78
<meta name="select:Photosets Margin" content="9" title="9px">
79
<meta name="select:Photosets Margin" content="10" title="10px">
80
81
<meta name="select:Description Align" content="justify" title="Justify">
82
<meta name="select:Description Align" content="right" title="Right">
83
<meta name="select:Description Align" content="center" title="Center">
84
<meta name="select:Description Align" content="left" title="Left">
85
86
<meta name="select:Navigation Align" content="right" title="Right">
87
<meta name="select:Navigation Align" content="center" title="Center">
88
<meta name="select:Navigation Align" content="left" title="Left">
89
90
<!--------------------------------------------------------------------------->
91
92
{block:IfLazyLoad}
93
<script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
94
<script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
95
<script type="text/javascript" charset="utf-8">
96
var $j = jQuery.noConflict();
97
$j(function() {
98
if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
99
$j("img").lazyload({
100
placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
101
effect: "fadeIn",
102
});
103
});
104
</script>
105
{/block:IfLazyLoad}
106
107
<!--------------------------------------------------------------------------->
108
109
{block:IfTooltips}
110
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
111
<script type="text/javascript" src="http://static.tumblr.com/ko1mcho/PMbmlkh9e/jquery.style-my-tooltips.js"></script>
112
113
<script>
114
(function($){
115
$(document).ready(function(){
116
$("[title],a[title],img[title]").style_my_tooltips({
117
tip_follows_cursor:"true",
118
tip_delay_time:100,
119
tip_fade_speed:100,
120
attribute:"title"
121
});
122
});
123
})(jQuery);
124
</script>
125
{/block:IfTooltips}
126
127
<!-- hide script by @lmthemes ----------------------------------------------->
128
129
<script type="text/javascript">
130
 function unhide(divID) {
131
 var item = document.getElementById(divID);
132
 if (item) {
133
 item.className=(item.className=='hidden')?'unhidden':'hidden';
134
 }
135
 }
136
</script>
137
138
<!-- @shythemes ------------------------------------------------------------->
139
140
<link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
141
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
142
<script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
143
144
<!--------------------------------------------------------------------------->
145
146
<style type="text/css">
147
148
/****************************************************************************/
149
150
{block:IfCustomScrollbar}
151
::-webkit-scrollbar {height:9px;width:9px;}
152
::-webkit-scrollbar-thumb {
153
    background-color:{color:scrollbar};
154
    border:4px solid {color:background};}
155
{/block:IfCustomScrollbar}
156
157
{block:IfTooltips}
158
#s-m-t-tooltip {
159
    color:{color:background};
160
    background-color:{color:main color};
161
    display:none;
162
    text-align:center;
163
    position:absolute;
164
    z-index:9999999999999999;
165
    font-family:calibri;
166
    font-size:7px;
167
    letter-spacing:1px;
168
    text-transform:uppercase;
169
    padding:3px 7px 3px 7px;
170
    margin-top:-25px;
171
    -webkit-transition:.1s ease-out;
172
    -moz-transition:.1s ease-out;
173
    transition:.1s ease-out;}
174
{/block:IfTooltips}
175
176
iframe#tumblr_controls {
177
    white-space:nowrap;
178
    -webkit-filter:invert(100%);
179
    -moz-filter:invert(100%);
180
    -o-filter:invert(100%);
181
    -ms-filter: invert(100%);
182
    filter:invert(100%);
183
    opacity:.2;}
184
185
::selection {
186
    color:{color:background};
187
    background-color:{color:main color};}
188
    
189
::-moz-selection {
190
    color:{color:background};
191
    background-color:{color:main color};}
192
    
193
::-webkit-selection {
194
    color:{color:background};
195
    background-color:{color:main color};}
196
197
/****************************************************************************/
198
199
body {
200
    margin:0;
201
    font-family:{select:font family};
202
    font-size:{select:font size}px;
203
    line-height:14px;
204
    color:{color:text};
205
    background-color:{color:background};}
206
207
a {
208
    color:{color:links};
209
    text-decoration:none;
210
    -webkit-transition:.3s;
211
    -moz-transition:.3s;
212
    -ms-transition:.3s;
213
    -o-transition:.3s;
214
    transition:.3s;}
215
    
216
a:hover {text-decoration:underline;}
217
218
strong, bold, b {font-weight:bold;color:{color:links};}
219
small, sub {font-size:{select:font size}px;}
220
221
code {
222
    font-size:{select:font size}px;
223
    font-family:{select:font family};}
224
225
pre {
226
    word-wrap:break-word;
227
    font-size:{select:font size}px;
228
    font-family:{select:font family};}
229
230
blockquote {
231
    padding-left:10px;
232
    margin:10px;
233
    border-left:1px solid {color:border};}
234
235
h1 {
236
    font-size:9px;
237
    font-weight:normal;
238
    letter-spacing:1.5px;
239
    text-transform:uppercase;
240
    text-align:center;
241
    line-height:16px;
242
    color:{color:links};}
243
244
h1 a {color:{color:links};}
245
h1 a:hover {text-decoration:none;}
246
247
ul {list-style-type:square;}
248
249
/****************************************************************************/
250
251
#credit {
252
    position:fixed;
253
    bottom:10px;
254
    right:10px;
255
    font-weight:bold;}
256
257
#center {
258
    position:relative;
259
    margin:100px auto;
260
    width:{select:posts width}px;
261
    {block:IfPostsBorder}
262
    padding:0px 10px;
263
    {/block:IfPostsBorder}}
264
    
265
/****************************************************************************/
266
267
#sidebar {
268
    width:100%;
269
    margin:0px auto 100px auto;
270
    position:relative;
271
    height:auto;}
272
    
273
.sidebar {
274
    width:280px;
275
    margin:0px auto;}
276
277
.title {
278
    text-transform:uppercase;
279
    margin-left:10px;
280
    letter-spacing:2px;
281
    text-align:center;}
282
283
.description {
284
    margin:10px 0px;
285
    text-align:{select:description align};
286
    line-height:15px;
287
    letter-spacing:0px;
288
    padding:10px;
289
    {block:IfDescriptionBorder}
290
    border:1px solid {color:border};
291
    {/block:IfDescriptionBorder}}
292
    
293
.nav {text-align:{select:navigation align};}
294
295
.nav a {
296
    cursor:help;
297
    margin:0px 3px;}
298
299
/****************************************************************************/
300
301
#post {
302
    width:{select:posts width}px;
303
    background-color:{color:posts};
304
    {block:IndexPage}
305
    margin-bottom:120px;
306
    padding-bottom:10px;
307
    border-bottom:1px solid {color:border};
308
    {/block:Indexpage}
309
    {block:PermalinkPage}
310
    margin-bottom:50px;
311
    {/block:PermalinkPage};
312
    {block:IfPostsBorder}
313
    border:1px solid {color:border};
314
    padding:10px;
315
    margin-left:-10px;
316
    {/block:IfPostsBorder}}
317
318
#post img, #post blockquote {max-width:100%;}
319
320
#permalink {
321
    position:absolute;
322
    width:{select:posts width}px;
323
    margin-top:20px;
324
    line-height:15px;
325
    {block:IfPermalinkHover}
326
    opacity:0;
327
    {block:IfPermalinkHover}
328
    -webkit-transition:.3s;
329
    -moz-transition:.3s;
330
    -ms-transition:.3s;
331
    -o-transition:.3s;
332
    transition:.3s;}
333
334
.permalink {
335
    text-transform:lowercase;
336
    color:{color:links};
337
    display:inline;
338
    margin-left:-5px;}
339
340
#post:hover #permalink {
341
    {block:IfPermalinkHover}
342
    opacity:1;
343
    {/block:IfPermalinkHover}}
344
    
345
.permalink a:hover, .permalink a {text-decoration:none;}
346
.permalink span {margin:0px 5px;}
347
348
.tags {display:inline;}
349
.tags a {margin:0px 6px;}
350
351
.origin a:hover {text-decoration:underline;}
352
353
/****************************************************************************/
354
355
.pagination {
356
    width:{select:posts width}px;
357
    text-align:center;
358
    border-bottom:1px solid {color:border};
359
    padding-bottom:8px;}
360
361
.pagination a {
362
    cursor:help;
363
    padding-bottom:10px;}
364
    
365
.pagination a:hover, .pagination span {
366
    text-decoration:none;
367
    border-bottom:1px solid {color:links};}
368
    
369
.pagination span, .pagination a {padding:10px;}
370
    
371
/****************************************************************************/
372
373
#permalinkpage {
374
    width:{select:posts width}px;
375
    margin-top:15px;
376
    background-color:#f9f9f9;
377
    text-align:center;
378
    padding:5px 0px;
379
    text-transform:lowercase;
380
    border-top:1px solid {color:border};}
381
382
#tagspp {
383
    width:{select:posts width}px;
384
    line-height:15px;
385
    text-align:center;
386
    color:{color:links};
387
    padding:5px 0px;}
388
389
#tagspp a {margin:0px 5px;}
390
391
/****************************************************************************/
392
393
#audio img {
394
    width:100px;
395
    height:100px;
396
    overflow:hidden;}
397
398
.playbutton {
399
    width:20px; 
400
    height:30px; 
401
	overflow:hidden; 
402
	position:relative;
403
    z-index:1000;
404
    margin:35px 44px 35px 36px;}
405
406
.playbox {
407
    background-color:#000;
408
    position:absolute;
409
    z-index:1000;
410
    margin:0;
411
    opacity:.3;}
412
413
.cover {
414
    position:relative;
415
    z-index:1;}
416
    
417
.audio {
418
    position:absolute;
419
    margin-top:-100px;
420
    margin-left:120px;}
421
    
422
.ainfo {
423
    height:100px;
424
    vertical-align:middle;
425
    min-height:10em;
426
    display:table-cell;}
427
    
428
.audio span {
429
    display:block;
430
    margin:5px 0px;}
431
432
.audio b {
433
    font-weight:bold;
434
    color:{color:links};
435
    text-transform:uppercase;
436
    letter-spacing:.5px;
437
    margin-right:3px;}
438
439
/****************************************************************************/
440
441
.quote {
442
    font-style:italic;
443
    line-height:18px;
444
    background-color:#f9f9f9;
445
    padding:5px 20px;
446
    text-align:justify;
447
    letter-spacing:1px;
448
    border:1px solid {color:border};}
449
   
450
.source {
451
    text-transform:uppercase;
452
    letter-spacing:.5px;
453
    text-align:right;
454
    margin:10px;
455
    font-size:8px;}
456
457
/****************************************************************************/
458
459
#question {
460
    margin:10px 0px;
461
    padding:10px 20px;
462
    line-height:15px;
463
    border:1px solid {color:border};
464
    text-align:center;
465
    background-color:#f9f9f9;}
466
    
467
/****************************************************************************/ 
468
.label {
469
    font-weight:bold;
470
    text-transform:uppercase;
471
    color:{color:links};
472
    letter-spacing:.5;}
473
    
474
.chat {line-height:16px;margin:10px;}
475
476
/****************************************************************************/
477
478
.line {
479
    background-color:{color:border};
480
    height:1px;
481
    margin-top:20px;}
482
    
483
.show {
484
    margin-top:-7px;
485
    text-align:center;
486
    color:{color:text};
487
    font-size:7px;
488
    letter-spacing:1px;
489
    text-transform:uppercase;}
490
    
491
.show a {cursor:help;}
492
.show a:hover {text-decoration:none;}
493
494
/****************************************************************************/
495
496
#notes {margin:20px 10px;}
497
498
.notes {
499
    margin:0;
500
    padding:0;
501
    max-height:300px;
502
    overflow-y:scroll;}
503
504
.notes li {
505
    list-style-type:none;
506
    padding:5px 0px;}
507
    
508
.notes img {display:none;}
509
510
/****************************************************************************/
511
512
.hidden {display:none;}
513
.unhidden {display:block;}
514
515
/****************************************************************************/
516
517
</style>
518
</head>
519
520
<body>
521
522
<!--------------------------------------------------------------------------->
523
524
<div id="credit"><a href="http://winchestheart.tumblr.com" target="_blank" title="theme by winchestheart">wh.</a></div>
525
526
<div id="center">
527
528
<!--------------------------------------------------------------------------->
529
 
530
<div id="sidebar">
531
<div class="sidebar">
532
533
<div class="title">{Title}</div>
534
535
<div class="description">{Description}</div>
536
537
<div class="nav">
538
539
<a href="{text:link 1 url}">{text:link 1},</a>
540
<a href="{text:link 2 url}">{text:link 2},</a>
541
<a href="{text:link 3 url}">{text:link 3},</a>
542
<a href="{text:link 4 url}">{text:link 4},</a>
543
<a href="{text:link 5 url}">{text:link 5}.</a>
544
545
</div>
546
547
</div>
548
</div>
549
550
<!--------------------------------------------------------------------------->
551
552
{block:Posts}
553
<div id="post">
554
555
{block:Text}
556
{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
557
{Body}
558
{/block:Text}
559
560
{block:Photo}
561
<a href="{Permalink}"><img src="{PhotoURL-500}"></a>
562
{block:Caption}{Caption}{/block:Caption}
563
{/block:Photo}
564
 
565
{block:Photoset} <!-- @shythemes -->
566
<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
567
{block:Caption}{Caption}{/block:Caption}
568
{/block:Photoset}
569
570
{block:Quote}
571
<div class="quote">{Quote}</div>
572
{block:Source}<div class="source">— {Source}</div>{/block:Source}
573
{/block:Quote}
574
575
{block:Link}
576
<h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
577
{block:Description}{Description}{/block:Description}
578
{/block:Link}
579
580
{block:Chat}
581
<div id="chat">
582
{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
583
<div class="chat">
584
{block:Lines}<div class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label} </span>{/block:Label}{Line}</div>{/block:Lines}
585
</div></div>
586
{/block:Chat}
587
588
{block:Video}
589
<div class="video">{Video-500}</div>
590
{block:Caption}{Caption}{/block:Caption}
591
{/block:Video}
592
593
{block:Audio}
594
<div id="audio">
595
<div class="playbox"><div class="playbutton">
596
{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
597
</div></div>
598
599
{block:AlbumArt}
600
<img src="{AlbumArtURL}" class="cover">
601
{/block:AlbumArt}
602
603
<div class="audio">
604
<div class="ainfo">
605
606
{block:TrackName}<span>
607
<b>Track Name</b> {TrackName}
608
</span>{/block:TrackName}
609
610
{block:Artist}<span>
611
<b>Artist</b> {Artist}
612
</span>{/block:Artist}
613
614
{block:Album}<span>
615
<b>Album</b> {Album}
616
</span>{/block:Album}
617
618
{block:PlayCount}<span>
619
<b>Played</b> {PlayCount} times
620
</span>{/block:PlayCount}
621
622
</div></div>
623
{block:caption}{caption}{/block:caption}
624
</div>{/block:Audio}
625
626
{block:Answer}
627
<div id="question">« {Question} » — <i>{Asker}</i></div>{Answer}
628
{/block:Answer}
629
630
<!--------------------------------------------------------------------------->
631
632
{block:ContentSource}
633
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
634
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
635
{/block:ContentSource}
636
637
<!-- {block:NoRebloggedFrom}
638
{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
639
{/block:NoRebloggedFrom} -->
640
641
<!--------------------------------------------------------------------------->
642
643
{block:IndexPage}<div id="permalink">
644
645
<div class="permalink">
646
647
{block:Date}
648
<span><a href="{Permalink}" title="{TimeAgo}"><u><b>{ShortMonth} {DayOfMonthWithZero}</b></u></a></span>
649
{/block:Date} 
650
651
{block:NoteCount}
652
<span>{NoteCount}</span>
653
{/block:NoteCount}
654
655
<span><a href="{ReblogURL}" target="_blank" title="reblog this?" style="cursor:help;">reblog</a></span>
656
657
{block:IfShowSource}{block:RebloggedFrom}
658
<span class="origin"><a href="{ReblogRootURL}" title="{ReblogRootName}">origin</a> (<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>)</span>
659
{/block:RebloggedFrom}{/block:IfShowSource}
660
661
</div>
662
663
<div class="tags">
664
665
{block:HasTags}
666
{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
667
{/block:HasTags}
668
669
</div>
670
671
</div>{/block:IndexPage}
672
673
<!--------------------------------------------------------------------------->
674
675
{block:PermalinkPage}
676
677
{block:Date}<div id="permalinkpage">
678
679
shared {TimeAgo} on  {Month} {DayOfMonthWithZero}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
680
681
{block:RebloggedFrom}
682
<br>Originally made by <a href="{ReblogRootURL}">{ReblogRootName}</a>, reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>
683
{/block:RebloggedFrom} 
684
685
</div>{/block:Date}
686
687
{block:HasTags}<div id="tagspp">
688
689
{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
690
691
</div>{/block:HasTags}
692
693
{/block:PermalinkPage}
694
695
<!--------------------------------------------------------------------------->
696
697
{block:PostNotes}
698
699
<div class="line"></div>
700
701
<div class="show">
702
<span style="background-color:#fff;padding:0px 5px;">
703
<a href="javascript:unhide('notes');">show notes</a>
704
</span>
705
</div>
706
707
<div id="notes" class="hidden">
708
<div class="notes">{PostNotes}</div>
709
</div>
710
711
{/block:PostNotes}
712
713
<!--------------------------------------------------------------------------->
714
715
</div>
716
{/block:Posts}
717
718
<!--------------------------------------------------------------------------->
719
720
{block:Pagination}<div class="pagination">
721
722
{block:PreviousPage}
723
<a href="{PreviousPage}" title="previous page">‹</a>
724
{/block:PreviousPage}
725
726
{block:JumpPagination length="5"}
727
{block:CurrentPage}<span>{PageNumber}</span>{/block:CurrentPage}
728
{block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
729
{/block:JumpPagination}
730
731
{block:NextPage}
732
<a href="{NextPage}" title="next page">›</a>
733
{/block:NextPage}
734
735
</div>{/block:Pagination}
736
737
<!--------------------------------------------------------------------------->
738
739
</div>
740
741
<!-- Pixel union photosets tutorial by @shythemes --------------------------->
742
743
<script>
744
$(document).ready(function(){
745
   $('.photo-slideshow').pxuPhotoset({
746
       lightbox: true,
747
       rounded: false,
748
       gutter: '{select:photosets margin}px',
749
       borderRadius: '0px',
750
       photoset: '.photo-slideshow',
751
       photoWrap: '.photo-data',
752
       photo: '.pxu-photo'
753
   });
754
});
755
</script>
756
757
<!-- Resizing videos tutorial by @shythemes --------------------------------->
758
 
759
<script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
760
 
761
<!--------------------------------------------------------------------------->
762
763
</body>
764
</html>