View difference between Paste ID: sZdQEWnJ and Ym0MkgJ9
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE html>
2
<head>
3
<title>{Title}</title>
4
<link rel="shortcut icon" href="{Favicon}">
5
<link rel="alternate" type="application/rss+xml" href="{RSS}">
6
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
7
 
8
<!----
9
 
10
theme14 by franz @ lestranqe.tumblr.com/
11
DO NOT REMOVE THE CREDIT OR THE GOBBLERS WILL GET YOU
12
 
13
--->
14
 
15
<meta name="color:Background" content="#ffffff"/>
16
<meta name="color:Text" content="#838282"/>
17
<meta name="color:Link" content="#b8b8b8"/>
18
<meta name="color:Hover" content=""/>
19
<meta name="color:Border" content="#e6e6e6">
20
<meta name="color:Title" content="#000000"/>
21
<meta name="color:Scrollbar" content="#dfdfdf"/>
22
<meta name="color:Scrollbar bg" content="#f7f7f7"/>
23
 
24
<meta name="image:sidebar" centent=""/>
25
 
26
<meta name="if:round sidebar" content="1"/>
27
<meta name="if:hide caption" content="1"/>
28
<meta name="if:500px posts" content="1"/>
29
 
30
<meta name="text:link 1 title" content="link 1"/>
31
<meta name="text:link 1" content=""/>
32
<meta name="text:link 2 title" content="link 2"/>
33
<meta name="text:link 2" content=""/>
34
<meta name="text:link 3 title" content="link 3"/>
35
<meta name="text:link 3" content=""/>
36
<meta name="text:link 4 title" content="link 4"/>
37
<meta name="text:link 4" content=""/>
38
<meta name="text:link 5 title" content="link 5"/>
39
<meta name="text:link 5" content=""/>
40
<meta name="text:link 6 title" content="link 6"/>
41
<meta name="text:link 6" content=""/>
42
<meta name="text:previous" content="Back"/>
43
<meta name="text:next" content="Forth"/>
44
 
45
<script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
46
 
47
<style>
48
    div#qTip {
49
    padding: 3px;
50
    display: none;
51
    text-align: center;
52
    position: absolute;
53
    font-size:8px;
54
    line-height:9px;
55
    font-family:baskerville;
56
    z-index: 100000;
57
    border: 1px solid {color:background};
58
    outline:1px solid {color:border};
59
    background-color: {color:border};
60
    color: {color:text};
61
    text-transform:uppercase;
62
    letter-spacing: 2px;
63
    opacity:1;
64
    }
65
    </style>
66
 
67
 
68
<style type="text/css">
69
 
70
::-webkit-scrollbar {width:5px;
71
    height:auto;
72
    background:{color:scrollbar bg};}
73
::-webkit-scrollbar-corner {background:{color:scrollbar bg};}
74
::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
75
::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};}
76
 
77
 
78
/*main structure*/
79
 
80
 
81
body {
82
    background:{color:background};
83
    margin:0px;
84
    color:{color:text};
85
    font-family:baskerville;
86
    font-size:11px;
87
    letter-spacing:1px;
88
    line-height:150%;
89
}
90
 
91
a {
92
    text-decoration:none;
93
    outline:none;
94
    -moz-outline-style:none;
95
    color:{color:link};
96
    -webkit-transition:all .5s ease-in-out;
97
    -moz-transition:all .5s ease-in-out;
98
    transition:all .5s ease-in-out;
99
}
100
 
101
a:hover {
102
    color:{color:hover};
103
    -webkit-transition:all .5s ease-in-out;
104
    -moz-transition:all .5s ease-in-out;
105
    transition:all .5s ease-in-out;
106
}
107
 
108
img {
109
    {block:ifnot500pxposts}
110
    max-width:400px;
111
    {/block:ifnot500pxposts}
112
    {block:if500pxposts}
113
    max-width:500px;
114
    {/block:if500pxposts}
115
}
116
 
117
#photoset {
118
    padding:15px;
119
    text-align:center;
120
    background:{color:border};
121
    border:3px solid {color:background};
122
    outline:1px solid {color:border};
123
}
124
 
125
#caption {
126
    border:1px solid {color:border};
127
    text-align:center;
128
    padding:3px;
129
    margin-top:5px;
130
}
131
 
132
blockquote {
133
    background:{color:background};
134
    {block:ifnot500pxposts}
135
    max-width:395px;
136
    {/block:ifnot500pxposts}
137
    {block:if500pxposts}
138
    max-width:495px;
139
    {/block:if500pxposts}
140
    padding:2px;
141
}
142
   
