API tools faq
paste
View difference between Paste ID: sL4JXaAG and ZHEkjqSU
SHOW: | | - or go back to the newest paste.
1
<!--
2
3
                base code (July 2017)
4
                - sorrism -
5
6
        credit me, k thnx
7
8
9
-->
10
11
<!DOCTYPE html>
12
<head>
13
14
<title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>

15
16
<link rel="shortcut icon" href="{favicon}">

17
 

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

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

20
21
<!--Default Variables-->

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

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

25
<meta name="color:Link" content="#a7a7a7"/>

26
<meta name="color:Link Hover" content="#aaaaaa"/>

27
<meta name="color:Title"content="#000000"/>

28
<meta name="color:Scrollbar" content="#d5d5d5" />

29
<meta name="color:Borders" content="#EBEBF6"/>

30
31
<meta name="if:Infinite Scroll" content="1"/>

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

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

35
<meta name="text:Link 2 URL" content="" />

36
<meta name="text:Link 2" content="" />

37
<meta name="text:Link 3 URL" content="" />

38
<meta name="text:Link 3" content="" />

39
40
<meta name="text:Home Title" content="index"/>

41
<meta name="text:Ask Title" content="message"/>

42
<meta name="text:Archive Title" content="history"/>

43
44
<meta name="image:Header" content=""/>

45
46
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

47
48
<!--CSS customization here. -->

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

51
52
/*tumblr controls and lightbox*/

53
 

54
.tmblr-lightbox {background:rgba({RGBcolor:background}, .95)!important;}

55
 

56
.tmblr-lightbox img {opacity:0;}

57
 

58
.lightbox-caption {

59
    color:{color:title}!important;

60
    font-family:inherit!important;

61
    font-size:1em!important;

62
    font-weight:normal!important;

63
    text-shadow:none!important;

64
}

65
 

66
.lightbox-image {

67
    -moz-box-shadow:none!important;

68
    -webkit-box-shadow:none!important;

69
    box-shadow:none!important;

70
    -moz-border-radius:0px!important;

71
    -webkit-border-radius:0px!important;

72
    border-radius:0px!important;

73
    padding:0px!important;

74
    border:0!important;  

75
    opacity:1!important;

76
}

77
 

78
.vignette {opacity:0!Important;}

79
 

80
.iframe-controls--desktop {

81
    white-space:nowrap!important;

82
    top:5px!important;

83
    right:5px!important;

84
    opacity:1!important;

85
    position:fixed!important;

86
}

87
 

88
/*tooltip*/

89
 

90
.ui-tooltip {  

91
    position:Absolute;

92
    z-index:9999;

93
    padding-top:10px;

94
}

95
 

96
.ui-tooltip-content {

97
    background:{color:background};

98
    padding:0 4px;

99
    font-style:italic;

100
    color:{color:link};

101
    text-transform:lowercase;

102
    border:1px solid {color:borders};

103
}

104
105
/*scrollbar*/

106
107
::-webkit-scrollbar{

108
    height:11px;

109
    width:11px;

110
    background:inherit;

111
}

112
113
::-webkit-scrollbar-thumb {background:{color:scrollbar};}

114
115
::-webkit-scrollbar-track {background:{color:borders};}

116
117
::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {border:5px solid {color:background};}

118
119
/*main structure*/

120
121
body {

122
    background:{color:background};

123
    color:{color:text};

124
    font:10px/1.4em georgia, serif;

125
    word-wrap:break-word;    

126
    text-align:center;

127
    margin:0;

128
}

129
130
a {

131
    color:{color:link};

132
    text-decoration:none;

133
    transition:all .3s linear;    

134
    -webkit-transition:all .3s linear;

135
    -o-transition:all .3s linear;

136
    -moz-transition:all .3s linear;      

137
}

138
 

139
a, a img {cursor:pointer;}

140
 

141
a:hover {

142
    color:{color:link hover}!important;

143
    text-decoration:none;

144
}

145
 

146
img {

147
    opacity:1;

148
    border:0;

149
    text-decoration:none;

150
    max-width:100%;

151
    height:auto;

152
    display:block;

153
}

154
 

155
blockquote {

156
    padding:.25em 0 .25em 15px;

157
    margin:.5em 0;

158
    border-left:1px solid {color:borders};

159
}

160
 

