API tools faq
paste
View difference between Paste ID: H5mqQP4e and PaaisWif
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:description" content="#9c8f93"/>
17
<meta name="color:title" content="#9c8f93"/>
18
19
 

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

21
<meta name="image:background" content""/>

22
 

23
 

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

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

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

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

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

29
 

30
 

31
 

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

33
 

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

35
<script>

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

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

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

39
  });

40
});

41
</script>

42
 

43
 

44
 

45
{block:Description}

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

47
<title>

48
{block:PostSummary}

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

50
</style>

51
 

52
<style type="text/css">

53
 

54
#bite

55
#bite a{

56
display:block

57
}

58
#bite .death {

59
margin-top:-40px;filter: alpha(opacity = 0);

60
opacity:100;-webkit-transition: all 0.8s ease-out;

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

62
63
}

64
 

65
#bite:hover .death {

66
margin-top:2px;

67
-webkit-transition: all 0.9s ease-out;

68
-moz-transition: all 0.s ease-out;

69
transition: all 0.8s ease-out;

70
filter: alpha(opacity = 100);

71
filter: alpha(opacity = 100);

72
opacity:100;

73
}

74
 

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

76
 

77
 

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

79
 

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

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

82
 

83
{block:iftinycursor}

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

85
{/block:iftinycursor}

86
 

87
body{

88
background-color: {color:Background};

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

90
background-attachment: fixed;

91
background-repeat: repeat;

92
background-position: center;

93
font-family:calibri;

94
font-size:11px;

95
line-height:12px;

96
color:{color:Text};

97
}

98
 

99
a:link, a:active, a:visited{

100
color: {color:HyperLink};

101
text-decoration:none;

102
-webkit-transition: all 0.4s linear;

103
-moz-transition: all 0.4s linear;

104
transition: all 0.4s linear;

105
}

106
 

107
a:hover{

108
color: {color:HyperLink Hover};

109
{block:iftinycursor}

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

111
{/block:iftinycursor}

112
}

113
 

114
#container {

115
margin:auto;

116-
width:400px;

116+
width:500px;

117
}

118
 

119
#content {

120-
width:400px;

120+
width:500px;

121
padding:20px;

122
margin-left:auto;

123
margin-right:auto;

124
margin-top:-10px;

125
}

126
 

127
#entry {

128-
width:400px;

128+
width:500px;

129
margin-top:20px;

130
margin-left:85px;

131
padding:3px;

132
 

133
}

134
 

135
#permalink{

136
position:relative;

137
margin-top:9px;

138
padding-top:3px;

139
font-size:8px;

140
line-height:10px;

141
font-family:cambria;

142
letter-spacing:1px;

143
text-transform:uppercase;

144
}

145
 

146
#info{

147
position:absolute;

148
margin-top:-11px;

149
font-size:8px;

150
line-height:10px;

151
font-family:cambria;

152
letter-spacing:1px;

153
right:0;

154
text-transform:uppercase;

155
}

156
 

157
#answer {

158
padding-top:50px;

159
}

160
 

161
#ask {

162
float:left;

163
margin-right:5px;

164
padding:5px;

165
background:{color:Ask Background};

166
width:492px;

167
}

168
 

169
#asker {

170
float:left;

171
}

172
 

173
.askername{

174
text-transform:uppercase;

175
font-size:10px;

176
font-weight:bold;

177
letter-spacing:1px;

178
padding-top:3px;

179
margin-top:3px;

180
text-align:right;

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

182
}

183
 

184
#side {

185
position:fixed;

186
text-align:center;

187
margin-top:270px;

188
margin-left:-75px;

189
}

190
 

191
#sidepic {

192
text-align:center;

193
z-index:999999;

194
padding:2px;  

195
}

196
197
#sidepic{

198
-webkit-transition: opacity 0.5s linear;

199
opacity: 0.2;

200
}

201
 

202
#sidepic:hover{

203
-webkit-transition: opacity 0.5s linear;

204
opacity: 1;

205
}

206
 

207
 

208
#sidepic{

209
-moz-transition: opacity 0.5s linear;

210
opacity: 1;

211
}

212
 

213
#sidepic:hover{

214
-moz-transition: opacity 0.5s linear;

215
opacity: 0.2;

216
}

217
 

218
#description {

219
text-align:center;

220
font-family:calibri;

221
font-size:9px;

222
max-width:93px;

223
color:{color:description};

224
position:absolute;

225
margin-top:-65%;

226
margin-left:12%;

227
z-index:-1;

228
letter-spacing:1px;

229
}

230
 

231
#navigate a{

232
text-transform:uppercase;

233
font-family:cambria;

234
font-size:9px;

235
letter-spacing:1px;

236
padding:2px;

237
text-align:center;

238
display:inline-block;

239
color:{color:Links Text};

240
transition: all 0.5s ease-out;

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

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

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

244
}

245
 

246
 

247
#navigate a:hover{

248
background:{color:Link Hover};

249
color:{color:Link Text Hover};

250
transition: all 0.5s ease-out;

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

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

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

254
}

255
256
#title{

257
text-align:center;

258
font-family:calibri; 

259
font-style:italic;

260
width:109px;

261
letter-spacing:1px;

262
text-transform:lowercase;

263
font-size:10px;

264
position:fixed; 

265
padding:5px; 

266
z-index:-10; 

267
color:{color:title}; 

268
}

269
 

270
 

