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