API tools faq
paste
View difference between Paste ID: XHQzqCtk and mc32VfgJ
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
7
<meta name="color:Box" content="#f8f8f8"/>
8
<meta name="color:Background" content="#ffffff"/>
9
<meta name="color:Border" content="#e8e8e8"/>
10
<meta name="color:HyperLink" content="#b1486c"/>
11
<meta name="color:HyperLink Hover" content="#d6bfc7"/>
12
<meta name="color:Scrollbar" content="#b1486c"/>
13
<meta name="color:Links Text" content="#d59db0"/>
14
<meta name="color:Link Text Hover" content="#292727"/>
15
<meta name="color:Text" content="#9c8f93"/>
16
<meta name="color:LinkHoverBackground" content="#9c8f93"/>
17
<meta name="color:SidebarColor" content=""/>
18
19
<meta name="image:Sidebar" content""/>
20
21
 

22
<meta name="text:Link 1 URL" content="/"/>

23
<meta name="text:Link 1 name" content=""/>

24
<meta name="text:Link 2 URL" content="/"/>

25
<meta name="text:Link 2 name" content=""/>

26
<meta name="text:Link 3 URL" content="/"/>

27
<meta name="text:Link 3 name" content=""/>

28
<meta name="text:Link 4 URL" content="/"/>

29
<meta name="text:Link 4 name" content=""/>

30
 

31
 

32
 

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

34
 

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

36
<script>

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

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

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

40
  });

41
});

42
</script>

43
 

44
 

45
 

46
{block:Description}

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

48
<title>

49
{block:PostSummary}

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

51
</style>

52
53
 <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>

54
55
 

56
<style type="text/css">

57
58
#bite

59
#bite a{

60
display:block

61
}

62
#bite .death {

63
margin-top:-60px;filter: alpha(opacity = 0);

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

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

66
}

67
 

68
#bite:hover .death {

69
margin-top:2px;

70
-webkit-transition: all 0.8s ease-out;

71
-moz-transition: all 0.8s ease-out;

72
transition: all 0.8s ease-out;

73
filter: alpha(opacity = 100);

74
filter: alpha(opacity = 100);

75
opacity:100;

76
}

77
 

78
 

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

80
 

81
 

82
iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}

83
 

84
::-webkit-scrollbar {width: 5px; height: 5px; background:{color:Scrollbar Background}; }

85
::-webkit-scrollbar-thumb { background-color: {color:Scrollbar};}

86
 

87
{block:iftinycursor}

88
body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png), progress;}

89
{/block:iftinycursor}

90
 

91
body{

92
background-color: {color:Background};

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

94
background-attachment: fixed;

95
background-repeat: repeat;

96
background-position: center;

97
font-family:"Inconsolata";

98
font-size:11px;

99
line-height:12px;

100
letter-spacing:1px;

101
color:{color:Text};

102
}

103
 

104
a:link, a:active, a:visited{

105
color: {color:HyperLink};

106
text-decoration:none;

107
-webkit-transition: all 0.4s linear;

108
-moz-transition: all 0.4s linear;

109
transition: all 0.4s linear;

110
}

111
 

112
a:hover{

113
color: {color:HyperLink Hover};

114
{block:iftinycursor}

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

116
{/block:iftinycursor}

117
}

118
 

119
#container {

120
margin:auto;

121-
width:400px;

121+
width:500px;

122
}

123
 

124
#content {

125-
width:400px;

125+
width:500px;

126
padding:20px;

127
margin-left:auto;

128
margin-right:auto;

129
margin-top:-10px;

130
}

131
 

132
#entry {

133-
width:400px;

133+
width:500px;

134
margin-top:20px;

135
margin-left:30px;

136
padding:3px;

137
 

138
}

139
 

140
#permalink{

141
position:relative;

142
margin-top:9px;

143
padding-top:3px;

144
font-size:8px;

145
line-height:10px;