143
blockquote blockquote {
144
    padding:2px;
145
    {block:ifnot500pxposts}
146
    max-width:390px;
147
    {/block:ifnot500pxposts}
148
    {block:if500pxposts}
149
    max-width:490px;
150
    {/block:if500pxposts}
151
}
152
 
153
#posttitle {
154
    {block:ifnot500pxposts}
155
    width:430px;
156
    {/block:ifnot500pxposts}
157
    {block:if500pxposts}
158
    width:530px;
159
    {/block:if500pxposts}
160
    text-align:center;
161
    font-size:12px;
162
    font-weight:bold;
163
    text-transform:uppercase;
164
    letter-spacing:2px;
165
    line-height:130%;
166
    padding:10px 0;
167
    background:{color:border};
168
    border:3px solid {color:background};
169
    outline:1px solid {color:border};
170
}
171
 
172
#text{
173
    padding:15px;
174
    border:1px solid {color:border};
175
    {block:ifnot500pxposts}
176
    width:405px;
177
    {/block:ifnot500pxposts}
178
    {block:if500pxposts}
179
    width:505px;
180
    {/block:if500pxposts}
181
    margin-top:8px;
182
}
183
 
184
#entries {
185
    padding:30px 50px;
186
    {block:ifnot500pxposts}
187
    width:436px;
188
    {/block:ifnot500pxposts}
189
    {block:if500pxposts}
190
    width:536px;
191
    {/block:if500pxposts}
192
    margin-left:400px;
193
}
194
 
195
#post {
196
    {block:ifnot500pxposts}
197
    max-width:436px;
198
    {/block:ifnot500pxposts}
199
    {block:if500pxposts}
200
    max-width:536px;
201
    {/block:if500pxposts}
202
    width:100%;
203
    margin-top:25px;
204
    margin-bottom:75px;
205
    -ms-word-break: break-all;
206
    word-break: break-all;
207
    word-break: break-word;
208
    -webkit-hyphens: auto;
209
    -moz-hyphens: auto;
210
    -ms-hyphens: auto;
211
    hyphens: auto;
212
}
213
214
#postimg {
215
    padding:15px;
216
    background:{color:border};
217
    border:3px solid {color:background};
218
    outline:1px solid {color:border};
219
} 
220
 
221
/*topbar*/
222
 
223
 
224
/*sidebar*/
225
 
226
 
227
#sidebar {
228
    position:fixed;
229
    width:200px;
230
    margin-top:100px;
231
    margin-left:100px;
232
    text-align:center;
233
}
234
 
235
#title {
236
    width:164px;
237
    margin-bottom:5px;
238
    padding:15px;
239
    background:{color:border};
240
    border:3px solid {color:background};
241
    outline:1px solid {color:border};
242
    font-weight:bold;
243
    font-size:11px;
244
    text-transform:uppercase;
245
    text-align:center;
246
    letter-spacing:2px;
247
}
248
 
249
#title a {
250
    color:{color:title};
251
    -webkit-transition:all .5s ease-in-out;
252
    -moz-transition:all .5s ease-in-out;
253
    transition:all .5s ease-in-out;
254
}
255
 
256
#title a:hover {
257
    color:{color:hover};
258
    -webkit-transition:all .5s ease-in-out;
259
    -moz-transition:all .5s ease-in-out;
260
    transition:all .5s ease-in-out;
261
}
262
 
263
#sidebarimg {
264
    margin-top:25px;
265
    text-align:center;
266
}
267
 
268
#sidebarimg img {
269
    width:150px;
270
    padding:3px;
271
    border:1px solid {color:border};
272
    outline:0px;
273
    background:transparent;
274
    {block:ifroundsidebar}
275
    -moz-border-radius:75px;
276
    -webkit-border-radius:75px;
277
    {/block:ifroundsidebar}
278
}
279
 
280
#links {
281
    width:150px;
282
    margin-left:10px;
283
    padding:15px;
284
    font-size:9px;
285
    text-align:left;
286
    text-transform:uppercase;
287
    letter-spacing:2px;
288
}
289
 
290
#links a {
291
    display:block;
292
    padding:3px;
293
    color:#000;
294
    border-bottom:1px solid #f0f0f0;
295
    -webkit-transition:all .2s ease-in-out;
296
    -moz-transition:all .2s ease-in-out;
297
    transition:all .2s ease-in-out;
298
}
299
 
