API tools faq
paste
View difference between Paste ID: ssmQqaXL and umSmhvB1
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
3
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

4
5
<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">

6
7
<link href="https://fonts.googleapis.com/css?family=ABeeZee|Cabin|Karla|Muli|Open+Sans|Oxygen|Roboto+Mono|Saira Semi Condensed" rel="stylesheet">

8
9
<script src="//use.edgefonts.net/cooper-black-std.js"><s/script>

10
  

11
<head>

12
13
<title>{Title}</title>

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

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

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

17
18
<!---- 

19
20
 

21
theme #50 (scripted / non-contained version) by ali (@scftlcves)

22
23
24
symbol font: https://themehive.co/honeybee

25
26
body fonts: https://fonts.google.com/

27
28
title font: https://edgewebfonts.adobe.com/fonts

29
30
tumblr controls: https://cyantists.tumblr.com/post/163728517915/fix-tumblrs-new-controls-i-have-come-up-with-3

31
32
audio player: https://octomoosey.tumblr.com/post/165373017577/hi-g-im-in-the-process-of-creating-my-own-theme

33
34
photoset gutters: https://shythemes.tumblr.com/post/113728114758/tutorial-pixel-union-photosets

35
36
--->

37
38
<meta name="image:Icon" content="https://via.placeholder.com/55x55">

39
<meta name="image:Sidebar BG" content="https://via.placeholder.com/330x430"/>

40
<meta name="image:Background" content=""/>

41
42
<meta name="color:Background" content="#f0f0f0"/>

43
<meta name="color:Blockquote" content="#e7e7e7"/>

44
<meta name="color:Bold" content="bd9482"/>

45
<meta name="color:Border" content="#e7e7e7"/>

46
<meta name="color:Entries" content="#f3f3f3"/>

47
<meta name="color:Gradient One" content="c1afd4"/>

48
<meta name="color:Gradient Two" content="aed4b9"/>

49
<meta name="color:Gradient Text" content="bebebe"/>

50
<meta name="color:Italic" content="bd9482"/>

51
<meta name="color:Link" content="#313131"/>

52
<meta name="color:Permalink" content="#f0f0f0"/>

53
<meta name="color:Permalink Icons" content="#f8f8f8"/>

54
<meta name="color:Scrollbar" content="#bd9482"/>

55
<meta name="color:Tags" content="#bd9482"/>

56
<meta name="color:Text" content="#5a5a5a"/>

57
<meta name="color:Title" content="#bd9482"/>

58
59
<meta name="select:Bullet symbol" content="\ebc6" title="Arrow" />

60
<meta name="select:Bullet symbol" content="\ec56" title="Circle" />

61
<meta name="select:Bullet symbol" content="\ea55" title="Heart" />

62
<meta name="select:Bullet symbol" content="\eabe" title="Minus" />

63
<meta name="select:Bullet symbol" content="\eb21" title="Plus" />

64
<meta name="select:Bullet symbol" content="\eb2f" title="Push pin" />

65
<meta name="select:Bullet symbol" content="\eb68" title="Star" />

66
<meta name="select:Bullet symbol" content="\eca9" title="Quote 1" />

67
<meta name="select:Bullet symbol" content="\eca8" title="Quote 2" />

68
<meta name="select:Bullet symbol" content="\eacc" title="X 1" />

69
<meta name="select:Bullet symbol" content="\ec8e" title="X 2" />

70
71
<meta name="select:Border radius" content="0px" title="0px" />

72
<meta name="select:Border radius" content="3px" title="3px" />

73
<meta name="select:Border radius" content="5px" title="5px" />

74
<meta name="select:Border radius" content="8px" title="8px" />

75
76
<meta name="select:Opacity" content="1.0" title="100%" />

77
<meta name="select:Opacity" content="0.9" title="90%" />

78
<meta name="select:Opacity" content="0.8" title="80%" />

79
<meta name="select:Opacity" content="0.7" title="70%" />

80
<meta name="select:Opacity" content="0.6" title="60%" />

81
82
<meta name="select:Post titles" content="uppercase" title="Uppercase" />

83
<meta name="select:Post titles" content="lowercase" title="Lowercase" />

84
85
<meta name="select:Body font" content="ABeeZee" title="ABeeZee" />

86
<meta name="select:Body font" content="Cabin" title="Cabin" />

87
<meta name="select:Body font" content="Karla" title="Karla" />

88
<meta name="select:Body font" content="Muli" title="Muli" />

89
<meta name="select:Body font" content="Open Sans" title="Open Sans" />

90
<meta name="select:Body font" content="Oxygen" title="Oxygen" />

