API tools faq
paste
View difference between Paste ID: ZyEZsa02 and ZsiiuDUy
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
<meta name="color:Background" content="#fff"/>
10
<meta name="color:Blog Description" content="#000"/>
11
<meta name="color:Title" content="#000"/>
12
<meta name="color:Text" content="#000"/>
13
<meta name="color:Link" content="#000"/>
14
<meta name="color:Hover" content="#555"/>
15
<meta name="image:Background" content=""/>
16
<meta name="if:Scrollbar" content="1"/>
17
<meta name="if:Black and white follow button" content="1"/>
18
<meta name="if:2 column" content="0"/>
19
<meta name="if:Dark images" content="0"/>
20
<meta name="if:Black and white images" content="0"/>
21
<meta name="text:link one" content="/" />
22
<meta name="text:link one title" content="home" />
23
<meta name="text:link two" content="/ask" />
24
<meta name="text:link two title" content="message" />
25
<meta name="text:link three" content="/archive" />
26
<meta name="text:link three title" content="archive" />
27
<meta name="text:link four" content="" />
28
<meta name="text:link four title" content="" />
29
<meta name="text:link five" content="" />
30
<meta name="text:link five title" content="" />
31
<meta name="text:link six" content="" />
32
<meta name="text:link six title" content="" />
33
<meta name="text:link seven" content="" />
34
<meta name="text:link seven title" content="" />
35
<meta name="text:link eight" content="credit" />
36
<meta name="text:link eight title" content="http://cyrusnigga.tumblr.com" />
37
</script>
38
<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
39
<style type="text/css">
40
41
{block:ifblackandwhitefollowbutton}

42
iframe#tumblr_controls {opacity: 1.0;-webkit-filter: invert(100%);transition: all 0.8s ease-out;transition: all 0.8s ease-out;}

43
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;}

44
{/block:ifblackandwhitefollowbutton}

45
46
47
body{

48
margin:0px; 

49
background-color: {color:Background}; 

50
background-image:url({image:Background});

51
background-attachment: fixed; 

52
background-repeat: no-repeat;

53
background-position: bottom right;

54
font-size: 10px;

55
font-family;arial; 

56
line-height:10px; 

57
color:{color:Text};

58
}

59
60
61
a:link, a:active, a:visited{ 

62
color: {color:Link}; 

63
text-decoration: none;

64
-webkit-transition: all 0.6s ease-out;

65
moz-transition: all 0.6s ease-out;

66
o-transition: all 0.6s ease-out;

67
ransition: all 0.6s ease-out;

68
}

69
70
a:hover{ 

71
color:{color:Hover}; 

72
text-decoration: none;

73
-webkit-transition: all 0.55s ease-out;

74
moz-transition: all 0.3s ease-out;

75
o-transition: all 0.3s ease-out;

76
ransition: all 0.6s ease-out;

77
}

78
79
{block:ifscrollbar}

80
::-webkit-scrollbar {width: 3px; height: 0px; background: #fff; }

81
82
::-webkit-scrollbar-thumb { background-color:{color:link}; }

83
84
{/block:ifscrollbar}}

85
86
87
div#stuff{  

88
}

89
90
91
div#sidebar{

92
position:absolute !important; z-index:1;

93
width:400px;

94
top: 0px;

95
left:43%;

96
-webkit-animation: flipInX 2s;

97
-moz-animation: flipInX 2s;font-style:none;

98
-ms-animation: flipInX: 2s;

99
background-color:{color:background}; padding:13px;

100
padding-top:20px;padding-bottom:7px;

101
}

102
103
div#content{

104
margin:auto;

105
position:absolute;

106
overflow:hidden;

107
{block:indexpage}

108
width:1100px;margin-top:0px;

109
{/block:if2column}

110
{/block:indexpage}

111
{block:permalinkpage}

112
width:930px;

113
left:50px;

114
{/block:permalinkpage}

115
}

116
117
118
div#posts{

119
float:right;

120
{block:ifdarkimages}

121
-webkit-filter: grayscale(50%);

122
{/block:ifdarkimages}

