API tools faq
paste
View difference between Paste ID: ibdFtAM9 and hbe4w5Nq
SHOW: | | - or go back to the newest paste.
1
<!--
2
        Plante
3
    // a revamp of tiny plant
4
    by espoirthemes //
5
6
        + please don't remove the credit
7
        + you can edit the code as much as you want, without removing credit
8
        + feel free to ask me any questions about the theme, with the
9
        exception of asking for major edits
10
11
        +enjoy!
12
13
14
-->

15
16
<!DOCTYPE html>

17
 <html> 

18
    <head>

19
        <meta charset="utf-8">

20
        <title>{Title}</title>

21
        {block:Description}

22
        <meta name="description" content="{MetaDescription}">

23
        {/block:Description}

24
25
        <link href="https://fonts.googleapis.com/css?family=Oxygen" rel="stylesheet">

26
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

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

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

29
        

30
        <meta name="color:header" content="mediumaquamarine" />

31
        <meta name="color:sidebar background top" content="mediumaquamarine"/>

32
        <meta name="color:sidebar background bottom" content="cornflowerblue" />

33
        <meta name="color:posts" content="#fff" />

34
        <meta name="color:links" content="mediumaquamarine" />

35
        <meta name="color:link border" content="mediumaquamarine" />

36
        <meta name="color:border" content="#eee" />

37
        <meta name="color:chat odd background" content="mediumaquamarine" />

38
        <meta name="color:chat odd" content="white" />

39
        <meta name="color:chat even background" content="cornflowerblue" />

40
        <meta name="color:chat even" content="white" />

41
        <meta name="color:ask bubble" content="mediumaquamarine" />

42
        <meta name="color:ask text" content="#fff" />

43
        <meta name="color:asker" content="mediumaquamraine" />

44
        <meta name="color:asker background" content="white" />

45
        <meta name="color:tag background" content="mediumaquamarine" />

46
        <meta name="color:tags" content="white" />

47
        <meta name="color:pagination" content="mediumaquamarine" />

48
        <meta name="color:current page" content="mediumaquamarine" />

49
        {PostTypographyStyles}

50
51
        <style type="text/css">

52
            /* Colors */

53
            body {

54
                background: {BackgroundColor};

55
                margin: 0;

56
                font-family: 'Oxygen', sans-serif;

57
                font-size: 16px;

58
                overflow-x:hidden;

59
            }

60
            

61
            a {

62
                text-decoration: none;

63
                color: {color:links};

64
            }

65
            

66
            header {

67
                width:100%;

68
                background: {color:header};

69
                position:fixed;

70
                z-index:99;

71
                padding:0px 0px 0px 0px;

72
                top: 0px;

73
            }

74
            

75
            nav {

76
                  width:96%;

77
                padding:10px;

78
                position: relative;

79
                margin:0px auto;

80
                transform:translate(25%, 0);

81
            }

82
            

83
            nav li {

84
                display:inline-block;

85
                list-style: none;

86
                margin:14px;

87
                position: relative;

88
            }

89
            

90
            nav li a {

91
                padding:4px 8px;

92
                border-radius:30px;

93
                color:white;

94
                

95
            }

96
            

97
            nav li img {

98
                position:absolute;

99
                width:60px;

100
                left:10px;

101
                border-radius:10px;

102
                margin-top:-10px;

103
            }

104
            

105
            aside {

106
                width:25%;

107
                min-width:250px;

108
                top:0px;

109
                position:fixed;

110
                z-index:999; text-align:center; 

111
                height:100vh;

112
                background:linear-gradient({color:sidebar background top}, {color:sidebar background bottom});

113
            }

114
            

115
            aside img {

116
                margin:80px 0 0 0;

117
                width:100px;

118
                padding:10px;

119
                border:1px solid rgba(255,255,255,.34);

120
                border-radius:100%;

121
            }

122
            

123
            aside .title {

124
                padding:0px 10px;

125
                font-size:1.2em;

126
                font-weight:bold;

127
                position:relative;

128
                color:rgba(255,255,255,.9);

129
            }

130
            

131
            .title:before {

132
                position:absolute;

133
                content:'@{Name}';

134
                margin-top:30px;

135
                font-weight:normal;

136
                font-size:.7em;

137
                width:90%;

138
                text-align:center;

139
            }

140
            

141
            .description  {

142
                padding:20px;

143
                color:rgba(255,255,255,1);

144
            }

145
            

146
            

147
            .cover {

148
                width:100%;

149
                height:100%;

150
                background:rgba(255,255,255,.28);

151
            }

152
            