146
font-family:cambria;

147
letter-spacing:1px;

148
text-transform:uppercase;

149
}

150
 

151
#info{

152
position:absolute;

153
margin-top:-11px;

154
font-size:8px;

155
line-height:10px;

156
font-family:cambria;

157
letter-spacing:1px;

158
right:0;

159
text-transform:uppercase;

160
}

161
 

162
#answer {

163
padding-top:50px;

164
}

165
 

166
#ask {

167
float:left;

168
margin-right:5px;

169
padding:5px;

170
background:{color:Ask Background};

171
width:492px;

172
}

173
 

174
#asker {

175
float:left;

176
}

177
 

178
.askername{

179
text-transform:uppercase;

180
font-size:10px;

181
font-weight:bold;

182
letter-spacing:1px;

183
padding-top:3px;

184
margin-top:3px;

185
text-align:right;

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

187
}

188
 

189
#side {

190
position:fixed;

191
text-align:center;

192
width:120px;

193
margin-top:260px;

194
margin-left:-110px;

195
}

196
 

197
#sidepic {

198
text-align:center;

199
width:80px;

200
z-index:999;

201
background:{color:SideBarColor};

202
padding:2px;

203
}

204
 

205
.description {

206
text-align:center;

207
font-family:courier;

208
padding:3px; 

209
width:79px; 

210
font-size:8px;

211
margin-top:5px;

212
background:{color:background};

213
}

214
 

215
#navigate a{

216
text-transform:lowercase;

217
font-family:"Inconsolata";

218
font-size:9px;

219
letter-spacing:1px;

220
margin-top:1px;

221
margin-bottom:5px; 

222
text-align:center;

223
display:block;

224
color:{color:Links Text};

225
transition: all 0.5s ease-out;

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

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

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

229
}

230
 

231
 

232
#navigate a:hover{

233
background:{color:LinkHoverBackground};

234
color:{color:Link Text Hover};

235
transition: all 0.5s ease-out;

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

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

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

239
}

240
 

241
.pgs {

242
text-align:right;

243
font-family:cambria;

244
font-size:10px;

245
text-transform:uppercase;

246
margin-left:10px;

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

248
}

249
 

250
.posttitle{

251
font-family:cambria;

252
font-size: 17px;

253
line-height: 20px;

254
}

255
 

256
blockquote{

257
padding:0px 0px 2px 5px;

258
margin:0px 0px 2px 1px;

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

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

261
}

262
 

263
.chat .line{

264
padding: 2px;

265
}

266
 

267
.chat .line .odd{

268
color: {color:Link};

269
}

270
 

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

272
 

273
a img{border: 0px;}

274
 

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

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

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

278
 

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

280
 

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

282
 

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

284
 

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

286
-webkit-transition: all 0.6s linear;

287
-moz-transition: all 0.6s linear;

288
transition: all 0.6s linear;}

289
 

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

291
 

292
.title{

293
width:

294
position:absolute;

295
line-height:23px;

296
padding:4px;

297
z-index: 1000;

298
text-transform:uppercase;

299
}

300
 

301
.video embed, .post div.video object {width:250px; height:187px}

302
 

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

304
 

305
 

306
{CustomCSS}

307
</style>

308
 

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

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

311
 

312
</head>

313
<body>

314
<div id="container">

315
<div id="content">

316
<div id="side">

317
<div id="bite">

318
<div id="sidepic"><img src="{image:Sidebar}" style="width:65px;padding:5px;opacity:0.80;"/>

319
<div id="navigate">

320
<a href="{text:Link 1 URL}">{text:Link 1 name}</a>

321
<a href="{text:Link 2 URL}">{text:Link 2 name}</a>

322
<a href="{text:Link 3 URL}">{text:Link 3 name}</a>

323
<a href="{text:Link 4 URL}">{text:Link 4 name}</a>

324
</div>

325
</div>

326
<div class="death">