161
pre {

162
    padding:0;

163
    margin:0;

164
    line-height:inherit!important;

165
    background:transparent;

166
    font-family:inherit!Important;

167
    font-size:inherit!important;

168
    white-space:pre-wrap;

169
    white-space:-moz-pre-wrap;

170
    white-space:-pre-wrap;

171
    white-space:-o-pre-wrap;

172
    word-wrap:break-word;

173
}

174
 

175
p {margin:1em 0;}

176
 

177
p:first-of-type {margin-top:0;}

178
 

179
p:last-of-type {margin-bottom:0;}

180
 

181
b, strong, b a, strong a {

182
    font-weight:bold!important;

183
    color:{color:title};

184
}

185
186
small, big, sub, pre {

187
    font-size:1em!important;

188
    line-height:1.4em!important;

189
    vertical-align:baseline!important;

190
}

191
 

192
h1, h2, h3, h4 {

193
    margin:1.5em 0;

194
    font-size:1.5em;

195
    padding:0;

196
    color:{color:title};

197
    font-weight:bold;

198
}

199
 

200
.posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}

201
 

202
hr {

203
    border:none;

204
    box-shadow:0;

205
    margin:2em auto;

206
    width:75px;

207
    border-top:1px solid {color:borders};

208
}

209
210
/*header*/

211
212
header {

213
    width:400px;

214
    margin:100px auto 75px auto;

215
}

216
217
header img {

218
    display:block;

219
    width:60px;

220
    height:60px;

221
    -moz-border-radius:100px;

222
    -webkit-border-radius:100px;

223
    border-radius:100px;

224
    margin:0 auto 20px auto;

225
}

226
227
#blogtitle {

228
    font-size:1.5em;

229
    color:{color:title};

230
    border:0;

231
}

232
233
#description {margin-top:15px;}

234
235
nav {

236
    display:block;

237
    margin-top:10px;

238
}

239
240
nav a {

241
    display:inline-block;

242
    margin:0 5px;

243
    border:0;

244
}

245
246
/*pagination*/

247
248
footer {

249
    text-align:left;

250
    color:{color:link};

251
{block:ifinfinitescroll}

252
    display:none;

253
{/block:ifinfinitescroll}

254
}

255
256
footer span {

257
    text-align:right;

258
    float:right;

259
    display:inline-block;

260
}

261
262
.current_page {

263
    font-weight:bold;

264
    color:{color:title};

265
}

266
267
footer a {

268
    display:inline-block;

269
    border:0;

270
    margin:0 5px;

271
}

272
273
#infscr-loading {display:none!important;}

274
275
/*posts*/

276
277
section {

278
    width:400px;

279
    margin:0px auto 100px auto;

280
}

281
282
.posts {

283
    width:400px;

284
    margin-bottom:100px;

285
}

286
287
.ph {

288
    position:relative;

289
    overflow:hidden;

290
}

291
 

292
.ph img {

293
    width:100%;

294
    display:block;

295
}

296
 

297
/*titles*/

298
 

299
.title {

300
    color:{color:title};

301
    font-size:1.25em;

302
    line-height:1.75em;

303
}

304
 

305
.title a {color:{color:title};}

306
 

307
.title a:hover {color:{color:link};}

308
 

309
.ted {margin-top:10px;}

310
 

311
/*captions*/ 

312
313
.comment {

314
    padding:0 0 1.5em 0;

315
    list-style:none;

316
}    

317
318
.comment:last-of-type {padding-bottom:0!important;}

319
320
.user {

321
    display:inline-block;

322
    line-height:1em;

323
    font-style:italic;

324
    margin-bottom:.75em;

325
}

326
327
.captioned .comment:first-of-type {margin-top:2em;}

328
329
.tex li, .tex blockquote {text-align:left;}

330
 

331
/*quote*/

332
333
.source {margin-top:5px;}

334
335
/*audio*/

336
 

337
.player {

338
    width:25px;

339
    height:24px;

340
    position:absolute;

341
    left:10px;

342
    top:calc(50% - 15px);

343
    display:block;

344
    overflow:hidden;

345
}

346
 

347
.hold {

348
    text-align:left;

349
    background:{color:background};

350
    border:1px solid {color:borders};

351
    position:relative;

352
    display:block;

353
    min-height:24px;

354
    padding:15px;

355
}

356
 

357
.audio_info {

358
    vertical-align:middle;

359
    line-height:12px;

360
    margin-left:35px;

361
    max-width:calc(100% - 35px);

362
}

363
 

364
.audio_info span {

365
    white-space:nowrap;

366
    overflow:hidden;

367
    text-overflow:ellipsis;    

368
    display:block;

369
}