153
            .container {

154
    width:calc(100% - 25%);

155
    position:relative;

156
    left:25%;

157
    margin:100px auto;

158
 

159
}

160
161
162
163
    

164
    .posts {

165
        width:50%;

166
        margin:100px 0px;

167
        position:relative;

168
        border-radius:8px;

169
        background:{color:posts};

170
    }

171
    

172
    .im {

173
       

174
        overflow:hidden;

175
176
    }

177
    

178
179
    

180
     .posts img, .posts iframe {

181
        max-width:100%;

182
        border-radius:8px;

183
       

184
    }

185
    

186
    /* Post Captions */

187
.caption{

188
    padding:40px;

189
    top:0px;

190
    left:0px;

191
    transition:.6s;

192
    background:white;

193
}

194
195
196
.user {

197
    margin:6px;

198
    padding:4px;

199
    border-radius:4px;

200
    border:none;

201
    background:rgba({RGBcolor:links}, .12)

202
}

203
204
.reblog-header img {

205
transform:translate(0,-4px);

206
}

207
208
.deactivated:after {

209
    content:'deactivated';

210
    position:absolute;

211
    padding-left:8px;

212
    opacity:0;

213
    transition:.4s ease-in-out;

214
}

215
216
.deactivated:hover:after {

217
    opacity:1;

218
 

219
}

220
221
222
223
.postinfo {

224
    width:100%;

225
    padding:10px;

226
    bottom:0px;

227
    border-top:1px solid #eee;

228
    line-height:210%;

229
    background:white;

230
   

231
}

232
233
234
235
.audiocaption{

236
    padding:10px;

237
    overflow:auto;

238
  

239
}

240
241
.answercaption {

242
    background:white;

243
    padding:10px;

244
245
}

246
247
 

248
/*Ask Posts */

249
 

250
 

251
 .question {

252
     width:100%;

253
     background:#eee;

254
     padding:10px;

255
          max-height:50%; 

256
 }

257
 

258
 .answer {

259
     padding:10px;

260
     max-height:40%; 

261
     overflow:auto;

262
 }

263
 

264
/*styling for the speech bubble */

265
 

266
       .speechbubble {

267
   

268
width:calc(70% - 16px);

269
position: relative;

270
left:80px;

271
margin: 0;

272
padding:16px;

273
height: auto;

274
border-radius:8px;

275
line-height:150%;

276
background: {color:ask bubble};

277
color:{color:ask text};

278
{block:permalinkpage}

279
width:360px;

280
{/block:permalinkpage}

281
}

282
283
.speechbubble a {

284
    color:{color:asker};

285
    background:{color:asker background};

286
    padding:2px 4px;

287
    border-radius:8px;

288
}

289
 

290
/* the before and after are the triangle part of the speech bubble */

291
.speechbubble:after

292
{

293
content: '';

294
position: absolute;

295
border-style: solid;

296
border-width: 12px 17px 12px 0;

297
border-color: transparent {color:ask bubble}; /* keep same color as bubble */

298
display: block;

299
width: 0;

300
z-index: 1;

301
left: -16px;

302
top: 10px;

303
}

304
 

305
 

306
/* Chat Posts */

307
 

308
.chat {

309
    padding:10px;

310
    line-height:150%;

311
    border-radius:8px;

312
    margin:10px;

313
     }

314
 

315
   

316
.chat:nth-of-type(odd) {

317
    background:{color:chat odd background};

318
    color:{color:chat odd};

319
    width:80%;

320
    border-bottom-left-radius:0;

321
322
    -webkit-transition:.5s;

323
    transition:.5s; }

324
   

325
  .chat:nth-of-type(odd) b {

326
    color:{color:chat odd};

327
    -webkit-transition:.5s;

328
    transition:.5s; }  

329
   

330
.chat:nth-of-type(even) {

331
    background:{color:chat even background};

332
    color:{color:chat even};

333
    width:80%;

334
    transform:translate(20%,0);

335
    border-bottom-right-radius:0px;

336
    -webkit-transition:.5s;

337
    transition:.5s; }

338
 .chat:nth-of-type(even) b{

339
    color:{color:chat even};

340
    -webkit-transition:.5s;

341
    transition:.5s; }

342
   

343
/* Audio Posts */

344
 

345
 

346
.posts #albumart{

347
   z-index:2;

348
    float:left;

349
border-radius:100%;

350
  height:100px;

351
  border:1px solid {color:border};

352
  width:100px;

353
}

354
 

355
 

356
 

357
/* circle inside the album art to make it look like a CD */

358
 

