API tools faq
paste
View difference between Paste ID: c12XY8KW and FGsBr4Jg
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
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

36
 

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

38
<script>

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

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

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

42
  });

43
});

44
</script>

45
 

46
 

47
{block:ifInfiniteScrolling}

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

49
{/block:ifInfiniteScrolling}

50
 

51
{block:Description}

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

53
<title>

54
{block:PostSummary}

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

56
</style>

57
 

58
<style type="text/css">

59
60
 

61
 

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

63
 

64
 

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

66
 

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

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

69
 

70
{block:iftinycursor}

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

72
{/block:iftinycursor}

73
 

74
body{

75
background-color: {color:Background};

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

77
background-attachment: fixed;

78
background-repeat: repeat;

79
background-position: center;

80
font-family:calibri;

81
font-size:11px;

82
line-height:12px;

83
color:{color:Text};

84
}

85
 

86
a:link, a:active, a:visited{

87
color: {color:HyperLink};

88
text-decoration:none;

89
-webkit-transition: all 0.4s linear;

90
-moz-transition: all 0.4s linear;

91
transition: all 0.4s linear;

92
}

93
 

94
a:hover{

95
color: {color:HyperlinkLink Hover};

96
{block:iftinycursor}

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

98
{/block:iftinycursor}

99
}

100
 

101
#container {

102
margin:auto;

103-
width:400px;

103+
width:500px;

104
}

105
 

106
#content {

107-
width:400px;

107+
width:500px;

108
padding:20px;

109
margin:auto;

110
margin-top:-10px;

111
}

112
 

113
#entry {

114-
width:400px;

114+
width:500px;

115
margin-top:60px;

116
margin-left:80px;

117
padding:3px;

118
}

119
 

120
#permalink{

121
position:relative;

122
margin-top:9px;

123
padding-top:3px;

124
font-size:8px;

125
line-height:10px;

126
font-family:cambria;

127
letter-spacing:1px;

128
text-transform:uppercase;

129
}

130
 

131
#info{

132
position:absolute;

133
margin-top:-11px;

134
font-size:8px;

135
line-height:10px;

136
font-family:cambria;

137
letter-spacing:1px;

138
right:0;

139
text-transform:uppercase;

140
}

141
 

142
#answer {

143
padding-top:50px;

144
}

145
 

146
#ask {

147
float:left;

148
margin-right:5px;

149
padding:5px;

150
background:{color:Ask Background};

151
width:492px;

152
}

153
 

154
#asker {

155
float:left;

156
}

157
 

158
.askername{

159
text-transform:uppercase;

160
font-size:10px;

161
font-weight:bold;

162
letter-spacing:1px;

163
padding-top:3px;

164
margin-top:3px;

165
text-align:right;

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

167
}

168
 

169
#side {

170
position:fixed;

171
text-align:center;

172
width:150px;

173
margin-top:270px;

174
margin-left:-100px;

175
}

176
 

177
#navigate a{

178
text-transform:uppercase;

179
font-family:cambria;

180
font-size:8px;

181
letter-spacing:.3px;

182
margin-top:4px;

183
margin-left:3px;

184
padding:2px;

185
text-align:center;

186
z-index:1;

187
display:inline-block;

188
background:{color:Sidelinks};

189
color:{color:Links Text};

190
transition: all 0.5s ease-out;

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

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

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

194
}

195
 

196
#navigate a:hover{

197
background:{color:Link Hover};

198
color:{color:Links Text Hover};

199
transition: all 0.5s ease-out;

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

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

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

203
}

204
 

205
.pgs {

206
text-align:right;

207
font-family:cambria;

208
font-size:10px;

209
text-transform:uppercase;

210
margin-left:10px;

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

212
}

213
 

214
.posttitle{

215
font-family:cambria;

216
font-size: 17px;

217
line-height: 20px;

218
}

219
 

220
blockquote{

221
padding:0px 0px 2px 5px;

222
margin:0px 0px 2px 1px;

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

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

225
}

226
 

227
.chat .line{

228
padding: 2px;

229
}

230
 

231
.chat .line .odd{

232
color: {color:Link};

233
}

234
 

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

236
 

237
a img{border: 0px;}

238
 

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

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

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

242
 

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

244
 

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

246
 

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

248
 

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

250
-webkit-transition: all 0.6s linear;

251
-moz-transition: all 0.6s linear;

252
transition: all 0.6s linear;}

253
 

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

255
 

256
.title{

257
width:

258
position:absolute;

259
line-height:23px;

260
margin-left:90px;

261
padding:4px;

262
z-index: 1000;

263
text-transform:uppercase;

264
}

265
 

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

267
 

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

269
 

270-
#credit {

270+
271
{CustomCSS}

272-
font-size:9px;

272+
273
 

274-
width:70px;

274+
275-
height:20px;

275+
276
 

277-
padding-bottom:4px;

277+
278-
padding-right:4px;

278+
279-
bottom:0;

279+
280
<div id="content">

281-
z-index:12;

281+
282
<div id="sidepic">

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

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