91
<meta name="select:Body font" content="Roboto Mono" title="Roboto Mono" />

92
93
<meta name="select:Text size" content="9px" title="9px"/>

94
<meta name="select:Text size" content="10px" title="10px"/>

95
<meta name="select:Text size" content="11px" title="11px"/>

96
<meta name="select:Text size" content="12px" title="12px"/>

97
98
<meta name="text:Text input description" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.">

99
100
<meta name="text:Sidebar title" content="Lorem ipsum dolor sit amet"/>

101
<meta name="text:Sidebar subtitle" content="Lorem ipsum dolor sit amet"/>

102
<meta name="text:Online counter" content="freehostedscripts"/>

103
<meta name="text:Total counter" content="freehostedscripts"/>

104
105
<meta name="text:Link one url" content="oneurl">

106
<meta name="text:Link one text" content="this is link one">

107
<meta name="text:Link two url" content="twourl">

108
<meta name="text:Link two text" content="this is link two">

109
110
<meta name="select:Post size" content="540" title="540px" />

111
<meta name="select:Post size" content="500" title="500px" />

112
<meta name="select:Post size" content="450" title="450px" />

113
<meta name="select:Post size" content="400" title="400px" />

114
<meta name="select:Post size" content="350" title="350px" />

115
<meta name="select:Post size" content="300" title="300px" />

116
<meta name="select:Post size" content="250" title="250px" />

117
118
<meta name="if:Gradient BG" content="1"/>

119
<meta name="if:Styled bold" content="1"/>

120
<meta name="if:Permalink style 1" content="1"/>

121
<meta name="if:Permalink style 2" content="1"/>

122
<meta name="if:Text input description" content="1"/>

123
<meta name="if:Default description" content="0"/>

124
<meta name="if:Borders" content="1"/>

125
<meta name="if:Grayscale posts" content="0"/>

126
<meta name="if:Uppercase tags" content="1"/>

127
<meta name="if:Uppercase desc option" content="0"/>

128
<meta name="if:Smallcaps desc option" content="0"/>

129
130
131
<link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>

132
133
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

134
135
<script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script

136
137
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

138
139
<script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>

140
 

141
<script>

142
 

143
(function($){

144
 

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

146
 

147
$("a[title]").style_my_tooltips({

148
 

149
tip_follows_cursor:true,

150
 

151
tip_delay_time:90,

152
 

153
tip_fade_speed:600,

154
 

155
attribute:"title"

156
 

157
});

158
 

159
});

160
 

161
})(jQuery);

162
 

163
</script>

164
165
<style type="text/css">

166
167
iframe.tmblr-iframe {

168
    z-index:99999999999999!important;

169
    right:5px!important;

170
    top:5px!important;

171
    opacity:0.4;

172
    /* delete invert(1) from here */

173
        filter:invert(1) contrast(150%);

174
        -webkit-filter:invert(1) contrast(150%);

175
        -o-filter:invert(1) contrast(150%);

176
        -moz-filter:invert(1) contrast(150%);

177
        -ms-filter:invert(1) contrast(150%);

178
    /* to here if your blog has a dark background */

179
    transform:scale(0.65);

180
    transform-origin:100% 0;

181
    -webkit-transform:scale(0.65);

182
    -webkit-transform-origin:100% 0;

183
    -o-transform:scale(0.65);

184
    -o-transform-origin:100% 0;

185
    -moz-transform:scale(0.65);

186
    -moz-transform-origin:100% 0;

187
    -ms-transform:scale(0.65);

188
    -ms-transform-origin:100% 0;}

189
190
iframe.tmblr-iframe:hover {

191
    opacity:0.4!important;}

192
    

193
#s-m-t-tooltip {

194
background-color:{color:title};

195
font-size:{select:text size}

196
border-radius:{select:border radius};

197
color:{color:entries};

198
letter-spacing:1px;

199
text-transform:lowercase;

200
padding:10px;

201
margin:20px 0px 0px 20px;

202
z-index:9999999999999999999999;

203
 

204
}

205
206
::-webkit-scrollbar-thumb {

207
   background-color:{color:Scrollbar};

208
}

209
210
::-webkit-scrollbar-track {

211
   background-color:{color:Entries};

212
}

213
 

214
::-webkit-scrollbar {

215
   height:2px;

216
   width:2px;

217
}

218
219
ul {

220
    list-style-type: circle;

221
    padding-left:24px;

222
    line-height:150%;

223
}

224
225
li {

226
   padding-left: 0px;

227
   margin-bottom: 0px;

228
   list-style: none;

229
}

