View difference between Paste ID: NWcVaVNv and nqYcnVDT
SHOW: | | - or go back to the newest paste.
1
<!--
2
theme by desui ; edit as much as you want but please do not remove the credit!
3
-->
4
 
5
<html lang="en">
6
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
7
<html xmlns="http://www.w3.org/1999/xhtml">
8
<head>
9
 
10
{block:Ifdisablerightclick}
11
<script type="text/javascript">
12
<!--
13
14
//Disable right click w/o pop-up message
15
16
function IE(e){if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3")){return false;}}function NS(e){if (document.layers || (document.getElementById && !document.all))
17
{if (e.which == "2" || e.which == "3"){return false;}}}document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
18
19
//-->
20
</script>{/block:Ifdisablerightclick}
21
22
23
24
{block:Ifsmallcursor}
25
26
27
 <style> body, a, a:hover { cursor:url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto }</style><div><a style="position:fixed;z-index:9 !important;top:300px;left:-1000px;" href="http://www.totallylayouts.com/" title="Tumblr Mouse Cursors" target="_blank"><img src="http://www.totallylayouts.com/img/install_cursors.png" alt="Tumblr Mouse Cursors" /></a></div>    
28
29
</script>{/block:Ifsmallcursor}
30
 
31
 
32
<script type="text/javascript"
33
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
34
 
35
 
36
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
37
<meta name="color:background" content="#fff"/>
38
<meta name="color:link" content="#777"/>
39
<meta name="color:text" content="#777"/>
40
<meta name="color:title" content="#333"/>
41
<meta name="color:hover" content="#fff"/>
42
<meta name="image:background" content="1"/>
43
<meta name="image:sidebar" content=""/>
44
45
 
46
<meta name="text:link one" content="">
47
<meta name="text:link one title" content="">
48
<meta name="text:link one tooltip" content="">
49
<meta name="text:link two" content="">
50
<meta name="text:link two title" content="">
51
<meta name="text:link two tooltip" content="">
52
<meta name="text:link three" content="">
53
<meta name="text:link three title" content="">
54
<meta name="text:link three tooltip" content="">
55
<meta name="text:link four" content="">
56
<meta name="text:link four title" content="">
57
<meta name="text:link four tooltip" content="">
58
<meta name="if:disable right click" content=""/>
59
<meta name="if:small cursor" content=""/>
60
<meta name="text:sidebar tooltip" content="">
61
62
63
 
64
<style type="text/css">
65
 
66
.bubble {align:right;background-color: #f4f4f4; color: #000000; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
67
.bubble p {margin:1px 0px;}
68
.bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #f4f4f4;}
69
70
.askborder {float: left;margin: 1px 2px 0 0;padding: 2px; background: none;
71
}
72
 
73
iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
74
 
75
transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
76
 
77
iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
78
 
79
p {
80
margin:0px;
81
margin-top:0px;
82
}
83
 
84
 
85
body {
86
padding: 0px;
87
margin: 0px;
88
color:{color:text};
89
font-family: belleza;
90-
line-height:7px;
90+
91
font-size:10px;
92
background-color: {color:Background};
93
background-image:url({image:Background});
94
background-attachment: fixed;
95
background-repeat: repeat;
96
}
97
 
98
 
99
a:link, a:active, a:visited{
100
text-decoration: none;
101
-webkit-transition: color 0.3s ease-out;
102
-moz-transition: color 0.3s ease-out;
103
transition: color 0.3s ease-out;
104
color:{color:link};
105
}
106
 
107
a:hover {
108
text-decoration: none;
109
font-style:;
110
color: {color:Hover};
111
}
112
 
113
div#center{
114
margin:auto;
115
position:relative;
116
width:1000px;
117
background-color:;
118
overflow:auto;
119
overflow-y:hidden;
120
}
121
 
122
 
123
/*entries*/
124
.entry {
125
float:left;
126
display: block;
127
margin:5px;
128
overflow:hidden;
129
width:500px;
130
{block:PermalinkPage}
131
width:500px;
132
text-align:left;
133
line-height:10px;
134
{/block:PermalinkPage}
135
background:white;
136
background-image:URL();
137
}
138
 
