API tools faq
paste
View difference between Paste ID: SUcTaSBU and PvySnbKB
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
<meta name="color:linkback" content="#9c8f93"/>
18
<meta name="color:Title" content="#9c8f93"/>
19
20
<!--Images-->
21
<meta name="image:Background" content""/>
22
<meta name="image:Sidebar" content""/>
23
24
<meta name="if:Title" content""/>
25
26
<!--Links-->
27
<meta name="text:Link 1 URL" content="/"/>
28
<meta name="text:Link 1 name" content=""/>
29
<meta name="text:Link 2 URL" content="/"/>
30
<meta name="text:Link 2 name" content=""/>
31
<meta name="text:Link 3 URL" content="/"/>
32
<meta name="text:Link 3 name" content=""/>
33
<meta name="text:Link 4 URL" content="/"/>
34
<meta name="text:Link 4 name" content=""/>
35
36
37
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
38
39
<script src="jquery.js"></script>
40
<script>
41
$(document).ready(function(){
42
  $("#flip").click(function(){
43
    $("#panel").slideToggle("fast");
44
  });
45
});
46
</script>
47
48
{block:Description}
49
<meta name="description" content="{MetaDescription}" />{/block:Description}
50
<title>
51
{block:PostSummary}
52
{PostSummary} - {/block:PostSummary}{Title}</title>
53-
</style>
53+
54
 

55
<style type="text/css">

56
 

57
 

58
img{

59
-webkit-transition: opacity 0.5s linear;

60
opacity: 0.8;

61
}

62
 

63
img:hover{

64
-webkit-transition: opacity 0.5s linear;

65
opacity: 1;

66
}

67
 

68
 

69
img{

70
-moz-transition: opacity 0.5s linear;

71
opacity: 0.8;

72
}

73
 

74
img:hover{

75
-moz-transition: opacity 0.5s linear;

76
opacity: 1;

77
}

78
 

79
 #bite

80
#bite a{

81
display:block

82
}

83
#bite .death {

84
margin-left:0;filter: alpha(opacity = 0);

85
opacity:0;-webkit-transition: all 0.5s ease-out;

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

87
}

88
 

89
#bite:hover .death {

90
margin-top:2px;

91
-webkit-transition: all 0.7s ease-in;

92
-moz-transition: all 0.7s ease-in;

93-
transition: all 0.7s ease-in; 

93+
transition: all 0.7s ease-in;

94
filter: alpha(opacity = 100);

95
filter: alpha(opacity = 100);

96
opacity:.9;

97
}

98
 

99
 

100
 

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

102
 

103
 

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

105
 

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

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

108
 

109
 

110
body{

111
background-color: {color:Background};

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

113
background-attachment: fixed;

114
background-repeat: repeat;

115
background-position: center;

116
font-family:calibri;

117
font-size:11px;

118
line-height:12px;

119
color:{color:Text};

120
}

121
 

122
a:link, a:active, a:visited{

123
color: {color:HyperLink};

124
text-decoration:none;

125
-webkit-transition: all 0.4s linear;

126
-moz-transition: all 0.4s linear;

127
transition: all 0.4s linear;

128
}

129
 

130
a:hover{

131
color: {color:HyperLink Hover};

132
{block:iftinycursor}

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

134
{/block:iftinycursor}

135
}

136
 

137
#container {

138
margin:auto;

139-
width:400px;

139+
width:500px;

140
}

141
 

142
#content {

143-
width:400px;

143+
width:500px;

144
padding:20px;

145
margin:auto;

146
margin-top:-10px;

147
}

148
 

149
#entry {

150-
width:400px;

150+
width:500px;

151
margin-top:20px;

152
margin-left:110px;

153
padding:3px;

154
 

155
}

156
 

157-
#permalink{

157+
158
 

159-
margin-top:9px;

159+
160-
padding-top:3px;

160+
161
text-align:center;

162-
line-height:10px;

162+
163-
font-family:cambria;

163+
164
margin-left:-100px;