230
231
li:before {

232
  color: {color:title};

233
  content: "{select:bullet symbol}";

234
  font-family: 'honeybee';

235
  font-size:6px;

236
  font-weight:300;

237
  display: inline-block;

238
  margin-left: -2.2em; 

239
  width: 2.2em; 

240
}

241
242
243
u {

244
    display:inline-block;

245
    padding:0px 3px 0px 3px;

246
    text-decoration:none;

247
    color:{color:entries};

248
    text-transform:uppercase;

249
    background-color:{color:title};

250
    {block:IfGradientBg}

251
    color:{color:gradient text};

252
    background-image: linear-gradient(to bottom right, {color:Gradient One},     {color:Gradient Two});

253
    {/block:IfGradientBg}

254
}

255
256
257
hr {

258
    display:block;

259
    border-style:solid;

260
    opacity:70%;

261
    border-color:{color:border};

262
}

263
264
body {

265
    background: {color:Background};

266
    background-image:url('{image:Background}'); 

267
    background-attachment:fixed;

268
    font-family: '{select:body font}', sans-serif;

269
    font-size: {select:text size};

270
    line-height:15px;

271
    color: {color:Text};

272
}

273
274
blockquote {

275
  text-align:justify;

276
  margin-top: 5px;

277
  margin-bottom: 5px;

278
  margin-left: 5px;

279
  padding-left: 10px;

280
  border-left: 1px solid {color:blockquote};

281
  margin-right:5px;

282
}

283
284
a {

285
    text-decoration: none;

286
    letter-spacing:.5px;

287
    color: {color:Link};

288
}

289
 

290
small, sub {

291
    font-size:{select:text size};

292
}

293
294
b, strong {

295
    color:{color:Bold};

296
    font-weight:300;

297
    {block:IfStyledBold}

298
    font-size:12px;

299
    font-family: cooper-black-std, sans-serif;

300
    font-weight:300;

301
    {/block:IfStyledBold}

302
}

303
304
i,em {

305
    color:{color:Italic};

306
}

307
308
pre {

309
    border-bottom:2px solid {color:title};

310
    text-decoration:none;

311
    display:block;

312
    text-align:right;

313
    line-height:0.75;

314
    text-transform:lowercase;

315
    font-family:{select:body font};

316
    font-size:12px;

317
    color:{color:text};

318
}

319
320
h1 {

321
    line-height:140%;

322
    font-size:calc({select:text size} + 2px);

323
    color:{color:title};

324
    font-weight:300;

325
    text-align:right;

326
    text-transform:{select:post titles};

327
    padding-right:5px;

328
}

329
330
h2 {

331
    font-size:calc({select:text size} - 2px);

332
    color:{color:title};

333
    text-align:center;

334
    text-transform:uppercase;

335
    letter-spacing:3px;

336
    word-spacing:3px;

337
}

338
339
340
#bloggerback {

341
    {block:IfBorders}

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

343
    height:220px;

344
    {/block:IfBorders}

345
    position:fixed;

346
    margin-top:30px;

347
    margin-left:30px;

348
    padding:30px;

349
    width:210px;

350
    height:310px;

351
    background-color:{color:entries};

352
    border-radius:{select:border radius};

353
    opacity:{select:opacity};

354
    

355
}

356
357
358
#sideph {

359
    display:block;

360
    text-align:center;

361
    border-radius:{select:border radius};

362
    width:215px;

363
    margin-top:20px;

364
}

365
366
#sideph img {

367
    float:left;

368
    width:55px;

369
    height:55px;

370
    border-radius:50%;

371
    margin-right:10px;

372
    padding:3px;

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

374
    -webkit-filter: grayscale(0%);

375
    -webkit-transition: all 0.6s ease-in-out;

376
    -moz-transition: all 0.6s ease-in-out;

377
    -o-transition: all 0.6s ease-in-out;

378
    -ms-transition: all 0.6s ease-in-out;

379
    transition: all 0.6s ease-in-out;

380
}

381
382
#fullph {

383
    display:block;

384
    margin-top:0px;

385
    margin-left:0px;

386
    border-radius:{select:border radius};

387
    position:fixed;

388
    width:330px;

389
    height:430px;

390
    background-image:url('{image:Sidebar BG}'); 

391
    background-attachment:fixed;

392
    background-repeat:repeat;

393
}

394
395
#fullph img {

396
    width:330px;

397
    height:430px;

398
    {block:IfBorders}

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

400
    {/block:IfBorders}

401
    border-radius:{select:border radius};

402
    -webkit-filter: grayscale(0%);

403
    -webkit-transition: all 0.6s ease-in-out;

