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

23
<meta name="if:Infinite Scrolling" content=""/>

24
 

25
<!--Links-->

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

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

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

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

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

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

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

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

34
35
 

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

37
 

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

39
<script>

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

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

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

43
  });

44
});

45
</script>

46
 

47
 

48
{block:ifInfiniteScrolling}

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

50
{/block:ifInfiniteScrolling}

51
 

52
{block:Description}

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

54
<title>

55
{block:PostSummary}

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

57
</style>

58
 

59
<style type="text/css">

60
61
 

62
 

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

64
 

65
 

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

67
 

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

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

70
 

71
{block:iftinycursor}

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

73
{/block:iftinycursor}

74
 

75
body{

76
background-color: {color:Background};

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

78
background-attachment: fixed;

79
background-repeat: repeat;

80
background-position: center;

81
font-family:calibri;

82
font-size:11px;

83
line-height:12px;

84
color:{color:Text};

85
}

86
 

87
a:link, a:active, a:visited{

88
color: {color:HyperLink};

89
text-decoration:none;

90
-webkit-transition: all 0.4s linear;

91
-moz-transition: all 0.4s linear;

92
transition: all 0.4s linear;

93
}

94
 

95
a:hover{

96
color: {color:HyperlinkLink Hover};

97
{block:iftinycursor}

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

99
{/block:iftinycursor}

100
}

101
 

102
#container {

103-
width:500px;

103+
104
width:400px;

105
}

106
 

107-
width:500px;

107+
108
width:400px;

109
padding:20px;

110
margin:auto;

111
margin-top:-10px;

112
}

113
 

114-
width:500px;

114+
115
width:400px;

116
margin-top:60px;

117
margin-left:80px;

118
padding:3px;

119
}

120
 

121
#permalink{

122
position:relative;

123
margin-top:9px;

124
padding-top:3px;

125
font-size:8px;

126
line-height:10px;

127
font-family:cambria;

128
letter-spacing:1px;

129
text-transform:uppercase;

130
}

131
 

132
#info{

133
position:absolute;

134
margin-top:-11px;

135
font-size:8px;

136
line-height:10px;

137
font-family:cambria;

138
letter-spacing:1px;

139
right:0;

140
text-transform:uppercase;

141
}

142
 

143
#answer {

144
padding-top:50px;

145
}

146
 

147
#ask {

148
float:left;

149
margin-right:5px;

150
padding:5px;

151
background:{color:Ask Background};

152
width:492px;

153
}

154
 

155
#asker {

156
float:left;

157
}

158
 

159
.askername{

160
text-transform:uppercase;

161
font-size:10px;

162
font-weight:bold;

163
letter-spacing:1px;

164
padding-top:3px;

165
margin-top:3px;

166
text-align:right;

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

168
}

169
 

170
#side {

171
position:fixed;

172
text-align:center;

173
width:150px;

174
margin-top:270px;

175
margin-left:-100px;

176
}

177
 

178
#navigate a{

179
text-transform:uppercase;

180
font-family:cambria;

181
font-size:8px;

182
letter-spacing:.3px;

183
margin-top:4px;

184
margin-left:3px;

185
padding:2px;

186
text-align:center;

187
z-index:1;

188
display:inline-block;

189
background:{color:Sidelinks};

190
color:{color:Links Text};

191
transition: all 0.5s ease-out;

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

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

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

195
}

196
 

197
#navigate a:hover{

198
background:{color:Link Hover};

199
color:{color:Links Text Hover};

200
transition: all 0.5s ease-out;

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

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

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

204
}

205
 

206
.pgs {

207
text-align:right;

208
font-family:cambria;

209
font-size:10px;

210
text-transform:uppercase;

211
margin-left:10px;

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

213
}

214
 

215
.posttitle{

216
font-family:cambria;

217
font-size: 17px;

218
line-height: 20px;

219
}

220
 

221
blockquote{

222
padding:0px 0px 2px 5px;

223
margin:0px 0px 2px 1px;

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

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

226
}

227
 

228
.chat .line{

229
padding: 2px;

230
}

231
 

232
.chat .line .odd{

233
color: {color:Link};

234
}

235
 

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

237
 

238
a img{border: 0px;}

239
 

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

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

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

243
 

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

245
 

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

247
 

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

249
 

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

251
-webkit-transition: all 0.6s linear;

252
-moz-transition: all 0.6s linear;

253
transition: all 0.6s linear;}

254
 

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

256
 

257
.title{

258
width:

259
position:absolute;

260
line-height:23px;

261
margin-left:90px;

262
padding:4px;

263
z-index: 1000;

264
text-transform:uppercase;

265
}

