API tools faq
paste
View difference between Paste ID: dCQANjs5 and V6aiiik3
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-->
6+
7-
<!--Colors-->

7+
8
<meta name="color:Border" content="#e8e8e8"/>

9
<meta name="color:HyperLink" content="#b1486c"/>

10
<meta name="color:HyperLink Hover" content="#d6bfc7"/>

11
<meta name="color:Scrollbar" content="#b1486c"/>

12
<meta name="color:Links Text" content="#d59db0"/>

13
<meta name="color:Link Text Hover" content="#292727"/>

14
<meta name="color:Text" content="#9c8f93"/>

15
 

16
 

17
<meta name="image:Background" content""/>

18-
<!--Images-->

18+
19
 

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

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

22-
<!--Options-->

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

23+
24
<meta name="text:Link 3 URL" content="/"/>

25-
<!--Links-->

25+
26
<meta name="text:Link 4 URL" content="/"/>

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

28
 

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

30
 

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

32
<script>

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

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

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

36
  });

37
});

38
</script>

39
 

40
{block:Description}

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

42
<title>

43
{block:PostSummary}

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

45
</style>

46
 

47
<style type="text/css">

48
img{

49-
{block:ifInfiniteScrolling}

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

50+
51-
{/block:ifInfiniteScrolling}

51+
52
 

53
img:hover{

54
-webkit-transition: opacity 0.5s linear;

55
opacity: 1;

56
}

57
 

58
 

59
img{

60
-moz-transition: opacity 0.5s linear;

61
opacity: 0.75;

62
}

63
 

64
img:hover{

65
-moz-transition: opacity 0.5s linear;

66
opacity: 1;

67
}

68
 

69
 

70
 

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

72
 

73
 

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

75
 

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

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

78
 

79
 

80
body{

81
background-color: {color:Background};

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

83
background-attachment: fixed;

84
background-repeat: repeat;

85
background-position: center;

86
font-family:calibri;

87
font-size:10px;

88
line-height:12px;

89
color:{color:Text};

90
}

91
 

92-
{block:iftinycursor}

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

93+
94-
{/block:iftinycursor}

94+
95
-webkit-transition: all 0.4s linear;

96
-moz-transition: all 0.4s linear;

97
transition: all 0.4s linear;

98
}

99
 

100
a:hover{

101
color: {color:HyperLink Hover};

102
}

103-
font-size:11px;

103+
104
#container {

105
margin:auto;

106
width:500px;

107
}

108
 

109
#content {

110
width:500px;

111
padding:10px;

112
margin-top:-10px;

113
}

114
 

115
#entry {

116
width:500px;

117
margin-top:20px;

118-
{block:iftinycursor}

118+
margin-left:110px; 

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

119+
120-
{/block:iftinycursor}

120+
121
122
 

123
#side {

124
position:fixed;

125-
width:400px;

125+
126
width:150px;

127
margin-top:270px;

128
margin-left:-100px;

129-
width:400px;

129+
130-
padding:20px;

130+
131
#navigate a{

132
text-transform:uppercase;

133
font-family:courier;

134
font-size:8px;

135
letter-spacing:.01px;

136-
width:400px;

136+
137
margin-left:3px;

138-
margin-left:110px;

138+
139-
padding:3px;

139+
140
display:inline-block;

141
background:{color:Sidelinks};

142
color:{color:Links Text};

143-
#permalink{

143+
144
-o-transition-transition: all 0.5s ease-out;

145-
margin-top:9px;

145+
146-
padding-top:3px;

146+
147
}

148-
line-height:10px;

148+
149-
font-family:cambria;

149+
150-
letter-spacing:1px;

150+
151
color:{color:Link Text Hover};

152
transition: all 0.5s ease-out;

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

154-
#info{

154+
155
-moz-transition: all 0.5s ease-out;

156-
margin-top:-11px;

156+
157
 

158-
line-height:10px;

158+
159-
font-family:cambria;

159+
160-
letter-spacing:1px;

160+
161
 

162
 

163
#tags{

164
padding-top:6px;

165-
#answer {

165+
font-size:9px;

166-
padding-top:50px;

166+
167
font-family:courier;

168
}

169-
#ask {

169+
170-
float:left;

170+
#via{

171-
margin-right:5px;

171+
172-
padding:5px;

172+
173-
background:{color:Ask Background};

173+
font-size:9px;

174-
width:492px;

174+
175
}

176
177-
#asker {