404
    -moz-transition: all 0.6s ease-in-out;

405
    -o-transition: all 0.6s ease-in-out;

406
    -ms-transition: all 0.6s ease-in-out;

407
    transition: all 0.6s ease-in-out;

408
}

409
410
#bottomdetails {

411
    opacity:{select:opacity};

412
    position:fixed;

413
    z-index:9999999999999999999999;

414
    display:block;

415
    font-family:karla;

416
    letter-spacing:1.5px;

417
    word-spacing:5px;

418
    font-size:8px;

419
    text-align:center;

420
    left:0px;

421
    right:0px;

422
    bottom:0px;

423
    padding:15px;

424
    height:25px;

425
    line-height:15px;

426
    text-transform:uppercase;

427
    background-color:{color:entries};

428
    color:{color:text};

429
    {block:ifBorders}

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

431
    {/block:IfBorders}

432
}

433
434
#bottomdetails a {

435
    display:inline-block;

436
    padding:0px 5px 0px 5px;

437
    letter-spacing:2px;

438
    text-align:center;

439
    color:{color:entries};

440
    text-transform:uppercase;

441
    background-color:{color:title};

442
    {block:IfGradientBg}

443
    color:{color:gradient text};

444
    background-image: linear-gradient(to bottom right, {color:Gradient One},     {color:Gradient Two});

445
    {/block:IfGradientBg}

446
}

447
448
#navigation {

449
    display:block;

450
    margin-top:15px;

451
    text-align:right;

452
}

453
 

454
#navigation a {

455
    line-height:12px;

456
    text-align:center;

457
    display:inline-block;

458
    margin-bottom:3px;

459
    font-size: calc({select:text size} + 2px);

460
    letter-spacing:0px;

461
    text-transform:lowercase;

462
    padding:10px 8px 8px 8px;

463
    color:{color:text};

464
    -webkit-transition: all 0.6s ease-in-out;

465
    -moz-transition: all 0.6s ease-in-out;

466
    -o-transition: all 0.6s ease-in-out;

467
    -ms-transition: all 0.6s ease-in-out;

468
    transition: all 0.6s ease-in-out;

469
}

470
 

471
#navigation a:hover {

472
    -webkit-transition: all 0.6s ease-in-out;

473
    -moz-transition: all 0.6s ease-in-out;

474
    -o-transition: all 0.6s ease-in-out;

475
    -ms-transition: all 0.6s ease-in-out;

476
    transition: all 0.6s ease-in-out;

477
}

478
479
#navigation a:first-letter {

480
    font-weight:bold;

481
    color:{color:bold};

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

483
}

484
485
.bloggerdeets {

486
    display:block;

487
    overflow:hidden;

488
    height:238px;

489
    padding:5px;

490
    margin-top:-10px;

491
    margin-left:-5px;

492
    margin-right:-5px;

493
    text-align:justify;

494
    {block:IfUppercaseDescOption}

495
    font-size:7px;

496
    font-family:ABeeZee;

497
    text-transform:uppercase;

498
    line-height:13px;

499
    letter-spacing:1px;

500
    {/block:IfUppercaseDescOption}

501
    {block:IfSmallcapsDescOption}

502
    font-size:7px;

503
    font-family:Saira Semi Condensed;

504
    text-transform:uppercase;

505
    line-height:14px;

506
    letter-spacing:1.5px;

507
    font-variant:small-caps;

508
    {/block:IfSmallcapsDescOption}

509
}

510
511
.bloggerdeets styling {

512
    display:inline-block;

513
    position:relative;

514
}

515
516
.bloggerdeets styling:before {

517
    content: "";

518
    position: absolute;

519
    background-color:{color:border};

520
    height:1px;

521
    width:30px;

522
    margin-top:7px;

523
}

524
525
.bloggerdeets styling:first-letter {

526
    margin-left:40px;

527
    font-size: calc({select:text size} + 3px);

528
    font-weight:bold;

529
    color:{color:bold};

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

531
    font-style:italic;

532
}

533
534
535
#postshit {

536
    padding:10px;

537
    margin-top:-15px;

538
}

539
540
#postshit ol.notes {

541
    list-style-type: none;

542
    margin: 0;

543
    padding: 0;

544
}

545
546
ol.notes li.note {

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

548
   padding:8px;

549
}

550
   

551
#postshit img.avatar {

552
      margin-right: 5px;

553
      border-radius:{select:border radius};

554
      width: 0px;

555
      height: 0px;

556
}

557
558
#contain {

559
    margin:50px auto;

560
    width: calc({select:post size}px + 400px);

561
    height:435px;

