API tools faq
paste
View difference between Paste ID: UVz95TV5 and AQ07TjRu
SHOW: | | - or go back to the newest paste.
1
<!--
2
3
FADED THEME CREATED BY DECADE (SUNRISENTHEMES)
4
RELEASED 20/06/2015
5
 _     ___    __   _    _     ___
6
|  \  |     /     /_\  |  \  |
7
|   | |--- |     |   | |   | |---
8
|__/  |___  \___ |   | |__/  |___
9
10
FIND MORE THEMES BY DECADE AT SUNRISENTHEMES
11
12
-->
13
<html lang="en">
14
<head>
15
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
16
<html xmlns="http://www.w3.org/1999/xhtml">
17
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
18
<script type="text/javascript"
19
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
20
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
21
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro|Oxygen|Fredoka+One|Open+Sans' rel='stylesheet' type='text/css'>
22
23
<title>{Title}</title>

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

26
27
<meta name="color:background" content="#ffffff"/>

28
<meta name="color:text" content="#000000"/>

29
<meta name="color:link" content="#000000"/>

30
<meta name="color:hover" content="#cccccc"/>

31
32
<meta name="image:background" content=""/>

33
<meta name="image:sidebar" content=""/>

34
35
<meta name="if:1 column" content="0"/>

36
<meta name="if:image fade" content="1"/>

37
38
<meta name="text:link one" content=""/>

39
<meta name="text:link one title" content=""/>

40
<meta name="text:link two" content=""/>

41
<meta name="text:link two title" content=""/>

42
<meta name="text:link three" content=""/>

43
<meta name="text:link three title" content=""/>

44
<meta name="text:link four" content=""/>

45
<meta name="text:link four title" content=""/>

46
<meta name="text:link five" content=""/>

47
<meta name="text:link five title" content=""/>

48
49
<style type="text/css">

50
51
::-webkit-scrollbar-thumb{ 

52
background-color: #e1e1e1;

53
border: 2px solid {color:background};

54
height:auto;

55
-moz-border-radius: 10px;

56
border-radius: 10px;

57
}

58
59
::-webkit-scrollbar { 

60
height:auto;

61
width:9px; 

62
background-color: #999999;

63
border: 4px solid {color:background}; 

64
}

65
66
body{

67
margin:0px; 

68
background-repeat: repeat;

69
background-attachment:fixed;

70
background-color:{color:background};

71
background-image:url('{image:background}');

72
{block:indexpage}

73
background-position:400px 0px;

74
{/block:indexpage}

75
font-size: 11px; 

76
font-family: source code pro;

77
line-height:9px;

78
text-transform:lowercase;

79
color: {color:text};

80
}

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

83
color: {color:link}; 

84
text-decoration: none; 

85
padding-bottom:1px;

86
-webkit-transition-duration:.2s;

87
}

88
89
a:hover{

90
color: {color:hover};

91
}

92
93
#sidebar{

94
position:fixed;

95
width:160px;

96
height:auto;

97
line-height:10px;

98
font-size:9px;

99
letter-spacing:0px;

100
text-transform:uppercase;

101
font-family:consolas;

102
z-index:100;

103
background:white;

104
opacity:1;

105
margin-top:50px;

106
padding-top:2px;

107
padding-bottom:3px;

108
margin-left:0px;

109
opacity:1;

110
z-index:3;

111
border:1px solid #e3e3e3;

112
border-top:13px solid #e3e3e3;

113
}

114
115
.entry {

116
margin:25px;

117
padding: 7px;

118
margin-bottom:0px;

119
float:left;

120
padding-bottom:4px;

121
background-color:white;

122
margin-bottom:22px;

123
border:1px solid #e3e3e3;

124
border-top:13px solid #e3e3e3;

125
{block:IndexPage}

126
width:250px;

127
{/block:IndexPage}

128
{block:PermalinkPage}

129
width:500px;

130
padding-top:5px;

131
margin-top:30px;

132
{/block:PermalinkPage}

133
font-family:calibri;

134
font-size: 12px;

135
letter-spacing:0px;

136
text-transform:lowercase;

137
line-height:14px;

138
color:{color:text};

139
z-index:1;

140
}

141
.entry img{max-width:100%;}

142
.photo a, .photo a:hover{background:none;border:none;}

