API tools faq
paste
View difference between Paste ID: 2tXHXmy4 and bYBNVG9A
SHOW: | | - or go back to the newest paste.
1
<!--
2
theme by cyrusnigga nigga
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:scrollbar" content="#000000"/>
13
<meta name="image:sidebar" content="1"/>
14
<meta name="image:background" content="1"/>
15
<meta name="text:Link One" content=""/>
16
<meta name="text:Link One Title" content=""/>
17
<meta name="text:Link Two" content="" />
18
<meta name="text:Link Two Title" content=""/>
19
<meta name="text:Link Three" content="" />
20
<meta name="text:Link Three Title" content=""/>
21
<meta name="text:Link Four" content="" />
22
<meta name="text:Link Four Title" content=""/>
23
<meta name="text:Link Five" content="" />
24
<meta name="text:Link Five Title" content=""/>
25
<meta name="if:black hover images" content="1"/>
26
27
<style type="text/css">      

28
  

29
30
31
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;}

32
33
.wrapper{

34
margin:1px auto;

35
width: 802px;

36
}

37
 

38
.header{

39
float: left;

40
width: 100%;

41
}

42
 

43
.left{

44
float: left;

45
margin-right: 20px;

46
width: 802px;

47
}

48
 

49
.right{

50
float: right;

51
width: 200px;

52
background-color: {color:Background};

53
} 

54
55
56
p {

57
margin:0px;

58
margin-top:0px;

59
}

60
61
 

62
63
{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;

64
transition: all 0.9s linear; opacity:1.0;}{/block:ifblackhoverimages}

65
66
67
68
body {

69
margin:0px;

70
text-decoration: none;

71
background-color: {color:background}; 

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

73
background-attachment: fixed;

74
background-repeat: repeat;

75
color: {color:Text};

76
font-family:cambria;

77
font-size: 10px; 

78
letter-spacing: 0px;

79
}

80
81
82
a:link, a:active, a:visited{

83
color: {color:Link}; 

84
text-decoration: none; 

85
-webkit-transition: color 0.2s ease-out; 

86
-moz-transition: color 0.2s ease-out; 

87
}  

88
89
::-webkit-scrollbar {width: 5px; height: 6px; background: {color:background}; }

90
91
::-webkit-scrollbar-thumb { background-color: {color:link}; -webkit-border-radius: 0px;}

92
93
94
95
a:hover{

96
color:{color:Hover}; 

97
-webkit-transition: opacity 0.4s linear;

98
-webkit-transition: all 0.2s ease-out;

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

100
transition: all 0.2s ease-out;

101
}

102
103
104
.entry {

105
float:left;

106
margin: 1px;

107
background-color: {color:background}; 

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

109
{block:IndexPage}

110
width: 500px;

111
{/block:IndexPage}

112
{block:PermalinkPage}

113
width:500px;

114
{/block:PermalinkPage}

115
}

116
   

117
.permalink{   

118
line-height: 13px;   

119
font-size: 8px;  

120
text-align:center;  

121
margin-top: 1px;   

122
text-align: right; 

123
}

124
125
@font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}

126
127
div#sidebar{

128
position:fixed !important;

129
width: 230px;

130
height:100%;

131
margin-top: 100px;   

132
margin-left: -30px; 

133
padding: 2px;

134
letter-spacing:0px;

135
margin-bottom: 6px; 

136
background-color:transparent;   

137
letter-spacing: 0px;

138
}    

139
140
#posts {

141
width:500px;

142
margin-left:223px;

143
margin-top: 10px;

144
background-color: {color:background}; 

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

146
{block:PermalinkPage}  

147
margin-left:223px;

148
{/block:PermalinkPage}

149
float:left;

150
}

151
  

152
#infscr-loading{   

153
bottom: -70px;

154
position: absolute;

155
left: 50%;

156
margin-left:-8px;

157
width:16px;

158
height:11px;

159
overflow:hidden;

160
margin-bottom: 50px;

161
}

162
163
.title{

164
font-size: 13px;

165
line-height:14px;

166
color: {color:Title}; 

167
font-weight: bold;

168
}

169
170
171
#pagination{

172
    display:none;

173
}

174
 

