View difference between Paste ID: 07EECXVC and Y1kQUtUx
SHOW: | | - or go back to the newest paste.
1
<!--
2
Theme by cyrusnigga, keep credit please. :-)
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
<script type="text/javascript"
11
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>   
12
13
<!--DEFAULT VARIABLES-->
14
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
15
<meta name="color:background" content="#fff"/>
16
<meta name="color:link" content="#777"/>
17
<meta name="color:text" content="#777"/>
18
<meta name="color:title" content="#333"/>
19
<meta name="color:hover" content="#fff"/>
20
<meta name="image:sidebar" content="1"/>
21
<meta name="image:background" content="1"/> 
22
<meta name="text:link one" content="" />
23
<meta name="text:link one title" content="home" />
24
<meta name="text:link two" content="" />
25
<meta name="text:link two title" content="message" />
26
<meta name="text:link three" content="" />
27
<meta name="text:link three title" content="links" />
28
<meta name="text:link four" content="" />
29
<meta name="text:link four title" content="crew" />
30
<meta name="text:link five" content="" />
31
<meta name="text:link five title" content="ok" />
32
<meta name="if:faded posts" content="1"/>
33
34
<style type="text/css">
35
36
37
iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 1.0;-webkit-transition: all 0.8s ease-out;transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
38
39
iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1.0;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
40
41
p {
42
margin:0px;
43
margin-top:0px;
44
}
45
46
   ::-webkit-scrollbar {width: 5px; height: 0px; padding-right:5px;background:{color:background};}
47
 
48
::-webkit-scrollbar-thumb {background-color:{color:link};}
49
50
51
body {
52
padding: 0px;
53
margin: 0px;
54
color:{color:text};
55
font-family: arial;
56
line-height:11px;
57
font-size:11px;
58
background-color: {color:Background};
59
background-image:url({image:Background});  
60
background-attachment: fixed;
61
background-repeat: repeat;
62
cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;
63
}
64
65
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
66
67
@font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
68
#postnotes{
69
text-align: left;
70
}
71
72
@font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
73
74
a:link, a:active, a:visited{
75
text-decoration: none;
76
-webkit-transition: color 0.3s ease-out;
77
-moz-transition: color 0.3s ease-out;
78
transition: color 0.3s ease-out;
79
color:{color:link};
80
cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;
81
}   
82
83
a:hover {
84
color: {color:Hover};
85
cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;
86
}
87
88
div#center{
89
margin:auto;
90
position:relative;   
91
width:1000px;
92
background-color:;
93
overflow:auto;
94
overflow-y:hidden;
95
}
96
97
.entry {
98
float:left;
99
display: block;
100
{block:iffadedposts}opacity:0.85;{/block:iffadedposts}
101
overflow:hidden;
102
padding:3px; 
103
width:500px;
104
{block:PermalinkPage}
105
width:450px;
106
text-align:left;
107
line-height:10px;
108
{/block:PermalinkPage}
109
-webkit-transition: color 0.3s ease-out;
110
-moz-transition: color 0.3s ease-out;
111
transition: color 0.3s ease-out;
112
}  
113
114
.entry:hover{ 
115
{block:iffadedposts}opacity:1.0;{/block:iffadedposts}
116
-webkit-transition: color 0.3s ease-out;
117
-moz-transition: color 0.3s ease-out;
118
transition: color 0.3s ease-out;
119
}
120
121
#posts {
122
width:510px;
123
margin-top:10px; 
124
z-index:99;
125
margin-left:270px; 
126
right:auto;
127
background:transparent;
128
margin-right:auto;
129
position:relative;
130
overflow-y: hidden;
131
}
132
133
.perma
134
{
135
opacity: 0.0;
136
filter: alpha(opacity = 0);
137
margin-top: -21px;
138
width: px;
139
height: 30px;
140
line-height: 30px;
141
font-size: 9px;
142
position:absolute;
143
text-align: center;
144
z-index:9999991; 
145
color: {color:permalink};
146
147
}
148
a.p
149
{
150
151
color: {color:permalink};
152
}
153
.entry:hover .perma {
154
155
-webkit-transition: opacity 0.4s linear;
156
opacity: 1;
157
-moz-transition: all 0.4s linear;
158
transition: all 0.4s linear;
159
filter: alpha(opacity = 100);
160
161
}
162
163
.likep {
164
width: 21px;
165
height: 20px;
166
overflow: hidden;
167
position: relative;
168
z-index: 9999999;
169
position: absolute;
170
margin-top: 26px;
171
margin-left: 5px;
172
}
173
.rep {
174
width: 24px;
175
height: 20px;
176
overflow: hidden;
177
position: relative;
178
z-index: 9999999;
179
position: absolute;
180
margin-top: 26px;
181
margin-left: 31px;
182
} 
183
.likep a:hover {
184
background-position: 0px 0px;
185
}
186
.likep a {
187
background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
188
background-position: 0px 0px;
189
display: block;
190
z-index: 9999999;
191
webkit-transition: all 0s linear;
192
-webkit-transition: all 0s linear;
193
-moz-transition: all 0s linear;
194
transition: all 0s linear;
195
}
196
.likep img {
197
width: 21px;
198
height: 20px;
199
webkit-transition: all 0.2s linear;
200
-webkit-transition: all 0.2s linear;
201
-moz-transition: all 0.2s linear;
202
transition: all 0.2s linear;
203
}
204
.rep img{
205
width: 24px;
206
height: 20px;
207
line-height: 30px;
208
display: inline;
209
}
210
211
.not { position: absolute;
212
background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
213
height: 20px;
214
font-size: 11px;
215
line-height: 20px;
216
color: #fff;
217
position: absolute;
218
margin-top: 26px;
219
margin-left: 59px;
220
padding-left: 4px;
221
padding-right: 4px;
222
-moz-border-radius: 2px;
223
border-radius: 2px;
224
}
225
.not a{
226
color: #fff;
227
font-family: sans-serif;
228
}
229
230
231
#sidebar{
232
position:fixed !important;
233
width:215px;
234
background:transparent;
235
height:auto;
236
margin-top:150px;
237
margin-left:20px;
238
text-align:center;
239
}
240
241
#ok {
242
text-align:center;
243
margin-top:2px;  
244
width: 215px;
245
position:fixed;
246
opacity:0.0;
247
margin-left:30px;
248
-o-transition-transition: all 0.4s ease-out;
249
-webkit-transition: all 0.6s ease-out;
250
-moz-transition: all 0.7s ease-out; 
251
}
252
 
