API tools faq
paste
View difference between Paste ID: snipPRLa and 6sxt2M8a
SHOW: | | - or go back to the newest paste.
1
2
3
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

4
"http://www.w3.org/TR/html4/loose.dtd">

5
6
<html lang="en">

7
8
<head>

9
10
11
<!--

12
THEME BY BLINK AND IT'S OVER

13
CREATED BY: HTTP://WWW.KANESIMSWILSON.CO.UK

14
-->

15
16
17
<title>{Title}</title>

18
19
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

20
<link rel="alternate" type="application/rss+xml" href="{RSS}">

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

22
23
<meta name="color:Blog title" content="#FFFFFF"/>

24
<meta name="color:Text" content="#FFFFFF"/>

25
<meta name="color:Links" content="#FFFFFF"/>

26
<meta name="color:Links Hover" content="#CFD86D"/>

27
<meta name="if:Background image" content="1">

28
<meta name="if:Show notes on permalink pages" content="1">

29
<meta name="if:Show notes on home page" content="1">

30
<meta name="if:One row" content="0">

31
<meta name="if:Two rows" content="1">

32
<meta name="if:Three rows" content="0">

33
<meta name="if:Four rows" content="0">

34
<meta name="if:RSS link" content="1">

35
<meta name="if:Archive link" content="1">

36
<meta name="color:Background" content="#ffffff"/>

37
<meta name="font:Body" content="Helvetica"/>

38
<meta name="image:Background" content="http://static.tumblr.com/2w7y46r/tzYlh3lyo/heart-of-the-universe.jpg">

39
<meta name="if:Use logo" content="0">

40
<meta name="image:Logo" content="">

41
<meta name="color:Title" content="#ffffff"/>

42
<meta name="color:Text Bubble" content="#000000"/>

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

45
46
<script type="text/javascript" src="http://static.tumblr.com/ts2nqrf/Msal8du92/cufon.js"></script>

47
<script type="text/javascript" src="http://static.tumblr.com/ts2nqrf/mNQl8du9p/bebas.js"></script>

48
<script type="text/javascript" src="http://static.tumblr.com/df28qmy/u5slh3ibc/jquery.min.js"></script>

49
50
<script type="text/javascript">

51
Cufon.DOM.ready(function() {

52
Cufon.replace('.bebas', { fontFamily: 'bebas', hover:true });

53
$('.bebas').css('visibility','visible');

54
});

55
</script>

56
57
58
<style type="text/css">

59
60
61
h1 { color:{color:Blog title}; font-weight: normal; font-size: 50px; font-family: 'BebasNeueRegular', sans-serif; line-height: -4px;{block:ifuselogo}display:none;{/block:ifuselogo}}

62
h1 a {color:{color:Blog title};}

63
64
body {height: 100%; background-color:{color:Background}; color: {color:Text};font-size: 11px; font-family:{font:Body}; line-height: 14px; padding: 30px 0 200px 0; {block:ifbackgroundimage}background-attachment: fixed; background-image:url('{image:Background}');{/block:ifbackgroundimage}}

65
66
a {color: {color:Links}; text-decoration:none;}

67
68
a:hover { color: {color:Links Hover}; -webkit-transition-duration: 0.5s; }

69
70
a.title {color: {color:Links}; text-decoration:none;}

71
72
#container { width: 1050px; margin: auto auto auto auto; position: relative;}

73
74
#container .header { width: 1050px; margin: auto auto; }

75
76
#container .description {padding: 10px 0px 40px; clear: both; position: relative; text-align:center; width:500px; margin-left: auto ; margin-right: auto;}

77
78
#container .posts {width: 1050px; clear: both; position: relative; margin-left: auto; margin-right: auto; padding-top:30px; }

79
80
#container .box {width: 345px;{block:iftworows}width: 500px;{/block:iftworows}{block:iffourrows}width: 250px; margin-bottom:20px;{/block:iffourrows} {block:indexpage}{block:ifonerow}width: 600px; padding-left:21%;{/block:ifonerow}{/block:indexpage}margin-left: 5px; float: left; margin-bottom: 15px; position: relative; }

81
82
#container .box a{-webkit-transition-duration: 0.5s;}

83
84
#container .box img {max-width: 100%; border:0px; -webkit-transition-duration: 0.5s; opacity:1;}

85
86
#container .title { font-size: 12px;line-height: 18px; text-decoration: none; display: block; color:{color:Title}; padding: 8px;}

87
88
#container .ask { font-size: 11px;line-height: 18px; text-decoration: none; display: block; color:{color:Title}; padding: 8px;}