300
#links a:hover {
301
    background:{color:border};
302
    padding-left:12px;
303
    font-style:italic;
304
    -webkit-transition:all .2s ease-in-out;
305
    -moz-transition:all .2s ease-in-out;
306
    transition:all .2s ease-in-out;
307
}
308
 
309
#description {
310
    margin-top:10px;
311
    padding:12px;
312
    background:{color:border};
313
    border:3px solid {color:background};
314
    outline:1px solid {color:border};
315
    font-style:italic;
316
    text-align:justify;
317
}
318
 
319
 
320
/*post info and tags*/
321
 
322
 
323
#info {
324
    margin-top:5px;
325
    {block:ifnot500pxposts}
326
    max-width:436px;
327
    {/block:ifnot500pxposts}
328
    {block:if500pxposts}
329
    max-width:536px;
330
    {/block:if500pxposts}
331
    font-size:9px;
332
    letter-spacing:2px;
333
    text-align:center;
334
    text-transform:uppercase;
335
    padding:8px;
336
    line-height:150%;
337
}
338
 
339
#tags {
340
    font-size:9px;
341
    letter-spacing:2px;
342
    text-transform:uppercase;
343
    text-align:center;
344
    opacity:0;
345
    -webkit-transition:all .5s ease-in-out;
346
    -moz-transition:all .5s ease-in-out;
347
    transition:all .5s ease-in-out;
348
}
349
 
350
#post:hover #tags {
351
    opacity:1;
352
    -webkit-transition:all .5s ease-in-out;
353
    -moz-transition:all .5s ease-in-out;
354
    transition:all .5s ease-in-out;
355
}
356
 
357
 
358
/*quote*/
359
 
360
 
361
.quote {
362
    text-align:center;
363
    font-size:16px;
364
    line-height:130%;
365
    margin-top:15px;
366
    font-family:baskerville;
367
    font-style:italic;
368
    letter-spacing:2px;
369
    padding:15px;
370
    background:{color:border};
371
    border:3px solid {color:background};
372
    outline:1px solid {color:border};
373
}
374
 
375
.source {
376
    text-align:center;
377
    font-size:9px;
378
    text-transform:uppercase;
379
    font-family:times;
380
    letter-spacing:2px;
381
    padding:5px 0;
382
    margin-top:10px;
383
}
384
 
385
 
386
/*chat*/
387
 
388
.chat ol {
389
    padding:5px;
390
    line-height:150%;
391
    text-align:justify;
392
    list-style:none;
393
}
394
 
395
.line {
396
    border-bottom:1px solid {color:border};
397
    padding:10px;
398
}
399
 
400
.label {
401
    padding-right:3px;
402
    text-transform:uppercase;
403
    font-family:times;
404
    font-size:10px;
405
    font-weight:bold;
406
}
407
 
408
 
409
/*audio*/
410
 
411
   
412
.cover {
413
    width:120px;
414
    position:relative;
415
    padding:15px;
416
    background:{color:border};
417
    border:3px solid {color:background};
418
    outline:1px solid {color:border};
419
    z-index:1
420
}
421
 
422
.playbutton {
423
    width:20px;
424
    height:30px;
425
    overflow:hidden;
426
    position:relative;
427
    z-index:1000;
428
    margin:10px 19px 8px 11px;
429
}
430
 
431
.playbox {
432
    background-color:#000;
433
    position:absolute;
434
    z-index:1000;
435
    margin-top:53px;
436
    margin-left:52px;
437
    -webkit-border-radius:50px;
438
    -moz-border-radius:50px;
439
    border-radius:50px;
440
    opacity:.8;
441
}
442
 
443
.audioinfo {
444
    {block:ifnot500pxposts}
445
    width:236px;
446
    padding:40px 15px 15px 15px;
447
    {/block:ifnot500pxposts}
448
    {block:if500pxposts}
449
    width:336px;
450
    padding:40px 25px 15px 25px;
451
    {/block:if500pxposts}
452
    height:100px;
453
    display:inline-block;
454
    line-height:250%;
455
    position:absolute;
456
    margin-left:10px;
457
    font-size:8px;
458
    text-align:left;
459
    text-transform:uppercase;
460
    border:1px solid {color:border};
461
}
462
 
463
 
464
/*ask*/
465
 
466
 
467
.ask {
468
    text-align:center;
469
    padding:5px;
470
    font-size:10px;
471
    font-weight:bold;
472
    text-transform:uppercase;
473
}
474
 