139
 
140
/*permalinks*/
141
.entry .perma{
142
width:520px;
143
height:16px;
144
margin-left:-10px;
145
position: absolute;
146
line-height: 16px;
147
overflow:hidden;
148
text-align:center;
149
border-radius:4px;
150
top:10px;
151
background:white;
152
word-spacing:2px;
153
letter-spacing:1px;
154
opacity: 0.0;
155
-webkit-transition: all .7s ease;
156
-moz-transition: all .7s ease;
157
-o-transition: all .7s ease;
158
transition: all .7s ease;
159
 
160
}
161
 
162
.entry:hover .perma{
163
overflow:visible;
164
opacity:0.9;
165
}
166
 
167
 
168
/*post positions*/
169
#posts {
170
width:500px;
171
margin-top:1px;
172
z-index:99;
173
margin-left:400px;
174
right:auto;
175
background:transparent;
176
margin-right:auto;
177
position:relative;
178
overflow-y: hidden;
179
}
180
 
181
/*tooltips*/
182
#s-m-t-tooltip {  
183
        padding: 3px;  
184
        height:auto;
185
        display: none;
186
        font-family: consolas;
187
        font-size: 8px;
188
        text-transform:uppercase;
189
        text-align: center;
190
        letter-spacing:1px;
191
        margin-top:12px;
192
        margin-left: 15px;
193
        line-height: 8px;
194
        z-index: 999999999999;
195
        border-radius:3px;
196
        border: 1px solid #989696;
197
        background:#ffffff;
198
        color: #888;}
199
 
200
 
201
/*sidebar stuff*/
202
#sidebar{
203
position:fixed;
204
width:170px;
205
background:white;
206
height:auto;
207
margin-top:150px;
208
margin-left:80px;
209
text-align:center;
210
}
211
212
#sidebar img {
213
    width:170px;
214
    margin-bottom:6px;
215
    padding:-1px;
216
    opacity:.9;
217
    outline-offset:4px;
218
    }
219
 
220
 
221
.nav{
222
    margin:2;
223
    font-size:10px;
224
    font-style:none;
225
    width:150px;
226
    text-align:center;
227
    padding:5px;
228
}
229
 
230
 
231
.nav a{
232
    text-decoration:none;
233
    padding:0 4px;
234
}
235
 
236
.desc{
237
        padding:2px;
238
        text-transform:normal;
239
}
240
 
241
 
242
@font-face { font-family: "belleza"; src: url('http://fonts.googleapis.com/css?family=Belleza'); }
243
 
244
.blogtitle{
245
        padding:5px;
246
        padding-bottom:0px;
247
        text-align:left;
248
        text-transform:lowercase;
249
        font-size:24px;
250
        font-family:cedarville;
251
    }
252
    @font-face {font-family:"cedarville";src: url('http://static.tumblr.com/fxpo5zq/oefmes3gi/cedarville_pnkfun_1_cursive.ttf'); }
253
   
254
    .blogtitle a{
255
        color:{color:blogtitle};
256
    }
257
 
258
 
259
/*CUSTOMIZE TITLE OF ENTRIES HERE*/
260
.title{
261
line-height: 12px;
262
color:{color:Title};
263
font-weight: normal;
264
}
265
 
266
 
267
/*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
268
.permalink{
269
text-transform: normal;
270
display: block;
271
text-align: right;
272
text-decoration: none;
273
}
274
 
275
 
276
/*DON'T TOUCH ANY OF THIS UNLESS YOU WANT TO FUCK SOME STUFF UP*/
277
#infscr-loading{
278
bottom: -70px;
279
position: absolute;
280
left: 50%;
281
margin-left:-8px;
282
width:16px;
283
height:11px;
284
overflow:hidden;
285
margin-bottom: 50px;
286
}
287
 
288
#postnotes{
289
text-align: justify;}
290
 
291
#postnotes blockquote{
292
border: 0px;}
293
 
294
blockquote{
295
padding:0px 0px 2px 5px;
296
margin:0px 0px 2px 10px;
297
border-left: 1px dotted #555555;
298
}
299
 
