View difference between Paste ID: 2H0i6rNq and fhJhhwsS
SHOW: | | - or go back to the newest paste.
1
<!--
2
    Theme 014 - Roots Before Branches by thewicked-eternity.tumblr.com
3
    PLEASE DO NOT REMOVE THE CREDIT OR REDISTRIBUTE
4
    For any help, visit wickedeternitythemehelp.tumblr.com
5
-->
6
7
<html><head>
8
9
<title>{Title}</title>
10
<link rel="shortcut icon" href="{Favicon}" />
11
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
12
<meta name="description" content="{MetaDescription}" />
13
14
<!-- DEFAULT VARIABLES -->
15
        <meta name="color:Background" content="#F5F1E8"/>
16
        <meta name="color:Text" content="#C5B09A"/>
17
        <meta name="color:Post Background" content="#FFFFFF"/>
18
        <meta name="color:Links" content="#7EC9DE"/>
19
        <meta name="color:Links Hover" content="#C5B09A"/>
20
        <meta name="color:Sidebar Background" content="#FFFFFF"/>
21
        <meta name="color:Navigation Hover" content="#FFFFFF"/>
22
        <meta name="color:Sidelinks" content="#7EC9DE"/>
23
        <meta name="color:Sidelinks Hover" content="#FFFFFF"/>
24
        <meta name="color:Info Border" content="#F5F1E8"/>
25
        <meta name="color:Topbar Background" content="#7EC9DE"/>
26
        <meta name="color:Topbar Border" content="#FFFFFF"/>
27
        <meta name="color:Asker Background" content="#FBF8F1"/>
28
29
        <meta name="image:Sidebar" content=""/>
30
        <meta name="image:Topbar Background" content="http://static.tumblr.com/vyzeblq/WOZm4cd3v/background.jpg"/>
31
        <meta name="image:Background" content=""/>
32
33
        <meta name="font:title" content="georgia" />
34
        <meta name="font:body" content="arial" />
35
        <meta name="font:description" content="arial" />
36
        
37
        <meta name="if:Hide Tags" content="0" />
38
        <meta name="if:Hide Navigation" content="0" />
39
        <meta name="if:Infinite Scrolling" content="0" />
40
        <meta name="if:Black Audio Player" content="0" />
41
        <meta name="if:White Audio Player" content="1" />
42
        
43
        <meta name="text:Link 1" content="http://"/>
44
        <meta name="text:Link 1 Title" content=""/>
45
        <meta name="text:Link 2" content="http://">
46
        <meta name="text:Link 2 Title" content=""/>
47
        <meta name="text:Link 3" content="http://"/>
48
        <meta name="text:Link 3 Title" content=""/>
49
        <meta name="text:Link 4" content="http://"/>
50
        <meta name="text:Link 4 Title" content=""/>
51
        <meta name="text:Link 5" content="http://"/>
52
        <meta name="text:Link 5 Title" content=""/>
53
        <meta name="text:Link 6" content="http://"/>
54
        <meta name="text:Link 6 Title" content=""/>
55
        <meta name="text:Link 7" content="http://"/>
56
        <meta name="text:Link 7 Title" content=""/>
57
        <meta name="text:Link 8" content="http://"/>
58
        <meta name="text:Link 8 Title" content=""/>
59
60
<style type="text/css">
61
62
63
/* --- POSTS & TAGS --- */
64
65
body {
66
    color:{color:Text};
67
    background-attachment:fixed;
68
    background-color:{color:Background};
69
    background-image: url('{image:Background}');
70
    background-position:bottom left;
71
    background-repeat:repeat;
72
    text-align:justify;
73
    font-family:{font:body};
74
    font-size:10px;
75
    }
76
77
a {
78
    color: {color:Links};
79
    text-decoration:none;
80
    }
81
    
82
a:hover {
83
    color:{color:Links Hover};
84
    text-decoration:none;
85
    }
86
87
#entries {
88
    position:absolute;
89
    overflow:hidden;
90
    margin-left:545px;
91
    margin-top:45px;
92
    width:675px;
93
    }
94
95
#posts {
96
    padding:30px;
97
    margin-bottom:4px;
98
    width:500px;
99
    background-color:{color:Post Background};
100
    }
101
102
{block:ifHideTags}
103
#posts:hover #tags {
104
    opacity:1;
105
    display:block;
106
    text-align:left;    
