API tools faq
paste
View difference between Paste ID: HnL7Fy9E and 5kVZj7Ar
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE HTML>
2
<head>
3
<!-- HELLO YEAR 2000★ theme by emoticon equinox -->
4-
<!-- questions, comments, concerns? https://cloverparty.tumblr.com/ask -->
4+
<!-- questions, comments, concerns? https://jellyparty.tumblr.com/ask -->
5
<!-- go here for custom music player skins: https://skins.scmplayer.net/
6
7
8
<!-- images -->

9
<meta name="image:favicon" content="">

10
<meta name="image:custom cursor" content="">

11
<meta name="image:blog background" content="">

12
<meta name="image:sidebar" content="">

13
<meta name="image:sidebar background" content="">

14
<meta name="image:content background" content="">

15
<meta name="image:floatie" content=""> 

16
<meta name="image:footer pixel" content="">

17
<!-- end images -->

18
19
<!-- color -->

20
<meta name="color:blog background" content="">

21
<meta name="color:sidebar background" content="">

22
<meta name="color:content background" content="">

23
<meta name="color:border color" content="#000000">

24
<meta name="color:text" content="">

25
<meta name="color:link" content="">

26
<meta name="color:link hover" content="">

27
<meta name="color:text selection" content="">

28
<meta name="color:text selection bg" content="">

29
30
<meta name="color:link border" content="">

31
<meta name="color:link border hover" content="">

32
33
<meta name="color:footer background" content="#ffffff">

34
<meta name="color:footer text" content="">

35
<meta name="color:footer link" content="">

36
<meta name="color:footer link hover" content="">

37
<meta name="color:footer link border" content="">

38
<meta name="color:footer link border hover" content="">

39
40
<meta name="color:table column 1" content="#ff8888">

41
<meta name="color:table column 2" content="#fffa88">

42
<meta name="color:table column 3" content="#a4ff88">

43
<meta name="color:table column 1 link" content="#c30000">

44
<meta name="color:table column 2 link" content="#ff9a00">

45
<meta name="color:table column 3 link" content="#009d62">

46
<meta name="color:table link border" content="">

47
<!-- end color -->

48
49
<!-- text -->

50
<meta name="text:title" content="it must be good">

51
<meta name="text:title size" content="25">

52
<meta name="text:text size" content="18">

53
<meta name="text:redirect path" content="/tagged/hello">

54
<meta name="text:desc" content="^_^">

55
<meta name="text:link one" content="link one">

56
<meta name="text:link two" content="link two">

57
<meta name="text:link three" content="link three">

58
<meta name="text:link one url" content="/">

59
<meta name="text:link two url" content="/">

60
<meta name="text:link three url" content="/">

61
<meta name="text:music player skin url" content="https://static.tumblr.com/y3igvfg/GeCm6tbkc/skinbytobesoperfect.css">

62
<meta name="text:song title" content="Pikachu ~ Nya Nya">

63
<meta name="text:song url" content="https://www.youtube.com/watch?v=GYCXZH3fMUk">

64
<meta name="text:song title 2" content="Pikachu ~ Nya Nya">

65
<meta name="text:song url 2" content="https://www.youtube.com/watch?v=GYCXZH3fMUk">

66
<meta name="text:song title 3" content="Pikachu ~ Nya Nya">

67
<meta name="text:song url 3" content="https://www.youtube.com/watch?v=GYCXZH3fMUk">

68
<meta name="text:song title 4" content="Pikachu ~ Nya Nya">

69
<meta name="text:song url 4" content="https://www.youtube.com/watch?v=GYCXZH3fMUk">

70
<meta name="text:song title 5" content="Pikachu ~ Nya Nya">

71
<meta name="text:song url 5" content="https://www.youtube.com/watch?v=GYCXZH3fMUk">

72
73
<meta name="text:floatie size" content="100">

74
<!-- end text -->

75
76
<!-- footer alignment -->

77
<meta name="select:footer alignment" content="right">

78
<meta name="select:footer alignment" content="center">

79
<meta name="select:footer alignment" content="left"> 

80
<!-- end footer alignment -->

81
82
<!-- font -->

83
<meta name="select:font" content="arial">

84
<meta name="select:font" content="short stack">

85
<meta name="select:font" content="ms gothic">

86
<meta name="select:font" content="roboto mono">

87
<!-- end font -->

88
89
<!-- border styles n' sizes --> 

90
<meta name="select:border type" content="solid">

91
<meta name="select:border type" content="double">

92
<meta name="select:border type" content="dashed">