123
{block:ifblackandwhiteimages}

124
-webkit-filter: grayscale(100%);

125
{/block:ifblackandwhiteimages}

126
{block:indexpage}

127
width:830px;

128
{block:if2column}

129
width:700px;

130
{/block:if2column}

131
{/block:indexpage}

132
{block:permalinkpage}

133
width:590px;

134
{/block:permalinkpage}

135
margin-left:68px;

136
margin-top:80px;

137
} 

138
139
div#entry{

140
float: left;

141
width: 250px;

142
text-align:left;

143
{block:PermalinkPage}

144
width: 500px;

145
height: auto; 

146
{/block:PermalinkPage} 

147
line-height:8px;

148
overflow:hidden; 

149
{block:iflessspacebetweenposts}

150
margin:5px;

151
{/block:iflessspacebetweenposts}

152
padding:6px; margin:2px;

153
}

154
155
::selection {

156
color:{color:Text};

157
background-color: {color:Link};

158
}

159
160
::-moz-selection {

161
color:{color:Text};

162
background-color: {color:Link};

163
}

164
165
::-webkit-selection {

166
color:{color:Text};

167
background-color:{color:Link};

168
}

169
170
171
#entry img{

172
{block:IndexPage}

173
max-width: 250px;

174
height: auto;

175
{/block:IndexPage}

176
{block:PermalinkPage}

177
max-width: 500px;

178
height: auto;

179
{/block:PermalinkPage}

180
-webkit-transition: all 0.5s ease-out;

181
-moz-transition: all 0.5s ease-out;

182
transition: all 0.5s ease-out;

183
}

184
185
186
187
.fuzzy{

188
width:241px;

189
height: 20px;

190
font-family: consolas;

191
font-size: 9px;

192
text-transform:none;

193
position: absolute;

194
line-height: 10px;

195
text-align: center;

196
overflow:hidden;

197
text-transform:uppercase;

198
letter-spacing:1px;

199
padding:8px 3px 8px 4px;

200
padding-right: 10px;

201
margin-left: -8px; 

202
bottom:-14px;

203
opacity: 1;

204
text-align:right;

205
-webkit-transition: opacity 0.6s ease-out;

206
-webkit-transition: all 0.6s ease-out;

207
-moz-transition: all 0.6s ease-out;

208
transition: all 0.6s ease-out;

209
}

210
211
#entry:hover .fuzzy {

212
-webkit-transition: opacity 0.6s ease-out;

213
-webkit-transition: all 0.6s ease-out;

214
-moz-transition: all 0.6s ease-out;

215
transition: all 0.6s ease-out;

216
opacity: 1.0;

217
}

218
219
.fuzzy a:hover{

220
color:{color:hover};

221
padding:1px 0px 0px 0px;

222
-webkit-transition: opacity 0.3s ease-out;

223
-webkit-transition: all 0.3s ease-out;

224
-moz-transition: all 0.3s ease-out;

225
transition: all 0.3s ease-out;}

226
227
228
229
.titulo{

230
font-size:13px;

231
text-align: center;

232
line-height:16px;

233
width:auto;

234
margin-left:2px;

235
z-index:999999999999999999999999999;

236
font-family: raleway;

237
color:{color:title};

238
margin-bottom:7px;

239
text-transform:uppercase;

240
}

241
 

242
 

243
.titulo a{

244
245
}

246
247
 

248
.titulo a:hover{

249
color:{color:title};

250
}

251
252
253
254
255
.title{

256
font-family: calibri; 

257
font-size: 12px; 

258
line-height: 12px; 

259
color: {color:Title}; 

260
font-weight: normal;

261
letter-spacing: 0px;

262
text-transform:uppercase;

263
letter-spacing:2px;

264
}

265
266
blockquote{

267
padding:0px 0px 2px 3px;

268
margin:0px 0px 2px 1px; 

269
}

270
271
ul, ol, li{

272
list-style:none; 

273
margin:0px; 

274
padding:0px;

275
}

276
277
.user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, 

278
.user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};

279
}

280
281
::selection {

282
color:{color:Text};

283
background-color: {color:Link};

284
}