107
    -webkit-transition: opacity 0.7s linear;
108
    -webkit-transition: all 0.3s ease-out;
109
    -moz-transition: all 0.3s ease-out;
110
     transition: all 0.3s ease-out;
111
    }
112
 
113
#tags {
114
    position:absolute;
115
    width:110px;
116
    opacity:0;
117
    margin-top:-20px;
118
    margin-left:540px;
119
    font-family:georgia;
120
    text-align:left;
121
    text-transform:lowercase;
122
    font-style:italic;
123
    font-size:9px;
124
    -webkit-transition:opacity 0.8s linear;
125
    -webkit-transition:all 0.5s ease-out;
126
    -moz-transition:all 0.5s ease-out;
127
    transition:all 0.5s ease-out;
128
    }
129
{/block:ifHideTags}
130
131
132
/* --- SIDEBAR & SIDELINKS --- */
133
134
#sidebar {
135
    position:fixed;
136
    margin-top:140px;
137
    margin-left:245px;
138
    width:275px;
139
    background-color:{color:Sidebar Background};
140
    z-index:-2;
141
    }
142
143
#sidebarimage img {
144
    margin-top:10px;
145
    margin-bottom:5px;
146
    max-width:250px;
147
    height:auto;
148
    }
149
150
#description {
151
    font-size:10px;
152
    font-family:{font:description};
153
    margin-left:10px;
154
    margin-right:10px;
155
    }
156
157
#navlinksbg {
158
    position:fixed;
159
    height:25px;
160
    margin-top:125px;
161
    margin-left:245px;
162
    width:275px;
163
    background-color:{color:Sidebar Background};
164
    color:{color:Text};
165
    font-family:arial;
166
    font-size:9px;
167
    text-align:center;
168
    letter-spacing:2px;
169
    text-transform:uppercase;
170
    -webkit-transition:opacity 0.8s linear;
171
    -webkit-transition:all 0.5s ease-out;
172
    -moz-transition:all 0.5s ease-out;
173
    transition:all 0.5s ease-out;
174
    }
175
176
#navlinksbg:hover #sidelinks {
177
    opacity:1;
178
    padding-top:10px;
179
    padding-bottom:12px;
180
    margin-top:5px;
181
    background-color:{color:Sidebar Background};
182
    -webkit-transition:opacity 0.7s linear;
183
    -webkit-transition:all 0.3s ease-out;
184
    -moz-transition:all 0.3s ease-out;
185
    transition:all 0.3s ease-out;
186
   }
187
188
#sidelinks {
189
    width:255px;
190
    opacity:0;
191
    margin-left:-2px;
192
    margin-top:-30px;
193
    -webkit-transition:opacity 0.8s linear;
194
    -webkit-transition:all 0.5s ease-out;
195
    -moz-transition:all 0.5s ease-out;
196
    transition:all 0.5s ease-out;
197
    }
198
199
#sidelinks a {
200
    margin-left:4px;
201
    margin-top:5px;
202
    display:inline-block;
203
    width:115px;
204
    height:auto;
205
    font-family:arial;
206
    font-size:8px;
207
    text-align:center;
208
    background-color:{color:Sidelinks};
209
    color:{color:Sidebar Background};
210
    padding:3px;
211
    text-transform:uppercase;
212
    letter-spacing:2px;
213
    margin-bottom:-13px;
214
    -webkit-transition:opacity 0.8s linear;
215
    -webkit-transition:all 0.5s ease-out;
216
    -moz-transition:all 0.5s ease-out;
217
    transition:all 0.5s ease-out;
218
    }
219
220
#sidelinks a:hover {
221
    color:{color:Text};
222
    background-color:{color:Sidelinks Hover};
223
    text-align:center;
224
    text-decoration:none;
225
    letter-spacing:2px;
226
    -webkit-transition:opacity 0.7s linear;
227
    -webkit-transition:all 0.3s ease-out;
228
    -moz-transition:all 0.3s ease-out;
229
    transition:all 0.3s ease-out;
230
    }
231
232
233
/* --- TOPBAR & NAVIGATION --- */
234
235
#topbar {
236
    position:fixed;
237
    margin-top:10px;
238
    margin-left:-8px;
239
    width:100%;
240
    height:auto;
241
    background-color:{color:Topbar Background};
242
    z-index:2;
243
    }
244
245
#topbarbg {
246
    position:fixed;