93
<meta name="select:border type" content="dotted">

94
<meta name="select:border size" content="1">

95
<meta name="select:border size" content="2">

96
<meta name="select:border size" content="3">

97
<!-- end border styles -->

98
99
<!-- options -->

100
<meta name="if:custom cursor" content="">

101
<meta name="if:circular icon" content="">

102
<meta name="if:redirect">

103
<meta name="if:pastel rainbow borders" content="">

104
<meta name="if:bright rainbow borders" content="">

105
<meta name="if:full background" content="">  

106
<meta name="if:bold links" content="">  

107
<meta name="if:music player" content="">

108
<meta name="if:link underline" content="">  

109
<!-- end options -->

110
111
<!-- moosic -->

112
<meta name="select:music player autoplay" content="false"/>

113
<meta name="select:music player autoplay" content="true"/>

114
<meta name="select:show music playlist by default" content="false"/>

115
<meta name="select:show music playlist by default" content="true"/>

116
<!-- end moosic -->

117
118
<!-- misc -->  

119
<link href="https://fonts.googleapis.com/css?family=Short+Stack&display=swap" rel="stylesheet">

120
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap" rel="stylesheet">

121
<title>{Title}</title>

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

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

124
<link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">

125
{block:Description}

126
<meta name="description" content="{MetaDescription}" />

127
{/block:Description}

128
<link rel="shortcut icon" href="{image:favicon}">

129
<script type="text/javascript">

130
// <![CDATA[

131
var speed=100; // speed of wobbling, lower is faster

132
var height=3; // height of wobbling in pixels

133
var alink="http://www.mf2fm.com/rv"; // page to link text to (set to ="" for no link)

134
135
/****************************

136
*    Wobbly Text Effect     *

137
*(c) 2003-6 mf2fm web-design*

138
*  http://www.mf2fm.com/rv  *

139
* DON'T EDIT BELOW THIS BOX *

140
****************************/

141
var wobtxt, wobble, wobcnt=0;

142
window.onload=function() { if (document.getElementById) {

143
  var i, wobli;

144
  wobble=document.getElementById("wobble");

145
  wobtxt=wobble.firstChild.nodeValue;

146
  while (wobble.childNodes.length) wobble.removeChild(wobble.childNodes[0]);

147
  for (i=0; i<wobtxt.length; i++) {

148
    wobli=document.createElement("span");

149
    wobli.setAttribute("id", "wobb"+i);

150
    wobli.style.position="relative";

151
    wobli.appendChild(document.createTextNode(wobtxt.charAt(i)));

152
    if (alink) {

153
      wobli.style.cursor="pointer";

154
      wobli.onclick=function() { top.location.href=alink; }

155
    }

156
    wobble.appendChild(wobli);

157
  }

158
  setInterval("wobbler()", speed);

159
}}

160
161
function wobbler() {

162
  for (var i=0; i<wobtxt.length; i++) document.getElementById("wobb"+i).style.top=Math.round(height*Math.sin(i+wobcnt))+"px"

163
  wobcnt++;

164
}

165
// ]]>

166
</script>

167
{block:ifredirect}

168
<script>

169
if(window.location.pathname == '/') location.replace('{text:redirect path}');

170
</script> 

171
{block:ifredirect}

172
<style type="text/css">

173
174
/* basic appearance */

175
/* basic customization options here, like text & link colors etc!! */

176
body{

177
word-wrap:break-word;

178
font-size:{text:text size}px;

179
font-family:{select:font};

180
color:{color:text};

181
background-color:{color:blog background};

182
background-image:Url('{image:blog background}');

183
background-attachment:fixed;

184
{block:iffullbackground} 

185
background-size: cover;

186
{/block:iffullbackground}

187
{block:ifcustomcursor}

188
cursor:url("{image:custom cursor}"), default;

189
{/block:ifcustomcursor};}

190
::-webkit-scrollbar {

191
width: 1px;

192
height: 10px;}

193
a{

194
{block:ifcustomcursor}

195
cursor:url("{image:custom cursor}"), default;

196
{/block:ifcustomcursor};

197
text-shadow: -1px 0  {color:link border}, 0 1px  {color:link border}, 1px 0  {color:link border}, 0 -1px  {color:link border};

198
color:{color:link};

199
{block:ifboldlinks}

200
font-weight:bold;

201
{/block:ifboldlinks}

202
text-decoration:none;

203
{block:iflinkunderline}

204
text-decoration:underline;

205
{/block:iflinkunderline};}