300
blockquote p, ul{
301
margin:0px;
302
padding:0px;
303
}
304
 
305
a img{border: 0px;}
306
 
307
 
308
ul, ol, li{list-style:none; margin:0px; padding:0px;}
309
 
310
.user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
311
.user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
312
 
313
.notes img{width:10px; position:relative; top:3px;}
314
<--ses-->
315
small{font-size: 90%;}
316
 
317
 
318
 
319
#audioplayer {
320
width:30px;
321
height:30px;
322
overflow:hidden;
323
position:absolute;
324
margin-top:40px;
325
margin-bottom:45px;
326
margin-left:43px;
327
margin-right:45px;
328
 
329
opacity: 0.7;
330
filter:alpha(opacity=70);
331
-moz-opacity: 0.7;
332
-khtml-opacity: 0.7;
333
 
334
}
335
 
336
#albumart { float:left; margin:0px 7px;}
337
 
338
#cred a:hover{
339
    font-size:11px;
340
    font-family:baskerville;
341
    color:#fff;
342
    background-color:#ccc;
343
    border:1px solid #ccc;
344
            -moz-transition-duration:0.5s;
345
 
346
    -webkit-transition-duration:0.5s;
347
 
348
    -o-transition-duration:0.5s;
349
}
350
  
351
352
 
353
{CustomCSS}
354
 
355
</style>
356
 
357
{block:IndexPage}
358
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
359
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
360
 
361
<script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
362
    <script>
363
    (function($){$(document)
364
    .ready(function(){$("[title]")
365
    .style_my_tooltips();});})
366
    (jQuery);
367
    </script>
368
 
369
<script type="text/javascript">
370
$(window).load(function(){
371
var $wall = $('#posts');
372
$wall.imagesLoaded(function(){
373
$wall.masonry({
374
itemSelector: '.entry, .entry_photo',
375
isAnimated : false
376
});
377
});
378
 
379
$wall.infinitescroll({
380
navSelector : '#pagination',
381
nextSelector : '#pagination a',
382
itemSelector : '.entry, .entry_photo',
383
bufferPx : 2000,
384
debug : false,
385
errorCallback: function() {
386
$('#infscr-loading').fadeOut('normal');
387
}},
388
function( newElements ) {
389
var $newElems = $( newElements );
390
$newElems.hide();
391
$newElems.imagesLoaded(function(){
392
$wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
393
});
394
}); $('#posts').show(500);
395
});
396
</script>
397
 
398
 
399
{/block:IndexPage}
400
 
401
 
402
<title>{title}</title>
403
 
404
<link rel="shortcut icon" href="{Favicon}" />
405
<meta name="viewport" content="width=820" />
406
</head>
407
 
408
<body>
409
<BODY onselectstart="return false;" ondragstart="return false;">
410
<div class="wrapper">
411
<div class="header">
412
</div>
413
 
414
<div id="cage">
415
<div id="center">
416
 
417
<!--STUFF THAT GOES INTO THE SIDEBAR-->
418
<div id="sidebar">
419
<center>
420
<div class="blogtitle">{Title}</div><p><br>
421
<div id="sidebarimgage"><a href="/" title="{text:sidebar tooltip}"><img src={image:sidebar}></a></div>
422
<div class="desc">{description}
423
<p><br>
424
425
<div class="nav">
426
<a href="{text:link one}" title="{text:link one tooltip}">{text:link one title}</a>
427
<a href="{text:link two}" title="{text:link two tooltip}">{text:link two title}</a>
428
<a href="{text:link three}" title="{text:link three tooltip}">{text:link three title}</a>
429
<a href="{text:link four}" title="{text:link four tooltip}">{text:link four title}</a>
430
</center> </div> 
431
432
</div>
433
<!------------------------------------->
434
 
435
 
436
<div class="left">
437
<div id="posts">
438
{block:Posts}
439
<div class="entry">
440
 