359
.playerbox {

360
    float:left;

361
    padding:6px;

362
}

363
 

364
 

365
.posts #albumart img{

366
 

367
 

368
float:left;

369
border-radius:100%;

370
width:100px;

371
height:100px;

372
border-width:0px; transition:.6s;

373
   

374
}

375
 

376
.playerbox:hover #albumart img{

377
    transition:0.6s;

378
transform:rotate(300deg); }

379
 

380
 .player {

381
    width:30px;

382
    overflow:hidden;

383
    height:40px;

384
    transform:scale(1.2);

385
    border-radius:100%;

386
    top:8px;

387
    bottom:10px;

388
    left:4px;

389
 

390
    padding:8px;

391
    padding-top:6px;

392
    padding-left:10px;

393
    padding-bottom:0px;

394
    border-radius:100%;

395
    position:absolute;

396
   

397
}

398
 

399
 

400
.playercon {

401
    width:56px;

402
    height:56px;

403
  border-radius:100%;

404
   left:0px;

405
    background:white;

406
   top:22px;

407
    position:relative;

408
    border:1px solid {color:info border};

409
    -webkit-transition-duration:500ms;

410
    -moz-transition-duration:500ms;

411
    -o-transition-duration:500ms;

412
    -ms-transition-duration:500ms;

413
}

414
  {/block:permalinkpage}

415
.infobox {

416
    float:left top;

417
     margin-left:120px;

418
    background-color:transparent;

419
    padding:14px;

420
    padding-left:4px;

421
    max-height:140px;

422
    text-align:left;

423
    color:{color:text};

424
}

425
 

426
.trackname {

427
 

428
    letter-spacing:2px;

429
    padding:2px;

430
    font-size:1em;

431
    font-weight:300;

432
    color:#333;

433
   

434
   

435
}

436
.artist {

437
    letter-spacing:2px;

438
    padding:2px;

439
}

440
 

441
.album {

442
   padding:2px;

443
}

444
 

445
 

446
 

447
 

448
#audiopost {

449
 padding:20px;

450
   

451
   

452
}

453
   .socialshare {

454
455
       border-radius:30px;

456
       top:0px;

457
       padding:10px;

458
       

459
460
       transition:.4s ease;

461
  

462
   }

463
   

464
465
 .socialshare li {

466
     list-style:none;

467
     margin:2px;

468
     display:inline-block;

469
 }  

470
 

471
 .socialshare a {

472
     border:none;

473
 }

474
/* post info */

475
 .info {

476
    position:relative;

477
    border-top:1px solid {color:border};

478
    padding:10px;  

479
    color:rgba(0,0,0,.4);

480
 

481
 }

482
 

483
.info a {

484
    border:none;

485
    color:rgba(0,0,0,.4);

486
 

487
}

488
 

489
 

490
/* Tags */

491
 

492
.tags {

493
   position:relative;

494
   line-height:200%;

495
   opacity:.8;

496
   padding:10px;

497
   {block:ifhovertags}

498
   opacity:0;

499
   transform:translate(0,10px);

500
   {/block:ifhovertags}

501
}

502
 

503
.tags a:hover {

504
    background:transparent;

505
    color:{color:links};

506
}

507
.tags a {

508
    border:none;

509
    margin:2px;

510
border:2px solid {color:link border};

511
opacity:.88em;

512
background:{color:tag background};

513
    padding:2px 6px;

514
    color:white;

515
    transition:.4s all;

516
    border-radius:30px;

517
}

518
519
 

520
 

521
522
523
@media only screen and (max-width: 768px) {

524
    /* For mobile phones: */

525
526
    .container {

527
        column-count:1!important;

528
    }

529
    

530
    .a, .b {

531
        display:none;

532
    }

533
    

534
    .posts {

535
        width:90%!important;

536
    }

537
    

538
    nav {

539
        width:94%!important;

540
    }

541
    

542
 

543
   

544
}

545
@media only screen and (min-width: 600px) {

546
    /* For tablets: */

547
548
    

549
550
    

551
}

552
553
.post:hover .inf {

554
    	transform: translate3d(0,0,0);

555
    	opacity:1;

556
    	transition:.6s

557
    

558
}

559
560
.inf {

561
  position:absolute;

562
  right:10px;

563
}

564
565
.inf svg {

566
   width:16px;

567
   height:16px;

568
 

569
fill:{color:links};

570
}

571
572
.inf .like svg {

573
    width:16px;

574
    margin-top:6px;

575
    height:16px;

576
    fill:{color:likes};

577
}

578
	