206
a:hover{

207
text-shadow: -1px 0  {color:link border hover}, 0 1px  {color:link border hover}, 1px 0  {color:link border hover}, 0 -1px  {color:link border hover};

208
color:{color:link hover};

209
{block:ifboldlinks}

210
font-weight:bold;

211
{/block:ifboldlinks}

212
{block:iflinkunderline}

213
text-decoration:underline;

214
{/block:iflinkunderline};}

215
::selection{ 

216
color:{color:text selection}; 

217
background-color:{color:text selection bg};}

218
::-webkit-scrollbar {

219
width: 15px;

220
height: 10px;}

221
::-webkit-scrollbar-thumb:vertical{

222
background-color: #fff;

223
background-image: url(https://i.imgur.com/Qtm9Z60.png);

224
border-top: 1px solid #bdbdbd;

225
border-left: 1px solid #bdbdbd;

226
border-right: 1px solid black;

227
border-bottom: 1px solid black;}

228
::-webkit-scrollbar-track {

229
background-color: #fff;

230
background-image: url(https://i.imgur.com/IGXGYKz.png);}

231
::-webkit-scrollbar-button:vertical:increment {

232
background-image: url(https://i.imgur.com/WhC8iy3.png);

233
width: 14px;

234
height: 16px;

235
border-top: 1px solid #bdbdbd;

236
border-left: 1px solid #bdbdbd;

237
border-right: 1px solid black;

238
border-bottom: 1px solid black;}

239
::-webkit-scrollbar-button:vertical:decrement {

240
background-image: url(https://i.imgur.com/fQ18mrR.png);

241
border-top: 1px solid #bdbdbd;

242
border-left: 1px solid #bdbdbd;

243
border-right: 1px solid black;

244
border-bottom: 1px solid black;

245
width: 14px;

246
height: 16px;}

247
.npf_row {

248
margin: 0 !important;}

249
blockquote{

250
margin: 0;}

251
/* --- basics end --- */

252
253
254
/* posts */

255
/* 'postcontainer' is the container holding the posts inside it, 'postcontent' is the size of the post, and 'post' is how the post looks */

256
#postcontainer{

257
left:350px;

258
overflow:auto;

259
position:absolute;

260
padding:5px;

261
overflow-x: hidden;

262
overflow-y:auto;}

263
#postcontent{

264
width:450px;}

265
#content{

266
overflow:hidden;}

267
.post, .naviga{

268
margin:0 0 10px 0;

269
overflow:hidden;

270
padding:5px;

271
border:{select:border size}px {select:border type} {color:border color};

272
background-color:{color:content background};

273
background-image:Url('{image:content background}');

274
background-size: cover;

275
{block:ifpastelrainbowborders}

276
border: 3px solid transparent;

277
border-image: linear-gradient(to bottom right, #95cadf 0%, #a9e79a 20%, #eedb57 40%, #f9a4b0 60%, #fd87c4 80%, #bf75cc 100%);

278
border-image-slice: 1; 

279
{/block:ifpastelrainbowborders};

280
{block:ifbrightrainbowborders}

281
border: 3px solid transparent;

282
border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);

283
border-image-slice: 1; 

284
{/block:ifbrightrainbowborders};}

285
/* --- posts end --- */

286
287
/* sidebar */

288
/* 'side' is what is holding the sidebar inside it, 'sidebar' will change the size of the sidebar, desc and links are there just to nicely space things out so everything isnt cramped together!! */

289
#side{

290
left:0px;

291
width:275px;

292
height:100%;

293
overflow-y:scroll;

294
overflow-x:hidden;

295
padding:5px;

296
border-right:{select:border size}px {select:border type} {color:border color};

297
background-color:{color:sidebar background};

298
background-image:Url('{image:sidebar background}');

299
background-size: cover;

300
position:fixed;}

301
#tittle{

302
margin:0 0 10px 0;

303
text-align:center;

304
font-size:15px;}

305
#desc{

306
margin:10px 0 0 0;

307
display:block;}

308
#links{

309
margin:10px 0 0 0;

310
display:block;

311
text-align:center;}

312
#table, th, td{ 

313
width:240px;

314
margin:10px 0 0 0;

315
margin-left:-4px;

316
border:2px outset white;

317
background:transparent;}

318
tr:nth-child(1){

319
background-color:{color:table column 1};}

320
tr:nth-child(1) a{

321
color:{color:table column 1 link};

322
text-shadow: -1px 0  {color:table link border}, 0 1px  {color:table link border}, 1px 0  {color:table link border}, 0 -1px  {color:table link border};}