475
.question {
476
    border:1px solid {color:border};
477
    padding:10px;
478
    text-align:center;
479
    font-style:italic;
480
    font-size:13px;
481
    letter-spacing:2px;
482
    background:{color:border};
483
    border:3px solid {color:background};
484
    outline:1px solid {color:border};
485
}
486
 
487
.answer {
488
    padding:10px 15px;
489
    margin-top:8px;
490
    border:1px solid {color:border};
491
}
492
 
493
 
494
/*permalinks page*/
495
 
496
 
497
ol.notes {
498
    padding-left:6%;
499
    padding-bottom:2%;
500
    width:100%;
501
    text-align:left;
502
    text-transform:uppercase;
503
    font-size:9px;
504
    letter-spacing:2px;
505
    list-style-type:decimal-leading-zero;
506
}
507
 
508
ol.notes li.note{
509
    padding:2%;
510
}
511
 
512
ol.notes li.note img.avatar{
513
    display:none;
514
}
515
 
516
 
517
/*pagination*/
518
 
519
 
520
#pagi {
521
    {block:ifnot500pxposts}
522
    width:400px;
523
    {/block:ifnot500pxposts}
524
    width:500px;
525
    {block:if500pxposts}
526
    {/block:if500pxposts}
527
    margin-bottom:50px;
528
    font-size:11px;
529
    letter-spacing:2px;
530
    font-family:times;
531
    font-weight:bold;
532
    text-transform:uppercase;
533
    text-align:center;
534
    margin-left:auto;
535
    margin-right:auto;
536
}
537
 
538
#pagi a {
539
    color:{color:link};
540
}
541
 
542
#pagi a:hover {
543
    color:{color:hover};
544
}
545
 
546
/*credit*/
547
 
548
 
549
#credit {
550
    position:fixed;
551
    float:right;
552
    bottom:5px;
553
    right:5px;
554
    background:transparent;
555
    font-size:20px;
556
    text-align:right;
557
}
558
 
559
#credit a {
560
    color:#000;
561
}
562
 
563
#logo {
564
    font-size:10px;
565
    font-family:baskerville;
566
    font-style:italic;
567
    opacity:0;
568
    -webkit-transition:all .5s ease-in-out;
569
    -moz-transition:all .5s ease-in-out;
570
    transition:all .5s ease-in-out;
571
}
572
 
573
#credit:hover #logo {
574
    opacity:1;
575
    -webkit-transition:all .5s ease-in-out;
576
    -moz-transition:all .5s ease-in-out;
577
    transition:all .5s ease-in-out;
578
}
579
 
580
 
581
{CustomCSS}
582
   
583
</style>
584
</head>
585
 
586
 
587
<body>
588
 
589
 
590
<div id="sidebar">
591
<div id="title"><a href="/">{Title}</a></div>
592
<div id="sidebarimg"><img src="{image:sidebar}"></div>
593
<div id="links">
594
<a href="{text:link 1}">{text:link 1 title}</a>
595
<a href="{text:link 2}">{text:link 2 title}</a>
596
<a href="{text:link 3}">{text:link 3 title}</a>
597
{block:iflink4}<a href="{text:link 4}">{text:link 4 title}</a>{/block:iflink4}
598
{block:iflink5}<a href="{text:link 5}">{text:link 5 title}</a>{/block:iflink5}
599
{block:iflink6}<a href="{text:link 6}">{text:link 6 title}</a>{/block:iflink6}
600
</div>
601
<div id="description">{Description}</div>
602
</div>
603
 
604
<div id="entries">
605
 
606-
{block:ifnot500pxposts}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:ifnothidecaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifnothidecaption}{/block:ifnot500pxposts}
606+
607-
{block:if500pxposts}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:ifnothidecaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifnothidecaption}{/block:if500pxposts}
607+
608
 
609
{block:Text}{block:Title}<div id="posttitle">{Title}</div>{/block:Title}<div id="text">{Body}</div>{/block:Text}
610
 