271
.pgs {

272
text-align:right;

273
font-family:cambria;

274
font-size:10px;

275
text-transform:uppercase;

276
margin-left:10px;

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

278
}

279
 

280
.posttitle{

281
font-family:cambria;

282
font-size: 17px;

283
line-height: 20px;

284
}

285
 

286
blockquote{

287
padding:0px 0px 2px 5px;

288
margin:0px 0px 2px 1px;

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

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

291
}

292
 

293
.chat .line{

294
padding: 2px;

295
}

296
 

297
.chat .line .odd{

298
color: {color:Link};

299
}

300
 

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

302
 

303
a img{border: 0px;}

304
 

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

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

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

308
 

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

310
 

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

312
 

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

314
 

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

316
-webkit-transition: all 0.6s linear;

317
-moz-transition: all 0.6s linear;

318
transition: all 0.6s linear;}

319
 

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

321
 

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

323
 

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

325
 

326
 

327
{CustomCSS}

328
</style>

329
 

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

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

332
 

333
</head>

334
<body>

335
<div id="container">

336
<div id="content">

337
<div id="side">

338
<div id="navigate">

339
<a href="{text:Link 1 URL}">.I</a>

340
<a href="{text:Link 2 URL}">.II</a>

341
<a href="{text:Link 3 URL}">.III</a>

342
<a href="{text:Link 4 URL}">.IV</a>

343
<a href="{text:Link 5 URL}">.V</a></div>

344
<div id="sidepic"><img src="{image:Sidebar}" style="width:115px;"/></div>

345
<div id="description">{Description}</div>

346
{block:Pagination}{/block:Pagination}

347
{block:PreviousPage}<a style="font-family:calibri;"href="{PreviousPage}">⇦ </a>{/block:PreviousPage}

348
{block:NextPage}<a style="font-family:calibri;"href="{NextPage}"> ⇨</a>{/block:NextPage}

349
</div></div>

350
 

351
{block:Posts}

352
<div style="border-left: 1px solid {color:border};padding-left:50px;" id="entry">

353
 

354
{block:Text}

355
{block:Title}

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

357
{/block:Title}

358
{Body}

359
{/block:Text}

360
 

361
{block:Link}

362
<div class="posttitle">

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

364
</div>

365
{block:Description}{Description}{/block:Description}

366
{/block:Link}

367
 

368
{block:Photo}

369
<center>

370
{LinkOpenTag}

371
<div id="pic">

372
<a href="{permalink}">

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

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

374
</div>

375
{LinkCloseTag}

376
</center>

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

378
{block:ContentSource}

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

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

381
{/block:SourceLogo}

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

383
{/block:ContentSource}

384
{block:ReblogParentURL}

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

386
{/block:ReblogParentURL}

387
{/block:Photo}

388
 

389
{block:Photoset}

390
<center>

391
<div class="photo">

392-
{Photoset-400}

392+
{Photoset-500}

393
</div>

394
</center>

395
{block:Caption}{Caption}{/block:Caption}

396
{/block:Photoset}

397
 

398
{block:Quote}

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

400
{block:Source}

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

402
{/block:Source}

403
{/block:Quote}

404
 

405
{block:Chat}

406
{block:Title}

407
<div class="posttitle">

408
{Title}

409
</div>

410
{/block:Title}

411
<div class="chat">

412
{block:Lines}

413
<div class="chat">

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

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

416
{block:Label}

417
<b>{Label} </b>

418
{/block:Label}

419
{Line}

420
</div>

421
</div>

422
</div>

423
{/block:Lines}

424
</div>

425
{/block:Chat}

426
 

427
{block:Audio}

428
<div class="playbox">

429
<div class="playbutton">

430
{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}

431
</div></div>

432
{block:AlbumArt}

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

434
{/block:AlbumArt}

435
 

436
<div class="title">

437
{block:TrackName}

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

439
{/block:TrackName}

440
</div>

441
 

442
<div class="title">

443
{block:Artist}

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

445
{/block:Artist}

446
</div>

447
 

448
<div class="title">

449
{PlayCountWithLabel}

450
</div>

451
 

452
<br>

453
{block:Caption}{Caption}{/block:Caption}

454
{/block:Audio}

455
 

456
{block:Video}

457
<center>

458
<div class="photo">

459
{Video-500}

460
</div>

461
</center>

462
{block:Caption}{Caption}{/block:Caption}

463
{/block:Video}

464
 

465
{block:IndexPage}

466
<div id="permalink">posted

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

468
with

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

470
<div id="info">

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

472
</div>

473
<br>

474
{block:HasTags}

475
TAGGED AS:

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

477
{/block:Tags}

478
{/block:HasTags}

479
</div>

480
{/block:IndexPage}

481
 

482
{block:PermalinkPage}

483
<center>

484
<div id="permalink">

485
{block:Date}

486
{TimeAgo} on

487
{ShortMonth} {DayofMonth},{Year}

488
{/block:Date}

489
{block:NoteCount} · {NoteCountWithLabel}

490
{/block:NoteCount}

491
{block:HasTags} · Tags:

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

493
{/block:Tags}

494
{/block:HasTags}

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

496
</div>

497
</center>

498
{/block:PermalinkPage}

499
 

500
{block:PostNotes}

501
{PostNotes}

502
{/block:PostNotes}

503
</div>

504
{/block:Posts}

505
</div>

506
 

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

508
 

509
</body>

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!