165
}

166
 

167
#title {

168-
#info{

168+
169
margin-top:-120px;

170-
margin-top:-11px;

170+
margin-left:25px;

171
text-align:center;

172-
line-height:10px;

172+
width:100px;

173-
font-family:cambria;

173+
174
letter-spacing:1px;

175
font-size:9px;

176
font-family:courier;

177
}

178
 

179-
#answer {

179+
180-
padding-top:50px;

180+
181
text-transform:uppercase;

182
font-family:courier;

183-
#ask {

183+
184-
float:left;

184+
letter-spacing:.01px;

185-
margin-right:5px;

185+
margin-top:0px;

186-
padding:5px;

186+
width:30px;

187-
background:{color:Ask Background};

187+
188-
width:492px;

188+
189
display:block;

190
background:{color:linkback};

191-
#asker {

191+
color:{color:Links Text}; transition: all 0.5s ease-out;

192-
float:left;

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

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

195-
.askername{

195+
196
#navigate a:hover{

197-
font-size:10px;

197+
198-
font-weight:bold;

198+
199
transition: all 0.5s ease-out;

200-
padding-top:3px;

200+
201-
margin-top:3px;

201+
202-
text-align:right;

202+
203-
border-top:1px solid {color:Border};

203+
204
 

205
206
 

207
#description {

208
margin-top:95px;

209
margin-left:3px;

210
text-align:left;

211
font-family:calibri;

212
font-size:9px;

213
width:110px;

214
letter-spacing:1px;

215
position:fixed;

216
z-index:-1;

217
letter-spacing:1px;

218
line-height:100%;}

219
 

220
#pag {

221
text-align:center;

222
}

223
 

224
225
 

226
#tags{

227-
text-transform:uppercase; 

227+
padding-top:6px;

228-
font-family:courier; 

228+
229
position:relative;

230-
letter-spacing:.01px; 

230+
231-
margin-top:0px; 

231+
232-
width:30px; 

232+
233-
margin-left:110px; 

233+
#via{

234-
text-align:center; 

234+
235-
display:block; 

235+
236-
background:{color:linkback}; 

236+
237-
color:{color:Links Text}; transition: all 0.5s ease-out; 

237+
238
}

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

239+
240
.head{

241
font-family:calibri;

242
font-style:italic;

243
font-size: 15px;

244
}

245
  

246
 

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

248
 

249
250
 