253
 
254
#sidebar:hover #ok{
255
margin-top: 12px;
256
opacity:1.0;
257
margin-left:0px;
258
transition: all 0.1s ease-out;
259
-o-transition-transition: all 0.3s ease-out;
260
-webkit-transition: all 0.3s ease-out;
261
-moz-transition: all 0.1s ease-out;
262
}
263
264
#no {
265
text-align:center;
266
margin-top:6px;  
267
width: 215px;
268
position:fixed;
269
opacity:0.0;
270
transition: all 0.5s ease-out;
271
-o-transition-transition: all 0.6s ease-out;
272
-webkit-transition: all 0.5s ease-out;
273
-moz-transition: all 0.5s ease-out; 
274
}
275
276
#no a{ 
277
padding-left:4px;
278
padding-right:4px;
279
}
280
 
281
 
282
#sidebar:hover #no{
283
opacity:1.0;
284
margin-left:0px;
285
transition: all 0.1s ease-out;
286
-o-transition-transition: all 0.6s ease-out;
287
-webkit-transition: all 0.5s ease-out;
288
-moz-transition: all 0.7s ease-out;
289
}
290
291
292
293
294
#ok2 {
295
text-align:center;
296
margin-top:4px;  
297
width: 215px;
298
position:fixed;
299
opacity:1.0;
300
transition: all 0.7 ease-out;
301
-o-transition-transition: all 0.6s ease-out;
302
-webkit-transition: all 0.6s ease-out;
303
-moz-transition: all 0.7s ease-out; 
304
}
305
 
306
     
307
#sidebar:hover #ok2{
308
margin-top: 20px;
309
opacity:1.0;
310
transition: all 0.6s ease-out;   
311
-o-transition-transition: all 0.6s ease-out;
312
-webkit-transition: all 0.6s ease-out;
313
-moz-transition: all 0.7s ease-out;
314
}
315
316
317
#lol {
318
text-align:center;
319
bottom:3px;  
320
right: 3px;
321
position:fixed;
322
opacity:1.0;
323
}
324
 