370
 

371
.hold .track {color:{color:title};}

372
373
/*asks*/

374
375
.q {

376
    text-align:left;

377
    padding:15px;

378
    margin-bottom:2em;

379
    border:1px solid {color:borders};

380
}

381
382
.as {text-transform:lowercase;}

383
384
.as a {color:{color:text};}

385
386
.as a:hover {color:{color:link hover};}

387
388
/*chat*/

389
390
.chat {

391
    text-align:left;    

392
    margin:0;    

393
    padding:0;

394
    list-style:none;

395
}

396
397
.l {

398
    padding:15px 0;

399
    border-bottom:1px solid {color:borders};

400
}

401
402
.label {

403
    font-weight:bold;

404
    color:{color:title};

405
    display:inline-block;

406
}

407
408
.l:first-of-type {padding-top:0;}

409
410
.l:last-of-type {

411
    padding-bottom:0;

412
    border:0;

413
}

414
415
/*permalink and notes*/

416
417
.when {margin-top:15px;}

418
419
.when span {display:block;}

420
421
.tags {margin-top:.5em;}

422
423
.tags a {

424
    font-style:italic;

425
    color:{color:text};

426
    display:inline;

427
    margin:0 2.5px;

428
}    

429
430
.pagenotes {

431
    padding-top:2em;

432
    border-top:1px solid {color:borders};    

433
}

434
435
ol.notes {

436
    list-style-type:none; 

437
    padding:0px;

438
    margin:0px;

439
}

440
441
ol.notes li.note {

442
    display:block;

443
    padding:0;

444
    margin:5px 0;

445
}

446
447
ol.notes li.note img.avatar {display:none!important;}

448
449
a.more_notes_link {

450
    display:block;

451
    text-align:center;

452
    color:{color:title};

453
}

454
 

455
{CustomCSS}

456
457
</style>

458
459
</head>

460
461
<body>

462
463
<header>

464
    {block:ifHeaderImage}<a href="/"><img src="{image:Header}"/></a>{/block:ifHeaderImage}

465
    <a id="blogtitle" href="/">{Title}</a>

466
    <div id="description">{Description}</div>

467
    <nav>{block:ifHomeTitle}<a href="/">{text:home title}</a>{/block:ifHomeTitle}{block:ifAskTitle}<a href="/ask">{text:ask title}</a>{/block:ifAskTitle}{block:ifArchiveTitle}<a href="/archive">{text:archive title}</a>{/block:ifArchiveTitle}{block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}{block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}{block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}</nav>

468
</header>

469
470
<section id="entries">{block:posts}

471
    <article class="posts {block:caption}captioned{/block:caption}">

472
473
{block:Quote}

474
<div class="title quote">{quote}</div>

475
{block:Source}<div class="source">{source}</div>{/block:Source}

476
{/block:Quote}

477
478
{block:Text}

479
{block:Title}<div class="title">{title}</div>{/block:Title}

480
{block:RebloggedFrom}

481
    {block:Reblogs}

482
        <li class="comment {block:Title}ted{/block:Title}">

483
            <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>

484
            <div class="tex">{body}</div>

485
        </li>

486
    {/block:Reblogs}

487
{/block:RebloggedFrom}

488
{block:NotReblog}

489
    <li class="comment {block:Title}ted{/block:Title}">

490
        <div class="tex">{body}</div>

491
    </li>

492
{/block:NotReblog}

493
{/block:Text}

494
495
{block:Link}<div class="title"><a href="{URL}">{name}</a></div>

496
{block:Description}

497
    {block:NotReblog}

498
        <li class="comment ted">

499
            <div class="tex">{description}</div>

500
        </li>

501
    {/block:NotReblog}

502
{/block:Description}

503
{block:RebloggedFrom}

504
    {block:Reblogs}

505
        <li class="comment">

506
            <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>

507
            <div class="tex">{body}</div>

508
        </li>

509
    {/block:Reblogs}

510
{/block:RebloggedFrom}

511
{/block:Link}

512
513
{block:Chat}

514
{block:Title}<div id="title">{title}</div>{/block:Title}

515
<ol class="chat {block:Title}ted{/block:Title}">

516
    {block:lines}

517
        <li class="l {Alt}">

518
            {block:label}<span class="label">{label}</span>{/block:label}             {line}

519
        </li>

520
    {/block:lines}

521
</ol>

522
{/block:Chat}

