View difference between Paste ID: zg4FZ5jq and 4UsGENTi
SHOW: | | - or go back to the newest paste.
1
<!-- 
2
theme by cyrusnigga please keep credit or put it in your faq/links. don't use as a base.
3
-->     
4
                      
5
<head>        
6
7
<script type="text/javascript">  
8
<!--
9
 
10
// Disable Right Click Script
11
    
12
function IE(e)
13
{
14
if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
15
{
16
return false;
17
}
18
}
19
function NS(e)
20
{
21
if (document.layers || (document.getElementById && !document.all))
22
{
23
if (e.which == "2" || e.which == "3")
24
{
25
return false;
26
}
27
}
28
}
29
document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
30
 
31
//-->
32
</script>
33
34
35
<script type="text/javascript"
36
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
37
<meta name="color:background" content="#FFFFFF"/>
38
<meta name="color:text" content="#130C11"/>   
39
<meta name="color:hover" content="#ffffff"/>   
40
<meta name="color:link" content="#aaaaaa"/>
41
<meta name="color:scrollbar" content="#aaaaaa"/>
42
<meta name="image:sidebar" content="1"/>         
43
<meta name="image:background" content="1"/>  
44
<meta name="text:separating symbol" content="-" />
45
<meta name="text:Link One" content=""/>
46
<meta name="text:Link One Title" content=""/>
47
<meta name="text:Link Two" content="" />
48
<meta name="text:Link Two Title" content=""/>
49
<meta name="text:Link Three" content="" />
50
<meta name="text:Link Three Title" content=""/>
51
<meta name="text:Link Four" content="" />
52
<meta name="text:Link Four Title" content=""/>
53
<meta name="text:Link Five" content="" />
54
<meta name="text:Link Five Title" content=""/>
55
<meta name="if:black hover images" content="0"/>
56
<meta name="if:faded images" content="0"/>
57
<meta name="if:tiny cursor" content="1"/>
58
<meta name="if:links on top of sidebar" content="1"/>
59
60
61
62
63
<style type="text/css">      
64
  
65
66
67
a {color:{color:link};text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
68
69
.wrapper{
70
margin:1px auto;
71
width: 802px;
72
}
73
 
74
.header{
75
float: left;
76
width: 100%;
77
}
78
 
79
.left{
80
float: left;
81
margin-right: 20px;
82
width: 802px;
83
}
84
 
85
.right{  
86
float: right;
87
width: 200px;
88
background-color: {color:Background};
89
} 
90
91
92
p {
93
margin:0px;
94
margin-top:0px;
95
}
96
97
98
99
#lol {
100
text-align:center;
101
bottom:3px;  
102
right: 3px;
103
position:fixed;
104
opacity:1.0;
105
}
106
107
{block:iffadedimages}img{-webkit-filter: grayscale(0);-webkit-transition: opacity 0.1s linear; opacity: 0.8;}img:hover{ -webkit-filter: grayscale(0);-webkit-transition: 0.9s linear; -moz-transition: all 0.9s linear;
108
transition: all 0.9s linear; opacity:1.0;}{/block:iffadedimages}
109
 