441
{block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
442
 
443
href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
444
{/block:Text}
445
 
446
{block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
447
 
448
class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
449
 
450
{block:Photo}
451
{block:IndexPage}
452
<center>
453
<div class="perma">
454
<a href="{Permalink}">{12Hour}:{Minutes} {AmPm} / <a href="{Permalink}">{notecountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">Reblog</a> </div>
455
 
456
<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
457
{/block:IndexPage}
458
{block:PermalinkPage}
459
{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
460
 
461
{LinkCloseTag}
462
{/block:PermalinkPage}
463
{/block:Photo}
464
 
465
{block:Photoset}
466
{block:IndexPage}
467
<center>
468
 
469
<div class="perma">
470
{12Hour}:{Minutes} {AmPm} / <a href="{Permalink}">{notecountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">Reblog</a> </div>
471
 
472
{Photoset-500}</center>
473
{/block:IndexPage}
474
{block:PermalinkPage}
475
<center>
476
{Photoset-500}</center>
477
{/block:PermalinkPage}
478
{/block:Photoset}
479
 
480
{block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
481
 
482
href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
483
 
484
{block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
485
<ul class="chat">
486
{block:Lines}
487
<li class="user_{UserNumber}">
488
{block:Label}
489
<span class="label">{Label}</span>
490
{/block:Label}
491
 
492
{Line}
493
</li>
494
{/block:Lines}
495
<p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
496
{/block:Chat}
497
 
498
 
499
 
500
{block:Audio}
501
<div id="audioplayer">{AudioPlayerWhite} </div>      
502
<div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
503
<br>
504
{PlayCountWithLabel}
505
{block:TrackName}<b> <br><br> Title:</b> {TrackName}{/block:TrackName}{block:Artist} <br><br><b>Artist:</b>{Artist}{/block:Artist}
506
 
507
<br><br><br><br><br><br><br><br><br><br><br><br><br>
508
<p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a>
509
{/block:Audio}
510
511
{block:Answer}
512
<img src="{AskerPortraitURL-48}" width="40px" align="left" class="askborder"><div class="bubble"><span></span>{Asker} asked: {Question}&nbsp;</div>{Answer}
513
<P ALIGN=Right><a href="{Permalink}">{NoteCountWithLabel}</a>
514
{/block:Answer} 
515
 
516
 
517
 
518
{block:Video}
519
{block:IndexPage}
520
<center>
521
<div class="perma">
522
<a href="{ReblogURL}" target="_blank"> reblog </a> </div>
523
{Video-250}</center>
524
{/block:IndexPage}
525
{block:PermalinkPage}
526
<center>
527
{Video-400}</center>
528
{/block:PermalinkPage}
529
{block:Video}
530
 
531
 
532
{block:PostNotes}<div align="middle">{caption}</div>
533
<center>
534
 
535
{block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
536
 
537
{block:HasTags}
538
tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
539
{block:RebloggedFrom}
540
reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
541
posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
542
 
543
{/block:RebloggedFrom}
544
</center></span>
545
<br>
546
<div id="postnotes">{PostNotes}</div><br>
547
 
548
<center>{block:ContentSource}
549
<br><a href="{SourceURL}">
550
{lang:Source}:
551
{block:SourceLogo}
552
<img src="{BlackLogoURL}" width="{LogoWidth}"
553
height="{LogoHeight}" alt="{SourceTitle}" />
554
{/block:SourceLogo}
555
{block:NoSourceLogo}
556
{SourceLink}
557
{/block:NoSourceLogo}
558
</a>
559
{/block:ContentSource}</center>
560
 
561
{/block:PostNotes}
562
</div>
563
{/block:Posts}
564
</div></div>
565
 
566
{block:IndexPage}
567
{block:Pagination}
568
<div id="pagination">
569
{block:NextPage}
570
<a id="nextPage" href="{NextPage}"></a>
571
{/block:NextPage}
572
{block:PreviousPage}
573
<a href="{PreviousPage}"></a>
574
{/block:PreviousPage}
575
</div>
576
{/block:Pagination}
577
{/block:IndexPage}
578
579
<BODY onselectstart="return false;" ondragstart="return false;">
580
581
<div id="cred" style="position:fixed; bottom:15px; left:10px;">
582
<font size="1"><a href="http://desui.tumblr.com" title="desui"><i><font size="0.7"></font></i>credit</a></font>
583
584
</body>
585
586
 
587
</html>