562
    padding:30px;

563
}

564
565
#entries {

566
    position:absolute;

567
    width:{select:post size}px;

568
    margin-left:400px;

569
    padding-right:12px;

570
    margin-top:0px;

571
}

572
573
574
#entry {

575
    background-color:{color:Entries};

576
    margin-bottom:60px;

577
    border-radius:{select:border radius};

578
    {block:IfBorders}

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

580
    {/block:IfBorders}

581
    padding:10px;

582
    opacity:{select:opacity};}

583
584
.entrydetails {

585
    padding:10px;

586
    display:block;

587
}

588
589
.photoset {

590
    width:100%;

591
    {block:IfGrayscalePosts}

592
    -webkit-filter: grayscale(100%);

593
    -webkit-transition: all 0.6s ease-in-out;

594
    -moz-transition: all 0.6s ease-in-out;

595
    -o-transition: all 0.6s ease-in-out;

596
    -ms-transition: all 0.6s ease-in-out;

597
    transition: all 0.6s ease-in-out;

598
    {/block:IfGrayscalePosts}

599
}

600
601
.photoset:hover {

602
    -webkit-filter: grayscale(0%);

603
    -webkit-transition: all 0.6s ease-in-out;

604
    -moz-transition: all 0.6s ease-in-out;

605
    -o-transition: all 0.6s ease-in-out;

606
    -ms-transition: all 0.6s ease-in-out;

607
    transition: all 0.6s ease-in-out;

608
}

609
610
.video {

611
   width:350px!important;}

612
613
.video iframe {

614
   width:350px!important;}

615
    

616
img {

617
    max-width: 100%;

618
    {block:IfGrayscalePosts}

619
    -webkit-filter: grayscale(100%);

620
    -webkit-transition: all 0.6s ease-in-out;

621
    -moz-transition: all 0.6s ease-in-out;

622
    -o-transition: all 0.6s ease-in-out;

623
    -ms-transition: all 0.6s ease-in-out;

624
    transition: all 0.6s ease-in-out;

625
    {/block:IfGrayscalePosts}

626
}

627
628
img:hover {

629
    -webkit-filter: grayscale(0%);

630
    -webkit-transition: all 0.6s ease-in-out;

631
    -moz-transition: all 0.6s ease-in-out;

632
    -o-transition: all 0.6s ease-in-out;

633
    -ms-transition: all 0.6s ease-in-out;

634
    transition: all 0.6s ease-in-out;

635
}

636
637
638
#posttitles { 

639
    font-family:{select:body font};

640
    line-height:140%;

641
    font-size:calc({select:text size} + 2px);

642
    color:{color:title};

643
    font-weight:300;

644
    text-align:right;

645
    text-transform:{select:post titles};

646
    padding-right:5px;

647
}

648
    

649
    #ask {

650
    text-align:center;

651
    line-height:120%;

652
    color:{color:text};

653
    padding:0px;

654
    }

655
    

656
    .ask {

657
    float:left;

658
    z-index:10;

659
    font-size:11px;

660
    font-family:{select:body font};

661
    text-align:center;

662
    font-weight:bold;

663
    text-transform:lowercase;  

664
    letter-spacing:1px;

665
    line-height:14px;

666
    color:{color:entries};

667
    background-color:{color:title};

668
    margin-top:-13px;

669
    margin-right:0px;

670
    margin-left:0px;

671
    border-radius:{select:border radius};

672
    padding-left:10px;

673
    padding-right:10px;

674
    padding-top:5px;

675
    padding-bottom:5px;

676
    }

677
    

678
    .ask a {

679
        color:{color:entries};

680
    }

681
 

682
.askline {

683
    height:1px;

684
    margin-top:5px;

685
    margin-left:0px;

686
    background-color:{color:Border};

687
    z-index:-1;

688
    word-wrap:break-word;

689
    }

690
691
.question {

692
    color:{color:text};

693
    font-size:{text:small text size};

694
    padding:15px;

695
    display:block;

696
    text-align:justify;

697
    margin-left:5px;

698
    word-wrap:break-word;

699
    border-left:1px solid {color:border};

700
701
}

702
703
#questionbox {

704
    word-wrap:break-word;

705
    padding:10px;

706
707
}

708
   

709
   

710
#ans {

711
    text-align:justify;

712
    padding-top:2px;

713
    display:block;

714
    margin-top:20px;

715
    color:{color:text};

716
    }

717
    

718
.playbutton {

719
   width:25px;

720
   height:25px;

721
   overflow:hidden;

722
   position:relative;

723
   margin-top:10px;

724
   margin-left:13px;

725
   z-index:9;

726
   border-radius:3px;

727
   opacity:.7;

728
}