110
111
{block:ifblackhoverimages}img{-webkit-filter: grayscale(0);-webkit-transition: opacity 0.1s linear; opacity: 1.0;}img:hover{ -webkit-filter: grayscale(1);-webkit-transition: 0.9s linear; -moz-transition: all 0.9s linear;
112
transition: all 0.9s linear; opacity:1.0;}{/block:ifblackhoverimages}
113
114
.excel{
115
opacity:0.6;
116
}
117
118
body {
119
margin:0px;
120
text-decoration: none;
121
background-color: {color:background}; 
122
background-image:url({image:Background});
123
background-attachment: fixed;
124
background-repeat: repeat;
125
color: {color:Text};
126
font-family:arial;
127
font-size: 9px; 
128
line-height:12px;
129
letter-spacing: 0px;
130
{block:iftinycursor}cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;{/block:iftinycursor}
131
}
132
133
134
a:link, a:active, a:visited{
135
color: {color:Link};   
136
text-decoration: none; 
137
-webkit-transition: color 0.2s ease-out; 
138
-moz-transition: color 0.2s ease-out;
139
{block:iftinycursor}cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;{/block:iftinycursor}
140
}  
141
142
::-webkit-scrollbar {width: 6px; height: 6px; background: #d1d1d1; }
143
144
::-webkit-scrollbar-thumb {  background-color: {color:scrollbar};}
145
146
147
148
a:hover{
149
color:{color:Hover}; 
150
-webkit-transition: opacity 0.4s linear;
151
-webkit-transition: all 0.2s ease-out;
152
-moz-transition: all 0.3s ease-out;
153
transition: all 0.2s ease-out;
154
font-style: italic;
155
{block:iftinycursor}cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;{/block:iftinycursor}
156
}
157
158
159
.entry {
160
float:left;
161
margin: 1px;
162
background-color: {color:background}; 
163
background-image:url({image:Background});
164
{block:IndexPage}
165
width: 500px;
166
{/block:IndexPage}
167
{block:PermalinkPage}
168
width:500px;
169
{/block:PermalinkPage}
170
}
171
   
172
.permalink{   
173
line-height: 13px;   
174
font-size: 9px;  
175
text-align:center;  
176
margin-top: 1px;   
177
text-align: right; 
178
}
179
180
div#sidebar{
181
position:fixed !important;
182
width: 210px;
183
height:100%;
184
margin-top: 150px;   
185
margin-left: -70px; 
186
padding: 2px;
187
letter-spacing:0px;
188
margin-bottom: 6px; 
189
background-color:transparent;   
190
letter-spacing: 0px;
191
}    
192
193
#posts {
194
width:500px;
195
margin-left:170px;
196
margin-top: 10px;
197
background-color: {color:background}; 
198
background-image:url({image:Background});
199
{block:PermalinkPage}  
200
margin-left:170px;
201
{/block:PermalinkPage}
202
float:left;
203
}
204
  
205
#infscr-loading{   
206
bottom: -70px;
207
position: absolute;
208
left: 50%;
209
margin-left:-8px;
210
width:16px;
211
height:11px;
212
overflow:hidden;
213
margin-bottom: 50px;
214
}
215
216
.title{
217
font-weight:bold;
218
line-height:14px;
219
color: {color:Title}; 
220
}
221
222
.bubble a{
223
color:#ffffff;
224
}
225
226
#pagination{
227
    display:none;
228
}
229
 
230
231
.perma {
232
    opacity: 0.0;
233
    filter: alpha(opacity = 0);
234
    z-index:9999991;  
235
    display: inline-block;
236
    position: absolute;
237
    text-align: left;  
238
    margin-top: 5px;
239
    margin-left: 5px;
240
    width: 100%;
241
    -webkit-transition: opacity 0.7s linear;  
242
opacity: 0.0;
243
-webkit-transition: all 0.4s ease-out;  
244
-moz-transition: all 0.4s ease-out;
245
transition: all 0.4s ease-out;
246
}
247
     
248
.entry:hover .perma   {
249
    opacity: 1;
250
    filter: alpha(opacity = 100);
251
    -webkit-transition: opacity 0.7s linear;
252
opacity: 1;
253
-webkit-transition: all 0.4s ease-out;
254
-moz-transition: all 0.4s ease-out;
255
transition: all 0.4s ease-out;
256
}
257
   
258
.likep {
259
    width: 21px;
260
    height: 20px;
261
    overflow: hidden;
262
    z-index: 9999999;
263
    display: inline-block;
264
     margin-right: 3px;
265
}
266
 
267
 
268
 .bubble {align:right;background: #000000;padding:10px;position: relative;border-radius:10px; margin:7px 0px 5px 66px; color:#ffffff;}
269
.bubble p {margin:1px 0px;}
270
271
272
.rep {
273
    width: 24px;
274
    height: 20px;
275
    overflow: hidden;
276
    z-index: 9999999;
277
    display: inline-block;  
278
}  
279
 
280
.likep a:hover {
281
    background-position: 0px 0px;
282
}
283
 
284
.likep a {
285
    background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
286
    background-position: 0px 0px;
287
    display: block;
288
    z-index: 9999999;
289
 
290
}
291
 
292
.likep img {
293
    width: 21px;
294
    height: 20px;
295
}
296
 
297
.rep img{
298
    width: 24px;
299
    height: 20px;
300
    line-height: 30px;
301
    display: inline;
302
     margin-right: 2px;
303
}
304
     
305
.not { display: inline-block;
306
    background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
307
    height: 20px;
308
    top: -6px;
309
    font-size: 11px;
310
    line-height: 20px;
311
    color: #fff;
312
    padding-left: 4px;
313
    padding-right: 4px;
314
    -moz-border-radius: 2px;
315
    border-radius:  2px;
316
    position: relative; 
317
    left: 2px;
318
}
319
 
320
.not a, .not:hover a, .not a:hover{
321
    color: #ffffff!important;
322
    letter-spacing: 0px;
323
    font-family:;
324
    font-size:11px;
325
    font-family:arial;
326
}   
327
     
328
.entry:hover .not, .entry:hover .rep, .entry:hover .likep {
329
    opacity: 1.0;
330
    filter: alpha(opacity = 80);
331
}
332
 
333
.not:hover , .rep:hover, .likep:hover {
334
    opacity: 0.8!important;
335
    filter: alpha(opacity = 100)!important;
336
}
337
   
338
.t {   
339
    text-align: right;
340
    opacity: 1;
341
    filter: alpha(opacity =100);
342
     margin-right: 3px;
343
    
344
}
345
 
346
.t {
347
    font-size: 10px;
348
    line-height: 13px;
349
    height: 13px;
350
     margin-right: 3px;
351
}
352
     
353
 
354
 
355
.entry:hover .t {
356
    opacity: 1;
357
    filter: alpha(opacity = 100);
358
     margin-right: 3px;
359
}
360
361
    
362
 #omg{
363
letter-spacing: 1px;
364
line-height:19px;
365
margin-bottom:-2px;
366
}
367
368
#omg:hover{ 
369
}
370
371
372
blockquote{
373
padding:0px 0px 2px 5px;
374
margin:0px 0px 2px 10px;
375
border-left: 1px dotted #555555;
376
}
377
378
 