325
326
.title{   
327
line-height: 12px;
328
color:{color:Title};
329
font-weight: normal;
330
}
331
332
333
.permalink{
334
text-transform: normal;
335
display: block;
336
text-align: right;
337
text-decoration: none;
338
}
339
340
341
#infscr-loading{
342
bottom: -70px;
343
position: absolute;
344
left: 50%;
345
margin-left:-8px;
346
width:16px;
347
height:11px;
348
overflow:hidden;
349
margin-bottom: 50px;
350
}
351
352
#postnotes{
353
text-align: justify;}
354
355
#postnotes blockquote{
356
border: 0px;}
357
358
blockquote{
359
padding:0px 0px 2px 5px;
360
margin:0px 0px 2px 10px;
361
border-left: 1px dotted #555555;
362
}
363
364
blockquote p, ul{
365
margin:0px;
366
padding:0px;
367
}
368
369
a img{border: 0px;}
370
371
372
ul, ol, li{list-style:none; margin:0px; padding:0px;}
373
374
.user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
375
.user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
376
377
.notes img{width:10px; position:relative; top:3px;}
378
<--ses-->
379
small{font-size: 90%;}
380
381
{CustomCSS}
382
383
</style>
384
385
{block:IndexPage}
386-
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
386+
<script type="text/javascript" src="http://static.tumblr.com/xek1qzw/TKgn8tjki/jquerymsnryv2.js"></script>
387-
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
387+
388
$(window).load(function(){
389
var $wall = $('#posts');
390
$wall.imagesLoaded(function(){
391
$wall.masonry({
392
itemSelector: '.entry, .entry_photo',
393
isAnimated : false
394
});
395
});
396
 
397
$wall.infinitescroll({
398
navSelector : '#pagination',
399
nextSelector : '#pagination a',
400
itemSelector : '.entry, .entry_photo',
401
bufferPx : 2000,
402
debug : false,
403
errorCallback: function() {
404
$('#infscr-loading').fadeOut('normal');
405
}},
406
function( newElements ) {
407
var $newElems = $( newElements );
408
$newElems.hide();
409
$newElems.imagesLoaded(function(){
410
$wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
411
});
412
}); $('#posts').show(500);
413
});
414
</script>
415
416
417
{/block:IndexPage}
418
419
420
<title>{title}</title>
421
422
<link rel="shortcut icon" href="{Favicon}" />
423
<meta name="viewport" content="width=820" />
424
</head>
425
426
<body>
427
<BODY onselectstart="return false;" ondragstart="return false;"><div class="wrapper"><div class="header"></div><div id="cage"><div id="center"><div id="sidebar"><a href="/"><img src="{image:sidebar}" width=100%></a><div id="no"><i><center>{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}</i></center></div><div id="ok2"><center>{description}</center></div></div>
428
429-
<BODY onselectstart="return false;" ondragstart="return false;">
429+
430-
<div id="lol"><a href="http://cyrusnigga.tumblr.com">credit</a></div><div class="wrapper"><div class="header"></div><div id="cage"><div id="center"><div id="sidebar"><a href="/"><img src="{image:sidebar}" width=100%></a><div id="no"><i><center>{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}</i></center></div><div id="ok2"><center>{description}</center></div></div>
430+
431
<div class="left">
432
<div id="posts">
433
{block:Posts} 
434
<div class="entry">
435
436
{block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a 
437
438
href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
439
{/block:Text}
440
441
{block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span 
442
443
class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
444
445
{block:Photo}
446
{block:IndexPage}
447
<center>
448
449
<div class="perma">
450
<div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div> <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
451
<div class="not"><a id="notes{PostID}" href="{Permalink}">{notecount}</a></div>
452
453
454
455
</div>
456
457
<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
458
{/block:IndexPage}
459
{block:PermalinkPage}
460
{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
461
462
{LinkCloseTag}
463
{/block:PermalinkPage}
464
{/block:Photo}
465
466
{block:Photoset}
467
{block:IndexPage}
468
<center>
469
470
<div class="perma">
471
<a href="{ReblogURL}" target="_blank"> reblog </a> </div>
472
473
{Photoset-400}</center>
474
{/block:IndexPage}
475
{block:PermalinkPage}
476
<center>
477
{Photoset-500}</center>
478
{/block:PermalinkPage}
479
{/block:Photoset}
480
481
{block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a 
482
483
href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
484
485
{block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
486
<ul class="chat">
487
{block:Lines}
488
<li class="user_{UserNumber}">
489
{block:Label}
490
<span class="label">{Label}</span>
491
{/block:Label}
492
493
{Line}
494
</li>
495
{/block:Lines}
496
<p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
497
{/block:Chat}
498
499
{block:Audio}
500
<div style="width:200px; height:30px;">
501
{AudioPlayerBlack}
502
</div>
503
{block:IndexPage}<span class="permalink">
504
<p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
505
</span>{/block:IndexPage}
506
{/block:Audio}
507
508
{block:Video}
509
{block:IndexPage}
510
<center>
511
<div class="perma">
512
<a href="{ReblogURL}" target="_blank"> reblog </a> </div>
513
{Video-250}</center>
514
{/block:IndexPage}
515
{block:PermalinkPage}
516
<center>
517
{Video-400}</center>
518
{/block:PermalinkPage}
519
{block:Video}
520
521
522
{block:PostNotes}<div align="middle">{caption}</div>
523
<center>
524
525
{block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
526
527
{block:HasTags}
528
tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
529
{block:RebloggedFrom}
530
reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
531
posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
532
533
{/block:RebloggedFrom}
534
</center></span>
535
<br>
536
<div id="postnotes">{PostNotes}</div><br>
537
538
<center>{block:ContentSource}   
539
<br><a href="{SourceURL}">
540
{lang:Source}:
541
{block:SourceLogo}
542
<img src="{BlackLogoURL}" width="{LogoWidth}"
543
height="{LogoHeight}" alt="{SourceTitle}" />
544
{/block:SourceLogo}
545
{block:NoSourceLogo}
546
{SourceLink}
547
{/block:NoSourceLogo}
548
</a>
549
{/block:ContentSource}</center>
550
551
{/block:PostNotes}
552
</div>
553
{/block:Posts}
554
</div></div>
555
556
{block:IndexPage}
557
{block:Pagination}
558
<div id="pagination">
559
{block:NextPage}
560
<a id="nextPage" href="{NextPage}"></a>
561
{/block:NextPage}
562
{block:PreviousPage}
563
<a href="{PreviousPage}"></a>
564
{/block:PreviousPage}
565
</div>
566
{/block:Pagination}
567
{/block:IndexPage}
568
</body> 
569
</html>