285
286
::-moz-selection {

287
color:{color:Text};

288
background-color: {color:Link};

289
}

290
291
::-webkit-selection {

292
color:{color:Text};

293
background-color:{color:Link};

294
}

295
296
297
#audio {

298
width:250px;

299
height:auto;

300
min-height:60px;

301
margin-top:17px;

302
padding-bottom:5px;

303
margin-left:40px;

304
}

305
.cover {

306
position:absolute;

307
z-index:1;

308
width:70px;

309
height:670px;

310
margin-top:-4px;

311
margin-left:-10px;

312
}

313
.cover img {

314
float:left;

315
width:70px;

316
height:70px;

317
}

318
.playbox {

319
opacity:0.6;

320
width:27px;

321
height:30px;

322
overflow:hidden;

323
position:absolute;

324
z-index:1000;

325
margin-left:14px;

326
margin-top:18px;

327
text-align:center;

328
}

329
.info {

330
margin-left:73px;

331
margin-top:4px;

332
line-height:14px;

333
}

334
335
#hmm{ 

336
margin-top:-2px;

337
padding:3px;

338
text-align:center;text-transform:uppercase;font-size:10px;color:#000;

339
}

340
341
#hmm a{

342
padding:6px;

343
padding-top:2px;

344
padding-bottom:2px;

345
font-family:raleway;

346
}

347
348
.yo{

349
position:fixed;

350
text-align:center;

351
bottom:0px;

352
font-family:tahoma;

353
font-size:20px;

354
right:0px;

355
padding-top:1px;

356
padding-right:6px;

357
padding-left:5px;

358
padding-bottom:7px;

359
width:auto;

360
height:auto;

361
border-top-left-radius:5px; 

362
background-color:#000;

363
z-index:99999; 

364
color:#fff;

365
}

366
.photoperm {

367
-webkit-transition-duration:.8s;

368
top:50%;

369
left:50%; 

370
z-index:1;

371
position:absolute;

372
text-decoration:none;

373
margin-top:10%;

374
margin-left:-38px;

375
width:90px;

376
height:-5%;

377
background:none;

378
opacity:0;

379
z-index:10;

380
}

381
 

382
#entry:hover .photoperm {

383
position:absolute;

384
opacity:1;

385
margin-top:-5%;

386
}

387
 

388
#entry:hover .photoperm:hover{

389
opacity:1;

390
}

391
 

392
.photoperm img{

393
box-shadow:none;  

394
padding:13px;

395
padding-bottom:13px;

396
border-radius:100%;

397
}

398
 

399
.imgp{

400
opacity:1;

401
background-color:rgba(255,255,255,.2);

402
-webkit-transition-duration:1s;

403
}

404
405
406
 

407
#shitty{

408
opacity:0; 

409
margin-top:-39px;

410
-webkit-transition: opacity 0.6s ease-out;

411
-webkit-transition: all 0.6s ease-out;

412
-moz-transition: all 0.6s ease-out;

413
transition: all 0.6s ease-out;

414
}

415
416
#sidebar:hover #shitty{

417
margin-top:0px; 

418
opacity:1;

419
-webkit-transition: opacity 0.6s ease-out;

420
-webkit-transition: all 0.6s ease-out;

421
-moz-transition: all 0.6s ease-out;

422
transition: all 0.6s ease-out;

423
}

424
425
426
</style>

427
<link rel="shortcut icon" href="{Favicon}">

428
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />

429
<meta name="viewport" content="width=720" />

430
</head>

431
432
<body>

433
434
<div id="stuff">

435
<div id="content">

436
437
<div id="sidebar">

438
439
440
441
<div id="hmm">

442
♔ {block:IfLinkonetitle}<a href="{text:link one}">{text:link one title}</a> {/block:IfLinkonetitle}

443
{block:IfLinktwotitle}<a href="{text:link two}">{text:link two title}</a> {/block:IfLinktwotitle}

444
{block:IfLinkthreetitle}<a href="{text:link three}">{text:link three title}</a>{/block:IfLinkthreetitle} 