523
524
<div class="ph">

525
526
{block:Photo}{linkopentag}<img src="{photoURL-HighRes}" alt="{PhotoAlt}"/>{linkclosetag}{/block:Photo}

527
528
{block:Photoset}{photoset}{/block:Photoset}

529
530
{block:Video}{video-400}{/block:Video}

531
532
{block:Audio}

533
    {block:audioplayer}

534
        <div class="hold">

535
            <div class="player">{audioplayerwhite}</div>

536
            <div class="audio_info">

537
                {block:trackname}<span class="track">{trackname}</span>{/block:trackname}

538
                {block:artist}<span class="artist">{artist}</span>{/block:artist}

539
            </div>

540
        </div>

541
    {/block:audioplayer}

542
{/block:Audio}

543
544
{block:caption}

545
    {block:Reblogs}

546
        <li class="comment">

547
            <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>

548
            <div class="tex">{body}</div>

549
        </li>

550
    {/block:Reblogs}

551
    {block:NotReblog}

552
        <li class="comment">

553
            <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{name}</a>

554
            <div class="tex">{caption}</div>

555
        </li>

556
    {/block:NotReblog}

557
{/block:caption}

558
559
</div>

560
561
{block:Answer}

562
<div class="q">

563
    <span class="as">{asker} sent &mdash;</span>

564
    {question}

565
</div>

566
{block:Answerer}

567
    <li class="comment">

568
        <div class="user">{answerer} replied:</div>

569
        <div class="tex">{answer}</div>

570
    </li>

571
{/block:Answerer}

572
{block:NotReblog}

573
    <li class="comment">

574
        <div class="tex">{replies}</div>

575
    </li>

576
{/block:NotReblog}

577
{block:RebloggedFrom}

578
    {block:Reblogs}

579
        <li class="comment">

580
            <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>

581
            <div class="tex">{body}</div>

582
        </li>

583
    {/block:Reblogs}

584
{/block:RebloggedFrom}

585
{/block:Answer}

586
587
588
{block:Date}

589
<div class="when">

590
    <hr>

591
    <span><a href="{permalink}">{month} {dayofmonth}{dayofmonthsuffix}</a></span>

592
    {block:hastags}

593
        <span class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</span>

594
    {/block:hasTags}

595
</div>

596
{/block:Date}

597
598
</article>

599
600
{block:PostNotes}

601
<article class="posts pagenotes">

602
    <div class="title">{NoteCountWithLabel}</div>

603
    {block:RebloggedFrom}

604
            <span style="margin-top:5px">via: <a href="{ReblogParentURL}">{ReblogParentName}</a>

605
                {block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}

606
            </span>

607
    {/block:RebloggedFrom}    

608
    <hr>

609
    {PostNotes}

610
</article>

611
{/block:PostNotes}

612
613
{/block:Posts}

614
615
{block:Pagination}

616
<footer id="pagination">

617
    <span>

618
        {block:PreviousPage}<a href="{PreviousPage}">back</a>{block:nextpage}/{/block:nextpage}{/block:PreviousPage}

619
        {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}        </span>

620
        {block:JumpPagination length="5"}

621
            {block:CurrentPage}<a class="current_page">{PageNumber}</span>{/block:CurrentPage}

622
            {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}

623
        {/block:JumpPagination}

624
</footer>

625
{/block:Pagination}    

626
627
</section>

628
629
{block:indexpage}{block:ifinfinitescroll}<script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}{/block:indexpage}

630
631
<script>

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

633
    $('body').tooltip({track:true});    

634
    $('iframe.tumblr_audio_player').load( function() {

635
        $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:background} !important} </style>"));

636
    });  

637
{block:indexpage}     

638
{block:ifinfinitescroll}

639
    var $container = $('section');

640
    $container.infinitescroll({

641
            itemSelector: 'article',

642
            navSelector: 'footer',

643
            nextSelector: 'footer a',

644
            loadingImg: '',

645
            loadingText: '<em></em>',

646
            bufferPx: 100

647
    },

648
    function( newElements ) {

649
        var $newElems = $( newElements );  

650
        $newElems.find('iframe.tumblr_audio_player').load(function(){

651
            $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:background}!important} </style>"));

652
        });            

653
    });

654
{/block:ifinfinitescroll}

655
{/block:indexpage}    

656
});

657
</script>

658
659
{block:ContentSource}

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

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

662
{/block:SourceLogo}

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

664
{/block:ContentSource}

665
</body></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!