247
    margin-top:-10px;
248
    margin-left:-8px;
249
    width:100%;
250
    height:20px;
251
    background-color:{color:Topbar Border};
252
    background-image: url('{image:Topbar Background}');
253
    z-index:2;
254
    }
255
256
.navigation a {
257
    width:90px;
258
    margin-top:10px;
259
    margin-bottom:0px;
260
    padding:3px 0 3px 0;
261
    display:inline-block;
262
    font-family:arial;
263
    font-size:7px;
264
    text-align:center;
265
    letter-spacing:3px;
266
    color:{color:Sidebar Background};
267
    text-transform:uppercase;
268
    -webkit-transition:opacity 0.8s linear;
269
    -webkit-transition:all 0.5s ease-out;
270
    -moz-transition:all 0.5s ease-out;
271
    transition:all 0.5s ease-out;
272
    }
273
274
.navigation a:hover {
275
    color:{color:Text};
276
    background-color:{color:Navigation Hover};
277
    -webkit-transition:opacity0.7s linear;
278
    -webkit-transition:all 0.3s ease-out;
279
    -moz-transition:all 0.3s ease-out;
280
    transition:all 0.3s ease-out;
281
    }
282
283
284
/* --- TITLES --- */
285
286
#title1 {
287
    font-size:18px;
288
    font-style:italic;
289
    font-family:georgia;
290
    text-decoration:none;
291
    text-transform:lowercase;
292
    text-align:center;
293
    }
294
295
#title2 {
296
    font-size:14px;
297
    font-style:italic;
298
    font-family:georgia;
299
    }
300
301
302
/* --- AUDIO --- */
303
304
#audio {
305
    margin-bottom:5px;
306
    width:500px;
307
    height:105px;
308
    }
309
 
310
.albumart {
311
    width:100px;
312
    height:100px;
313
    position:absolute;
314
    }
315
 
316
.albumart img {
317
    width:100px;
318
    height:100px;
319
    float:left;
320
    position:absolute;
321
    }
322
 
323
.playercontainer {
324
    opacity:.2;
325
    display:block;
326
    width:100px;
327
    height:100px;
328
    {block:IfNotBlackAudioPlayer}
329
    {block:IfWhiteAudioPlayer}
330
    background-color:white;
331
    {/block:IfWhiteAudioPlayer}
332
    {/block:IfNotBlackAudioPlayer}
333
    {block:IfNotWhiteAudioPlayer}
334
    {block:IfBlackAudioPlayer}
335
    background-color:black;
336
    {/block:IfBlackAudioPlayer}
337
    {/block:IfNotWhiteAudioPlayer}
338
    position:absolute;
339
    }
340
 
341
.playercontainer:hover {
342
    opacity:.7;
343
    position:absolute;
344
    -webkit-transition:all 0.5s ease-in-out;
345
    -moz-transition:all 0.5s ease-in-out;
346
    -o-transition:all 0.5s ease-in-out;
347
    -ms-transition:all 0.5s ease-in-out;
348
    transition:all 0.5s ease-in-out;
349
    }
350
 
351
.player {
352
    margin-left:36px;
353
    margin-top:36px;
354
    width:25px;
355
    height:25px;
356
    overflow:hidden;
357
    position:absolute;
358
    {block:IfNotBlackAudioPlayer}
359
    {block:IfWhiteAudioPlayer}
360
    background-color:white;
361
    {/block:IfWhiteAudioPlayer}
362
    {/block:IfNotBlackAudioPlayer}
363
    {block:IfNotWhiteAudioPlayer}
364
    {block:IfBlackAudioPlayer}
365
    background-color:black;
366
    {/block:IfBlackAudioPlayer}
367
    {/block:IfNotWhiteAudioPlayer}
368
    }
369
 
370
.audioinfo {
371
    margin-left:110px;
372
    float:left;
373
    background-color:{color:Post Background};
374
    width:388px;
375
    padding:2px;
376
    margin-top:3px;
377
    }
378
379
380
/* --- INFO & OTHER --- */
381
382
#info {
383
    padding:4px;
384
    width:492px;
385
    color:{color:Text};
386
    font-size:10px;
387
    font-family:calibri;
388
    line-height:70%;
389
    text-transform:uppercase;
390
    border-top:2px solid {color:Info Border};
391
    text-align:center;
392
    }
393
394
#info a {
395
    color:{color:Links};
396
    }