579
.inf .like { /* Make a parent element */

580
float:right;

581
transform:translate(0, -6px);

582
}

583
584
.inf .like .like_button { /* Position like button above your custom one */

585
     position: absolute;

586
     top: 0;

587
     margin-top: 6px;

588
     opacity: 0;

589
 }

590
.inf .like .like_button.liked { /* Keep the functionality active */

591
     opacity: 1;

592
 }	

593
 

594
 .inf .like:active svg {

595
     opacity:0;

596
 }

597
        

598
.inf a{ color:#555; padding:5.2px; border-radius:8%; text-decoration:none; 

599
                                      

600
 height:14px;

601
602
 

603
    transition: all .4s ease-in;

604
}

605
606
607
.inf a:hover{ transition:.4s ease-in-out; box-shadow:none; text-shadow:none; 

608
    color:#ccc;

609
    opacity:.52;

610
    text-decoration:none;

611
  }

612
  

613
  

614
  ol.notes {

615
      background:{color:posts};

616
      padding:10px;

617
      position:relative;

618
      width:50%;

619
      border-radius:8px;

620
  }

621
  

622
  ol.notes li {

623
      padding:10px;

624
      list-style:none;

625
      border-bottom:1px solid {color:border};

626
  }

627
  

628
  

629
    #search {

630
       margin-top:20px;

631
           position:relative;

632
        }

633
        

634
    

635
                        #search-scope input,

636
                        #search-scope label {

637
                            cursor: pointer;

638
                        }

639
                       

640
                 

641
                           

642
                            #search form .query {

643
                                border: none;

644
                                border:none;

645
                                outline: none;

646
                                background:none;

647
                                line-height:120%;

648
                                width: 80%;

649
                                margin-left:8%;

650
                                float: left;

651
                                background:none;

652
                                font-size:1em;

653
                                padding:10px 6px;

654
                               opacity:1;

655
                               border:2px solid rgba(255,255,255,.8);

656
                                border-radius:30px;

657
                                color: black;

658
                            }

659
                            

660
                            ::placeholder {

661
                                color:white;

662
                            }

663
                            

664
           #egg { opacity:.8;right:10px;  position:fixed;bottom:10px;display:block; width: 14px; height: 18px; background-color:#FFFEFC; -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;

665
           font-family: "bitxmap";  

666
border:1px solid #777;  z-index:4;

667
transform:scale(1.12);

668
               

669
            }

670
 #egg:hover   { animation-name: egg;

671
    animation-duration: 1s;

672
    animation-iteration-count: infinite;}

673
    @keyframes egg{

674
        0%{}

675
        10%{transform:rotate(20deg)}

676
        80%{transform:rotate(-20deg)}

677
        100%{}

678
    }

679
          #pagination {

680
681
  margin:50px;

682
    text-align: center;

683
    position: relative;

684
left:25%;

685
    width: 44%;    

686
}

687
688
689
#pagination a, .current_page {    

690
    margin: 0 6px;

691
    display: inline-block;

692
    width: 40px;

693
    height: 40px;

694
    text-align: center;

695
    background: {color:pagination};

696
    border-radius: 100%;

697
    color: #fff;   opacity:.6;

698
    line-height: 42px;

699
 

700
}

701
702
.current_page {

703
    background: {color:current page};

704
    color:#fff;

705
 opacity:1;

706
}

707
708
709
            {CustomCSS}

710
        </style>

711
    </head>

712
    <body>

713
    

714
      <a href="http://espoirthemes.tumblr.com" title="credit"><div id="egg"></div><span class="sr-only" style="position: absolute !important;

715
clip: rect(1px 1px 1px 1px);

716
clip: rect(1px, 1px, 1px, 1px);" >theme made by espoirthemes</span></a> 

717
        <header>

718
            <nav>

719
              <li> <a href="/">{lang:Home}</a> </li>

720
              <li> <a href="/ask">Ask</a></li>

721
              <li> <a href="/archive">{lang:Archive}</a> </li>

722
              {block:HasPages}{block:Pages} <li>  <a href="{URL}">{label}</a> {/block:Pages}{/block:HasPages}

723
            </nav>

724
        </header>

725
        

726
        <aside>

727
            <div class="cover">

728
              <center><img src="{PortraitUrl-128}"></center> <p>

729
              <a href="/" class="title">{title}</a>

730
              <div class="description">

731
                  {Description}

732
              </div>

733
               <div id="search">

734
                    <form action="/search" method="get" id="search-form">

735
                        <input type="hidden" name="t" value="{Name}" />

736
                        <input type="text" name="q" class="query" value="{SearchQuery}" placeholder="Search"/>