729
   

730
.albumart img {

731
   height:50px;

732
   width:50px;

733
   position:relative;

734
   margin-top:-28px;

735
   margin-left:0px;

736
   border-radius:3px;

737
}

738
739
.albumdetails {

740
    margin-top:-55px;

741
    text-align:right;

742
    float:right;

743
    padding:5px;

744
    text-transform:lowercase;

745
}

746
747
.albumdetails oth {

748
    border-bottom:2px solid {color:title};

749
    text-align:right;

750
    line-height:70%;

751
    display:inline-block;

752
    letter-spacing:0px;

753
    text-transform:uppercase;

754
    color:{color:text};

755
    margin-right:5px;

756
    font-size: calc({text:body text size} + 2px);

757
}

758
759
.audiocaption {

760
    display:block;

761
    text-align:left;

762
}

763
764
.chats {

765
    display:block;

766
    padding:10px;

767
}

768
769
.chats nms {

770
    display:inline-block;

771
    margin-right:10px;

772
    font-family:karla;

773
    font-size:8px;

774
    padding:0px 5px 0px 5px;

775
    letter-spacing:2px;

776
    text-align:center;

777
    color:{color:entries};

778
    text-transform:uppercase;

779
    background-color:{color:title};

780
    {block:IfGradientBg}

781
    color:{color:gradient text};

782
    background-image: linear-gradient(to bottom right, {color:Gradient One},     {color:Gradient Two});

783
    {/block:IfGradientBg}

784
}

785
786
#perma {

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

788
    padding:0px 15px 10px 15px;

789
    margin-left:-10px;

790
    margin-right:-10px;

791
    margin-bottom:10px;

792
    display:block;

793
    font-family:karla;

794
    letter-spacing:1px;

795
    text-transform:uppercase;

796
    font-size:8px;

797
}

798
799
#tags2 {

800
    display:block;

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

802
    padding:10px 15px 0px 15px;

803
    margin-top:10px;

804
    margin-right:-10px;

805
    margin-left:-10px; 

806
    font-family:karla;

807
    letter-spacing:1px;

808
    text-transform:uppercase;

809
    font-size:8px;

810
}

811
812
#permalink {

813
    text-align: center;

814
    position: relative;

815
    font-size:10px;

816
    text-transform:lowercase;

817
    margin-top: 20px;

818
    display:block;

819
    padding: 10px;

820
    border-radius:{select:border radius};

821
    {block:IfBorders}

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

823
    {/block:IfBorders}

824
    background-color:{color:permalink};

825
}

826
827
#permalink a {

828
    border-bottom:none;

829
}

830
    

831
.date {

832
    color:{color:text};

833
    font-size:9px;

834
    z-index:10;

835
    text-transform:lowercase;

836
    border:none;

837
    text-align:right;

838
}

839
840
.date iconback {

841
    width:10px;

842
    margin-right:0px;

843
    height:10px;

844
    font-size:9px;

845
    background-color:{color:Permalink Icons};

846
    line-height:10px;

847
    padding:10px;

848
    text-align:center;

849
    border-radius:{select:border radius};

850
    display:inline-block;

851
    {block:IfBorders}

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

853
    {/block:IfBorders}

854
    {block:IfGradientBg}

855
    background-image: linear-gradient(to bottom right, {color:Gradient One}, {color:Gradient Two});

856
    color:{color:entries};

857
    {/block:IfGradientBg}

858
}

859
860
.date iconback a {

861
    color:{color:text};

862
    {block:IfGradientBg}

863
    color:{color:gradient text};

864
    {/block:IfGradientBg}

865
}

866
867
.tags {

868
    color:{color:tags};

869
    margin-top:10px;

870
    text-align:right;

871
    text-transform:lowercase;

872
    border:none;

873
    {block:IfUppercaseTags}

874
    text-transform:uppercase;

875
    font-size:8px;

876
    font-family:karla;

877
    {/block:IfUppercaseTags}

878
}

879
880
.tags a{

881
    color:{color:tags};

882
    padding:5px;

883
}

884
885
886
#searching {

887
    text-align:right;

888
    margin-right:40px;

889
    display:inline-block;

890
    border-radius:{select:border radius};

891
    text-transform:uppercase;

892
    letter-spacing:1.5px;

893
    font-family:karla;

894
    font-size:8px;

895
    padding:5px 7px 2px 5px;

896
    {block:IfBorders}

897
    width:90px;

898
    color:{color:text};

899
    -webkit-transition: all 0.6s ease-in-out;