175
176
.perma {

177
    opacity: 0.0;

178
    filter: alpha(opacity = 0);

179
    z-index:9999991;  

180
    display: inline-block;

181
    position: absolute;

182
    text-align: left;  

183
    margin-top: 5px;

184
    margin-left: 5px;

185
    width: 100%;

186
    -webkit-transition: opacity 0.7s linear;  

187
opacity: 0.0;

188
-webkit-transition: all 0.4s ease-out;  

189
-moz-transition: all 0.4s ease-out;

190
transition: all 0.4s ease-out;

191
}

192
     

193
.entry:hover .perma   {

194
    opacity: 1;

195
    filter: alpha(opacity = 100);

196
    -webkit-transition: opacity 0.7s linear;

197
opacity: 1;

198
-webkit-transition: all 0.4s ease-out;

199
-moz-transition: all 0.4s ease-out;

200
transition: all 0.4s ease-out;

201
}

202
   

203
.likep {

204
    width: 21px;

205
    height: 20px;

206
    overflow: hidden;

207
    z-index: 9999999;

208
    display: inline-block;

209
     margin-right: 3px;

210
}

211
 

212
.rep {

213
    width: 24px;

214
    height: 20px;

215
    overflow: hidden;

216
    z-index: 9999999;

217
    display: inline-block;  

218
}  

219
 

220
.likep a:hover {

221
    background-position: 0px 0px;

222
}

223
 

224
.likep a {

225
    background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");

226
    background-position: 0px 0px;

227
    display: block;

228
    z-index: 9999999;

229
 

230
}

231
 

232
.likep img {

233
    width: 21px;

234
    height: 20px;

235
}

236
 

237
.rep img{

238
    width: 24px;

239
    height: 20px;

240
    line-height: 30px;

241
    display: inline;

242
     margin-right: 2px;

243
}

244
     

245
.not { display: inline-block;

246
    background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");

247
    height: 20px;

248
    top: -6px;

249
    font-size: 11px;

250
    line-height: 20px;

251
    color: #fff;

252
    padding-left: 4px;

253
    padding-right: 4px;

254
    -moz-border-radius: 2px;

255
    border-radius:  2px;

256
    position: relative; 

257
    left: 2px;

258
}

259
 

260
.not a, .not:hover a, .not a:hover{

261
    color: #ffffff!important;

262
    letter-spacing: 0px;

263
    font-family:;

264
    font-size:11px;

265
    font-weight:bold;

266
}   

267
     

268
.entry:hover .not, .entry:hover .rep, .entry:hover .likep {

269
    opacity: 1.0;

270
    filter: alpha(opacity = 80);

271
}

272
 

273
.not:hover , .rep:hover, .likep:hover {

274
    opacity: 0.8!important;

275
    filter: alpha(opacity = 100)!important;

276
}

277
   

278
.t {   

279
    text-align: right;

280
    opacity: 1;

281
    filter: alpha(opacity =100);

282
     margin-right: 3px;

283
    

284
}

285
 

286
.t {

287
    font-size: 10px;

288
    line-height: 13px;

289
    height: 13px;

290
     margin-right: 3px;

291
}

292
     

293
 

294
 

295
.entry:hover .t {

296
    opacity: 1;

297
    filter: alpha(opacity = 100);

298
     margin-right: 3px;

299
}

300
301
    

302
 #omg{

303
letter-spacing: 2px;

304
line-height:18px;

305
}

306
307
#omg:hover{ 

308
}

309
310
311
blockquote{

312
padding:0px 0px 2px 5px;

313
margin:0px 0px 2px 10px;

314
border-left: 1px dotted #555555;

315
border-lleft:#r4mf4g solid 1px;

316
}

317
318
319
#lol {

320
text-align:center;

321
bottom:3px;  

322
right: 3px;

323
position:fixed;

324
opacity:1.0;

325
}

326
327
{CustomCSS}

328
329
</style>

330
331
{block:IndexPage}

332-
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>

332+
<script type="text/javascript" src="http://static.tumblr.com/xek1qzw/TKgn8tjki/jquerymsnryv2.js"></script>

333-
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>

333+
334
<script type="text/javascript">

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

336
var $content = $('#posts');

337
$content.masonry({itemSelector: '.entry'}),

338
$content.infinitescroll({

339
navSelector : 'div#pagination',

340
nextSelector : 'div#pagination a#nextPage',

341
itemSelector : '.entry',

342
loading: {

343
finishedMsg: '',

344
img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'

345
},

346
bufferPx : 600,

347
debug : false,

348
},

349
// call masonry as a callback.

350
function( newElements ) {

351
var $newElems = $( newElements );

352
$newElems.hide();

353
// ensure that images load before adding to masonry layout

354
$newElems.imagesLoaded(function(){

355
$content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );

356
 

357
 

358
});

359
});