266
 

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

268
 

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

270
 

271
272
{CustomCSS}

273
</style>

274
 

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

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

277
 

278
</head>

279
<body>

280
<div id="container">

281
<div id="content">

282
<div id="side">

283
<div id="sidepic">

284
<a href="/"><img src="{image:Sidebar}" width="100" style="z-index:999;padding:5px; background:white; border:1px solid {color:Border};margin-top:2px;"></a>

285
</div>

286
 

287
<div class="desc">

288
<div id="navigate">

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

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

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

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

293
</div>

294
</div>

295
296
<div style="padding:2px;margin-top:2px;width:100px;margin-left:21px;">

297
{block:Pagination}{/block:Pagination}

298
{Description}

299
{block:NextPage}<a href="{NextPage}">✚</a>{/block:NextPage}

300
{block:PreviousPage}<a href="{PreviousPage}">▬</a>{/block:PreviousPage}

301
302
</div>

303
{block:ifNotInfiniteScrolling}

304
{block:PreviousPage}

305
{/block:PreviousPage}

306
{block:NextPage}

307
{/block:NextPage}

308
</div>

309
{/block:ifNotInfiniteScrolling}

310
</div>

311
312
{block:Posts}

313
<div id="entry">

314
 

315
{block:Text}

316
{block:Title}

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

318
{/block:Title}

319
{Body}

320
{/block:Text}

321
 

322
{block:Link}

323
<div class="posttitle">

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

325
</div>

326
{block:Description}{Description}{/block:Description}

327
{/block:Link}

328
 

329
{block:Photo}

330
<center>

331
{LinkOpenTag}

332
<div id="pic">

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

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

335
</div>

336
{LinkCloseTag}

337
</center>

338
{block:Caption}{Caption}{/block:Caption}

339
{block:ContentSource}

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

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

342
{/block:SourceLogo}

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

344
{/block:ContentSource}

345
{block:ReblogParentURL}

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

347
{/block:ReblogParentURL}

348
{/block:Photo}

349
 

350
{block:Photoset}

351
<center>

352-
{Photoset-500}

352+
353
{Photoset-400}

354
</div>

355
</center>

356
{block:Caption}{Caption}{/block:Caption}

357
{/block:Photoset}

358
 

359
{block:Quote}

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

361
{block:Source}

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

363
{/block:Source}

364
{/block:Quote}

365
 

366
{block:Chat}

367
{block:Title}

368
<div class="posttitle">

369
{Title}

370
</div>

371
{/block:Title}

372
<div class="chat">

373
{block:Lines}

374
<div class="chat">

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

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

377
{block:Label}

378
<b>{Label} </b>

379
{/block:Label}

380
{Line}

381
</div>

382
</div>

383
</div>

384
{/block:Lines}

385
</div>

386
{/block:Chat}

387
 

388
{block:Audio}

389
<div class="playbox">

390
<div class="playbutton">

391
{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}

392
</div></div>

393
{block:AlbumArt}

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

395
{/block:AlbumArt}

396
 

397
<div class="title">

398
{block:TrackName}

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

400
{/block:TrackName}

401
</div>

402
 

403
<div class="title">

404
{block:Artist}

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

406
{/block:Artist}

407
</div>

408
 

409
<div class="title">

410
{PlayCountWithLabel}

411
</div>

412
 

413
<br>

414
{block:Caption}{Caption}{/block:Caption}

415
{/block:Audio}

416
 

417
{block:Video}

418
<center>

419-
{Video-500}

419+
420
{Video-400}

421
</div>

422
</center>

423
{block:Caption}{Caption}{/block:Caption}

424
{/block:Video}

425
 

426
{block:IndexPage}

427
<div id="permalink">posted

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

429
with

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

431
<div id="info">

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

433
</div>

434
<br>

435
{block:HasTags}

436
TAGGED AS:

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

438
{/block:Tags}

439
{/block:HasTags}

440
</div>

441
{/block:IndexPage}

442
 

443
{block:PermalinkPage}

444
<center>

445
<div id="permalink">

446
{block:Date}

447
{TimeAgo} on

448
{ShortMonth} {DayofMonth},{Year}

449
{/block:Date}

450
{block:NoteCount} · {NoteCountWithLabel}

451
{/block:NoteCount}

452
{block:HasTags} · Tags:

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

454
{/block:Tags}

455
{/block:HasTags}

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

457
</div>

458
</center>

459
{/block:PermalinkPage}

460
 

461
{block:PostNotes}

462
{PostNotes}

463
{/block:PostNotes}

464
</div>

465
{/block:Posts}

466
</div>

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

467+
468
 <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>

469
 

470
</body>

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