API tools faq
paste
View difference between Paste ID: PdYtT1tj and Jj65bUbd
SHOW: | | - or go back to the newest paste.
1
<html>
2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3
<html xmlns="http://www.w3.org/1999/xhtml">
4
<head>
5
6
 <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>

7
<script type="text/javascript">

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

9
$(".links_body").hide();

10
$(".links_head").click(function(){

11
$(this).next(".links_body").slideToggle('fast');

12-
<!--Default Variables-->

12+
13-
<!--Colors-->

13+
14
<meta name="color:Box" content="#f8f8f8"/>

15
<meta name="color:Background" content="#ffffff"/>

16
<meta name="color:Border" content="#e8e8e8"/>

17
<meta name="color:HyperLink" content="#b1486c"/>

18
<meta name="color:HyperLink Hover" content="#d6bfc7"/>

19
<meta name="color:Scrollbar" content="#b1486c"/>

20
<meta name="color:Links Text" content="#d59db0"/>

21
<meta name="color:Link Text Hover" content="#292727"/>

22
<meta name="color:Text" content="#9c8f93"/>

23
 

24-
<!--Images-->

24+
25
<meta name="image:Background" content""/>

26
<meta name="image:Sidebar" content""/>

27
 

28-
<!--Options-->

28+
29-
<meta name="if:Infinite Scrolling" content=""/>

29+
30
<meta name="text:Link 2 URL" content="/"/>

31-
<!--Links-->

31+
32
<meta name="text:Click for links" content=""/>

33
34
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

35
 

36
<script src="jquery.js"></script>

37
<script>

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

39
  $("#flip").click(function(){

40
    $("#panel").slideToggle("fast");

41
  });

42
});

43
</script>

44
 

45
 

46
{block:ifInfiniteScrolling}

47
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>

48
{/block:ifInfiniteScrolling}

49
 

50
{block:Description}

51
<meta name="description" content="{MetaDescription}" />{/block:Description}

52
<title>

53
{block:PostSummary}

54
{PostSummary} - {/block:PostSummary}{Title}</title>

55
</style>

56
 

57
<style type="text/css">

58
59
iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}

60
 

61-
img { border: 0px solid #eee; padding: 3px; filter: alpha (opacity=80); opacity: 0.80;}

61+
62-
img:hover {filter: alpha (opacity=100); opacity: 1.0;}

62+
63-
.links_list { margin:-3px; padding:0px; width:100%;font-size:9px;margin-left:-1px;}

63+
64-
.links_head { padding-top:5px; padding-bottom:10x; cursor:pointer; position:relative; margin:-3px; text-align:center;}

64+
65-
.links_body { padding:5px; text-align:left; display:none;}

65+
66
 

67
 

68
body{

69
background-color: {color:Background};

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

71
background-attachment: fixed;

72
background-repeat: repeat;

73
background-position: center;

74
font-family:calibri;

75
font-size:11px;

76
line-height:12px;

77
color:{color:Text};

78
}

79
 

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

81
color: {color:HyperLink};

82
text-decoration:none;

83
-webkit-transition: all 0.4s linear;

84
-moz-transition: all 0.4s linear;

85
transition: all 0.4s linear;

86
}

87
 

88
a:hover{

89
color: {color:HyperlinkLink Hover};

90
{block:iftinycursor}

91
cursor: url(http://i.imgur.com/IepP2.jpg), progress;

92
{/block:iftinycursor}

93
}

94
 

95
#container {

96
margin:auto;

97
width:400px;

98
}

99
 

100
#content {

101
width:400px;

102
padding:20px;

103
margin:auto;

104
margin-top:-10px;

105
}

106
 

107
#entry {

108
width:400px;

109
margin-top:60px;

110
margin-left:80px;

111
padding:3px;

112
}

113
 

114
#permalink{

115
position:relative;

116
margin-top:9px;

117
padding-top:3px;

118
font-size:8px;

119
line-height:10px;

120
font-family:cambria;

121
letter-spacing:1px;

122
text-transform:uppercase;

123
}

124
 

125
#info{

126
position:absolute;

127
margin-top:-11px;

128
font-size:8px;

129
line-height:10px;

130
font-family:cambria;

131
letter-spacing:1px;

132
right:0;

133
text-transform:uppercase;

134
}

135
 

136
#answer {

137
padding-top:50px;

138
}

139
 

140
#ask {

141
float:left;

142
margin-right:5px;

143
padding:5px;

144
background:{color:Ask Background};

145
width:492px;

146
}

147
 

148
#asker {

149
float:left;

150
}

151
 

152
.askername{

153
text-transform:uppercase;

154
font-size:10px;

155
font-weight:bold;

156
letter-spacing:1px;

157
padding-top:3px;

158
margin-top:3px;

159
text-align:right;

160
border-top:1px solid {color:Border};

161
}

162
 

163
#side {

164
position:fixed;

165
text-align:center;

166
width:150px;

167
margin-top:270px;