284+
285
 

286-
#credit .p{

286+
287-
opacity:1.0;

287+
288
<a href="{text:Link 1 URL}">{text:Link 1 name}</a>

289-
margin-top:00px;

289+
290-
margin-left:14px;

290+
291
<a href="{text:Link 4 URL}">{text:Link 4 name}</a>

292-
overflow:hidden;

292+
293-
position: absolute;

293+
294-
background:white;

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

296
{block:Pagination}{/block:Pagination}

297-
z-index:100;

297+
298-
-webkit-transition: opacity 0.5s linear;

298+
299-
-webkit-transition: all 0.5s linear;

299+
300-
-moz-transition: all 0.5s linear;

300+
301-
transition: all 0.5s linear;

301+
302-
border:1px solid {color:Border};

302+
303
{block:PreviousPage}

304
{/block:PreviousPage}

305-
#credit:hover .p{

305+
306-
opacity:.9;

306+
307-
margin-top:30px;

307+
308-
transition: all 0.5s linear;

308+
309-
-webkit-transition: opacity 0.5s linear;

309+
310-
-webkit-transition: all 0.5s linear;

310+
311-
-moz-transition: all 0.5s linear;

311+
312
<div id="entry">

313
 

314-
#credit .z{

314+
315-
margin-top:100px;

315+
316-
margin-top:0px;

316+
317
{/block:Title}

318-
background:white;

318+
319-
text-align:left;

319+
320
 

321-
opacity:0;

321+
322-
overflow:hidden;

322+
323-
position: absolute;

323+
324-
-webkit-transition: opacity 0.5s linear;

324+
325-
-webkit-transition: all 0.5s linear;

325+
326-
-moz-transition: all 0.5s linear;

326+
327-
transition: all 0.5s linear;

327+
328-
z-index:1200;

328+
329-
border:1px solid {color:Border};

329+
330
{LinkOpenTag}

331
<div id="pic">

332-
#credit:hover .z{

332+
333-
opacity:1;

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

334-
margin-left:-5px;

334+
335-
transition: all 0.5s linear;

335+
336-
-webkit-transition: opacity 0.5s linear;

336+
337-
-webkit-transition: all 0.5s linear;

337+
338-
-moz-transition: all 0.5s linear;

338+
339
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"

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

341
{/block:SourceLogo}

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

343
{/block:ContentSource}

344
{block:ReblogParentURL}

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

346
{/block:ReblogParentURL}

347
{/block:Photo}

348
 

349
{block:Photoset}

350
<center>

351
<div class="photo">

352
{Photoset-500}

353
</div>

354
</center>

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

356
{/block:Photoset}

357
 

358
{block:Quote}

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

360
{block:Source}

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

362
{/block:Source}

363
{/block:Quote}

364
 

365
{block:Chat}

366
{block:Title}

367
<div class="posttitle">

368
{Title}

369
</div>

370
{/block:Title}

371
<div class="chat">

372
{block:Lines}

373
<div class="chat">

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

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

376
{block:Label}

377
<b>{Label} </b>

378
{/block:Label}

379
{Line}

380
</div>

381
</div>

382
</div>

383
{/block:Lines}

384
</div>

385
{/block:Chat}

386
 

387
{block:Audio}

388
<div class="playbox">

389
<div class="playbutton">

390
{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}

391
</div></div>

392
{block:AlbumArt}

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

394
{/block:AlbumArt}

395
 

396
<div class="title">

397
{block:TrackName}

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

399
{/block:TrackName}

400
</div>

401
 

402
<div class="title">

403
{block:Artist}

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

404+
405
{/block:Artist}

406
</div>

407
 

408
<div class="title">

409
{PlayCountWithLabel}

410
</div>

411
 

412
<br>

413
{block:Caption}{Caption}{/block:Caption}

414
{/block:Audio}

415
 

416
{block:Video}

417
<center>

418
<div class="photo">

419
{Video-500}

420
</div>

421
</center>

422
{block:Caption}{Caption}{/block:Caption}

423-
{Photoset-400}

423+
424
 

425
{block:IndexPage}

426
<div id="permalink">posted

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

428
with

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

430
<div id="info">

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

432
</div>

433
<br>

434
{block:HasTags}

435
TAGGED AS:

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

437
{/block:Tags}

438
{/block:HasTags}

439
</div>

440
{/block:IndexPage}

441
 

442
{block:PermalinkPage}

443
<center>

444
<div id="permalink">

445
{block:Date}

446
{TimeAgo} on

447
{ShortMonth} {DayofMonth},{Year}

448
{/block:Date}

449
{block:NoteCount} · {NoteCountWithLabel}

450
{/block:NoteCount}

451
{block:HasTags} · Tags:

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

453
{/block:Tags}

454
{/block:HasTags}

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

456
</div>

457
</center>

458
{/block:PermalinkPage}

459
 

460
{block:PostNotes}

461
{PostNotes}

462
{/block:PostNotes}

463
</div>

464
{/block:Posts}

465
</div>

466
 

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>

468
 

469
</body>

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