89
90
#container .audio {width: 207px;}

91
92
#container .columnHolder {width: 800px; margin: 5px 0 0 5px; overflow: hidden;}

93
94
#container .columnHolder .column { width: 225px; min-height: 1px; float: left;}

95
96
#container .columnHolder .column.middle { margin: 0 0px; }

97
98
#arrow {font-size:15px; padding-left:20px; color:{color:Text Bubble}; margin-top:-5px; padding-bottom:5px;}

99
100
{block:PermalinkPage}

101
102
.box { width: 600px !important; padding-left: 21%;}

103
104
105
p.answer_form_container { width: 580px; }

106
107
ol.notes { width: 600px; position:relative; padding-left:21%; list-style-type: none; margin: 0px 0 10px 0; padding: -10px -90px; }

108
109
ol.notes li.note { margin: 0px 0 2px 0; padding: 0;}

110
111
ol.notes a { color: #ffffff; }

112
113
ol.notes img.avatar { display: true; padding:2px 0 0 2px; border:0px;}

114
115
ol.notes blockquote { margin: 0; }

116
117
ol.notes blockquote a { text-decoration: none; }

118
119
{/block:PermalinkPage}

120
121
.video{text-align: center; background-color:black;}

122
123
.curve { background-color:{color:Text Bubble}; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomleft: 4px; moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px; overflow:hidden;}

124
125
.box:hover .perma {{block:indexpage}{block:ifshownotesonhomepage}opacity:1;{/block:ifshownotesonhomepage}{/block:indexpage} z-index:10000; top:50%;}

126
127
.perma { margin-top: -18px; opacity: 0; font-family:{font:Body}; font-size: 9px; z-index: 1000000; text-align: center; text-transform: uppercase; top:50%;

128
129
}

130
131
#top-link { position:fixed; right:5px; bottom:5px; color:white; font-weight:bold; text-decoration:none; padding:10px; border:0px; }

132
133
#audiotest {background-image:url('http://static.tumblr.com/2w7y46r/gPklc94jg/play.png');margin-top: -27px;display:block;height:27px;z-index:-1000;width:250px;}

134
135
.box:hover .back {{block:indexpage}{block:ifshownotesonhomepage}opacity:1;

136
{/block:ifshownotesonhomepage}{/block:indexpage}z-index:1000;}

137
138
.back { margin-top: -25px; width:100%; opacity: 0;

139
z-index: 1000;}

140
141
{block:PermalinkPage}

142
143
.back img{width:500px; height:20px;}

144
145
{/block:PermalinkPage}

146
147
{block:iffourrows}

148
.back img{width:100%; height:20px;}

149
{/block:iffourrows}

150
151
{block:iftworows}

152
.back img{width:500px; height:20px;}

153
{/block:iftworows}

154
155
{block:ifonerow}

156
.back img{width:600px; height:20px;}

157
158
{/block:ifonerow}

159
</style>

160
161
<script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>

162
<script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>

163
<script src="http://static.tumblr.com/df28qmy/Mpalh3i8p/jquery.scrollto-1.4.0-min.js" type="text/javascript"></script>

164
165
<script type="text/javascript">

166
//plugin

167
jQuery.fn.topLink = function(settings) {

168
settings = jQuery.extend({

169
min: 1,

170
fadeSpeed: 200

171
}, settings);

172
return this.each(function() {

173
//listen for scroll

174
var el = $(this);

175
el.hide(); //in case the user forgot

176
$(window).scroll(function() {

177
if($(window).scrollTop() >= settings.min)

178
{

179
el.fadeIn(settings.fadeSpeed);

180
}

181
else

182
{

183
el.fadeOut(settings.fadeSpeed);

184
}

185
});

186
});

187
};

188
189
//usage w/ smoothscroll

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

191
//set the link

192
$('#top-link').topLink({

193
min: 400,

194
fadeSpeed: 500

195
});

196
//smoothscroll

197
$('#top-link').click(function(e) {

198
e.preventDefault();

199
$.scrollTo(0,300);

200
});

201
});

202
203
$(window).load(function () {

204
205
$('.posts').masonry(),

206
207
$('.masonryWrap').infinitescroll({

208
209
navSelector : "div#navigation",

210
// selector for the paged navigation (it will be hidden)

211
nextSelector : "div#navigation a#nextPage",

212
// selector for the NEXT link (to page 2)

213
itemSelector : ".box",

214
// selector for all items you'll retrieve

215
bufferPx : 10000,

216
extraScrollPx: 11000,

217
loadingImg : "http://b.imagehost.org/0548/Untitled-2.png",

218
loadingText : "<em></em>",

219
},

220
// call masonry as a callback.

221
function() { $('.posts').masonry({ appendedContent: $(this) }); }

222
);

223
224
});