177+
.head{

178-
float:left;

178+
179
font-style:italic;

180
font-size: 15px;

181-
.askername{

181+
182
 

183
 

184-
font-weight:bold;

184+
185-
letter-spacing:1px;

185+
186-
padding-top:3px;

186+
187
</style>

188-
text-align:right;

188+
189-
border-top:1px solid {color:Border};

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

191
 

192
</head>

193
<body>

194
<div id="container">

195
<div id="content">

196
<div id="side">

197
<div id="sidepic">

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

199
</div>

200
 

201
<div class="desc">

202
<div id="navigate">

203
<a style="border: 1px solid {color:Border}; padding:2px;" href="{text:Link 1 URL}">{text:Link 1 name}</a>

204
<a style="border: 1px solid {color:border}; padding:2px;"href="{text:Link 2 URL}">{text:Link 2 name}</a>

205
<a style="border: 1px solid {color:border}; padding:2px;"href="{text:Link 3 URL}">{text:Link 3 name}</a>

206
<a style="border: 1px solid {color:border}; padding:2px;"href="{text:Link 4 URL}">{text:Link 4 name}</a>

207
</div>

208
</div>

209
 

210
<div style="padding:2px;margin-top:2px;width:100px;margin-left:24px;font-size:10px;">

211
{block:Pagination}{/block:Pagination}

212
{Description}

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

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

215
<hr color="#d6d5d5" size=".5" width="85%">

216
 

217
</div>

218
{block:PreviousPage}

219
{/block:PreviousPage}

220
{block:NextPage}

221
{/block:NextPage}

222
</div>

223
</div>

224
 

225
{block:Posts}

226
<div style="border: 1px solid {color:border};padding:10px;" id="entry">

227-
.pgs {

227+
228-
text-align:right;

228+
229-
font-family:cambria;

229+
230
<div class="head">{Title}</div>

231
{/block:Title}

232-
margin-left:10px;

232+
233-
border-top:1px solid {color:Border};

233+
234
 

235
{block:Link}

236-
.posttitle{

236+
<div class="head">

237-
font-family:cambria;

237+
238-
font-size: 17px;

238+
239-
line-height: 20px;

239+
240
{/block:Link}

241
 

242-
blockquote{

242+
243-
padding:0px 0px 2px 5px;

243+
244-
margin:0px 0px 2px 1px;

244+
245-
border-left: 3px solid {color:HyperLink Hover};}

245+
246-
blockquote p, ul{margin:0px; padding:0px;

246+
<a href="{tags}">

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

248
</div>

249-
.chat .line{

249+
250-
padding: 2px;

250+
251
{block:Caption}{Caption}{/block:Caption}

252
{block:ContentSource}

253-
.chat .line .odd{

253+
254-
color: {color:Link};

254+
255
{/block:ReblogParentURL}

256
{/block:Photo}

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

257+
258
{block:Photoset}

259-
a img{border: 0px;}

259+
260
<div class="photo">

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

261+
{Photoset-500}

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

262+
263-
.ul { list-style-type: square; }

263+
264
{block:Caption}{Caption}{/block:Caption}

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

265+
266
 

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

267+
268
<div class="head">"{Quote}"</div>

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

269+
270
<i> ~ {Source}</i>

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

271+
272-
-webkit-transition: all 0.6s linear;

272+
273-
-moz-transition: all 0.6s linear;

273+
274-
transition: all 0.6s linear;}

274+
275
{block:Title}

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

276+
<div class="head">

277
{Title}

278-
.title{

278+
279-
width:

279+
280
{block:Lines}

281-
line-height:23px;

281+
282-
margin-left:90px;

282+
283-
padding:4px;

283+
284-
z-index: 1000;

284+
285
{/block:Label}

286
{Line}

287
</div>

288
</div>

289
{/block:Lines}

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

290+
291
 

292
{block:Audio}

293
{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}

294
 

295
{block:TrackName}

296
{TrackName}

297
{/block:TrackName}

298
299
{block:Artist}

300
{Artist}

301
{/block:Artist}

302
 

303
 

304
<br>

305
{block:Caption}{Caption}{/block:Caption}

306
{/block:Audio}

307
 

308
{block:Video}

309
<center>

310
<div class="photo">

311
{Video-500}

312
</div>

313
</center>

314
{block:Caption}{Caption}{/block:Caption}

315
{/block:Video}

316
 

317
{block:IndexPage}

318
<div id="tags">posted

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

320
with

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

322
<div id="via">

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

324
</div>

325-
{block:ifNotInfiniteScrolling}

325+
326
{block:HasTags}

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

328
{/block:Tags}

329
{/block:HasTags}

330
</div>

331-
{/block:ifNotInfiniteScrolling}

331+
332
 

333
{block:PermalinkPage}

334
<center>

335
<div id="tags">

336
{block:Date}

337
{TimeAgo} on

338
{ShortMonth} {DayofMonth},{Year}

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

339+
340
{block:NoteCount}  {NoteCountWithLabel}

341
{/block:NoteCount}<br>

342
{block:HasTags} 

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

344
{/block:Tags}

345-
<div class="posttitle">

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

347
</div>

348
</center>

349
{/block:PermalinkPage}

350
 

351
{block:PostNotes}

352
{PostNotes}

353
{/block:PostNotes}

354
</div>

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

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

356+
357
 

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

359
 

360
 

361
</body>

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

362+
        

    


            


                                


        

            



                
    

        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!