445
{block:IfLinkfourtitle}<a href="{text:link four}">{text:link four title}</a>{/block:IfLinkfourtitle}

446
{block:IfLinkfivetitle}<a href="{text:link five}">{text:link five title}</a>{/block:IfLinkfivetitle}

447
{block:IfLinksixtitle}<a href="{text:link six}">{text:link six title}</a> {/block:IfLinksixtitle}

448
{block:IfLinkseventitle}<a href="{text:link seven}">{text:link seven title}</a>{/block:IfLinkseventitle}

449
{block:IfLinkeighttitle}<a href="{text:link eight}">{text:link eight title}</a>{/block:IfLinkeighttitle} ♔

450
</div>

451
452
453
454
<div align="center" style="line-height:12px; margin-top:8px; margin-bottom:11px; color:{color:Blog Description}; border-bottom:1px solid #444;"></div>

455
456
<a href="/"><div class="titulo">{title}</div></a>

457
458
459
<div id="shitty">

460
<div align="center" style="line-height:12px; margin-top:8px; margin-bottom:11px; color:{color:Blog Description};font-family:raleway;">{description}</div>

461
</div>

462
463
</div>

464
465
466
<div align="center">

467
468
<div id="posts">

469
470
{block:Posts}

471
472
473
{block:ContentSource}

474
475
<!— {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”

476
477
width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />

478
479
{/block:SourceLogo}

480
481
{block:NoSourceLogo}{noSourceLink}{/block:NoSourceLogo} —>

482
483
{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}

484
485
486
<div id="entry">

487
488
489
490
{block:Photo}

491
{block:IndexPage}

492
493
<div class="photoperm"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/bp0dve3/a8xmxx5aw/imageedit_34_3778739828.png" style="width:15px;float:left;" class="imgp"/></a><a href="{permalink}"><img src="http://static.tumblr.com/bp0dve3/FOGmxx5mg/imageedit_37_4107364613.png" class="imgp" style="width:15px;float:right;"/></a></div>

494
495
<div id="postys">

496
<a href="{permalink}">

497
<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=390;"></a></div>

498
499
{/block:IndexPage}

500
{block:PermalinkPage}

501
{LinkOpenTag}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px;"></center>

502
<center>{caption}</center>

503
{/block:PermalinkPage}

504
{/block:Photo}

505
506
{block:Photoset}

507
508
509
<div class="photoperm"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/bp0dve3/a8xmxx5aw/imageedit_34_3778739828.png" style="width:15px;float:left;" class="imgp"/></a><a href="{permalink}"><img src="http://static.tumblr.com/bp0dve3/FOGmxx5mg/imageedit_37_4107364613.png" class="imgp" style="width:15px;float:right;"/></a></div>

510
511
512
{Photoset-250}

513
514
{block:PermalinkPage}

515
{Photoset-500}

516
{/block:PermalinkPage}

517
{/block:Photoset}

518
519
520
521
{block:Text}<div style="padding-top:5px; padding-bottom:0px; padding-left:3px; padding-right:0px;">

522
{block:Title}

523
<a href="{permalink}"><span class="title">{Title}</span></a>

524
{/block:Title}

525
<span class="entrytext" style="line-height:12px;">{Body}</span>

526
<a href="{Permalink}"></a></div>

527
{block:indexpage}

528
<div align="right" style="padding-right:5px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}

529
</a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}

530
</a></div>{/block:indexpage}

531
{/block:Text}

532
533
{block:Link}<div style="padding-top:15px; padding-bottom:0px;>

534
<a href="{URL}"><span class="title">{Name}</span></a></div>

535
{block:BlogDescription}<span class="entrytext" style="line-height:12px;">{Description}</span>{/block:BlogDescription}</a>

536
{block:Caption}<a href="{URL}">{Caption}</a>{/block:Caption}<div style="padding-top:0px; padding-bottom:3px;"></a></div>

537
{block:indexpage}

538
<div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}

539
</a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}

540
</a></div>{/block:indexpage}

541
{/block:Link}

542
543
{block:Quote}

544
<div style="padding-top:10px; padding-bottom:10px;">