737
                       

738
                        <div class="clear"></div> 

739
                    </form></div>

740
            </div>

741
        </aside>

742
         <div id="con" class="container">

743
      

744
  

745
746
{block:Tagpage}

747
      <article class="posts {block:Answer} answers {/block:answer}"><div class="caption">

748
          {lang:Showing TagResultCount posts tagged Tag}

749
      </div></article>

750
       {/block:tagpage}

751
       {block:SearchPage}

752
           <article class="posts"><div class="caption">

753
          {lang:Showing SearchResultCount results for SearchQuery}

754
      </div></article>

755
       {/block:SearchPage}

756
       {block:DayPage}

757
         <article class="posts"><div class="caption">

758
          {lang:Viewing everything posted on Month DayOfMonth Year}

759
      </div></article>

760
       {/block:DayPage}

761
       

762
763
        {block:Posts}<article class="posts">

764
765
    <!-- {block:NoRebloggedFrom}

766
{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}

767
{/block:NoRebloggedFrom} --> 

768
{block:ContentSource}

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

770
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />

771
{/block:SourceLogo}

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

773
{/block:ContentSource}   

774
775
<!-- text post start -->

776
            {block:Text}

777
                    

778
                        {block:Title}

779
                            <h1><a href="{Permalink}">{Title}</a></h1>

780
                        {/block:Title}

781
                        

782
                        <div class="caption">{block:NotReblog}

783
<figcaption>

784
    {Body}

785
</figcaption>

786
{/block:NotReblog}

787
788
{block:RebloggedFrom}

789
<div class="reblog-list">

790
    {block:Reblogs}

791
        <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">

792
            <div class="reblog-header">

793
794
                {block:IsActive}

795
                <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">

796
                   <img src="{PortraitURL-64}" style="width:24px; float:left"> 

797
                </a>

798
                {/block:IsActive}

799
800
                {block:IsDeactivated}

801
                <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">

802
                    <img src="{PortraitURL-64}" style="width:24px; float:left">

803
                </span>

804
                {/block:IsDeactivated}

805
806
                {block:IsActive}

807
                    <a target="_blank" href="{Permalink}" class="user"> {Username}</a>

808
                {/block:IsActive}

809
810
                {block:IsDeactivated}

811
                    <span class="inactive deactivated">{Username}</span>

812
                {/block:IsDeactivated}

813
814
            </div>

815
            <div class="reblog-content">

816
                {Body}

817
            </div>

818
        </div>

819
    {/block:Reblogs}

820
</div>

821
{/block:RebloggedFrom}</div>

822
                   

823
                {/block:Text} <!-- text post end -->

824
                

825
                <!-- photo posts -->

826
                {block:Photo}

827
                      <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>

828
                        {block:Caption}

829
                            <div class="caption"> {block:NotReblog}

830
    <figcaption>

831
        {Caption}

832
    </figcaption>

833
{/block:NotReblog}

834
835
{block:RebloggedFrom}

836
<div class="reblog-list">

837
    {block:Reblogs}

838
        <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">

839
            <div class="reblog-header">

840
841
                {block:IsActive}

842
                <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">

843
                    <img src="{PortraitURL-64}" style="width:24px; float:left">

844
                </a>

845
                {/block:IsActive}

846
847
                {block:IsDeactivated}

848
                <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">

849
                    <img src="{PortraitURL-64}" style="width:24px; float:left">

850
                </span>

851
                {/block:IsDeactivated}

852
853
                {block:IsActive}

854
                   <a target="_blank" href="{Permalink}" class="user">{Username}</a>

855
                {/block:IsActive}

856
857
                {block:IsDeactivated}

858
                    <span class="inactive deactivated">{Username}</span>

859
                {/block:IsDeactivated}

860
861
            </div>

862
            <div class="reblog-content">

863
                {Body}

864
            </div>

865
        </div>

866
    {/block:Reblogs}

867
</div>

868
{/block:RebloggedFrom}</div>

869
                        {/block:Caption}

870
                   

871
                {/block:Photo}<!-- end photo posts -->

872
                

873
                {block:Panorama}

874
                        {LinkOpenTag}

875
                          <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>

876
                        {LinkCloseTag}

877
                        

878
                        {block:Caption}

879
                            <div class="caption"> {block:NotReblog}

880
    <figcaption>

881
        {Caption}

882
    </figcaption>

883
{/block:NotReblog}

884
885
{block:RebloggedFrom}

886
<div class="reblog-list">

887
    {block:Reblogs}

888
        <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">

889
            <div class="reblog-header">

