API tools faq
paste
View difference between Paste ID: X1PK57zW and CbQmiBUP
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3
4
<!--

5
6
7
THE YOUTH ARE COMING theme by

8
F L O R E L S  (✿◠‿◠)   ////

9
started nov 16, 2016

10
finished nov 16, 2016

11
published nov 29, 2016

12
13
a theme mash of my two themes 'Coming Over' and 'Youth'

14
15
-->

16
17
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

18
<head>

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

22
<title>{Title}</title>

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

24
25
<meta name="image:background" content="" />

26
27
<meta name="color:background" content="#fff" />

28
<meta name="color:blog border" content="#c4d8e4" />

29
<meta name="color:blog title" content="#000" />

30
<meta name="color:description" content="#000" />

31
<meta name="color:description border" content="#000" />

32
<meta name="color:description link" content="#000" />

33
<meta name="color:link" content="#000" />

34
<meta name="color:link hover" content="#000" />

35
<meta name="color:nav link" content="#000" />

36
<meta name="color:nav link hover" content="#000" />

37
<meta name="color:permalink" content="#000" />

38
<meta name="color:permalink bg" content="#c4d8e4" />

39
<meta name="color:permalink bg hover" content="#fff" />

40
<meta name="color:permalink hover" content="#000" />

41
<meta name="color:post background" content="#fff" />

42
<meta name="color:scrollbar" content="#000" />

43
<meta name="color:text" content="#000" />

44
45
<meta name="if:show quote" content="1"/>

46
<meta name="if:post bg" content="0"/>

47
<meta name="if:2 columns" content="1"/>

48
<meta name="if:tiled bg image" content="0"/>

49
<meta name="if:custom link 1" content="1" />

50
<meta name="if:custom link 2" content="1" />

51
<meta name="if:custom link 3" content="1" />

52
53
<meta name="text:ask link" content="/ask" />

54
<meta name="text:quote" content="my youth is yours; tripping on skies, sipping waterfalls  ゜．✧・" />

55
<meta name="text:link 1 url" content="/" />

56
<meta name="text:link 1 url" content="/" />

57
<meta name="text:link 1 title" content="link 1" />

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

59
<meta name="text:link 2 title" content="link 2" />

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

61
<meta name="text:link 3 title" content="link 3" />

62
63
<script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>

64
65
66
  

67
{block:IndexPage}

68
<script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>

69
<script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>

70
 

71
<script type="text/javascript">

72
$(window).load(function () {

73
$('#posts').masonry(),

74
$('.masonryWrap').infinitescroll({

75
navSelector : "div.navigation",

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

77
nextSelector : ".navigation a#next",

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

79
itemSelector : ".post",

80
// selector for all items you'll retrieve

81
bufferPx : 10000,

82
extraScrollPx: 10000,

83
loadingImg : "http://static.tumblr.com/bcpenwm/o5Nmy3k0o/florels.gif",

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

85
},

86
// call masonry as a callback.

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

88
);

89
});

90
</script>

91
{/block:IndexPage}

92
93
94
95
<div class="navigation">{block:Pagination}{block:NextPage}<span id="page_nav"><span onclick='return false;'><a style="float:right;opacity:0;" href="{NextPage}" id="next"></a>{/block:NextPage}{block:PreviousPage}<a style="float:right;opacity:0;" href="{PreviousPage}"></a></span></span>{/block:PreviousPage}{/block:Pagination}</div>

96
97
98
99
<script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>

100
<script>

101
   (function($){

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

103
           $("[title]").style_my_tooltips({

104
               tip_follows_cursor:true,

105
               tip_delay_time:0,

106
               tip_fade_speed:0

107
           }

108
               );

109
       });

110
   })(jQuery);

111
</script>

112
113
114
115
116
<style type="text/css">

117
118
iframe#tumblr_controls {

119
top: 0% !important;

120
right:0% !important;

121
position: fixed !important;}