225
226
</script>

227
228
<script>

229
230
function changeStyle(title) {

231
232
var lnks = document.getElementsByTagName('link');

233
234
for (var i = lnks.length - 1; i >= 0; i--) {

235
236
if (lnks[i].getAttribute('rel').indexOf('style')> -1 && lnks[i].getAttribute('title')) {

237
238
lnks[i].disabled = true;

239
240
if (lnks[i].getAttribute('title') == title) lnks[i].disabled = false;

241
242
}}}

243
244
</script>

245
246
247
248
</head>

249
250
<body onload="setTimeout('function1()', 1000);setTimeout('function2()', 1500);">

251
<a href="#top" id="top-link"><img style="border:0px;"src='http://b.imagehost.org/0971/jump_to_top_arrow.png'/></a>

252
253
{block:indexpage}

254
<script language="JavaScript">

255
function function1(){

256
window.scrollTo(0,5);

257
}

258
function function2(){

259
window.scroll(0,2);

260
}

261
</script>

262
263
{/block:indexpage}

264
<br>

265
266
<div id="container">

267
<div class="header">

268
269
<div style="text-align: center;">{block:ifuselogo}<img style="max-width:1500px; max-height:300px" src="{image:logo}"/>{/block:ifuselogo}<h1 class="bebas"><a href="/">{Title}</a></h1></div>

270
271
<div style="text-align: center; font-size:9.4px; margin-top:-35px; {block:ifuselogo}margin-top:10px; {/block:ifuselogo}text-transform: uppercase;">

272
273
{block:AskEnabled}<a href="/ask">MESSAGE</a>&nbsp;&nbsp;&nbsp;&nbsp;{/block:AskEnabled}

274
275
{block:ifarchivelink}<a href="/archive">ARCHIVE</a>&nbsp;&nbsp;&nbsp;{/block:ifarchivelink}

276
277
{block:ifrsslink}<a href="{RSS}"> RSS </a>&nbsp;&nbsp;&nbsp;{/block:ifrsslink}

278
279
<a href="http://inspir1ng.tumblr.com/post/17456611895/free-infinite-2-theme-code-by-blink-and-its-over">THEME</a>&nbsp;&nbsp;&nbsp;

280
281
{block:HasPages}

282
{block:Pages}<a href="{URL}">{Label}</a>&nbsp;&nbsp;&nbsp;{/block:Pages}

283
{/block:HasPages}

284
285
</div>

286
287
<div class="description">{description}<br style="clear:both"></div></div>

288
289
<div class="posts" id="allposts">

290
{block:Posts}

291
<div class="box">

292
293
{block:Photo}

294
{block:IndexPage}

295
<a href="{Permalink}" target="_blank">{/block:IndexPage}

296
{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}

297
<img style="min-width:100%;" src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}">

298
299
300
<div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>

301
<div class="perma">

302
<a href="{Permalink}" target="_blank">{TimeAgo}</a>

303
{block:NoteCount}<a href="{Permalink}" target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a>

304
<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">&nbsp;/&nbsp;reblog</a></div>

305
{/block:Photo}

306
307
{block:Audio}

308
<div class="curve">

309
<div style=" width:100%; height:27px; font-size:1px; color:black; background-color:black;">

310
{AudioPlayerBlack}

311
</div><a href="{Permalink}" target="_blank" id="audiotest"></a></div><div id="arrow" style="color:black;">▼</div>

312
313
314
{block:AlbumArt}<img style="border:1px solid white; width:50px; margin-left:5px;" src="{AlbumArtURL}"/>{/block:AlbumArt}

315
316
{block:indexpage}<div style="{block:AlbumArt}min-height:40px; padding-left:70px;margin-top:-60px;{/block:AlbumArt}">{block:Caption}{Caption}{/block:Caption}</div>{/block:IndexPage}

317
318
{block:ifshownotesonhomepage}{block:AlbumArt}<br>{/block:AlbumArt}{/block:ifshownotesonhomepage}

319
320
321
322
{block:ifshownotesonhomepage}<br>{/block:ifshownotesonhomepage}

323
{block:IndexPage}

324
<div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>

325
<div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>

326
{block:NoteCount}<a href="{Permalink}" target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a>

327
<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">&nbsp;/&nbsp;reblog</a>{block:ExternalAudio}<a href="{ExternalAudioURL}">&nbsp;/&nbsp;download</a>{/block:ExternalAudio}</div>{/block:IndexPage}