323
tr:nth-child(2){

324
background-color:{color:table column 2};}

325
tr:nth-child(2) a{

326
color:{color:table column 2 link};

327
text-shadow: -1px 0  {color:table link border}, 0 1px  {color:table link border}, 1px 0  {color:table link border}, 0 -1px  {color:table link border};}

328
tr:nth-child(3){

329
background-color:{color:table column 3};}

330
tr:nth-child(3) a{

331
color:{color:table column 3 link};

332
text-shadow: -1px 0  {color:table link border}, 0 1px  {color:table link border}, 1px 0  {color:table link border}, 0 -1px  {color:table link border};}

333
#tit{

334
font-size:{text:title size}px;

335
}

336
/* --- sidebar end --- */

337
338
/* content appearance */

339
/* the way images, notes, and other assets will look */

340
.post img{

341
max-width:500px;

342
height:100%;

343
max-width:100%;}

344
.sidebar img{

345
{block:ifcircularicon}

346
border-radius:100%;

347
{/block:ifcircularicon}

348
border-radius:5px;

349
max-width:270px;

350
max-width:100%;

351
display:block;}

352
.footer{

353
padding:3px;

354
border-radius:5px;

355
background-color:{color:footer background};

356
color:{color:footer text};

357
text-align:{select:footer alignment};}

358
.footer a{

359
color:{color:footer link};

360
text-shadow: -1px 0  {color:footer link border}, 0 1px  {color:footer link border}, 1px 0  {color:footer link border}, 0 -1px  {color:footer link border};}

361
.footer a:hover{

362
text-shadow: -1px 0  {color:footer link border hover}, 0 1px  {color:footer link border hover}, 1px 0  {color:footer link border hover}, 0 -1px  {color:footer link border hover};

363
color:{color:footer link hover};}

364
ol.notes{

365
list-style-type:none;

366
padding:3px;

367
overflow:auto;}

368
video{

369
max-width: 100%;

370
height: auto;}

371
#audioplayer{ 

372
width:30px;

373
height:25px;

374
overflow:hidden;

375
position:absolute;

376
margin-top:40px;

377
margin-bottom:40px;

378
margin-left:35px;

379
border-radius: 40px;

380
opacity: 0.7;}

381
.trackstuff{

382
overflow:auto;

383
margin-left:110px;

384
margin-top:-75px;  

385
margin-bottom:50px;

386
display:block;}

387
.playbutton{

388
margin-bottom:30px;

389
margin-top:-60px;

390
margin-left:35px;

391
z-index:9;

392
width:33px;

393
height:30px;

394
overflow:hidden;}

395
/* --- appearance end --- */

396
397
/* moar stuff */

398
/* random things that you add to the theme, not necessary for the theme's function */

399
#foatie{ 

400
position:fixed;

401
bottom:0px;

402
right:0px;}

403
#c{

404
font-size:25px;

405
position:fixed; 

406
right:0px;

407
bottom:0px;}

408
/* --- more end --- */

409
410
{CustomCss}

411
</style>

412
</head>

413
<body>

414
{block:ifmusicplayer}

415
<!-- SCM Music Player https://www.scmplayer.net -->

416
<script type="text/javascript" src="https://www.scmplayer.net/script.js" 

417
data-config="{'skin':'{text:music player skin url}','volume':50,'autoplay':{select:music player autoplay},'shuffle':false,'repeat':1,'placement':'top','showplaylist':{select:show music playlist by default},'playlist':[{'title':'{text:song title}','url':'{text:song url}'},{'title':'{text:song title 2}','url':'{text:song url 2}'},{'title':'{text:song title 3}','url':'{text:song url 3}'},{'title':'{text:song title 4}','url':'{text:song url 4}'},{'title':'{text:song title 5}','url':'{text:song url 5}'}]}" ></script>

418
<!-- SCM Music Player script end -->

419
420
{/block:ifmusicplayer}

421
422
<div id="side">

423
<div id="sidebar">

424
<div id="tit">

425
<CENTER><div id="wobble">{text:title}</div></center>

426
</div>

427
<a href="/"><div class="sidebar img"><img style='height: 100%; width: 100%; object-fit: cover' src='{image:sidebar}'/></div></a>

428
<center>

429
<div id="table">

430
<table>

431
<tbody> 

432
<tr>

433
<td><a href="{text:link one url}">{text:link one}</a></td>

434
</tr>

435
<tr>

436
<td><a href="{text:link two url}">{text:link two}</a></td>

437
</tr>

438
<tr>