143
144
.blogtitle{

145
font-size:20px;

146
line-height:24px;

147
color:black;

148
margin-left:8px;

149
background-size:auto;

150
font-family:fredoka one;}

151
152
.wrapper{{block:indexpage}width:860px;{block:if1column}width:480px;{/block:if1column}{/block:indexpage}{block:permalinkpage}width:540px;{/block:permalinkpage}margin:0px auto;}

153
154
#posts {  

155
width:640px;    

156
{block:if1column}    

157
width:320px;

158
{/block:if1column}

159
padding-top:0px;

160
margin-top:0px;

161
padding-bottom:0px;

162
margin-left:185px;

163
background:transparent;

164
{block:permalinkpage}

165
width:540px;

166
padding-top:0px;

167
{/block:permalinkpage}

168
z-index:3;

169
}

170
171
#infscr-loading{

172
bottom: -10px;

173
position: absolute;

174
left: 50%;

175
margin-left:-8px;

176
width:16px;

177
height:16px;

178
overflow:hidden;

179
margin-bottom: 50px;

180
}

181
182
.img{{block:indexpage}{block:ifimagefade}opacity:.8;{/block:ifimagefade}{/block:indexpage}-webkit-transition-duration:.7s;/*-webkit-filter:grayscale(0%);*/}

183
184
.img:hover, .entry:hover .img{opacity:1;/*-webkit-filter:grayscale(100%);*/}

185
186
.title{

187
font-family:consola;

188
font-size: 9px;

189
font-weight:normal;

190
line-height:7px;

191
letter-spacing:1px;

192
text-transform:uppercase;

193
}

194
195
blockquote{

196
padding:0px 0px 2px 5px; 

197
margin:2px 0px 2px 1px; 

198
border-left: 1px solid #cccccc;}

199
blockquote p, ul{margin:0px; padding:0px;}

200
201
.chat .line{

202
background-color:#ffffff;

203
margin: 0 0 1px;

204
padding: 5px;

205
}

206
.chat .line.odd{ 

207
background-color:#e3e3e3;

208
}

209
210
.label {font-weight:bold; color:{color:text}}

211
212
a img{border: 0px;}

213
214
.p { padding-top: 5px; }

215
.ol, ul { margin-left: 10px; padding: 5px; }

216
.ul { list-style-type: square; }

217
218
.albumart { margin-bottom: 0px; }

219
.albumart img, .audio embed { width: 55px; padding-right: 5px;}

220
.notes img{width:20px; position:left; top:5px;border-radius:100px;}

221
.notes{line-height:17px;text-transform:uppercase;font-family:consolas;font-size:9px;letter-spacing:1px;text-align:left;}

222
223
#s-m-t-tooltip{

224
    box-shadow:1px 1px 3px rgba(0,0,0,.1);

225
    max-width:270px;

226
    margin-top:7px;

227
    margin-left:7px;

228
    padding-left:4px;

229
    padding-right:4px;

230
    border:none;

231
    border-radius:0px;

232
    z-index:1000;

233
    background-color:#000000;

234
    color:#fff;

235
    font-family:source sans pro;

236
    z-index:9;

237
    font-size:8px;

238
    letter-spacing:1px;

239
    font-style:normal;

240
    text-transform:uppercase;

241
    line-height:15px;

242
}

243
244
.ig{opacity:.9;-webkit-transition-duration:.8s;}.ig:hover, .entry:hover .ig{opacity:1;}