328
329
{/block:Audio}

330
331
{block:Video}

332
<div class="video">{block:iffourrows}

333
{Video-250}{/block:iffourrows}{block:ifthreerows}

334
{Video-250}{/block:ifthreerows}

335
{block:iftworows}

336
{Video-500}{/block:iftworows}{block:ifonerow}{Video-500}{/block:ifonerow}

337
{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</div>

338
339
<div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>

340
<div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>

341
{block:NoteCount}<a href="{Permalink}" target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">&nbsp;/&nbsp;reblog</a></div>

342
{/block:Video}

343
344
{block:Text}

345
<div class="curve">{block:Title}<a href="{Permalink}" class="title">&nbsp;{Title}&nbsp;</a>{/block:Title}</div>{block:Title}<div id="arrow">▼</div>{/block:Title}

346
347
<div style="padding-left:8px; padding-top:2px; padding-right:8px;">{Body}</div>{block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage}

348
<div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>

349
<div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>

350
{block:NoteCount}<a href="{Permalink}" target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">&nbsp;/&nbsp;reblog</a></div>

351
352
{block:More}<br><br> <a href="{Permalink}" class="readMore">Read More</a>{/block:More}

353
{/block:Text}

354
355
{block:Answer}

356
357
<div class="curve"><a href="{Permalink}" class="ask">&nbsp;{Question}&nbsp;</a></div><div id="arrow">▼</div>

358
359
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img style="border:1px solid white;" src="{AskerPortraitURL-16}"/><span style="vertical-align: 25%;">&nbsp;&nbsp;{Asker}</span>

360
<div style="padding-left:8px; padding-top:2px; padding-right:8px;">{Answer}</div>{block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage}

361
362
<div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>

363
<div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>

364
{block:NoteCount}<a href="{Permalink}" target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a></div>

365
{/block:Answer}

366
367
{block:Link}

368
<div class="curve"><a href="{URL}" class="title" {Target}>&nbsp;{Name}&nbsp;</a>

369
</div><div id="arrow">▼</div>

370
{block:Description}<div style="padding-left:8px; padding-top:2px; padding-right:8px;">{Description}</div>{/block:Description}{block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage}

371
372
<div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>

373
<div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>

374
{block:NoteCount}<a href="{Permalink}" target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">&nbsp;/&nbsp;reblog</a></div>

375
{/block:Link}

376
377
{block:Quote}<div class="curve"><a href="{Permalink}" class="title">"{Quote}"</a></div><div id="arrow">▼</div>{block:Source}&nbsp;&nbsp;{Source}<br>{/block:Source}{block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage}

378
379
<div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>

380
<div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>

381
{block:NoteCount}<a href="{Permalink}" target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">&nbsp;/&nbsp;reblog</a></div>{/block:Quote}

382
383
{block:Chat}

384
<div class="curve">{block:Title}<a href="{Permalink}" class="title">&nbsp;{Title}&nbsp;</a>{/block:Title}</div>{block:Title}<div id="arrow">▼</div>{/block:Title}

385
386
<table class="chat" style="padding-left:5px;"cellspacing="0">{block:Lines}<tr>{block:Label}<td class="name line{UserNumber}">{Label}</td>{block:Label}<td class="words line{UserNumber}">{Line}</td></tr>{/block:Lines}</table>

387
{block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage}

388
389
<div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>

390
<div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>

391
{block:NoteCount}<a href="{Permalink}" target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">&nbsp;/&nbsp;reblog</a></div>

392
{/block:Chat}

393
394
{block:PermalinkPage}<block:Caption>{Caption}</block:Caption>{/block:PermalinkPage}

395
396
{block:PermalinkPage}</div>

397
{block:IfShowNotesOnPermalinkPages}{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:IfShowNotesOnPermalinkPages}

398
{/block:PermalinkPage}

399
400
</div>{/block:Posts}

401
</div>

402
403
{block:IndexPage}

404
<div class="columnHolder footer"><div class="column navigation" id="navigation">

405
{block:Pagination}

406
{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}

407
{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}

408
409
{block:PermalinkPagination}

410
{block:NextPost}<a href="{NextPost}" class="navigate">{/block:NextPost}{block:NextPost}</a>{/block:NextPost}

411
{block:PreviousPost}<a href="{PreviousPost}" class="navigate">{/block:PreviousPost}{block:PreviousPost}</a>{/block:PreviousPost}{/block:PermalinkPagination}</div></div>

412
{/block:IndexPage}</div>

413
414
<script type="text/javascript">autoscale(new Array('object', 'embed'));</script>

415
416
417
</body>

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