251-
.pgs {

251+
252-
text-align:right;

252+
253-
font-family:cambria;

253+
254-
font-size:10px;

254+
255
<link rel="shortcut icon" href="{Favicon}">

256-
margin-left:10px;

256+
257-
border-top:1px solid {color:Border};

257+
258
</head>

259
<body><style> body, a, a:hover { cursor:url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto }</style>

260-
.posttitle{

260+
261-
font-family:cambria;

261+
262-
font-size: 17px;

262+
263-
line-height: 20px;

263+
264
<div id="container">

265
<div id="content">

266-
blockquote{

266+
267-
padding:0px 0px 2px 5px;

267+
268-
margin:0px 0px 2px 1px;

268+
269-
border-left: 3px solid {color:HyperLink Hover};}

269+
<a href="/"><img src="{image:Sidebar}" width="101" style="posiion:fixed;z-index:999; padding:1px; background:white; border:1px solid {color:Border};margin-top:2px;margin-left:2px;"></a>

270-
blockquote p, ul{margin:0px; padding:0px;

270+
<div id="title">•{title}•</title>

271
</div>

272
</div>

273-
.chat .line{

273+
274-
padding: 2px;

274+
275
<div id="description">{Description}<br>

276
</div>

277-
.chat .line .odd{

277+
278-
color: {color:Link};

278+
279
<div class="death">

280
<div id="navigate">

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

281+
282
<a href="{text:Link 2 URL}">02</a>

283-
a img{border: 0px;}

283+
284
<a href="{text:Link 4 URL}">04</a>

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

285+
286-
.ol, ul { margin-left: 10px; padding: 5px; }

286+
287-
.ul { list-style-type: square; }

287+
288
 

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

289+
290
</div>

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

291+
292
</div>

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

293+
294
 

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

295+
296-
-webkit-transition: all 0.6s linear;

296+
297-
-moz-transition: all 0.6s linear;

297+
298-
transition: all 0.6s linear;}

298+
299
{block:NextPage}

300-
.playbox:hover {opacity:.8;}

300+
301
</div>

302-
.title{

302+
303-
width:

303+
304
 

305-
line-height:23px;

305+
306-
margin-left:90px;

306+
307-
padding:4px;

307+
308-
z-index: 1000;

308+
309
{block:Title}

310
<div class="head">{Title}</div>

311
{/block:Title}

312
{Body}

313
{/block:Text}

314
 

315
{block:Link}

316
<div class="head">

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

318
</div>

319-
width:110px; 

319+
320
{/block:Link}

321
 

322
{block:Photo}

323
<center>

324
{LinkOpenTag}

325
<div id="pic">

326
<a href="{tags}">

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

328
</div>

329
{LinkCloseTag}

330
</center>

331
{block:Caption}{Caption}{/block:Caption}

332
{block:ContentSource}

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

333+
334
{block:ReblogParentURL}

335
{/block:ReblogParentURL}

336
{/block:Photo}

337
 

338
{block:Photoset}

339
<center>

340
<div class="photo">

341
{Photoset-500}

342
</div>

343
</center>

344
{block:Caption}{Caption}{/block:Caption}

345
{/block:Photoset}

346
 

347
{block:Quote}

348
<div class="head">"{Quote}"</div>

349
{block:Source}

350
<i> ~ {Source}</i>

351
{/block:Source}

352
{/block:Quote}

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

353+
354
{block:Chat}

355
{block:Title}

356
<div class="head">

357
{Title}

358
</div>

359
{/block:Title}

360
{block:Lines}

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

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

363
{block:Label}

364
<b>{Label} </b>

365
{/block:Label}

366
{Line}

367
</div>

368
</div>

369
{/block:Lines}

370
{/block:Chat}

371
 

372
{block:Audio}

373
{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}

374
 

375
{block:TrackName}

376
{TrackName}

377
{/block:TrackName}

378
379
{block:Artist}

380
{Artist}

381
{/block:Artist}

382
 

383
 

384
<br>

385
{block:Caption}{Caption}{/block:Caption}

386
{/block:Audio}

387
 

388
{block:Video}

389-
<div class="posttitle">{Title}</div>

389+
390
<div class="photo">

391
{Video-500}

392
</div>

393
</center>

394
{block:Caption}{Caption}{/block:Caption}

395-
<div class="posttitle">

395+
396
 

397
{block:IndexPage}

398
<div id="tags">posted

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

400
with

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

402
<div id="via">

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

404
</div>

405-
<a href="{permalink}">

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

406+
407
{block:Tags}<a href="{TagURL}">#{Tag}</a>

408
{/block:Tags}

409
{/block:HasTags}

410
</div>

411
{/block:IndexPage}

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

412+
413-
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />

413+
414-
{/block:SourceLogo}

414+
415-
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->

415+
<div id="tags">

416
{block:Date}

417
{TimeAgo} on

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

418+
419
{/block:Date}

420
{block:NoteCount}  {NoteCountWithLabel}

421
{/block:NoteCount}<br>

422
{block:HasTags} 

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

424
{/block:Tags}

425-
{Photoset-400}

425+
426
<br>{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>  ( <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>)  {/block:RebloggedFrom}

427
</div>

428
</center>

429
{/block:PermalinkPage}

430
 

431
{block:PostNotes}

432-
<div class="posttitle">"{Quote}"</div>

432+
433
{/block:PostNotes}

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

434+
435
{/block:Posts}

436
</div>

437
 

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

439
 

440-
<div class="posttitle">

440+
441
</body>

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