360
});

361
</script>

362
 

363
{/block:IndexPage}

364
365
366
<title>{title}</title>

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

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

370
<meta name="viewport" content="width=820" />

371
372
</head>

373
<body>

374
<div class="wrapper">

375
<div class="header">

376
</span>

377
</div>

378
379
380
381
<div id="sidebar">

382
<center><div id="omg">

383-
<div id="lol"><a href="http://cyrusnigga.tumblr.com">theme credit</a></div>

383+
384
385
{block:IfLinktwotitle} - <a href="{text:link two}">{text:link two title}</a>  {/block:IfLinktwotitle}

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

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

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

392
393
</div>

394
395
396
<center><a href="/"><img src="{image:sidebar}" width=230px></a></center>

397
398
<center>{Description}

399
</div>

400
401
<div class="left">

402
<div id="posts">

403
404
{block:Posts}    

405
<div class="entry">

406
407
{block:IndexPage}

408
{/block:IndexPage}

409
{block:Text}

410
{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>

411
<div class="permalink">

412
<a href="{permalink}">+{NoteCount}</a></div>

413
{/block:Text}

414
{block:Link}

415
<a href="{URL}" class="title">{Name}</a>

416
{block:Description}{Description}{/block:Description}

417
<div class="permalink">

418
<a href="{permalink}">+{NoteCount}</a></div>

419
{block:Link}

420
{block:Photo}

421
<div class="perma">  

422
    <div class="likep">

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

424
    </div>

425
    <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>

426
    </div>  

427
    <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>

428
    </div>    

429
{block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a></div>

430
{LinkCloseTag}{/block:IndexPage}

431
{block:PermalinkPage}{LinkOpenTag}<a href="{permalink}">

432
<img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>

433
{LinkCloseTag}{/block:PermalinkPage}

434
{/block:Photo}

435
{block:Photoset}

436
  <div class="perma">  

437
    <div class="likep">

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

439
    </div>

440
    <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>

441
    </div>  

442
    <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>

443
    </div>    

444
{block:IndexPage}

445
{Photoset-500}

446
{/block:IndexPage}

447
{/block:Photoset}

448
{block:Quote}

449
{Quote}</span>

450
{block:Source}<strong>{Source}</strong>{/block:Source}

451
<div class="permalink">

452
<a href="{permalink}">+{NoteCount}</a></div>

453
{/block:Quote}

454
{block:Chat}

455
{block:Title}<span class="title">{Title}</span>{/block:Title}

456
<ul class="chat">

457
{block:Lines}

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

459
{block:Label}

460
<span class="label">{Label}</span>

461
{/block:Label}

462
{Line}

463
</li>

464
{/block:Lines}

465
</ul><div class="permalink">

466
<a href="{permalink}">+{NoteCount}</a></div>

467
{/block:Chat}

468
{block:Audio}

469
<center><div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">

470
{block:ExternalAudio}{/block:ExternalAudio}</div></div></center>

471
<div class="permalink">

472
<a href="{permalink}">+{NoteCount}</a></div>

473
{/block:Audio}

474
{block:Video}

475
  <div class="perma">  

476
    <div class="likep">

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

478
    </div>

479
    <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>

480
    </div>  

481
    <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>

482
    </div>    

483
{block:IndexPage}   

484
<center>

485
{Video-500}</center>

486
{/block:IndexPage}

487
{block:Video}

488
{block:PermalinkPage}

489
<center>

490
{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>

491
{/block:PermalinkPage}{block:PostNotes}{PostNotes}

492
{/block:PostNotes}

493
</div>{/block:Posts}   

494
</div>

495
</div> 

496
{block:IndexPage}   

497
{block:Pagination}

498
<div id="pagination">

499
{block:NextPage}

500
<a id="nextPage" href="{NextPage}"></a>

501
{/block:NextPage}

502
{block:PreviousPage}

503
<a href="{PreviousPage}"></a>

504
{/block:PreviousPage}

505
</div>

506
{/block:Pagination}

507
{/block:IndexPage}

508
</div>

509
510
511
</body>

512
513
</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!