122
123
124
body {

125
    margin:0px;

126
    padding:0px;

127
    margin-top:0px;

128
    margin-bottom:0px;

129
    font-family:'Times New Roman';

130
    font-size:11px;

131
    color:{color:text};

132
    background-image:url('{image:background}');

133
    background-attachment:fixed;

134
{block:ifnottiledbgimage}

135
    background-size:cover;

136
{/block:ifnottiledbgimage}

137
    background-color:{color:background};}

138
139
#s-m-t-tooltip{

140
    font-family:'Times New Roman';

141
    font-size: 9px; 

142
    color:#000; 

143
    background-color:#fff;

144
    text-align: center;

145
    letter-spacing:1px;

146
    min-width:50px;

147
    max-width:120px;

148
	overflow:auto;

149
	text-transform:lowercase;

150
    display: none;

151
    font-style:italic;

152
    position: absolute;

153
    z-index: 999999999999;

154
    padding:3px 3px 1px 3px;

155
    margin:30px 0 15px 10px;

156
-webkit-transition: all 0.2s ease-in-out;

157
-moz-transition: all 0.2s ease-in-out;

158
transition: all 0.2s ease-in-out;}

159
160
a {

161
    color:{color:link};

162
    text-decoration:underline;

163
-webkit-transition: all 0.2s ease-in-out;

164
-moz-transition: all 0.2s ease-in-out;

165
-o-transition: all 0.2s ease-in-out;}

166
167
a:hover {

168
    ;-webkit-transition-duration: 0.4s;

169
    color:{color:link hover};

170
    text-decoration:none;}

171
172
/**  theme by F L O R E L S  (✿◠‿◠)   ////  **/

173
174
a:active,a:focus {outline:0;}

175
176
::-webkit-scrollbar-thumb{ 

177
    background-color:{color:scrollbar};

178
    border:7px solid {color:background};

179
    height:7px;}

180
181
::-webkit-scrollbar { 

182
    height:16px;

183
    width:16px; 

184
    background-color:{color:background};}

185
186
#top {

187
    height:26px;

188
    width:100%;

189
    top:0;

190
    z-index:99;

191
    position:fixed;

192
    background-color:{color:blog border};}

193
194
#sidebar {

195
    z-index:4;

196
    height:auto;

197
    padding:20px;

198
    width:180px;

199
    bottom:20px;

200
    position:fixed;

201
{block:ifsidebarbg}

202
    background-color:{color:sidebar bg};

203
{/block:ifsidebarbg}

204
{block:IndexPage}

205
    {block:if2columns}

206
        left:635px;

207
    {/block:if2columns}

208
    {block:ifnot2columns}

209
        left:930px;

210
    {/block:ifnot2columns}

211
{/block:IndexPage}

212
{block:PermalinkPage}

213
    margin-left:480px;

214
{/block:PermalinkPage}}

215
216
#blogtitle{

217
    position:relative;

218
    height:auto;

219
    z-index:5;

220
    padding:4px 0 3px 0;

221
    color:{color:blog title};

222
    font-size:13px;

223
    text-align:center;

224
    font-family:'Times New Roman';

225
    border-width:1px 0;

226
    text-transform:uppercase;

227
    margin-bottom:10px;

228
    border-style:dashed;

229
    border-color:{color:blog title border};

230
    width:;}   

231
232
#description {

233
    text-align:justify;

234
    color:{color:description};

235
    font-family:'Times New Roman';

236
    position:relative;

237
    font-size:1em;

238
    z-index:6;

239
    margin-top:10px;

240
    padding:5px 5px;

241
    width:170px;}

242
    

243
#description a{

244
    z-index:7;

245
    position:relative;

246
    color:{color:description link};

247
    text-decoration:underline;}

248
249
#description a:hover{

250
    text-decoration:none;}

251
252
#navlinks {

253
    position:relative;

254
    z-index:5;

255
    width:180px;

256
    margin-top:10px;

257
    line-height:160%;

258
    text-align:center;}

259
260
#navlinks a {

261
    color:{color:nav link};

262
    text-decoration:none;

263
    font-size:10px;

264
    margin:0 5px;}

265
266
#navlinks a:hover {

267
    color:{color:nav link hover};

268
    font-style:italic;

269
    text-decoration:none;}

270
271
#notes {

272
    padding-left:20px;