327
<div class="description">{Description}<br>

328
<hr color="#d6d5d5" size=".5" width="50%">

329
{block:Pagination}{/block:Pagination}

330
{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}

331
{block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}</div>

332
</div></div></div>

333
{block:Posts}

334
<div style="border-left: 1px solid {color:border};margin-left:20px;padding-left:40px;" id="entry">

335
 

336
{block:Text}

337
{block:Title}

338
<div class="posttitle">{Title}</div>

339
{/block:Title}

340
{Body}

341
{/block:Text}

342
 

343
{block:Link}

344
<div class="posttitle">

345
<a href="{URL}">{Name}</a>

346
</div>

347
{block:Description}{Description}{/block:Description}

348
{/block:Link}

349
 

350
{block:Photo}

351
<center>

352
{LinkOpenTag}

353
<div id="pic">

354
<a href="{permalink}">

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

355+
<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"></a>

356
</div>

357
{LinkCloseTag}

358
</center>

359
{block:Caption}{Caption}{/block:Caption}

360
{block:ContentSource}

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

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

363
{/block:SourceLogo}

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

365
{/block:ContentSource}

366
{block:ReblogParentURL}

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

368
{/block:ReblogParentURL}

369
{/block:Photo}

370
 

371
{block:Photoset}

372
<center>

373
<div class="photo">

374-
{Photoset-400}

374+
{Photoset-500}

375
</div>

376
</center>

377
{block:Caption}{Caption}{/block:Caption}

378
{/block:Photoset}

379
 

380
{block:Quote}

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

382
{block:Source}

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

384
{/block:Source}

385
{/block:Quote}

386
 

387
{block:Chat}

388
{block:Title}

389
<div class="posttitle">

390
{Title}

391
</div>

392
{/block:Title}

393
<div class="chat">

394
{block:Lines}

395
<div class="chat">

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

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

398
{block:Label}

399
<b>{Label} </b>

400
{/block:Label}

401
{Line}

402
</div>

403
</div>

404
</div>

405
{/block:Lines}

406
</div>

407
{/block:Chat}

408
 

409
{block:Audio}

410
<div class="playbox">

411
<div class="playbutton">

412
{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}

413
</div></div>

414
{block:AlbumArt}

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

416
{/block:AlbumArt}

417
 

418
<div class="title">

419
{block:TrackName}

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

421
{/block:TrackName}

422
</div>

423
 

424
<div class="title">

425
{block:Artist}

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

427
{/block:Artist}

428
</div>

429
 

430
<div class="title">

431
{PlayCountWithLabel}

432
</div>

433
 

434
<br>

435
{block:Caption}{Caption}{/block:Caption}

436
{/block:Audio}

437
 

438
{block:Video}

439
<center>

440
<div class="photo">

441
{Video-500}

442
</div>

443
</center>

444
{block:Caption}{Caption}{/block:Caption}

445
{/block:Video}

446
 

447
{block:IndexPage}

448
<div id="permalink">posted

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

450
with

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

452
<div id="info">

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

454
</div>

455
<br>

456
{block:HasTags}

457
TAGGED AS:

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

459
{/block:Tags}

460
{/block:HasTags}

461
</div>

462
{/block:IndexPage}

463
 

464
{block:PermalinkPage}

465
<center>

466
<div id="permalink">

467
{block:Date}

468
{TimeAgo} on

469
{ShortMonth} {DayofMonth},{Year}

470
{/block:Date}

471
{block:NoteCount} · {NoteCountWithLabel}

472
{/block:NoteCount}

473
{block:HasTags} · Tags:

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

475
{/block:Tags}

476
{/block:HasTags}

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

478
</div>

479
</center>

480
{/block:PermalinkPage}

481
 

482
{block:PostNotes}

483
{PostNotes}

484
{/block:PostNotes}

485
</div>

486
{/block:Posts}

487
</div>

488
 

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

490
 

491
</body>

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