View difference between Paste ID: sNijijTn and Wwrr0Gf4
SHOW: | | - or go back to the newest paste.
1
<!---------
2
theme by cyrusnigga keep credit or d i e 
3
--------> 
4
     
5
<html lang="en">       
6
<head>           
7
<title>{title}</title> 
8
<link href='http://fonts.googleapis.com/css?family=Delius+Unicase' rel='stylesheet' type='text/css'>
9
10
11
<meta name="color:Background" content="#000"/>
12
<meta name="color:scrollbar Background" content="#fff"/>
13
<meta name="color:Blog Description" content="#000000"/>
14
<meta name="color:Title" content="#000000"/>
15
<meta name="color:Text" content="#000000"/>
16
<meta name="color:Link" content="#000000"/>
17
<meta name="color:Hover" content="#FFF"/>
18
19
20
<meta name="image:Background" content=""/>
21
<meta name="image:Sidebar" content=""/>
22
23
24
<meta name="if:Scrollbar" content="1"/>
25
<meta name="if:one column" content="1"/>
26
<meta name="if:Less Space Between Posts" content="0"/>
27
<meta name="if:Dark images" content="0"/>
28
<meta name="if:Black and white images" content="0"/>
29
30
31
<meta name="text:1 title" content="home"/>
32
<meta name="text:2 title" content="inbox"/>
33
<meta name="text:3 title" content="archive"/>
34
<meta name="text:4 title" content="random"/>
35
<meta name="text:5 title" content="rss feed"/>
36
<meta name="text:6 title" content=""/>
37
<meta name="text:7 title" content=""/>
38
<meta name="text:8 title" content=""/>
39
<meta name="text:1 link" content="/"/>
40
<meta name="text:2 link" content="/ask"/>
41
<meta name="text:3 link" content="/archive"/>
42
<meta name="text:4 link" content="/random"/>
43
<meta name="text:5 link" content="/rss"/>
44
<meta name="text:6 link" content="/"/>
45
<meta name="text:7 link" content="/"/>
46
<meta name="text:8 link" content="/"/>
47
48
49
</script>
50
51
<style type="text/css">
52
53
54
55
body{
56
margin:0px; 
57
background-color: {color:Background}; 
58
background-image:url({image:Background});
59
background-attachment: fixed; 
60
background-repeat: no-repeat;
61
background-position: bottom right;
62
font-size: 8px;
63
text-transform:uppercase;letter-spacing:1px;
64
font-family:Source Sans Pro; 
65
line-height:10px; 
66
color:{color:Text};
67
}  
68
69
@font-face {
70
font-family: 'Source Sans Pro'; src: local('Source Sans Pro'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff) format('woff');}
71
72
73
a:link, a:active, a:visited{ 
74
color: {color:Link}; 
75
text-decoration: none;
76
transition: all 0.4s ease;
77
-o-transition-transition: all 0.9s ease;
78
-webkit-transition: all 0.9s ease;
79
-moz-transition: all 0.4s ease;
80
81
82
}
83
84
a:hover{ 
85
color:{color:Hover}; 
86
text-decoration: underline;
87
transition: all 0.4s ease;
88
-o-transition-transition: all 0.9s ease;
89
-webkit-transition: all 0.9s ease;
90
-moz-transition: all 0.4s ease;
91
}
92
{block:ifscrollbar}
93
::-webkit-scrollbar-thumb{ 
94
    background-color:{color:link};
95
    height:0px;width:10px;
96
}
97
::-webkit-scrollbar { 
98
    height:0px;
99
    width:10px; 
100
    background-color:{color:scrollbar background};
101
}
102
{/block:ifscrollbar}}
103
104
105
div#stuff{
106
}
107
108
div#sidebar{
109
position:absolute !important;
110
position:fixed !important;
111
top:240px;
112
left: 250px;background-color:#fff;
113
width:180px;
114
padding:5px;
115
border:1px solid #eee;
116
top:140px;
117
}
118
119
div#sidebar a{ 
120
{block:ifblackandwhiteimages}
121
-webkit-filter: grayscale(100%);
122
{/block:ifblackandwhiteimages}
123
{block:ifdarkimages}
124
-webkit-filter: grayscale(40%);
125
{/block:ifdarkimages}
126
}
127
128
div#content{
129
margin:auto;
130
top:0px;
131
padding-top:5px;
132
position:absolute;
133
overflow:hidden;
134
width:1080px;
135
{block:ifonecolumn}
136
width:865px;
137
{/block:ifonecolumn}
138
{block:permalinkpage}
139
width:1160px;
140
{/block:permalinkpage}
141
}
142
143
144
145
 