379
.askborder {float: left;margin: 1px 4px 0 0;padding: 2px;}
380
381
382
.bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 11;line-height: 12px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #000000; color:#ffffff;}
383
384
 
385
386
{CustomCSS}
387
388
</style>
389
390
{block:IndexPage}
391-
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
391+
<script type="text/javascript" src="http://static.tumblr.com/xek1qzw/TKgn8tjki/jquerymsnryv2.js"></script>
392-
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
392+
393
$(window).load(function () {
394
var $content = $('#posts');
395
$content.masonry({itemSelector: '.entry'}),
396
$content.infinitescroll({
397
navSelector : 'div#pagination',
398
nextSelector : 'div#pagination a#nextPage',
399
itemSelector : '.entry',
400
loading: {
401
finishedMsg: '',
402
img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
403
},
404
bufferPx : 600,
405
debug : false,
406
},
407
// call masonry as a callback.
408
function( newElements ) {
409
var $newElems = $( newElements );
410
$newElems.hide();
411
// ensure that images load before adding to masonry layout
412
$newElems.imagesLoaded(function(){
413
$content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
414
 
415
 
416
});
417
});
418
});
419
</script> 
420
 
421
{/block:IndexPage}
422
423
424
<title>{title}</title>
425
426
<link rel="shortcut icon" href="{Favicon}">
427
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" /></head><body><div class="wrapper"><div class="header"></span></div><div id="sidebar">{block:IfLinksOnTopOfSidebar}<center><div id="omg">{block:IfLinkonetitle}<a href="{text:link one}">{text:link one title}</a>{/block:IfLinkonetitle}
428
429-
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" /></head><body><div id="lol"><a href="http://cyrusnigga.tumblr.com">theme credit</a></div><div class="wrapper"><div class="header"></span></div><div id="sidebar">{block:IfLinksOnTopOfSidebar}<center><div id="omg">{block:IfLinkonetitle}<a href="{text:link one}">{text:link one title}</a>{/block:IfLinkonetitle}
429+
430
431
{block:IfLinkthreetitle} {text:separating symbol} <a href="{text:link three}">{text:link three title}</a>{/block:IfLinkthreetitle}
432
433
{block:IfLinkfourtitle} {text:separating symbol} <a href="{text:link four}">{text:link four title}</a>{/block:IfLinkfourtitle}
434
435
{block:IfLinkfivetitle} {text:separating symbol} <a href="{text:link five}">{text:link five title}</a>{/block:IfLinkfivetitle}
436
  
437
</div>{/block:IfLinksOnTopOfSidebar}
438
439
440
<center><a href="/"><img src="{image:sidebar}" width=210px></a></center>
441
442
443
{block:IfNotLinksOnTopOfSidebar}<center><div id="omg">{block:IfLinkonetitle}<a href="{text:link one}">{text:link one title}</a>{/block:IfLinkonetitle}
444
445
{block:IfLinktwotitle} {text:separating symbol} <a href="{text:link two}">{text:link two title}</a>  {/block:IfLinktwotitle}
446
447
{block:IfLinkthreetitle} {text:separating symbol} <a href="{text:link three}">{text:link three title}</a>{/block:IfLinkthreetitle}
448
449
{block:IfLinkfourtitle} {text:separating symbol} <a href="{text:link four}">{text:link four title}</a>{/block:IfLinkfourtitle}
450
451
{block:IfLinkfivetitle} {text:separating symbol} <a href="{text:link five}">{text:link five title}</a>{/block:IfLinkfivetitle}
452
  