890
891
                {block:IsActive}

892
                <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">

893
                    <img src="{PortraitURL-64}" style="width:24px; float:left">

894
                </a>

895
                {/block:IsActive}

896
897
                {block:IsDeactivated}

898
                <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">

899
                    <img src="{PortraitURL-64}" style="width:24px; float:left">

900
                </span>

901
                {/block:IsDeactivated}

902
903
                {block:IsActive}

904
                   <a target="_blank" href="{Permalink}" class="user">{Username}</a>

905
                {/block:IsActive}

906
907
                {block:IsDeactivated}

908
                    <span class="inactive deactivated">{Username}</span>

909
                {/block:IsDeactivated}

910
911
            </div>

912
            <div class="reblog-content">

913
                {Body}

914
            </div>

915
        </div>

916
    {/block:Reblogs}

917
</div>

918
{/block:RebloggedFrom}</div>

919
                        {/block:Caption}

920
                

921
                {/block:Panorama}

922
                

923
                <!-- photoset posts -->

924
                {block:Photoset}

925
                       {Photoset}

926
                       

927
                       {block:Caption}

928
                            <div class="caption"> {block:NotReblog}

929
    <figcaption>

930
        {Caption}

931
    </figcaption>

932
{/block:NotReblog}

933
934
{block:RebloggedFrom}

935
<div class="reblog-list">

936
    {block:Reblogs}

937
        <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">

938
            <div class="reblog-header">

939
940
                {block:IsActive}

941
                <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">

942
                    <img src="{PortraitURL-64}" style="width:24px; float:left">

943
                </a>

944
                {/block:IsActive}

945
946
                {block:IsDeactivated}

947
                <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">

948
                    <img src="{PortraitURL-64}" style="width:24px; float:left">

949
                </span>

950
                {/block:IsDeactivated}

951
952
                {block:IsActive}

953
                   <a target="_blank" href="{Permalink}" class="user">{Username}</a>

954
                {/block:IsActive}

955
956
                {block:IsDeactivated}

957
                    <span class="inactive deactivated">{Username}</span>

958
                {/block:IsDeactivated}

959
960
            </div>

961
            <div class="reblog-content">

962
                {Body}

963
            </div>

964
        </div>

965
    {/block:Reblogs}

966
</div>

967
{/block:RebloggedFrom}</div>

968
                        {/block:Caption}

969
                  

970
                {/block:Photoset}<!-- end photoset -->

971
                

972
                <!-- quote posts -->

973
                {block:Quote}

974
                  <div class="caption">

975
                        "{Quote}"

976
977
                        {block:Source}

978
                          <br> -{Source}

979
                        {/block:Source}

980
                  </div>

981
                {/block:Quote} <!-- end quote posts -->

982
                

983
                <!-- link posts -->   {block:Link}

984
                

985
                      <h1> <a href="{URL}" style="border:none" class="link" {Target}>{Name}</a></h1> 

986
987
                        {block:Description}

988
                            <div class="caption">{Description}</div>

989
                        {/block:Description}

990
                    

991
                {/block:Link}

992
              <!-- end link posts -->

993
                

994
                {block:Chat}

995
                  

996
                  

997
                           <div class="caption">

998
         {block:Title}<a href="{Permalink}" style="background:transparent; padding:0;"><h1>{title}</h1></a>{/block:Title}

999
         {block:Lines}  <div class="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br/></div>{/block:Lines}

1000
                         

1001
                     </div>

1002
                       

1003
                {/block:Chat}{block:Video}

1004
                  

1005
                        {Video-500}{block:Caption}

1006
                            <div class="caption"> {block:NotReblog}

1007
    <figcaption>

1008
        {Caption}

1009
    </figcaption>

1010
{/block:NotReblog}

1011
1012
{block:RebloggedFrom}

1013
<div class="reblog-list">

1014
    {block:Reblogs}

1015
        <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">

1016
            <div class="reblog-header">

1017
1018
                {block:IsActive}

1019
                <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">

1020
                    <img src="{PortraitURL-64}" style="width:24px; float:left">

1021
                </a>

1022
                {/block:IsActive}

1023
1024
                {block:IsDeactivated}

1025
                <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">

1026
                    <img src="{PortraitURL-64}" style="width:24px; float:left">

1027
                </span>

1028
                {/block:IsDeactivated}

1029
1030
                {block:IsActive}

1031
                   <a target="_blank" href="{Permalink}" class="user">{Username}</a>

1032
                {/block:IsActive}

1033
1034
                {block:IsDeactivated}

1035
                    <span class="inactive deactivated">{Username}</span>