245
246
.photoperm {position:absolute;margin-top:-20px; right:0px; width:11px;height:11px;border:1px solid #555555;padding:0px;background:#555555;opacity:1;}

247
.photoperm:hover{background:#fd8d88;}

248
.photoperma{position:absolute;margin-top:-20px; right:14px;width:11px;height:11px;border:1px solid #777777;padding:0px;background:#777777;opacity:1;}

249
.photoperma:hover{background:#fd8d88;}

250
.photoperms{position:absolute;margin-top:-20px; right:28px;width:11px;height:11px;border:1px solid #999999;padding:0px;background:#999999;opacity:1;}

251
.photoperms:hover{background:#fd8d88;}

252
253
.links{right:0px;width:14px;margin-left:147px;{block:iflinkonetitle}width:25px;margin-left:133px;{/block:iflinkonetitle}{block:iflinktwotitle}width:38px;margin-left:119px;{/block:iflinktwotitle}{block:iflinkthreetitle}width:51px;margin-left:105px;{/block:iflinkthreetitle}{block:iflinkfourtitle}width:64px;margin-left:91px;{/block:iflinkfourtitle}{block:iflinkfivetitle}width:78px;margin-left:77px;{/block:iflinkfivetitle}height:12px;margin-top:0px;padding:0px;background:transparent;}

254
255
.link1 {position:absolute; width:11px;height:11px;border:1px solid #111111;padding:0px;background:#111111;opacity:1;margin-left:70px;margin-top:-15px;}

256
.link1:hover{background:#fd8d88;}

257
.link2 {position:absolute;margin-top:-15px; margin-left:56px; width:11px;height:11px;border:1px solid #333333;padding:0px;background:#333333;opacity:1;}

258
.link2:hover{background:#fd8d88;}

259
.link3 {position:absolute;margin-top:-15px; margin-left:42px; width:11px;height:11px;border:1px solid #555555;padding:0px;background:#555555;opacity:1;}

260
.link3:hover{background:#fd8d88;}

261
.link4 {position:absolute;margin-top:-15px; margin-left:28px; width:11px;height:11px;border:1px solid #777777;padding:0px;background:#777777;opacity:1;}

262
.link4:hover{background:#fd8d88;}

263
.link5 {position:absolute;margin-top:-15px;margin-left:14px; width:11px;height:11px;border:1px solid #999999;padding:0px;background:#999999;opacity:1;}

264
.link5:hover{background:#fd8d88;}

265
.link6 {position:absolute;margin-top:-15px;margin-left:0px; width:11px;height:11px;border:1px solid #bbbbbb;padding:0px;background:#bbbbbb;opacity:1;}

266
.link6:hover{background:#fd8d88;}

267
{CustomCSS}

268
</style>

269
<!-----

270
credit - please keep this link so i can keep my themes free, otherwise i will have to make all themes premium and nobody likes paying for themes, thank you for understanding

271
------->

272
<div style="bottom:5px;right:5px;position:fixed;z-index:99999999999999999;"><a href="http://decade.tumblr.com" title="credit"><img src="http://static.tumblr.com/sjab39p/xU4nc96xj/cigarette.png" style="z-index:999999999;"/></a></div>

273
<!----- end credit ------>

274
{block:IndexPage}

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

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

277
<script type="text/javascript">

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

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

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

281
$content.infinitescroll({

282
navSelector : 'div#pagination',

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

284
itemSelector : '.entry',

285
loading: {

286
finishedMsg: '',

287
img: 'http://static.tumblr.com/apahx90/gbVmpo84y/ajax-loader-1.gif'

288
},

289
bufferPx : 600,

290
debug : false,

291
},

292
// call masonry as a callback.

293
function( newElements ) {

294
var $newElems = $( newElements );

295
$newElems.hide();

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

297
$newElems.imagesLoaded(function(){

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

299
});

300
});

301
});

302
</script>

303
304
{/block:IndexPage}

305
<meta name="viewport" content="width=800" />

306
307
</head><body>

308
<div class="wrapper">

309
<div id="sidebar">

310
<div class="links">

311
<a href="/" title="refresh"><div class="link6"></div></a>

312
{block:iflinkonetitle}

313
<a href="{text:link one}" title="{text:link one title}"><div class="link5"></div></a>

314
{/block:iflinkonetitle}

315
{block:iflinktwotitle}

316
<a href="{text:link two}" title="{text:link two title}"><div class="link4"></div></a>

317
{/block:iflinktwotitle}

318
{block:iflinkthreetitle}

319
<a href="{text:link three}" title="{text:link three title}"><div class="link3"></div></a>

320
{/block:iflinkthreetitle}

321
{block:iflinkfourtitle}

322
<a href="{text:link four}" title="{text:link four title}"><div class="link2"></div></a>

323
{/block:iflinkfourtitle}

324
{block:iflinkfivetitle}

325
<a href="{text:link five}" title="{text:link five title}"><div class="link1"></div></a>

326
{/block:iflinkfivetitle}

327
</div>

328
{block:ifshowsidebarimage}

329
<center><a href="/" title="{blogtitle}"><img src="{image:sidebar}" style="max-width:150px;padding-top:3px;padding-bottom:2px;margin-bottom:2px;"/></a><br>

330
{/block:ifshowsidebarimage}

331
<div style="text-align:justify;width:150px;margin-left:5px;">{description}</div>

332
</div>

333
<div class="autopagerize_page_element">

334
<div id="posts">

335
336
{block:Posts}

337
<div class="entry" style="{block:Audio}padding-bottom:5px;{/block:Audio}"> 

338
339
{block:Text}

340
{block:IndexPage}

341
<a href="{reblogurl}" target="_blank" title="reblog"><div class="photoperm"></div></a>

342
<a href="{permalink}" title="{notecountwithlabel}"><div class="photoperma"></div></a>

343
<a href="{permalink}" title="{12Hour}:{Minutes} {AmPm}"><div class="photoperms"></div></a>

344
{/block:IndexPage}

345
{block:Title}<div class="title">{Title}</div>{/block:Title}

346
{Body}

347
{/block:Text}

348
349
{block:Link}

350
{block:IndexPage}

351
<a href="{reblogurl}" target="_blank" title="reblog"><div class="photoperm"></div></a>

352
<a href="{permalink}" title="{notecountwithlabel}"><div class="photoperma"></div></a>

353
<a href="{permalink}" title="{12Hour}:{Minutes} {AmPm}"><div class="photoperms"></div></a>

354
{/block:IndexPage}

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

356
{block:Description}{Description}{/block:Description}

357
{block:Link}

358
359
{block:Photo}

360
{block:IndexPage}

361
<a href="{reblogurl}" target="_blank" title="reblog"><div class="photoperm"></div></a>

362
<a href="{permalink}" title="{notecountwithlabel}"><div class="photoperma"></div></a>

363
<a href="{permalink}" title="{12Hour}:{Minutes} {AmPm}"><div class="photoperms"></div></a>

364
{/block:IndexPage}

365
<div class="img">

366
{block:IndexPage}

367
<a href="{permalink}"><img src="{PhotoURL-HighRes}" width="100%"></img></a>{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-500}" width="500px" class="border"></img>{/block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}

368
</div>

369
{/block:Photo}

370
371
{block:Answer}

372
<img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;border-radius:100px;"/>

373
<b>{Asker}</b>: <b>{Question}</b>{Answer}

374
{block:IndexPage}

375
<div class="perm"><a href="{permalink}">{timeago}</a> / <a href="{permalink}">{notecountwithlabel}</a></div>

376
{/block:IndexPage}

377
{/block:Answer}

378
379
{block:Photoset}

380
<div class="img">

381
{block:IndexPage}

382
<a href="{reblogurl}" target="_blank" title="reblog"><div class="photoperm"></div></a>

383
<a href="{permalink}" title="{notecountwithlabel}"><div class="photoperma"></div></a>

384
<a href="{permalink}" title="{12Hour}:{Minutes} {AmPm}"><div class="photoperms"></div></a>

385
{/block:IndexPage}

386
{block:IndexPage}<a href="{permalink}">{block:Photos}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250px"/>{/block:Photos}<div style="display:none;">{block:RebloggedFrom}{ReblogParentName}{ReblogParentTitle}{ReblogParentURL}{/block:RebloggedFrom}{block:ContentSource}{SourceURL} {/block:ContentSource}</div></a>{/block:IndexPage}

387
{block:PermalinkPage}<center>{Photoset-500}</center>{/block:PermalinkPage}

388
</div>

389
{/block:Photoset}

390
391
{block:Quote}

392
{Quote}

393
<!-- permalink --> {block:IndexPage}

394
 <div style="margin-top:2px;">

395
 <p class="perma"><a href="{Permalink}">{Source}</a> // <a href="{reblogurl}" target="_blank">reblog</a></p> </div>

396
<!-- /permalink --> {/block:IndexPage}  

397
{/block:Quote}

398
399
{block:Audio}

400
{block:IndexPage}

401
<a href="{reblogurl}" target="_blank" title="reblog"><div class="photoperm"></div></a>

402
<a href="{permalink}" title="{notecountwithlabel}"><div class="photoperma"></div></a>

403
<a href="{permalink}" title="{12Hour}:{Minutes} {AmPm}"><div class="photoperms"></div></a>

404
{/block:IndexPage}

405
{block:indexpage}

406
<div id="audio">{block:AlbumArt}<a href="{permalink}" title="{block:Artist}{Artist}{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}"><img src="{AlbumArtURL}" style="width:250px;height:auto;position:relative;" class="ig"/></a>{/block:AlbumArt}</div><div style="width:250px;height:auto;background:#e3e3e3;">{AudioPlayerGrey}</div>

407
{block:ExternalAudio}{/block:ExternalAudio}

408
{/block:indexpage}

409
{block:permalinkpage}

410
<div id="audio">{block:AlbumArt}<img src="{AlbumArtURL}" style="width:47px;height:47px;position:relative;">{/block:AlbumArt}</div><div style="float:left;text-align:left;width:450px;height:27px;padding-top:10px;padding-bottom:10px;{block:albumart}margin-top:-51px;{/block:albumart}float:right;background-color:#000000;">{AudioPlayerBlack}

411
{block:ExternalAudio}{/block:ExternalAudio}</div>

412
{/block:permalinkpage}

413
{/block:Audio}

414
415
{block:video}

416
{block:IndexPage}

417
<a href="{reblogurl}" target="_blank" title="reblog"><div class="photoperm"></div></a>

418
<a href="{permalink}" title="{notecountwithlabel}"><div class="photoperma"></div></a>

419
<a href="{permalink}" title="{12Hour}:{Minutes} {AmPm}"><div class="photoperms"></div></a>

420
{/block:IndexPage}

421
{block:indexpage}

422
<center><a href="{permalink}">view video</a></center>

423
{block:indexpage}

424
{block:permalinkpage}

425
{video-500}

426
{/block:permalinkpage}

427
{/block:video}

428
429
{block:Chat}

430
{block:IndexPage}

431
<a href="{reblogurl}" target="_blank" title="reblog"><div class="photoperm"></div></a>

432
<a href="{permalink}" title="{notecountwithlabel}"><div class="photoperma"></div></a>

433
<a href="{permalink}" title="{12Hour}:{Minutes} {AmPm}"><div class="photoperms"></div></a>

434
{/block:IndexPage}

435
{block:Title}<div class="title"><center>{Title}</center></div>{/block:Title}

436
<div class="chat">

437
<div class="lines">

438
{block:Lines}

439
<div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>

440
{/block:Lines}

441
</div>

442
</div>

443
{/block:Chat}

444
445
{block:IndexPage}

446
<div style="display:none;">

447
{block:ContentSource}

448
<a href="{SourceURL}">

449
{lang:Source}:

450
{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}

451
{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}

452
</a>via {ReblogParentName}{block:RebloggedFromReblog}{/block:RebloggedFromReblog}{/block:ContentSource}</div>

453
{/block:IndexPage}

454
455
{block:PermalinkPage}

456
<center>

457
{block:Date}

458
<center>

459
{TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}

460
<br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="http://tumblr.com/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}{/block:hasTags}</center>

461
{/block:Date}

462
{block:RebloggedFrom}

463
<center><br>{via: <a href="{ReblogParentURL}">{ReblogParentName}</a>}

464
</center>

465
{/block:RebloggedFrom}

466
{/block:PermalinkPage}

467
468
{block:PostNotes}<div class="notes">{PostNotes}</div>

469
{/block:PostNotes}

470
</div>

471
472
473
{/block:Posts}

474
</div>

475
</div></div> 

476
<div class="right">

477
</div> 

478
<div class="footer">

479
<br>

480
</div>

481
</body>

482
</html>

483
<div style="position:fixed;right:0px;bottom:-425px;">

484
{block:IndexPage}

485
{block:Pagination}

486
<div id="pagination">

487
{block:NextPage}

488
<a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>

489
{/block:NextPage}

490
{block:PreviousPage}

491
<a href="{PreviousPage}">&larr;&nbsp;</a>

492
{/block:PreviousPage}

493
</div>

494
{/block:Pagination}

495
{/block:IndexPage}</div></div>

496
</body>

497
<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>

498
<script>

499
(function($){

500
$(document).ready(function(){

501
$("[title],a[title],img[title]").style_my_tooltips({ 

502
    tip_follows_cursor:true,

503
    tip_delay_time:100,

504
    tip_fade_speed:300,

505
    attribute:"title"

506
});

507
});

508
})(jQuery);

509
</script>

510
</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!