611
{block:Photo}
612-
{block:ifnot500pxposts}<div id="photoset">{Photoset-400}</div>{block:IndexPage}{block:ifnothidecaption}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifnothidecaption}{block:IndexPage}{/block:ifnot500pxposts}
612+
{block:ifnot500pxposts}{LinkOpenTag}<div id="postimg"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{block:ifhidecaption}{block:PermalinkPage}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:PermalinkPage}{/block:ifhidecaption}{block:ifnothidecaption}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifnothidecaption}{/block:ifnot500pxposts}
613-
{block:if500pxposts}<div id="photoset">{Photoset-500}</div>{block:ifnothidecaption}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifnothidecaption}{/block:if500pxposts}
613+
{block:if500pxposts}{LinkOpenTag}<div id="postimg"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{block:ifhidecaption}{block:PermalinkPage}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:PermalinkPage}{/block:ifhidecaption}{block:ifnothidecaption}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifnothidecaption}{/block:if500pxposts}
614
{/block:Photo}
615
616
{block:Photoset}
617
{block:ifnot500pxposts}<div id="photoset">{Photoset-400}</div>{block:ifhidecaption}{block:PermalinkPage}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:PermalinkPage}{/block:ifhidecaption}{block:ifnothidecaption}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifnothidecaption}{/block:ifnot500pxposts}
618
{block:if500pxposts}<div id="photoset">{Photoset-500}</div>{block:ifhidecaption}{block:PermalinkPage}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:PermalinkPage}{/block:ifhidecaption}{block:ifnothidecaption}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifnothidecaption}{/block:if500pxposts}
619
{/block:Photoset}
620
 
621
{block:Quote}
622
<div class="quote"><span style="font-size:30px;letter-spacing:0px;">&lsquo;&lsquo;&nbsp;</span>{Quote}</div>
623
{block:Source}<div class="source">{Source}</div>{/block:Source}
624
{/block:Quote}
625
 
626
{block:Link}<div id="posttitle"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}<div id="text">{Description}</div>{/block:Description}{/block:Link}
627
 
628
{block:Chat}
629
{block:Title}<div id="posttitle">{Title}</div>{/block:Title}
630
<div class="chat"><ol>{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ol></div>
631
{/block:Chat}
632
 
633
{block:Video}
634
{block:ifnot500pxposts}{Video-400}{block:ifnothidecaption}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifnothidecaption}{/block:ifnot500pxposts}
635
{block:if500pxposts}{Video-500}{block:ifnothidecaption}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifnothidecaption}{/block:if500pxposts}
636
{block:PermalinkPage}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:PermalinkPage}
637
{/block:Video}
638
 
639
{block:Answer}
640
<div class="ask">{Asker}</u> inquired<br></div>
641
<div class="question">{Question}</div>
642
<div class="answer">{Answer}</div>
643
{/block:Answer}
644
 
645
{block:Audio}
646
<div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
647
{block:AlbumArt}
648
<img src="{AlbumArtURL}" class="cover">
649
{/block:AlbumArt}
650
<div class="audioinfo">
651
{block:TrackName}{TrackName}{/block:TrackName}<br>
652
{block:Artist}{Artist}{/block:Artist}<br>
653
{block:Album}{Album}{/block:Album}<br>
654
{FormattedPlayCount}
655
</div>
656
{/block:Audio}
657
 
658
<div id="info">
659
{block:Date}<a href="{Permalink}" title="{TimeAgo}">{DayOfMonth}.{MonthNumber}.{ShortYear}</a>{/block:Date}&nbsp;/&nbsp;{block:NoteCount}<a href="{Permalink}">{NoteCount}+</a>&nbsp;/&nbsp;{/block:NoteCount}<a href="{ReblogURL}" target="_blank">reblog</a>{block:RebloggedFrom}&nbsp;/&nbsp;<a href="{ReblogParentURL}"title="{ReblogParentName}">via</a>&nbsp;/&nbsp;<a href="{ReblogRootURL}"title="{ReblogRootName}">source</a>{/block:RebloggedFrom}
660
</div>
661
 
662
<div id="tags">
663
{block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}
664
</div>
665
</div>
666
 
667
{block:PostNotes}{PostNotes}{/block:PostNotes}
668
{/block:Posts}
669
 
670
{block:Pagination}
671
<div id="pagi">
672
{block:PreviousPage} <a href="{PreviousPage}">&larr; {text:previous}</a>
673
</u>&nbsp;&nbsp;{/block:PreviousPage}
674
<span style="font-size:9px;font-family:baskerville;font-weight:normal;font-style:normal;">{CurrentPage}&nbsp;of&nbsp;{TotalPages}</span>
675
{block:NextPage} &nbsp;&nbsp;<a href="{NextPage}">{text:next} &rarr;</a></u>{/block:NextPage}
676
{/block:Pagination}
677
</div>
678
</div>
679
 
680
<div id="credit">
681
<div id="logo">franztheme</div>
682
<a href="http://lestranqe.tumblr.com">☺</a>
683
</div>
684
 
685
</body>
686
</html>