453
</div>{/block:IfNotLinksOnTopOfSidebar}
454
455
456
<center>{Description}
457
</div>
458
459
<div class="left">
460
461
<div id="posts">
462
463
{block:Posts}    
464
<div class="entry">
465
466
{block:IndexPage}
467
{/block:IndexPage}
468
469
{block:Text}
470
{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
471
<div class="permalink">
472
<a href="{permalink}">{NoteCountwithlabel}</a> - <a href="{reblogurl}">reblog</a></div>
473
{/block:Text}
474
475
{block:Link}
476
<a href="{URL}" class="title">{Name}</a>
477
{block:Description}{Description}{/block:Description}
478
<div class="permalink">
479
<a href="{permalink}">{NoteCountwithlabel}</a> - <a href="{reblogurl}">reblog</a></div>
480
{block:Link}
481
482
   
483
{block:Photo}
484
  
485
  <div class="perma">  
486
    <div class="likep">
487
    <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>
488
    </div>
489
    <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>
490
    </div>  
491
    <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
492
    </div>    
493
    
494
    
495
{block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a></div>
496
497
{LinkCloseTag}{/block:IndexPage}
498
 
499
    
500
    
501
{block:PermalinkPage}{LinkOpenTag}<a href="{permalink}">
502
<img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>
503
{LinkCloseTag}{/block:PermalinkPage}
504
{/block:Photo}
505
506
{block:Photoset}
507
  <div class="perma">  
508
    <div class="likep">
509
    <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>
510
    </div>
511
    <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>
512
    </div>  
513
    <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
514
    </div>    
515
{block:IndexPage}
516
{Photoset-500}
517
{/block:IndexPage}
518
{/block:Photoset}
519
520
{block:Quote}
521
{Quote}</span>
522
{block:Source}<strong>{Source}</strong>{/block:Source}
523
<div class="permalink">
524
<a href="{permalink}">{NoteCountwithlabel}</a> - <a href="{reblogurl}">reblog</a></div>
525
{/block:Quote}
526
527
528
{block:Answer}
529
<img src="{AskerPortraitURL-48}" align="left" class="askborder">
530
<div class="bubble"><span></span>{Asker} asked: {Question}&nbsp;</div>
531
{Answer}
532
<div class="permalink">
533
<a href="{permalink}">{NoteCountwithlabel}</a> - <a href="{reblogurl}">reblog</a></div>
534
{/block:Answer}
535
 
536
 
537
 
538
{block:Chat}
539
{block:Title}<span class="title">{Title}</span>{/block:Title}
540
<ul class="chat">
541
{block:Lines}
542
<li class="user_{UserNumber}">
543
{block:Label}
544
<span class="label">{Label}</span>
545
{/block:Label}
546
547
{Line}
548
</li>
549
{/block:Lines}
550
</ul><div class="permalink">
551
<a href="{permalink}">{NoteCountwithlabel}</a> - <a href="{reblogurl}">reblog</a></div>
552
553
{/block:Chat}
554
555
{block:Audio}
556
<center><div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
557
{block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
558
<div class="permalink">
559
<a href="{permalink}">{NoteCountwithlabel}</a> - <a href="{reblogurl}">reblog</a></div>
560
{/block:Audio}
561
562
{block:Video}
563
  <div class="perma">  
564
    <div class="likep">
565
    <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>
566
    </div>
567
    <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>
568
    </div>  
569
    <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
570
    </div>    
571
{block:IndexPage}   
572
<center>
573
{Video-500}</center>
574
{/block:IndexPage}
575
{block:Video}
576
577
{block:PermalinkPage}
578
<center>
579
{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>
580
{/block:PermalinkPage}
581
582
583
{block:PostNotes}{PostNotes}
584
{/block:PostNotes}
585
</div>
586
587
   
588
{/block:Posts}   
589
</div>
590
</div> 
591
{block:IndexPage}   
592
{block:Pagination}
593
<div id="pagination">
594
{block:NextPage}
595
<a id="nextPage" href="{NextPage}"></a>
596
{/block:NextPage}
597
{block:PreviousPage}
598
<a href="{PreviousPage}"></a>
599
{/block:PreviousPage}
600
</div>
601
{/block:Pagination}
602
{/block:IndexPage}
603
</div>
604
605
606
</body>
607
608
</html>