146
.permalinks{
147
width:230px;
148
{block:ifonecolumn}
149
width:280px;
150
{/block:ifonecolumn}
151
height: 8px;
152
line-height: 10px;
153
text-align: center;
154
overflow:hidden;
155
color: #fff;
156
opacity: 1;
157
padding:10px;
158
background-color:#000;
159
bottom:50px;
160
padding-top:6px; padding-bottom:8px;
161
left:0px;
162
margin-top:7px;
163
-webkit-transition: opacity 0.6s ease-out;
164
-webkit-transition: all 0.6s ease-out;
165
-moz-transition: all 0.6s ease-out;
166
transition: all 0.6s ease-out;
167
}
168
.permalinks a{
169
color:#fff;
170
}
171
172
div#posts{
173
float:right;
174
{block:ifdarkimages}
175
-webkit-filter: grayscale(50%);
176
{/block:ifdarkimages}
177
{block:ifblackandwhiteimages}
178
-webkit-filter: grayscale(100%);
179
{/block:ifblackandwhiteimages}
180
{block:indexpage}
181
width:630px;
182
{block:ifonecolumn}
183
width:335px;
184
{/block:ifonecolumn}
185
{/block:indexpage}
186
{block:permalinkpage}
187
width:630px;
188
{/block:permalinkpage}
189
} 
190
191
div#entry{
192
z-index:9999;
193
float: left;
194
width: 250px;
195
{block:ifonecolumn}
196
width:300px;
197
{/block:ifonecolumn}
198
text-align:left;background-color:#fff;
199
{block:PermalinkPage}
200
width: 400px;
201
height: auto; 
202
{/block:PermalinkPage} 
203
line-height:8px;
204
margin-right:70px;
205
overflow:hidden; 
206
margin:20px;
207
{block:iflessspacebetweenposts}
208
margin:4px;
209
{/block:iflessspacebetweenposts}
210
padding:5px;
211
border:1px solid #eee;
212
}
213
214
::selection {
215
color:{color:Text};
216
background-color: {color:Link};
217
}
218
219
::-moz-selection {
220
color:{color:Text};
221
background-color: {color:Link};
222
}
223
224
::-webkit-selection {
225
color:{color:Text};
226
background-color:{color:Link};
227
}
228
229
230
#entry img{
231
{block:IndexPage}
232
max-width: 250px;
233
{block:ifonecolumn}
234
max-width:300px;
235
{/block:ifonecolumn}
236
height: auto;
237
{/block:IndexPage}
238
{block:PermalinkPage}
239
max-width:400px;
240
height: auto;
241
{/block:PermalinkPage}
242
-webkit-transition: all 0.5s ease-out;
243
-moz-transition: all 0.5s ease-out;
244
transition: all 0.5s ease-out;
245
}
246
247
248
.title{
249
font-family: calibri; 
250
font-size: 12px; 
251
line-height: 12px; 
252
color: {color:Title}; 
253
font-weight: normal;
254
letter-spacing: 0px;
255
text-transform:uppercase;
256
letter-spacing:2px;
257
}
258
259
.quote{
260
font-family: cambria; 
261
font-size: 12px; 
262
line-height: 12px; 
263
color: {color:Title}; 
264
font-weight: bold;
265
text-transform:lowercase;
266
letter-spacing: 0px;
267
font-style:italic;
268
}
269
270
blockquote{
271
padding:0px 0px 2px 3px;
272
margin:0px 0px 2px 1px; 
273
}
274
275
ul, ol, li{
276
list-style:none; 
277
margin:0px; 
278
padding:0px;
279
}
280
281
.user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, 
282
.user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
283
}
284
285
::selection {
286
color:{color:Text};
287
background-color: {color:Link};
288
}
289
290
::-moz-selection {
291
color:{color:Text};
292
background-color: {color:Link};
293
}
294
295
::-webkit-selection {
296
color:{color:Text};
297
background-color:{color:Link};
298
}
299
300
301
#audio {
302
width:250px;
303
height:auto;
304
min-height:60px;
305
margin-top:17px;
306
padding-bottom:5px;
307
margin-left:30px;
308
}
309
.cover {
310
position:absolute;
311
z-index:1;
312
width:70px;
313
height:670px;
314
margin-top:-4px;
315
margin-left:-10px;
316
}
317
.cover img {
318
float:left;
319
width:70px;
320
height:70px;
321
}
322
.playbox {
323
opacity:0.6;
324
width:27px;
325
height:30px;
326
overflow:hidden;
327
position:absolute;
328
z-index:1000;
329
margin-left:14px;
330
margin-top:18px;
331
text-align:center;
332
}
333
.info {
334
margin-left:73px;
335
margin-top:4px;
336
line-height:14px;
337
}
338
339
#hmm{ 
340
margin-top:2px; 
341
padding:3px;
342
text-align:center;background-color:#000;
343
}
344
345
#hmm a{
346
padding:2px;
347
color:#fff;
348
}
349
350
.yo{
351
position:fixed;
352
text-align:center;
353
bottom:0px;
354
font-family:tahoma;
355
font-size:20px;
356
right:0px;
357
padding-top:1px;
358
padding-right:6px;
359
padding-left:5px;
360
padding-bottom:6px;
361
width:auto;
362
height:auto;
363
border-top-left-radius:5px;
364
background-color:#000;
365
z-index:99999;
366
color:#fff;
367
}
368
369
370
</style>
371
<link rel="shortcut icon" href="{Favicon}">
372
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
373
<meta name="viewport" content="width=720" />
374
</head>
375
<body>
376
377
<div id="stuff">
378
<div id="content">
379
<div id="sidebar">
380
381
<div align="center" style="padding-bottom:5px;">
382
<a href="/"> 
383
<img style="" src="{image:sidebar}"width=100%" /></a></div>
384
385
386
<div align="center" style="line-height:12px; margin-top:3px; margin-bottom:6px; color:{color:Blog Description};">{description}</div>
387
<center>
388
<div style="margin-top:3px;">
389
<select onchange='location=this.options[this.selectedIndex].value;' style='
390
width:160px; background-color:#000000;
391
border:#efefef 1px solid; height:18px; margin-top:1px; margin-bottom:5px;
392
padding:1px; color:#fff; font-family: calibri; line-height:90%;
393
font-style: none; font-size: 8px; text-transform: consolas;
394
text-transform: uppercase; letter-spacing:1px; '>
395
<option>click for navigation</option>
396
 