273
    padding-top:5px;

274
    position:relative;

275
    float:left;

276
    font-size:1em;}

277
   

278
li.notes {

279
    float:left;

280
    width:400px;

281
    padding-left:5px;

282
    margin-top:10px;

283
    overflow-x:hidden;

284
    overflow-y:scroll;

285
    list-style-type:none;

286
    font-weight:normal;

287
    font-size:1em;

288
    text-transform:none;}

289
  

290
/**  theme by F L O R E L S  (✿◠‿◠)   ////  **/

291
292
li.note {

293
    padding-top:2px;

294
    opacity:1;}

295
   

296
li.note img.avatar {

297
    width:14px;

298
    height:14px;}

299
300
.permalink {

301
    color:{color:permalink};

302
    position:relative;

303
    background-color:{color:permalink bg};

304
    display:block;

305
    font-size:10px;

306
    word-spacing:15px;

307
    opacity:1;

308
    letter-spacing:1px;

309
    padding:10px 0;

310
    right:0;

311
    text-align:center;

312
    margin:10px 0 0 0;

313
-webkit-transition: all 0.4s ease-in-out;

314
-moz-transition: all 0.4s ease-in-out;

315
-o-transition: all 0.4s ease-in-out;}

316
317
.post:hover .permalink {

318
    background-color:{color:permalink bg hover};}

319
320
.permalink a{

321
    color:{color:permalink};

322
    font-family:'Times New Roman';

323
    text-decoration:none;}

324
325
.permalink a:hover{

326
    text-decoration:none;

327
    font-style:italic;}

328
329
.headings{

330
    font-size:1.4em;

331
    text-align:left;

332
    font-style:italic;}

333
334
.audiopost {

335
{block:IndexPage}

336
    width:220px;

337
    padding-bottom:10px;

338
{/block:IndexPage}

339
{block:PermalinkPage}

340
    width:400px;

341
    padding-bottom:110px;

342
{/block:PermalinkPage}}

343
 

344
.albumart {

345
    position:absolute;

346
{block:IndexPage}

347
    width:50px;

348
    height:50px;

349
{/block:IndexPage}

350
{block:PermalinkPage}

351
    width:150px;

352
    height:150px;

353
{/block:PermalinkPage}}

354
 

355
.albumart img {

356
    float:left;

357
{block:IndexPage}

358
    width:50px;

359
    height:50px;

360
{/block:IndexPage}

361
{block:PermalinkPage}

362
    width:150px;

363
    height:150px;

364
{/block:PermalinkPage}}

365
366
/**  theme by F L O R E L S  (✿◠‿◠)   ////  **/

367
368
.playbox {

369
    opacity:0.6;

370
    width:27px;

371
    height:30px;

372
    overflow:hidden;

373
    position:absolute;

374
    z-index:2;

375
{block:IndexPage}

376
    margin-left:11px;

377
    margin-top:12px;

378
{block:IndexPage}

379
{block:PermalinkPage}

380
    margin-left:60px;

381
    margin-top:61px;

382
{/block:PermalinkPage}}

383
384
.info {

385
    margin-top:2px;

386
    line-height:12px;

387
    font-size:10px;

388
    font-family:'Times New Roman';

389
{block:IndexPage}

390
    margin-left:58px;

391
{block:IndexPage}

392
{block:PermalinkPage}

393
    margin-left:158px;

394
{/block:PermalinkPage}}

395
396
#posts { 

397
    position:absolute;

398
    z-index:1;

399
    margin:70px 0 130px 20px;

400
{block:IndexPage}

401
        {block:ifnot2columns}

402
            width:900px;

403
        {/block:ifnot2columns}

404
        {block:if2columns}

405
            width:600px;

406
        {/block:if2columns}

407
{/block:IndexPage}

408
{block:PermalinkPage}

409
    width:400px;

410
    border-radius:{text:post radius}px;

411
    padding:15px;

412
{block:ifpostbg}

413
    background:{color:post background}; 

414
{/block:ifpostbg}

415
{/block:PermalinkPage}}