900
    -moz-transition: all 0.6s ease-in-out;

901
    -o-transition: all 0.6s ease-in-out;

902
    -ms-transition: all 0.6s ease-in-out;

903
    transition: all 0.6s ease-in-out;

904
}

905
906
.sfm:before {

907
    content:'\eaa6';

908
    font-family:'honeybee';

909
    font-size:10px;

910
    float:left;

911
    color:{color:bold};

912
}

913
914
.sfm input {

915
    line-height:9px;

916
    text-align:right;

917
    width:70px;

918
    background-color:transparent;

919
    color: {color:text}; 

920
    border:none;

921
    font-family:{select:body font};

922
    border-radius:{select:border radius};

923
    text-transform:uppercase;

924
    letter-spacing:1.5px;

925
    font-family:karla;

926
    font-size:8px;

927
    }

928
929
.more-btn-wrap{

930
   position: relative;

931
   padding: 20px 0;

932
   width: 100%;

933
}

934
935
.more-btn-wrap a:link{

936
   position: relative;

937
   left: calc(50% - 37px);

938
    display:inline-block;

939
    padding:3px 8px 3px 10px;

940
    font-family:karla;

941
    font-size:8px;

942
    letter-spacing:1.5px;

943
    text-align:center;

944
    color:{color:entries};

945
    text-transform:uppercase;

946
    background-color:{color:title};

947
    {block:IfGradientBg}

948
    background-image: linear-gradient(to bottom right, {color:Gradient One}, {color:Gradient Two});

949
    color:{color:gradient text};

950
    {/block:IfGradientBg}

951
    -webkit-transition: all 0.7s ease;

952
   -moz-transition: all 0.7s ease;

953
   -o-transition: all 0.7s ease;

954
   transition: all 0.7s ease;

955
}

956
   .more-btn-wrap a:hover{

957
       letter-spacing:3px;

958
   }

959
960
#credit {

961
    font-size:12px;

962
    float:center;

963
    position:fixed;

964
    bottom:65px;

965
    right:10px;

966
    font-family:Roboto Mono;

967
    text-transform:lowercase;

968
    padding:8px;

969
    border-radius:{select:border radius};

970
    color:{color:title};

971
    background-color:{color:entries};

972
    {block:IfBorders}

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

974
    {/block:IfBorders}

975
}

976
 

977
#credit a {

978
    color:{color:title};

979
}

980
981
</style>

982
983
</head>

984
985
<body>

986
987
<div id="bottomdetails">

988
<div id="searching"><form action="/search" method="get" class="sfm" name="theform">

989
    <input type="text" name="q" value="search"/>

990
</form>