397
{block:If1title}<option value="{text:1 link}">{text:1 title} </option>{/block:If1title}
398
{block:If2title}<option value="{text:2 link}">{text:2 title} </option>{/block:If2title}
399
{block:If3title}<option value="{text:3 link}">{text:3 title} </option>{/block:If3title}
400
{block:If4title}<option value="{text:4 link}">{text:4 title} </option>{/block:If4title}
401
{block:If5title}<option value="{text:5 link}">{text:5 title} </option>{/block:If5title}
402
403
{block:If6title}<option value="{text:6 link}">{text:6 title} </option>{/block:If6title}
404
{block:If7title}<option value="{text:7 link}">{text:7 title} </option>{/block:If7title}
405
{block:If8title}<option value="{text:8 link}">{text:8 title} </option>{/block:If8title}
406
<option value="http://cyrusnigga.tumblr.com">theme</option>
407
</select></div></center>
408
     
409
410
</div>
411
412
413
<div align="center">
414
415
<div id="posts">
416
417
{block:Posts}
418
419
420
{block:ContentSource}
421
422
<!— {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
423
424
width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
425
426
{/block:SourceLogo}
427
428
{block:NoSourceLogo}{noSourceLink}{/block:NoSourceLogo} —>
429
430
{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
431
432
433
<div id="entry">
434
435
436
437
{block:Photo}
438
{block:IndexPage}
439
440
 
441
442
443
<div id="postys">
444
<a href="{permalink}">
445
<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=390;"></a></div>
446
447
<div class="permalinks"><a href="{ReblogURL}">reblog ↻</a> this post with <a href="{permalink}">{notecountwithlabel}</a> 
448
</div>
449
 
450
 
451
{/block:IndexPage}
452
{block:PermalinkPage}
453
{LinkOpenTag}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px;"></center>
454
<center>{caption}</center>
455
{/block:PermalinkPage}
456
{/block:Photo}
457
458
{block:Photoset}
459
{block:IndexPage}
460
461
462
 <center>
463
{Photoset-250}
464
</center>
465
<div class="permalinks"><a href="{ReblogURL}">reblog ↻</a> this post with <a href="{permalink}">{notecountwithlabel}</a> 
466
</div>
467
 
468
 
469
{/block:IndexPage}
470
471
472
{block:PermalinkPage}
473
{Photoset-400}
474
{/block:PermalinkPage}
475
476
{/block:Photoset}
477
478
479
480
{block:Text}<div style="padding-top:0px; padding-bottom:0px; padding-left:3px; padding-right:0px;">
481
{block:Title}
482
<a href="{permalink}"><span class="title">{Title}</span></a>
483
{/block:Title}
484
<span class="entrytext" style="line-height:12px;">{Body}</span>
485
<a href="{Permalink}"></a></div>
486
{block:indexpage}
487
<div class="permalinks"><a href="{ReblogURL}">reblog ↻</a> this post with <a href="{permalink}">{notecountwithlabel}</a> 
488
</div>
489
 {/block:indexpage}
490
{/block:Text}
491
492
{block:Link}<div style="padding-top:15px; padding-bottom:0px;>
493
<a href="{URL}"><span class="title">{Name}</span></a></div>
494
{block:BlogDescription}<span class="entrytext" style="line-height:12px;">{Description}</span>{/block:BlogDescription}</a>
495
{block:Caption}<a href="{URL}">{Caption}</a>{/block:Caption}<div style="padding-top:0px; padding-bottom:3px;"></a></div>
496
{block:indexpage}
497
<div class="permalinks"><a href="{ReblogURL}">reblog ↻</a> this post with <a href="{permalink}">{notecountwithlabel}</a> 
498
</div>
499
 {/block:indexpage}
500
{/block:Link}
501
502
{block:Quote}
503
504
<div align="center" style="margin-top:-10px;position:absolute;opacity:0.2;">
505
<a href="/"> 
506
<img style="" src="http://etc-mysitemyway.s3.amazonaws.com/icons/legacy-previews/icons-256/high-resolution-dark-blue-denim-jeans-icons-alphanumeric/072419-high-resolution-dark-blue-denim-jeans-icon-alphanumeric-quote-open2.png"width=50px" /></a></div>
507
508
509
<div style="padding-top:10px; padding-bottom:0px;z-index:9999999999999;">
510
<span class="quote" style="line-height:16px;">{Quote}"</span><br><br>
511
<div style="text-align: right; padding-right:10px;">{block:Source}
512
-{Source}
513
{/block:Source}</div><br>{block:indexpage}
514
<div class="permalinks"><a href="{ReblogURL}">reblog ↻</a> this post with <a href="{permalink}">{notecountwithlabel}</a> 
515
</div>
516
 {/block:indexpage}
517
</div>
518
{/block:Quote}
519
520
{block:Chat}
521
<div style="padding-top:15px; padding-bottom:10px;">
522
<a href="{permalink}">{block:Title}<span class="title">{Title}</span>{/block:Title}</a>
523
<ul class="chat">
524
{block:Lines}
525
<li class="user_{UserNumber}">
526
{block:Label}
527
<span class="label" style="line-height:12px;">{Label}</span>
528
{/block:Label}
529
{Line}
530
</li>
531
{/block:Lines}
532
</ul>
533
{block:Caption}{Caption}{/block:Caption}
534
<br>{block:indexpage}
535
<div class="permalinks"><a href="{ReblogURL}">reblog ↻</a> this post with <a href="{permalink}">{notecountwithlabel}</a> 
536
</div>
537
 {/block:indexpage}
538
</div>
539
{/block:Chat}
540
541
542
543
544
{block:Audio}
545
<div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div style="text-align:left"><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div></div>
546
547
548
<div style="padding-bottom:0px;padding-top:6px;"></div>{block:indexpage}
549
<div class="permalinks"><a href="{ReblogURL}">reblog ↻</a> this post with <a href="{permalink}">{notecountwithlabel}</a> 
550
</div>
551
 {/block:indexpage}
552
553
554
{/block:Audio}
555
556
557
558
{block:Video}
559
560
{block:IndexPage}
561
<center>
562
 
563
{Video-250}
564
</center>
565
<div class="permalinks"><a href="{ReblogURL}">reblog ↻</a> this post with <a href="{permalink}">{notecountwithlabel}</a> 
566
</div>
567
 
568
 
569
{/block:IndexPage}
570
571
572
{block:PermalinkPage}
573
{Video-400}
574
{/block:PermalinkPage}
575
{/block:Video}
576
577
578
579
580
581
{block:PermalinkPage}
582
<center>
583
{block:RebloggedFrom}<br><b>Via</b>: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}<b>Source</b>: <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource}<br><Br>{block:Date}<img src="http://static.tumblr.com/twte3d7/xn4lo2lba/clock_8x8.png">&nbsp; {TimeAgo}&nbsp; <img src="http://static.tumblr.com/twte3d7/qg3lo2lcg/heart_fill_8x7.png">&nbsp; {NoteCountWithLabel}{block:hasTags}&nbsp; <img src="http://static.tumblr.com/twte3d7/zZqlo2ldq/tag_fill_8x8.png">&nbsp; {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}{/block:Date}
584
</center>
585
586
<br><br>
587
<div align="left">
588
{block:PostNotes}
589
{PostNotes}
590
{/block:PostNotes}</div>
591
{/block:PermalinkPage}
592
593
594
</div>
595
596
597
598
{/block:Posts}
599
</div>
600
</div>
601
</div>
602
</center>
603
</div>
604
</div>
605
606
607
608
{block:indexpage}
609
610
611
{block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
612
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
613-
<script type="text/javascript" src="http://static.tumblr.com/33x1j2u/KPvnc4j2i/jquery.js"></script>
613+
<script type="text/javascript" src="http://static.tumblr.com/xek1qzw/TKgn8tjki/jquerymsnryv2.js"></script>
614
<script type="text/javascript">
615
$(window).load(function(){
616
var $wall = $('#posts');
617
$wall.imagesLoaded(function(){
618
$wall.masonry({
619
itemSelector: '#entry, #entry_photo',
620
isAnimated : false
621
});
622
});
623
624
$wall.infinitescroll({
625
navSelector : '#page-nav', 
626
nextSelector : '#page-nav a', 
627
itemSelector : '#entry, #entry_photo', 
628
bufferPx : 2000,
629
debug : false,
630
errorCallback: function() { 
631
$('#infscr-loading').fadeOut('normal'); 
632
}},
633
function( newElements ) {
634
var $newElems = $( newElements );
635
$newElems.hide();
636
$newElems.imagesLoaded(function(){
637
$wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
638
});
639
}); $('#content').show(500);
640
});
641
</script>
642
{/block:indexpage}
643
644
645
646
</body>
647
</html>