397
398
#info a:hover {
399
    color:{color:Links Hover};
400
    }
401
402
{block:ifNotHideTags}
403
#tags {
404
    margin-top:2px;
405
    font-family:arial;
406
    text-align:center;
407
    text-transform:uppercase;
408
    font-size:7px;
409
    letter-spacing:1px;
410
    }
411
{/block:ifNotHideTags}
412
413
#questions {
414
    color:{color:Text};
415
    padding:10px;
416
    margin-bottom:0px;
417
    font-family:georgia;
418
    font-size:10px;
419
    font-style:italic;
420
    background-color:{color:Asker Background};
421
    }
422
423
#questions a {
424
    color:{color:Links};
425
    }
426
427
#questions a:hover {
428
    color:{color:Links Hover};
429
    }
430
431
#source {
432
    margin-top:3px;
433
    text-align:right;
434
    margin-bottom:5px;
435
    font-size:10px;
436
    }
437
438
.pagination {
439
    margin-top:5px;
440
    margin-bottom:10px;
441
    text-align:center;
442
    line-height:20px;
443
    font-family:calibri;
444
    font-size:10px;
445
    }
446
    
447
.pagination a {
448
    text-decoration:none;
449
    background-color:{color:Background};
450
    padding:2px 4px 2px 4px;
451
    color:{color:Text};
452
    }
453
    
454
.pagination a:hover {
455
    background-color:{color:Sidebar Background};
456
    color:{color:Text};
457
    } 
458
459
.chat {
460
    line-height:12px;
461
    list-style:none;
462
    }
463
 
464
.chat ul {
465
    line-height:15px;
466
    list-style:none;
467
    padding:0px;
468
    line-height:20px;
469
    }
470
 
471
.person1 {
472
    background-color:{color:Asker Background};
473
    color:{color:Text};
474
    }
475
 
476
.person1 .label {
477
    font-weight:bold;
478
    padding:0px;
479
    margin-left:5px;
480
    color:{color:Text};
481
    }
482
 
483
.person2 {
484
    color:{color:Text};
485
    }
486
 
487
.person2 .label {
488
    font-weight:bold;
489
    padding:0px;
490
    margin-left:5px;
491
    color:{color:Text};
492
    }
493
494
.person3 {
495
    background-color:{color:Asker Background};
496
    color:{color:Text};
497
    }
498
 
499
.person3 .label {
500
    font-weight:bold;
501
    padding:0px;
502
    margin-left:5px;
503
    color:{color:Text};
504
    }
505
506
.person4 {
507
    color:{color:Text};
508
    }
509
 
510
.person4 .label {
511
    font-weight:bold;
512
    padding:0px;
513
    margin-left:5px;
514
    color:{color:Text};
515
    }
516
517
.postnotes {
518
    margin-top:-5px;
519
    width:500px;
520
    }
521
522
ol.notes, .notes li {
523
    list-style:none;
524
    }
525
526
blockquote {
527
    border-left:4px solid {color:Text};
528
    padding:0px;
529
    padding-left:5px;
530
    margin:5px;
531
    }
532
533
{CustomCSS}
534
535
</style>
536
537
{block:ifInfiniteScrolling}
538
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
539
{/block:ifInfiniteScrolling}
540
541
</head>
542
    <body>
543
544
545
546
547
<div id="topbarbg"></div><div id="topbar"><center><div class="navigation"><a href="/">home</a> <a href="/ask">message</a> {block:SubmissionsEnabled}<a href="/submit">Submit</a>{/block:SubmissionsEnabled} <a href="/archive">archive</a> <a href="http://thewicked-eternitythemes.tumblr.com/">theme</a></div></center><p></div>
548
549
550
{block:ifNotHideNavigation}
551
<div id="navlinksbg"><div style="margin-top:5px;">Navigation</div>
552
<center><div id="sidelinks">
553
{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a> {/block:Pages} {/block:HasPages}
554
{block:ifLink1Title}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1Title}
555
{block:ifLink2Title}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2Title}
556
{block:ifLink3Title}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3Title}
557
{block:ifLink4Title}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4Title}
558
{block:ifLink5Title}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5Title}
559
{block:ifLink6Title}<a href="{text:Link 6}">{text:Link 6 Title}</a>{/block:ifLink6Title}
560
{block:ifLink7Title}<a href="{text:Link 7}">{text:Link 7 Title}</a>{/block:ifLink7Title}
561
{block:ifLink8Title}<a href="{text:Link 8}">{text:Link 8 Title}</a>{/block:ifLink8Title}
562
</div></center></div>
563
{/block:ifNotHideNavigation}
564
565
566
<div id="sidebar">
567
568
<center><div id="sidebarimage"><img src="{image:Sidebar}"/></div></center>
569
570
{block:Description}<div id="description">{Description}</div>{/block:Description}<p>
571
    