168
margin-left:-100px;

169
}

170
171
#sidepic{

172
-webkit-transition: opacity 0.5s linear;

173
opacity: 0.8;

174
}

175
 

176
#sidepic:hover{

177
-webkit-transition: opacity 0.5s linear;

178
opacity: 1;

179
}

180
 

181
 

182
#sidepic{

183
-moz-transition: opacity 0.5s linear;

184
opacity: 0.8;

185
}

186
 

187
#sidepic:hover{

188
-moz-transition: opacity 0.5s linear;

189
opacity: 1;

190
}

191
 

192
#navigate a{

193
text-transform:uppercase;

194
font-family:cambria;

195
font-size:8px;

196
letter-spacing:.3px;

197
margin-top:4px;

198
margin-left:6px;

199
padding:2px;

200
text-align:center;

201
z-index:1;

202
display:inline-block;

203
background:{color:Sidelinks};

204
color:{color:Links Text};

205
transition: all 0.5s ease-out;

206
-o-transition-transition: all 0.5s ease-out;

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

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

209
}

210
 

211
#navigate a:hover{

212
background:{color:Link Hover};

213
color:{color:Links Text Hover};

214
transition: all 0.5s ease-out;

215
-o-transition-transition: all 0.5s ease-out;

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

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

218
}

219
 

220
.pgs {

221
text-align:right;

222
font-family:cambria;

223
font-size:10px;

224
text-transform:uppercase;

225
margin-left:10px;

226
border-top:1px solid {color:Border};

227
}

228
 

229
.posttitle{

230
font-family:cambria;

231
font-size: 17px;

232
line-height: 20px;

233
}

234
 

235
blockquote{

236
padding:0px 0px 2px 5px;

237
margin:0px 0px 2px 1px;

238
border-left: 3px solid {color:HyperLink Hover};}

239
blockquote p, ul{margin:0px; padding:0px;

240
}

241
 

242
.chat .line{

243
padding: 2px;

244
}

245
 

246
.chat .line .odd{

247
color: {color:Link};

248
}

249
 

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

251
 

252
a img{border: 0px;}

253
 

254
.p { padding-top: 5px; }

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

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

257
 

258
.cover {position: absolute; z-index: 1; width:75px; padding:5px; border:1px solid {color:Border};}

259
 

260
.playbox {position: absolute; z-index: 1000;}

261
 

262
.playbutton {width: 26px;  height: 26px;  overflow: hidden;  position: relative; z-index:2;border:5px solid white;}

263
 

264
.playbox {background-color: black;   position: absolute;  z-index:2; margin-top: 25px;  margin-left: 24px; opacity:.6;

265
-webkit-transition: all 0.6s linear;

266
-moz-transition: all 0.6s linear;

267
transition: all 0.6s linear;}

268
 

269
.playbox:hover {opacity:.8;}

270
 