416
417
.post {

418
{block:IndexPage}

419
    margin:15px;

420
    padding:10px;

421
    width:250px;

422
{/block:IndexPage}

423
{block:PermalinkPage}

424
    width:400px;

425
{/block:PermalinkPage}

426
    float:left;

427
    position:relative;

428
{block:ifpostbg}

429
    background:{color:post background};

430
{/block:ifpostbg}

431
    font-family:'Times New Roman';

432
    font-size:1em;

433
    color:{color:text};}

434
435
.post img{

436
    max-width:100%;}

437
    

438
.photo {

439
    height:auto;}

440
441
.quote {

442
    text-align:center;

443
    font-size:1.2em;}

444
445
.quotesource {

446
    text-align:right;}

447
448
/**  theme by F L O R E L S  (✿◠‿◠)   ////  **/

449
450
.captions {

451
    margin-top:-8px;}

452
453
 #pleasedontremove{

454
     position:fixed;

455
     right:5px;

456
     z-index:6;

457
     top:29px;}

458
459
/**  theme by F L O R E L S  (✿◠‿◠)   ////  **/

460
461
</style>

462
</head>

463
464
<body> 

465
466
<div id="top">

467
    {block:ifshowquote}<span style="margin-left:25px; z-index:99999999; line-height:26px; letter-spacing:1px;">{text:quote}</span>{/block:ifshowquote}

468
</div>

469
470
<div id="pleasedontremove"><a href="http://emmalucys.com/" target="_blank" title="THE YOUTH ARE COMING theme by florels"><img src="http://static.tumblr.com/bcpenwm/j7zmzdu17/florels.png"></a></div>

471
472
473
<div id="sidebar">

474
    <div id="blogtitle">{Title}</div>

475
    <div id="description">{description}</div>

476
    <div id="navlinks">

477
        <a href="/">home,</a>

478
        <a href="{text:ask link}">message,</a>

479
        <a href="/archive">archive,</a>

480
        {block:ifcustomlink1}<a href="{text:link 1 url}">{text:link 1 title},</a>{/block:ifcustomlink1}

481
        {block:ifcustomlink2}<a href="{text:link 2 url}">{text:link 2 title},</a>{/block:ifcustomlink2}

482
        {block:ifcustomlink3}<a href="{text:link 3 url}">{text:link 3 title},</a>{/block:ifcustomlink3}

483
        <a href="http://florels.tumblr.com" title="THE YOUTH ARE COMING theme by florels">theme</a>

484
</div>

485
486
</div>

487
488
489
490
491
492
<div id="posts"> 

493
494
{block:Posts}

495
496
{block:Text} 

497
    <div class="post">

498
    <div class="headings">{block:Title}{Title}{/block:Title}</div> {Body}

499
{block:IndexPage}

500
    <div class="permalink">

501
        <a href="{Permalink}">{NoteCount}</a>,

502
        <a href="{ReblogURL}">reblog</a>

503
    </div>

504
{/block:IndexPage}

505
    </div>

506
{/block:Text}

507
508
509
{block:Photo}

510
<div class="post"><div class="photo">

511
{block:IndexPage}

512
    <a href="{permalink}"><img src="{PhotoURL-250}" alt="{PhotoAlt}"/></a>

513
    <div class="permalink">

514
        <a href="{Permalink}">{NoteCount}</a>,

515
        <a href="{ReblogURL}">reblog</a>

516
    </div>

517
{/block:IndexPage}

518
 

519
{block:PermalinkPage}

520
    <img src="{PhotoURL-400}"  alt="{PhotoAlt}"/>

521
{/block:PermalinkPage}

522
    </div></div>

523
{/block:Photo}

524
525
526
{block:Photoset}

527
<div class="post">

528
{block:IndexPage}

529
    {Photoset}

530
        <div class="permalink">

531
            <a href="{Permalink}">{NoteCount}</a>,

532
            <a href="{ReblogURL}">reblog</a>

533
    </div>

534
{/block:IndexPage}

535
{block:PermalinkPage}

536
    {Photoset-400}

537
{/block:PermalinkPage}

538
    </div>

539
{/block:Photoset}

540
541
542
{block:Quote}