1036
                {/block:IsDeactivated}

1037
1038
            </div>

1039
            <div class="reblog-content">

1040
                {Body}

1041
            </div>

1042
        </div>

1043
    {/block:Reblogs}

1044
</div>

1045
{/block:RebloggedFrom}</div>

1046
                        {/block:Caption}

1047
                  

1048
                {/block:Video}{block:Audio}

1049
               

1050
                     <div id="audiopost">

1051
<div class="playerbox">

1052
   <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>

1053
1054
<center><div class="playercon"><div class="player">{AudioPlayerWhite}</div></div></center></div>

1055
<div class="infobox">

1056
   <div class="trackname"> {block:TrackName}

1057
Track: {TrackName}

1058
{/block:TrackName}  </div>

1059
 

1060
 

1061
<div class="artist">

1062
{block:Artist}

1063
1064
Artist: {Artist}

1065
{/block:Artist} </div>

1066
 

1067
    <div class="album">

1068
        {block:Album}

1069
 Album: {Album}

1070
{/block:Album}

1071
    </div>

1072
 

1073
</div></div> <br> {block:Caption}

1074
                            <div class="caption"> {block:NotReblog}

1075
    <figcaption>

1076
        {Caption}

1077
    </figcaption>

1078
{/block:NotReblog}

1079
1080
{block:RebloggedFrom}

1081
<div class="reblog-list">

1082
    {block:Reblogs}

1083
        <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">

1084
            <div class="reblog-header">

1085
1086
                {block:IsActive}

1087
                <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">

1088
                    <img src="{PortraitURL-64}" style="width:24px; float:left">

1089
                </a>

1090
                {/block:IsActive}

1091
1092
                {block:IsDeactivated}

1093
                <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">

1094
                    <img src="{PortraitURL-64}" style="width:24px; float:left">

1095
                </span>

1096
                {/block:IsDeactivated}

1097
1098
                {block:IsActive}

1099
                   <a target="_blank" href="{Permalink}" class="user">{Username}</a>

1100
                {/block:IsActive}

1101
1102
                {block:IsDeactivated}

1103
                    <span class="inactive deactivated">{Username}</span>

1104
                {/block:IsDeactivated}

1105
1106
            </div>

1107
            <div class="reblog-content">

1108
                {Body}

1109
            </div>

1110
        </div>

1111
    {/block:Reblogs}

1112
</div>

1113
{/block:RebloggedFrom}</div>

1114
                        {/block:Caption}

1115
                   

1116
                {/block:Audio} 

1117
                

1118
1119
1120
{block:Answer}

1121
<div class="caption">

1122
<br>

1123
<div class="askerportrait"><img style="position:absolute; margin-left:10px" src="{AskerPortraitURL-40}" align="left"  /></div><div class="speechbubble">{Asker} said: {Question}</div> {answer}

1124
1125
 </div>

1126
{/block:Answer}

1127
1128
1129
1130
{block:Date}

1131
1132
          <div class="info">

1133
          <center><div class="inf">

1134
1135
1136
   <div class="like">

1137
 <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

1138
	 width="369.486px" height="369.486px" viewBox="0 0 369.486 369.486" style="enable-background:new 0 0 369.486 369.486;"

1139
	 xml:space="preserve">

1140
<g>

1141
	<g>

1142
		<path d="M184.743,357.351c-3.478,0-6.798-1.449-9.164-3.998l-147.67-159.16c-0.038-0.041-0.076-0.082-0.113-0.123

1143
			C9.871,174.223,0,147.921,0,120.008c0-27.914,9.871-54.215,27.796-74.061l2.244-2.484c18.246-20.201,42.608-31.327,68.599-31.327

1144
			s50.354,11.126,68.601,31.328l17.503,19.38l17.503-19.379c18.246-20.202,42.608-31.328,68.6-31.328s50.354,11.126,68.601,31.329

1145
			l2.241,2.478c17.928,19.851,27.799,46.152,27.799,74.065s-9.872,54.215-27.796,74.061c-0.037,0.043-0.075,0.084-0.113,0.125

1146
			l-147.671,159.16C191.541,355.901,188.221,357.351,184.743,357.351z M46.295,177.252l138.448,149.219l138.448-149.22

1147
			c28.485-31.603,28.467-82.97-0.055-114.549l-2.239-2.478c-13.449-14.891-31.224-23.09-50.051-23.09

1148
			c-18.828,0-36.603,8.199-50.048,23.085L194.02,89.869c-2.369,2.624-5.74,4.121-9.275,4.121s-6.906-1.497-9.276-4.121