271
.title{

272-
.notes img{width:10px; position:left; top:3px;}

272+
273
position:absolute;

274-
#credit {

274+
275
margin-left:90px;

276-
font-size:9px;

276+
277
z-index: 1000;

278-
width:70px;

278+
279-
height:20px;

279+
280
 

281-
padding-bottom:4px;

281+
282-
padding-right:4px;

282+
283-
bottom:0;

283+
.notes img{width:10px; position:left; top:3px;} 

284
 

285-
z-index:12;

285+
286
</style>

287
 

288-
#credit .z a{color:{color:Text};}

288+
289
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />

290-
#credit .p{

290+
291-
opacity:1.0;

291+
292
<body>

293-
margin-top:00px;

293+
294-
margin-left:14px;

294+
295
<div id="side">

296-
overflow:hidden;

296+
297-
position: absolute;

297+
298-
background:white;

298+
299
 

300
<div class="desc">

301-
z-index:100;

301+
302
<div style="padding:2px;margin-top:2px;width:90px;margin-left:24px;font-size:10px;">

303-
-webkit-transition: all 0.5s linear;

303+
304-
-moz-transition: all 0.5s linear;

304+
305-
transition: all 0.5s linear;

305+
306-
border:1px solid {color:Border};

306+
<p class="links_head"><i>{text:Click for links}</i></p>

307
<div class="links_body">

308
<center>

309-
#credit:hover .p{

309+
310-
opacity:.9;

310+
311-
margin-top:30px;

311+
312-
transition: all 0.5s linear;

312+
313
</center>

314-
-webkit-transition: all 0.5s linear;

314+
315-
-moz-transition: all 0.5s linear;

315+
316
</center> 

317
<hr color="#cdcdcf"; size=".5px";"> 

318-
#credit .z{

318+
319-
margin-top:100px;

319+
320-
margin-top:0px;

320+
321
{/block:PreviousPage}

322-
background:white;

322+
323-
text-align:left;

323+
324
</div>

325-
opacity:0;

325+
326-
overflow:hidden;

326+
327-
position: absolute;

327+
328
 

329-
-webkit-transition: all 0.5s linear;

329+
330-
-moz-transition: all 0.5s linear;

330+
331-
transition: all 0.5s linear;

331+
332-
z-index:1200;

332+
333-
border:1px solid {color:Border};

333+
334
<div class="posttitle">{Title}</div>

335
{/block:Title}

336-
#credit:hover .z{

336+
337-
opacity:1;

337+
338-
margin-left:-5px;

338+
339-
transition: all 0.5s linear;

339+
340
<div class="posttitle">

341-
-webkit-transition: all 0.5s linear;

341+
342-
-moz-transition: all 0.5s linear;

342+
343
{block:Description}{Description}{/block:Description}

344
{/block:Link}

345
 

346
{block:Photo}

347
<center>

348
{LinkOpenTag}

349
<div id="pic">

350
<a href="{permalink}">

351
<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400"></a>

352
</div>

353
{LinkCloseTag}

354
</center>

355
{block:Caption}{Caption}{/block:Caption}

356
{block:ContentSource}

357
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"

358
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />

359
{/block:SourceLogo}

360
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->

361
{/block:ContentSource}

362
{block:ReblogParentURL}

363
<!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->

364
{/block:ReblogParentURL}

365
{/block:Photo}

366
 

367-
<p class="links_head"><i>click for links</i></p>

367+
368
<center>

369
<div class="photo">

370
{Photoset-400}

371
</div>

372
</center>

373
{block:Caption}{Caption}{/block:Caption}

374
{/block:Photoset}

375
 

376
{block:Quote}

377
<div class="posttitle">"{Quote}"</div>

378
{block:Source}

379
<i> - {Source}</i>

380
{/block:Source}

381
{/block:Quote}

382
 

383
{block:Chat}

384
{block:Title}

385
<div class="posttitle">

386
{Title}

387
</div>

388
{/block:Title}

389
<div class="chat">

390
{block:Lines}

391
<div class="chat">

392
<div class="line {Alt}">

393
<div class="{Alt} user_{UserNumber}">

394
{block:Label}

395
<b>{Label} </b>

396
{/block:Label}

397
{Line}

398
</div>

399
</div>

400
</div>

401
{/block:Lines}

402
</div>

403
{/block:Chat}

404
 

405
{block:Audio}

406
<div class="playbox">

407
<div class="playbutton">

408
{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}

409
</div></div>

410
{block:AlbumArt}

411
<img src="{AlbumArtURL}" class="cover">

412
{/block:AlbumArt}

413
 

414
<div class="title">

415
{block:TrackName}

416
<b>Title</b>:{TrackName}

417
{/block:TrackName}

418
</div>

419
 

420
<div class="title">

421
{block:Artist}

422
<b>Artist:</b>{Artist}

423
{/block:Artist}

424
</div>

425
 

426
<div class="title">

427
{PlayCountWithLabel}

428
</div>

429
 

430
<br>

431
{block:Caption}{Caption}{/block:Caption}

432
{/block:Audio}

433
 

434
{block:Video}

435
<center>

436
<div class="photo">

437
{Video-400}

438
</div>

439
</center>

440
{block:Caption}{Caption}{/block:Caption}

441
{/block:Video}

442
 

443
{block:IndexPage}

444
<div id="permalink">posted

445
<a href="{Permalink}"> {TimeAgo}</a>

446
with

447
<a href="{Permalink}">{NoteCountWithLabel}</a>

448
<div id="info">

449
{block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank">via:{ReblogParentName}</a> / (<a href="{ReblogRootURL}" target="_blank">©:{ReblogRootName}</a>)  {/block:RebloggedFrom}

450
</div>

451
<br>

452
{block:HasTags}

453
TAGGED AS:

454
{block:Tags}<a href="{TagURL}">#{Tag}</a>

455
{/block:Tags}

456
{/block:HasTags}

457
</div>

458
{/block:IndexPage}

459
 

460
{block:PermalinkPage}

461
<center>

462
<div id="permalink">

463
{block:Date}

464
{TimeAgo} on

465
{ShortMonth} {DayofMonth},{Year}

466
{/block:Date}

467
{block:NoteCount} · {NoteCountWithLabel}

468
{/block:NoteCount}

469
{block:HasTags} · Tags:

470
{block:Tags}<a href="{TagURL}">#{Tag} </a>

471
{/block:Tags}

472
{/block:HasTags}

473
<br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a> · (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>)  {/block:RebloggedFrom}

474
</div>

475
</center>

476
{/block:PermalinkPage}

477
 

478
{block:PostNotes}

479
{PostNotes}

480
{/block:PostNotes}

481
</div>

482
{/block:Posts}

483
</div>

484
 

485
<div style="font-size: 10px; letter-spacing: 1px; float: right; position: fixed; bottom: 5px; right: 5px; text-transform:lowercase;"><a href="http://joshdevin.tumblr.com">©joshdevin</a></div> 

486
487
</body>

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