View difference between Paste ID: cq6f0m6i and VCyGVJMS
SHOW: | | - or go back to the newest paste.
1
<!--
2
Denim Theme by faede
3
permalinks done by unimpulsive.tumblr.com 
4
thank you for choosing faedethemes!
5
--------------------------------
6
main blog: faede.tumblr.com
7
theme blog: faedethemes.tumblr.com
8
-->
9
<html lang="en">
10
<head>
11
</script><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
12
<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
13
<html xmlns="http://www.w3.org/1999/xhtml">
14
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
15
<script type="text/javascript" 
16
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> 
17
<script type="text/javascript" 
18
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> 
19
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
20
<link href='http://fonts.googleapis.com/css?family=Miniver' rel='stylesheet' type='text/css'>
21
22
<link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>
23
24
<title>{Title}</title>
25
26
<link rel="shortcut icon" href="{Favicon}">
27
28
<meta name="color:background" content="#ffffff"/>
29
<meta name="color:primary" content="#000000"/>
30
<meta name="color:hover" content="#ffffff"/>
31
<meta name="color:links" content="#000"/>
32
33
<meta name="if:image fade" content="1">
34
<meta name="if: fixed links" content="1"/>
35
<meta name="if:animated post entry" content="0"/>
36
37
<meta name="font:posts" content="lucida sans"/>
38
39
<meta name="text:link one" content=""/>
40
<meta name="text:link one title" content=""/>
41
<meta name="text:link two" content=""/>
42
<meta name="text:link two title" content=""/>
43
<meta name="text:link three" content=""/>
44
<meta name="text:link three title" content=""/>
45
<meta name="text:link four" content=""/>
46
<meta name="text:link four title" content=""/>
47
<meta name="text:link five" content=""/>
48
<meta name="text:link five title" content=""/>
49
<style type="text/css">
50
::-webkit-scrollbar-thumb:vertical{
51
background-color:#C2C8CF;
52
-moz-border-radius:10px;
53
-webkit-border-radius:10px;
54
}
55
#tumblr_controls{
56
position:fixed !important;
57
-webkit-filter: invert(100%)
58
}
59
.credit {opacity:0.7;font-size:18px;position:fixed;bottom:10px;right:5px;color:#000;}
60
.wrapper{width:1000px;margin:0px auto;}
61
::-webkit-scrollbar {width: 6px; height: 4px; background: #d8d8d8; }
62
::-webkit-scrollbar-thumb { background-color: #130C11;}
63
body{
64
margin:0px; 
65
background-attachment: fixed;
66
background-repeat: repeat;
67
background-color:{color:background};
68
background-attachment: fixed; 
69
background-repeat: repeat; 
70
font-size: 11px; 
71
font-family: {font:posts};
72
line-height:11px;
73
color: {color:primary};
74
}
75
a:link, a:active, a:visited{
76
color: {color:links}; 
77
text-decoration: none; 
78
-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
79
}
80
a:hover{
81
color: {color:hover};
82
-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
83
}
84
.entry {
85
margin:6px;
86
padding: 8px;
87
float:left;
88
background-color:transparent;
89
{block:indexpage}
90
width:250px;
91
{/block:indexpage}
92
{block:permalinkpage}
93
width:600px;
94
{/block:permalinkpage}
95
background:transparent;
96
font-family:pixie;
97
font-size: 11px;
98
line-height:14px;
99
{block:ifanimatedpostentry}
100
-webkit-transition-duration:2s;
101
{/block:ifanimatedpostentry}
102
}
103
#sidebar{ 
104
opacity:1;
105
background-color:transparent;
106
top: 30px;
107
margin-left: 13px; 
108
overflow:hidden;
109
font-family:pixie;
110
font-size: 10px; 
111
padding-top:0px;
112
width: 67%;
113
padding: 4px;
114
height:auto;
115
z-index:1;
116
position:relative;
117
color:{color:primary}
118
-webkit-transition: all 0.4s ease-in-out;
119
-moz-transition: all 0.4s ease-in-out;
120
transition: all 0.4s ease-in-out;
121
}
122
123
#posts {
124
width: 1180px;
125
background: transparent;
126
margin-left:60px;
127
padding-left: 2px;
128
padding-right: 2px;
129
padding-top:10px;
130
margin-top:0px;
131
float:left;
132
}
133
#infscr-loading{
134
bottom: -70px;
135
position: absolute;
136
left: 50%;
137
margin-left:-8px;
138
width:16px;
139
height:11px;
140
overflow:hidden;
141
margin-bottom: 50px;
142
}
143
.img{{block:ifimagefade}opacity:0.7;background-color:white;{/block:ifimagefade}}-webkit-transition: all .6s ease-out;-moz-transition: all .6s ease-out;transition: all .6s ease-out;}
144
145
.img:hover{opacity:1;}
146
.title{
147
font-family:{font:posts};
148
font-size: 12px;
149
line-height:15px;
150
text-transform:uppercase;
151
}
152
153
blockquote{
154
padding:0px 0px 2px 5px;
155
margin:0px 0px 2px 10px;
156
border-left: 1px dotted #555555;
157
}
158
@font-face { font-family: pixie; src: url('http://static.tumblr.com/fxpo5zq/a8Em6bgnk/lekton-regular.ttf'); }
159
#navi{
160
opacity:1;
161
background-color:{color:background};
162
top: 0px;
163
margin-left: 0px;
164
overflow:hidden;
165
font-family:pixie;
166
font-size: 15px;
167
padding-top:0px;
168
width: 100%;
169
padding: 4px;
170
height:14px;
171
line-height: 20px;
172
z-index:100;
173
{block:iffixedlinks}
174
position:fixed;
175
{/block:iffixedlinks}
176
{block:ifnotfixedlinks}
177
position:absolute;
178
{/block:ifnotfixedlinks}
179
text-transform:uppercase;
180
text-align:center;
181
-webkit-transition: all 0.4s ease-in-out;
182
-moz-transition: all 0.4s ease-in-out;
183
transition: all 0.4s ease-in-out;
184
}
185
#navi a{background:{color:background};color:{color:links};
186
padding:5px;}
187
188
#navi a:hover{background:#000;color:white;}
189
ul, ol, li{list-style:none; margin:0px; padding:0px;}
190
.user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, 
191
.user_7 .label, .user_8 .label, .user_9 .label {color:#130C11;}
192
.notes img{width:10px; position:relative; top:3px;}
193
194
<--ses-->
195
small{font-size: 90%;}
196
197
198
@font-face {font-family: customfont; src: url('http://static.tumblr.com/fxpo5zq/oefmes3gi/cedarville_pnkfun_1_cursive.ttf');
199
}
200
@font-face { font-family: titulo; src: url('http://static.tumblr.com/vilw5yj/6l7ma3fqc/signerica_medium.ttf'); }
201
@font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
202
.blogtitle{
203
font-family: 'Raleway';
204
text-transform: uppercase;
205
font-size:36px;
206
color: {color:links};
207
line-height: 40px;
208
-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
209
}
210
.quote {
211
font-family: arial;
212
font-size: 20px;
213
color: {color:link};
214
float: left;
215
margin-right: 5px;
216
}
217
.entry:hover .perm{
218
    
219
opacity: 1;
220
}
221
.perm {
222
margin-top:10px;
223
text-align:center;
224
padding:2px;
225
padding-top:5px;
226
padding-bottom:0px;
227
opacity:0;
228
font-family:{font:posts};
229
-moz-transition: all 0.6s ease-out;
230
-o-transition: all 0.6s ease-out;
231
-webkit-transition: all 0.6s ease-out;
232
transition: all 0.6s ease-out;
233
}
234
.entry .swag{
235
    position:absolute;
236
    bottom:18px;
237
    left:24px;
238
    width:25px;
239
    height:25px;
240
    text-align:center;
241
    font-size:8px;
242
    border-radius:45px;
243
    font-family:courier new;
244
    background-color:white;
245
    z-index:100;
246
    opacity:0;
247
    -webkit-transition: all 1s ease-out;
248
-moz-transition: all 1s ease-out;transition: all 1s ease-out;{block:permalinkpage}visibility:hidden;{/block:permalinkpage}
249
}
250
 
251
.entry:hover .swag{
252
    bottom:18px;
253
    -webkit-transition: all 0.4s ease-out;
254
-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
255
opacity:0.7;{block:permalinkpage}visibility:hidden;{/block:permalinkpage}
256
}
257
 
258
.entry .swag a{color:{color:link};font-size:8px;{block:permalinkpage}visibility:hidden;{/block:permalinkpage}}
259
.entry .booty{
260
    position:absolute;
261
    bottom:18px;
262
    left:52px;
263
    width:25px;
264
    height:25px;
265
    background-image:url('http://cdn4.iconfinder.com/data/icons/brightmix/128/monotone_search_zoom.png');
266
    background-size:24px 24px;
267
    background-position:0px 1px;
268
    background-repeat:no-repeat;
269
    text-align:center;
270
    font-size:9px;
271
    border-radius:55px;
272
    line-height:26px;
273
    font-family:courier new;
274
    background-color:white;
275
    z-index:100;
276
    opacity:0;
277
    -webkit-transition: all 1s ease-out;
278
-moz-transition: all 1s ease-out;transition: all 1s ease-out;{block:permalinkpage}visibility:hidden;{/block:permalinkpage}
279
}
280
 
281
.entry:hover .booty{
282
    bottom:18px;
283
    -webkit-transition: all 0.4s ease-out;
284
-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
285
opacity:0.7;{block:permalinkpage}visibility:hidden;{/block:permalinkpage}
286
}
287
 
288
.entry .booty img{width:17px;height:17px;margin-top:5px;{block:permalinkpage}visibility:hidden;{/block:permalinkpage}}
289
 
290
.entry .booty a{color:{color:link};font-size:9px;{block:permalinkpage}visibility:hidden;{/block:permalinkpage}}
291
 
292
.perms {
293
color:black;
294
font-size:8px;
295
opacity: 0; 
296
-webkit-transition-duration: .4s;
297
width:50px; 
298
height:10px;
299
padding-bottom:3px;
300
padding-top:5px;
301
background-color: #fff; 
302
position: absolute; 
303
text-align:center;
304
text-transform:uppercase;
305
font-family:georgia;
306
letter-spacing:0px;
307
top:0px;
308
font-style:italic;
309
line-height:6px;
310
}
311
312
.perms a{
313
    font-style:italic;
314
    }
315
316
.entry:hover .perms {
317
opacity:0.7;
318
top:0px;
319
z-index:999999;
320
}
321
322
        
323
#album
324
{
325
{block:IndexPage}
326
width:80px;
327
height:80px;
328
margin:10px;
329
{/block:IndexPage}
330
float:left;
331
{block:PermalinkPage}
332
width:500px;
333
height:500px;
334
{/block:PermalinkPage}
335
336
}
337
338
339
#infos
340
{float:left;
341
margin-top:10px;
342
background-color: #e4e4e4;
343
padding:5px; 
344
width:130px;
345
}
346
347
#player
348
{float:left; 
349
{block:IndexPage}
350
width:85px;
351
margin-top:10px;
352
padding-left:55px;
353
{/block:IndexPage}
354
padding-top:10px;
355
padding-bottom:10px;
356
height:20px;
357
background-color:#e4e4e4;
358
overflow:hidden;
359
{block:PermalinkPage}
360
margin-top:5px;
361
width:265px;
362
padding-left:235px;
363
{/block:PermalinkPage}
364
}
365
366
367
368
</style>
369
370
{block:IndexPage}
371
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
372
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
373
374
<script type="text/javascript">
375
$(window).load(function () {
376
var $content = $('#posts');
377
$content.masonry({itemSelector: '.entry'}),
378
$content.infinitescroll({
379
navSelector : 'div#pagination', 
380
nextSelector : 'div#pagination a#nextPage', 
381
itemSelector : '.entry',
382
loading: {
383
finishedMsg: '',
384
img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
385
},
386
bufferPx : 600,
387
debug : false,
388
},
389
// call masonry as a callback.
390
function( newElements ) {
391
var $newElems = $( newElements );
392
$newElems.hide();
393
// ensure that images load before adding to masonry layout
394
$newElems.imagesLoaded(function(){
395
$content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
396
});
397
});
398
});
399
</script>
400
401
{/block:IndexPage}
402
403
<meta name="viewport" content="width=800" />
404
405
</head>
406
<body>   
407
<center>
408
<div id="navi">
409
<a href="/">home</a><a href="/ask">message</a>{block:iflinkonetitle}<a href="{text:link one}">{text:link one title}</a>{/block:iflinkonetitle}{block:iflinktwotitle}<a href="{text:link two}">{text:link two title}</a>{/block:iflinktwotitle}{block:iflinkthreetitle}<a href="{text:link three}">{text:link three title}</a>{/block:iflinkthreetitle}{block:iflinkfourtitle}<a href="{text:link four}">{text:link four title}</a>{/block:iflinkfourtitle}{block:iflinkfivetitle}<a href="{text:link five}">{text:link five title}</a>{/block:iflinkfivetitle}<a href="http://faede.tumblr.com">theme</a>
410
</div>
411
<div class="wrapper">
412
<div id="sidebar">
413
<div class="blogtitle"><a href="/">{Title}</a></div>
414
<br>
415
<div class="info">{description}</div> 
416
</center>
417
</div>
418
<br><br>
419
<div id="posts">
420
{block:Posts}
421
<div class="entry">
422
 
423
{block:Text}
424
{block:IndexPage}
425
{/block:IndexPage}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
426
{block:IndexPage}<div class="perm"><a href="{reblogurl}" target="_blank">reblog</a> • <a href="{permalink}" target="_blank">{notecountwithlabel}</a></div>
427
{/block:IndexPage}
428
{/block:Text}
429
430
{block:Link}
431
{block:IndexPage}
432
{/block:IndexPage}<a href="{URL}" class="title">{Name}</a>
433
{block:Description}{Description}{/block:Description}
434
{block:IndexPage}<div class="perm"><a href="{reblogurl}" target="_blank">reblog</a> • <a href="{permalink}" target="_blank">{notecountwithlabel}</a></div>
435
{/block:IndexPage}
436
{block:Link}
437
 
438
{block:Photo}
439
{block:IndexPage}
440
<div class="swag" align="center"><a href="{ReblogURL}"><img src="http://static.tumblr.com/7qdgtio/MZSmcq8xk/reblog-ut.png" width="19" style="margin-top:1px;margin-left:0.5px;" ></a>
441
</div><a href="{PhotoURL-HighRes}"  rel="prettyPhoto" title="{PhotoAlt}"><div class="booty"></div></a>{/block:indexpage}
442
<div class="img">
443
{Block:IndexPage}<center>{LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="230" ></a>{LinkCloseTag}</center>{/block:indexpage}
444
{Block:PermalinkPage}<center><img src="{PhotoURL-500}"  alt="{PhotoAlt}" width=530px/></center>{/Block:PermalinkPage}
445
</div>
446
{/block:Photo}
447
 
448
449
{block:Photoset}
450
    {block:IndexPage}
451
<div class="perms">
452
{dayofweek} with <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
453
</div> 
454
<div style="width:230px; overflow-x:hidden;  overflow-y:hidden;">{Photoset-250}</div>{/block:IndexPage}
455
{block:permalinkpage}
456
    {Photoset-500}
457
{/block:permalinkpage}
458
{/block:Photoset}
459
 
460
{block:Quote}
461
    <div class="text">
462
    <div class="quote">&#10077;</div>
463
    <span style="text-transform:uppercase;letter-spacing:1px;"> {Quote} </span>
464
    {block:Source}
465
        <div class="source"><div style="text-align:right; color:{color:link}">-{Source}</div></div>
466
    {/block:Source}
467
    {block:indexpage}
468
    <div class="perm"><a href="{permalink}">{NoteCountwithLabel}</a> • <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
469
    {/block:indexpage}
470
</div>{/block:Quote}
471
472
{block:Chat}
473
{block:IndexPage}
474
{/block:IndexPage}
475
{block:Title}<span class="title">{Title}</span>{/block:Title}
476
<ul class="chat">
477
{block:Lines}
478
<li class="user_{UserNumber}">
479
{block:Label}
480
<span class="label">{Label}</span>
481
{/block:Label}
482
483
{Line}
484
</li>
485
{/block:Lines}
486
</ul>
487
{block:IndexPage}<div class="perm"><a href="{reblogurl}" target="_blank">reblog</a> • <a href="{permalink}" target="_blank">{notecountwithlabel}</a></div>
488
{/block:IndexPage}
489
{/block:Chat}
490
 
491
{block:Audio}
492
<div id="audio">{block:AlbumArt}<img src="{AlbumArtURL}" style="{block:indexpage}width:27px;height:27px;{/block:indexpage}{block:permalinkpage}width:47px;height:47px;{/block:permalinkpage}position:relative;">{/block:AlbumArt}</div><div style="{block:indexpage}width:221px;height:27px;margin-top:-31px;{/block:indexpage}{block:permalinkpage}float:left;text-align:left;width:500px;height:27px;padding-top:10px;padding-bottom:10px;margin-top:-51px;{/block:permalinkpage}float:right;background-color:#e3e3e3;">{AudioPlayerGrey}
493
{block:ExternalAudio}{/block:ExternalAudio}</div>{block:IndexPage}<br><div class="permm"><a href="{Permalink}">{block:TrackName}{TrackName}{/block:TrackName} - {block:Artist}{Artist}{/block:Artist}</a></div>{/block:IndexPage}
494
{/block:Audio}
495
496
{block:Video}
497
{block:IndexPage}
498
{/block:IndexPage}
499
<center>
500
{block:IndexPage}
501
{Video-250}
502
{/block:IndexPage}
503
</center>
504
<center>{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center{block:IndexPage}<div class="perm"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}">REBLOG</a></div>{/block:IndexPage}>
505
 
506
{block:Video}
507
 
508
{block:Answer} 
509
{block:IndexPage}
510
{/block:IndexPage}
511
<img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;border-radius:100px;"/>
512
<b>{Asker}</b>: <b>{Question}</b>{Answer}
513
{block:IndexPage}<div class="perm"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div>
514
{/block:IndexPage}
515
{/block:Answer}
516
 
517
 
518
{block:PermalinkPage}
519
{block:Date}
520
<center>
521
{TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}
522
<br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
523
{/block:Date}
524
525
{/block:PermalinkPage}
526
527
{block:PostNotes}{PostNotes}
528
{/block:PostNotes}
529
</div>
530
{/block:Posts}
531
</div>
532
</div> 
533
<div class="right">
534
</div> 
535
<div class="footer">
536
<br>
537
</div>
538
</div>
539
</body>
540
</html>
541
<div style="position:fixed;right:0px;bottom:-425px;">
542
<div style="position:fixed;right:0px;bottom:-425px;">
543
<---DONT REMOVE---->
544
{block:IndexPage}
545
{block:Pagination}
546
<div id="pagination">
547
{block:NextPage}
548
<a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
549
{/block:NextPage}
550
{block:PreviousPage}
551
<a href="{PreviousPage}">&larr;&nbsp;</a>
552
{/block:PreviousPage}
553
</div>
554
{/block:Pagination}
555
{/block:IndexPage}</div>
556
</div>
557
558
<div class="credit"><a href="http://faede.tumblr.com/">ƒ</a></div>
559
560
</body>
561
</html>