1149
			l-26.779-29.648c-13.446-14.887-31.22-23.086-50.048-23.086S62.039,45.333,48.594,60.22l-2.244,2.484

1150
			C17.828,94.283,17.809,145.65,46.295,177.252z"/>

1151
	</g>

1152
</g>

1153
1154
1155
</svg>

1156
1157
    {LikeButton size="15"}

1158
</div>

1159
    

1160
    <a href="{ReblogURL}" style="">

1161
  <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

1162
	 viewBox="0 0 489.935 489.935" style="enable-background:new 0 0 489.935 489.935;" xml:space="preserve">

1163
<g>

1164
	<path d="M278.235,33.267c-116.7,0-211.6,95-211.6,211.7v0.7l-41.9-63.1c-4.1-6.2-12.5-7.9-18.7-3.8c-6.2,4.1-7.9,12.5-3.8,18.7

1165
		l60.8,91.5c2.2,3.3,5.7,5.4,9.6,5.9c0.6,0.1,1.1,0.1,1.7,0.1c3.3,0,6.5-1.2,9-3.5l84.5-76.1c5.5-5,6-13.5,1-19.1

1166
		c-5-5.5-13.5-6-19.1-1l-56.1,50.7v-1c0-101.9,82.8-184.7,184.6-184.7s184.7,82.8,184.7,184.7s-82.8,184.7-184.6,184.7

1167
		c-49.3,0-95.7-19.2-130.5-54.1c-5.3-5.3-13.8-5.3-19.1,0c-5.3,5.3-5.3,13.8,0,19.1c40,40,93.1,62,149.6,62

1168
		c116.6,0,211.6-94.9,211.6-211.7S394.935,33.267,278.235,33.267z"/>

1169
</g>

1170
1171
</svg>

1172
1173
</a></div>

1174
</center>

1175
     

1176
          <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}" title="at {12hour}:{minutes}{AmPM}" >{lang:Posted on DayOfMonth Month Year}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a>

1177
              {block:permalinkpage}

1178
              {block:RebloggedFrom}<br> {lang:via} <a href="{ReblogParentURL}"> {ReblogParentName}</a> {lang:source} <a href="{ReblogRootURL}"> {ReblogRootName}</a>

1179
{/block:RebloggedFrom} {/block:permalinkpage}

1180
          </div>  <!-- end info -->

1181
      

1182
{/block:Date}   

1183
{block:HasTags}  <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>  {/block:HasTags}

1184
1185
          

1186
                </article><!--posts end-->  

1187
<div id="pagination"><!-- navigation for next post and previous post -->

1188
 {block:PermalinkPagination}

1189
    {block:PreviousPost}

1190
        <a href="{PreviousPost}" class="jump_page">Previous Post</a>

1191
    {/block:PreviousPost}

1192
     

1193
    {block:NextPost}

1194
        <a href="{NextPost}" class="jump_page">Next Post</a>

1195
    {/block:NextPost} 

1196
{/block:PermalinkPagination} 

1197
</div>

1198
  

1199
  

1200
{block:PostNotes} {PostNotes-16} {/block:PostNotes} {/block:Posts}

1201
</div>

1202
<div id="pagination">

1203
  {block:Pagination}

1204
1205
      {block:previousPage}<a href="{PreviousPage}" class="jump_page">Prev</a>{/block:PreviousPage}

1206
1207
      {block:JumpPagination length="5"}

1208
            {block:CurrentPage}

1209
                  <span class="current_page">✘</span>

1210
            {/block:CurrentPage}

1211
1212
            {block:JumpPage}

1213
                  <a class="jump_page" href="{URL}">{PageNumber}</a>

1214
            {/block:JumpPage}

1215
      {/block:JumpPagination}

1216
1217
      {block:NextPage}

1218
            <a href="{NextPage}" class="jump_page">{lang:next}</a>

1219
      {/block:NextPage}

1220
</div>

1221
{/block:Pagination}

1222
        <center>{block:DayPagination}{block:PreviousDayPage}

1223
                    <a href="{PreviousDayPage}" class="jump_page">

1224
                        &#171; {ShortMonth} {DayOfMonth}

1225
                    </a>

1226
                {/block:PreviousDayPage}{block:NextDayPage}

1227
                    <a href="{NextDayPage}" class="jump_page">

1228
                        {ShortMonth} {DayOfMonth} &#187;

1229
                    </a>

1230
                {/block:NextDayPage}{/block:DayPagination}</center>

1231
       </div>

1232
1233
1234
1235
    </body>

1236
1237
</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!