439
<td><a href="{text:link three url}">{text:link three}</a></td>

440
</tr>

441
</tbody>

442
</table>

443
</div>

444
<div id="desc">

445
<center>{text:desc}</center>

446
</div>

447
</center>

448
</div>

449
<p>

450
<div id="foatie">

451
<img src="{image:floatie}" width="{text:floatie size}px">

452
</div>

453
</div>

454
455
<div id="postcontainer">

456
<div id="postcontent">

457
<div id="content">

458
{block:Posts} 

459
<!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} --> {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}

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

461
{/block:ContentSource}

462
<div class="post">

463
464
<!-- Text -->

465
{block:Text}

466
{block:Title}

467
<div class="title">{Title}</div>

468
{/block:Title}

469
{Body}

470
{/block:Text}

471
{block:Chat}

472
{block:Title}

473
<div class="title">

474
<h3><a href="{Permalink}">{Title}</a></h3></div>

475
{/block:Title}

476
{block:Lines}

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

478
{block:Label}

479
<span class="label">{Label}</span>

480
{/block:Label}{Line}

481
</div>

482
{/block:Lines}

483
{/block:Chat}

484
485
<!-- Images --->

486
{block:Photo}

487
{LinkOpenTag}

488
<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>

489
{LinkCloseTag}

490
{block:Caption}

491
{Caption}

492
{/block:Caption}

493
{/block:Photo}

494
{block:Photoset}

495
{Photoset-400}

496
{block:Photos} 

497
{/block:Photos}

498
{block:Caption}

499
{Caption}

500
{/block:Caption}

501
{/block:Photoset}

502
503
<!-- Video -->

504
{block:Video}

505
{Video-500}

506
{block:Caption}

507
{Caption}

508
{/block:Caption}

509
{/block:Video}

510
511
<!-- Audio -->

512
{block:Audio}

513
<div id= "audioplayer">{AudioPlayerWhite}</div>

514
{block:AlbumArt}

515
<div id="albumart">

516
<img src="{AlbumArtURL}" width="100">  

517
</div>

518
{/block:AlbumArt}

519
<div class="trackstuff">

520
{block:TrackName}<b><i>{TrackName}</i></b>{/block:TrackName}<br>{block:Artist}<i>{Artist}</i>{/block:Artist}</div>

521
{Caption}

522
{/block:Audio}

523
524
<!-- Quote -->

525
{block:Quote}

526
<div class="quote">

527
"{Quote}"

528
{block:Source}

529
<div class="source">- <i>{Source}</i></div>

530
{/block:Source}

531
</div>

532
{/block:Quote}

533
534
<!-- Link -->

535
{block:Link}

536
<a href="{URL}" class="link" {Target}>{Name}</a>

537
{block:Description}

538
{Description}

539
{/block:Description}

540
{/block:Link}

541
542
<!-- Ask --> 

543
{block:Answer}

544
<div class="question">{Asker}: {Question}</div>

545
<div class="caption">{Answer}</div>

546
{/block:Answer} 

547
548
<!-- Footer -->

549
{block:Date}

550
<div class="footer">

551
<a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a> <a href="{ReblogUrl}"><img src="{image:footer pixel}"></a>

552
<br>{block:HasTags}

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

554
{block:PermalinkPage}

555
<br><a href="{Permalink}">{TimeAgo}</a>

556
<a href="{Permalink}">{block:NoteCount} [{NoteCountWithLabel}] {/block:NoteCount}</a>

557
{block:NoteCount}

558
{block:PostNotes}{PostNotes}{/block:PostNotes}

559
{/block:NoteCount}

560
{/block:PermalinkPage}

561
<!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} --> 

562
{/block:Date}

563
</div>

564
565
</div>

566
{/block:Posts}

567
568
{block:Pagination}

569
<div class="naviga">

570
<center>

571
{block:PreviousPage}

572
<a href="{PreviousPage}">&#171; Back?</a> 

573
{/block:PreviousPage}

574
{block:NextPage}

575
 <a href="{NextPage}">Next? &#187;</a>

576
{/block:NextPage}

577
</div>

578
</div>

579
{/block:Pagination}

580
581
</div>

582
</div>

583
</div>

584
585
<!-- please do not edit link or remove -->

586-
<div id="c"><a href="https://cloverparty.tumblr.com/tagged/mine">ミ★</a></div>

586+
<div id="c"><a href="https://jellyparty.tumblr.com/tagged/mine">ミ★</a></div>

587
<!-- please do not edit link or remove -->

588
589
</div>

590
</body>

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