572
{block:ifNotInfiniteScrolling}{block:Pagination}<div class="pagination">
573
{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
574
{block:JumpPagination length="6"}{block:CurrentPage}
575
<span class="current_page" style="padding-right:3px;padding-left:3px;">{PageNumber}</span>
576
{/block:CurrentPage}
577
{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
578
{/block:JumpPagination}
579
{block:NextPage}<a href="{NextPage}">»</a> {/block:NextPage}
580
</div>{/block:Pagination}{/block:ifNotInfiniteScrolling} 
581
    
582
</div><br>
583
584
585
<div id="entries">{block:ifInfiniteScrolling}<div class="autopagerize_page_element">{/block:ifInfiniteScrolling}{block:Posts}<div id="posts">
586
587
{block:Title}
588
<div id="title1">{Title}</div>{/block:Title}{block:Text}{block:ifHideTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifHideTags}
589
{Body}{/block:Text}
590
 
591
{block:Photo}
592
{block:ifHideTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifHideTags}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
593
{/block:Photo}
594
 
595
{block:Photoset}
596
{block:ifHideTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifHideTags}<center>{Photoset-500}</center>
597
{block:Caption}{Caption}{/block:Caption}
598
{/block:Photoset}
599
 
600
{block:Quote}
601
{block:ifHideTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifHideTags}<div id="title2">"{Quote}"</div>{block:Source}<div id="source">— {Source}</div>{/block:Source}
602
{/block:Quote}
603
 
604
{block:Link}
605
{block:ifHideTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifHideTags}<div id="title2"><a href="{URL}" class="link" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}
606
{/block:Link}
607
 
608
{block:Chat}
609
{block:ifHideTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifHideTags}<div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
610
{/block:Chat}
611
612
{block:Audio}
613
{block:ifHideTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifHideTags}<div id="audio"><div class="albumart"><img src="http://static.tumblr.com/4wyqgof/Dyvm2qmp1/default.jpg"></div>{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}{block:IfNotBlackAudioPlayer}{block:IfWhiteAudioPlayer}<div class="playercontainer"><div class="player">{AudioPlayerWhite}</div></div>{/block:IfWhiteAudioPlayer}{/block:IfNotBlackAudioPlayer}{block:IfNotWhiteAudioPlayer}{block:IfBlackAudioPlayer}<div class="playercontainer"><div class="player">{AudioPlayerBlack}</div></div>{/block:IfBlackAudioPlayer}{/block:IfNotWhiteAudioPlayer}{block:TrackName}<div class="audioinfo"><b>Track Title:</b> {TrackName}</div><br>{/block:TrackName}{block:Artist}<div class="audioinfo"><b>Artist:</b> {Artist}</div><br>{/block:Artist}{block:Album}<div class="audioinfo"><b>Album:</b> {Album}</div>{/block:Album}</div>{block:Caption}{Caption}{/block:Caption}
614
{/block:Audio}
615
616
{block:Video}
617
{block:ifHideTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifHideTags}{Video-500}{block:Caption}{Caption}{/block:Caption}
618
{/block:Video}
619
620
{block:Answer}{block:ifHideTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifHideTags}
621
<div id="questions">{Asker} asked: "{Question}"</div>
622
{Answer}
623
{/block:Answer}
624
625
{block:Date}
626
<div id="info"><a href="{ReblogURL}" target="_blank">Reblog</a> - <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:RebloggedFrom} via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> {block:ContentSource} · © <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}{/block:RebloggedFrom}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<br>
627
{block:ifNotHideTags}<div id="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>{/block:ifNotHideTags}</div></div><br>
628
629
{/block:Posts}{block:ifInfiniteScrolling}</div>{/block:ifInfiniteScrolling}
630
631
{block:PostNotes}<div class="postnotes">{PostNotes}</div>{/block:PostNotes}
632
633
</div></div>
634
635
    </body>
636
</html>