545
<span class="title" style="line-height:16px;">"{Quote}"</span><br><br>

546
<div style="text-align: right; padding-right:10px;"><a href="{Permalink}">{block:Source}

547
-{Source}

548
{/block:Source}</a></div><br>{block:indexpage}

549
<div align="right" style="padding-right:10px; padding-top:5px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}

550
</a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}

551
</a></div>{/block:indexpage}

552
</div>

553
{/block:Quote}

554
555
{block:Chat}

556
<div style="padding-top:15px; padding-bottom:10px;">

557
<a href="{permalink}">{block:Title}<span class="title">{Title}</span>{/block:Title}</a>

558
<ul class="chat">

559
{block:Lines}

560
<li class="user_{UserNumber}">

561
{block:Label}

562
<span class="label" style="line-height:12px;">{Label}</span>

563
{/block:Label}

564
{Line}

565
</li>

566
{/block:Lines}

567
</ul>

568
{block:Caption}{Caption}{/block:Caption}

569
<br>{block:indexpage}

570
<div align="right" style="padding-right:10px; padding-top:5px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}

571
</a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}

572
</a></div>{/block:indexpage}

573
</div>

574
{/block:Chat}

575
576
577
578
579
{block:Audio}

580
<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>

581
582
583
<div style="padding-bottom:0px;padding-top:6px;"></div>{block:indexpage}

584
<div style=" float:left; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{permalink}">{FormattedPlayCount}&nbsp;Plays</a></div>

585
<div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}

586
</a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}

587
</a></div>{/block:indexpage}

588
589
590
{/block:Audio}

591
592
593
594
{block:Video}

595
596
<div class="photoperm"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/bp0dve3/a8xmxx5aw/imageedit_34_3778739828.png" style="width:15px;float:left;" class="imgp"/></a><a href="{permalink}"><img src="http://static.tumblr.com/bp0dve3/FOGmxx5mg/imageedit_37_4107364613.png" class="imgp" style="width:15px;float:right;"/></a></div>

597
598
{Video-250}

599
600
{block:PermalinkPage}

601
{Video-500}

602
{/block:PermalinkPage}

603
{/block:Video}

604
605
606
607
608
609
{block:PermalinkPage}

610
<center>

611
{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}

612
</center>

613
614
<br><br>

615
<div align="left">

616
{block:PostNotes}

617
{PostNotes}

618
{/block:PostNotes}</div>

619
{/block:PermalinkPage}

620
621
622
</div>

623
624
625
626
{/block:Posts}

627
</div>

628
</div>

629
</div>

630
</center>

631
</div>

632
</div>

633
634
635
636
{block:indexpage}

637
638
639
{block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}

640
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

641
<script type="text/javascript" src="http://static.tumblr.com/xek1qzw/Vzan8xy5r/jquerymsnryv3.js"></script>

642
<script type="text/javascript">

643
$(window).load(function(){

644
var $wall = $('#posts');  

645
$wall.imagesLoaded(function(){

646
$wall.masonry({

647
itemSelector: '#entry, #entry_photo',

648
isAnimated : false

649
});

650
});

651
652
$wall.infinitescroll({

653
navSelector : '#page-nav', 

654
nextSelector : '#page-nav a', 

655
itemSelector : '#entry, #entry_photo', 

656
bufferPx : 2000,

657
debug : false,

658
errorCallback: function() { 

659
$('#infscr-loading').fadeOut('normal'); 

660
}},

661
function( newElements ) {

662
var $newElems = $( newElements );

663
$newElems.hide();

664
$newElems.imagesLoaded(function(){

665
$wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );

666
});

667
}); $('#content').show(500);

668
});

669
</script>

670
{/block:indexpage}

671
672
673
674
</body>

675
</html>
        

    


            


                                


        

            



                
    

        Public Pastes
    

    
            

    

                    

        

    





    


    
    
    
    
    
    
    
    




    


    



                

            We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.             OK, I Understand
        

    
                

            

                
                    
                
            

            

                Not a member of Pastebin yet?

                Sign Up, it unlocks many cool features!