543
<div class="post">

544
    <div class="quote">

545
        '<i>{Quote}</i>'

546
    </div>

547
    <div class="quotesource">

548
        — {Source}

549
    </div>

550
{block:IndexPage}

551
    <div class="permalink">

552
        <a href="{Permalink}">{NoteCount}</a>,

553
        <a href="{ReblogURL}">reblog</a>

554
    </div>

555
{/block:IndexPage}

556
    </div>

557
{/block:Quote}

558
559
560
{block:Link}

561
<div class="post">

562
    <div class="headings">

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

564
    </div>

565
    {block:Description}{Description}{/block:Description}

566
{block:IndexPage}

567
    <div class="permalink">

568
        <a href="{Permalink}">{NoteCount}</a>,

569
        <a href="{ReblogURL}">reblog</a>

570
    </div>

571
{/block:IndexPage}

572
    </div>

573
{/block:Link}

574
575
576
{block:Chat}

577
<div class="post">

578
        {block:Title}{Title}{/block:Title}<br>

579
        {block:Lines}{block:Label}<i>{Label}</i><br> {Line} <br><br>

580
        {/block:Label}{/block:Lines}

581
{block:IndexPage}

582
    <div class="permalink">

583
        <a href="{Permalink}">{NoteCount}</a>,

584
        <a href="{ReblogURL}">reblog</a>

585
    </div>

586
{/block:IndexPage}

587
    </div>

588
{/block:Chat}

589
590
591
{block:Video}

592
<div class="post">

593
{block:IndexPage}

594
        {Video-250}

595
<div class="permalink">

596
    <a href="{Permalink}">{NoteCount}</a>,

597
        <a href="{ReblogURL}">reblog</a>

598
</div>

599
{/block:IndexPage}

600
{block:PermalinkPage}

601
    {Video-400}

602
{/block:PermalinkPage}

603
    </div>

604
{/block:Video}

605
606
607
{block:Audio}

608
<div class="post">

609
    <div class="audiopost">

610
        {block:AlbumArt}

611
            <div class="albumart">

612
                <img src="{AlbumArtURL}">

613
            </div>

614
        {/block:AlbumArt}

615
        {block:AudioPlayer}

616
            <div class="playbox">

617
                {AudioPlayerWhite}

618
            </div>

619
        {/block:AudioPlayer}

620
            <div class="info">

621
                Artist: <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}</br>

622
                Title: <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</br>

623
                Album: <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}</br>

624
                Plays: {FormattedPlayCount}{/block:PlayCount}

625
            </div>

626
        </div>

627
{block:IndexPage}

628
    <div class="permalink">

629
        <a href="{Permalink}">{NoteCount}</a>,

630
        <a href="{ReblogURL}">reblog</a>

631
</div>

632
{/block:IndexPage}

633
    </div>

634
{/block:Audio}

635
636
637
{block:Answer}

638
<div class="post">

639
    <b>{Asker} asked:</b></p> {Question}</p>

640
    <p><br><br><b>Answer:</b>{Answer}

641
{block:IndexPage}

642
    <div class="permalink">

643
        <a href="{Permalink}">{NoteCount}</a>,

644
        <a href="{ReblogURL}">reblog</a>

645
    </div>

646
{/block:IndexPage}

647
    </div>

648
{/block:Answer}

649
650
651
{block:PermalinkPage}

652
<div class="notes">

653
    {block:Date}{Caption}<b>Posted:</b> {TimeAgo}</br>{/block:Date}

654
    {block:NoteCount}<b>Notes:</b>{NoteCount}</br>{/block:NoteCount}

655
    {block:RebloggedFrom}<b>Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a></br>{/block:RebloggedFrom}

656
    {block:ContentSource}<b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a></br>{/block:ContentSource}

657
    {block:hastags}<b>Tagged with:</b> {block:tags}#<a href="/tagged/{Tag}">{Tag}</a> {/block:tags}</br>{/block:hastags}

658
{PostNotes}</div>

659
{/block:PermalinkPage}

660
661
662
{/block:posts} 

663
664
665
</div></div>

666
667
</body>

668
    

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