991
</div> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> {/block:PreviousPage}  {CurrentPage} of {TotalPages}  {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {/block:Pagination}

992
993
{text:online counter} online / {text:total counter} hits

994
</div>

995
996
<div id="contain">

997
998
<div id="fullph"><img src="{image:Sidebar BG}"></div>

999
1000
1001
1002
<div id="bloggerback">

1003
1004
1005
<div class="bloggerdeets"><styling>

1006
    {block:IfDefaultDescription}

1007
{description}

1008
    {/block:IfDefaultDescription}

1009
    {block:IfTextInputDescription}

1010
{text:text input description}

1011
    {/block:IfTextInputDescription}

1012
</styling></div>

1013
1014
<div id="sideph">

1015
<img src="{image:Icon}">

1016
<div id="navigation">

1017
<a href="/">index</a>

1018
<a href="/ask">message</a><br>

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

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

1021
</div>

1022
</div>

1023
1024
</div>

1025
1026
1027
1028
<div id="entries">

1029
{block:Posts}

1030
<div id="entry">

1031
1032
{block:IfPermalinkStyle2}

1033
<div id="perma">

1034
{block:Date}{TimeAgo}{/block:Date} with <a href="{Permalink}">{NoteCountWithLabel}</a>

1035
 

1036
<span style="float:right">

1037
<a href="{ReblogURL}"target="_blank">reblog</a>

1038
{block:RebloggedFrom}/ <a href="{ReblogParentURL}">via</a> / <a href="{ReblogRootURL}">source</a>{/block:RebloggedFrom}

1039
</span>

1040
</div>

1041
{/block:IfPermalinkStyle2}

1042
1043
{block:Text}

1044
<div id="posttitles">{block:Title}{Title}{/block:Title}</div>

1045
{Body}

1046
{block:More}

1047
<div class="more-btn-wrap">

1048
    <a href="{Permalink}" class="more-btn">

1049
        Read More

1050
    </a>

1051
</div>

1052
{/block:More}

1053
{/block:Text}

1054
 

1055
{block:Photo}

1056
{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}

1057
{block:Caption}{Caption}

1058
{/block:Caption}

1059
{/block:Photo}

1060
 

1061
{block:Photoset}

1062
<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>

1063
{block:Caption}{Caption}

1064
{/block:Caption}

1065
{/block:Photoset}

1066
 

1067
{block:Quote}

1068
<div id="posttitles">{Quote}</div>

1069
{block:Source}<br>—{Source}{/block:Source}

1070
{/block:Quote}

1071
 

1072
{block:Link}

1073
<div id="posttitles"><a href="{URL}" {Target}>{Name}</a></div>

1074
{block:Description}{Description}{/block:Description}

1075
{/block:Link}

1076
 

1077
{block:Chat}

1078
{block:Title}<div id="posttitles">{Title}</div>{/block:Title}

1079
{block:Lines}

1080
<div class="chats">

1081
{block:Label}<nms>{Label}</nms>{/block:Label} {Line}

1082
</div>

1083
{/block:Lines}

1084
{/block:Chat}

1085
 

1086
{block:Audio}

1087
{block:AudioPlayer}

1088
<div class="playbutton">{AudioPlayerGrey}</div>

1089
{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}

1090
<div class="albumdetails">

1091
{block:TrackName}<oth>track:</oth> {TrackName}{/block:TrackName}<br>

1092
{block:Artist}<oth>artist:</oth> {Artist}{/block:Artist}<br>

1093
{block:PlayCount}<oth>plays:</oth> {PlayCount}{/block:PlayCount}

1094
</div>

1095
<div class="audiocaption">

1096
{block:Caption}{Caption}{/block:Caption}

1097
</div>

1098
{/block:AudioPlayer}

1099
{/block:Audio}

1100
1101
1102
 

1103
{block:Video}<div class="video">{Video-500}</div>

1104
{block:Caption}{Caption}{/block:Caption}

1105
{/block:Video}

1106
 

1107
{block:Answer}

1108
<div id="questionbox"><div class="question">{Question}</div><div class="askline"></div><div class="ask">{Asker}</div></div>

1109
<div id="ans">{Answer}

1110
{block:More}

1111
<div class="more-btn-wrap">

1112
    <a href="{Permalink}" class="more-btn">

1113
        Read More

1114
    </a>

1115
</div>

1116
{/block:More}

1117
</div>

1118
{/block:Answer}

1119
1120
1121
{block:ifPermalinkStyle1}

1122
<div id="permalink">

1123
<div class="date">

1124
<iconback><a href="{Permalink}" title="{block:Date}{TimeAgo}{/block:Date}"><span class="th th-push-pin-o"></span></a></iconback>

1125
 

1126
<iconback><a href="{Permalink}" title="{NoteCountWithLabel}"><span class="th th-heart-1-o"></span></a></iconback>

1127
 

1128
<iconback><a href="{ReblogURL}" title="reblog this post" target="_blank"><span class="th th-reblog"></span></a></iconback>

1129
 

1130
{block:RebloggedFrom}

1131
 

1132
<iconback><a href="{ReblogParentURL}" title="{ReblogParentTitle}"><span class="th th-return"></span></a></iconback>

1133
 

1134
<iconback><a href="{ReblogRootURL}"title="{ReblogRoottitle}"><span class="th th-user-o"></span></a></iconback>

1135
 

1136
{/block:RebloggedFrom}</div>

1137
1138
1139
</div>

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

1142
1143
{/block:ifPermalinkStyle1}

1144
1145
{block:IfPermalinkStyle2}

1146
{block:HasTags} <div id="tags2">{block:Tags} <a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}

1147
{/block:IfPermalinkStyle2}

1148
1149
 <!-- /div entry ---> 

1150
 </div>

1151
1152
1153
{/block:Posts}

1154
1155
{block:PostNotes}

1156
<div id="postshit">{PostNotes}</div>

1157
{/block:PostNotes}

1158
1159
1160
</div></div>

1161
1162
<div id="credit"><a href="https://scftlcves.tumblr.com/"><span class="th th-heart-1-o"></span></a></div>

1163
1164
<script>

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

1166
   $('.photo-slideshow').pxuPhotoset({

1167
       lightbox: true,

1168
       rounded: false,

1169
       gutter: '1px',

1170
       borderRadius: '0px',

1171
       photoset: '.photo-slideshow',

1172
       photoWrap: '.photo-data',

1173
       photo: '.pxu-photo',

1174
   });

1175
});

1176
</script>

1177
1178
</body>

1179
1180
</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!