API tools faq
paste
View difference between Paste ID: MypHSWFL and tf5yXXKR
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
<head>

10
11
<title>{Title}</title>

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

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

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

15
16
<!---- 

17
18
theme #46 - arcadian (@scftlcves)

19
20
symbol font: https://themehive.co/honeybee

21
22
body fonts: https://fonts.google.com/

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

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

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

29
30
--->

31
32
<meta name="image:Sidebar" content="https://via.placeholder.com/160x160"/>

33
<meta name="image:Container" content=""/>

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

35
36
<meta name="color:Background" content="#f8f8f8"/>

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

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

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

40
<meta name="color:Container" content="#f0f0f0"/>

41
<meta name="color:Entries" content="#f8f8f8"/>

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

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

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

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

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

47
<meta name="color:Navigation BG" content="#f0f0f0"/>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

67
68
<meta name="select:Border radius" content="0px" title="0px" />

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

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

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

72
73
<meta name="select:Opacity" content="1.0" title="100%" />

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

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

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

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

78
79
<meta name="select:Post titles" content="uppercase" title="Uppercase" />

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

81
82
<meta name="select:Body font" content="ABeeZee" title="ABeeZee" />

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

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

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

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

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

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

89
90
<meta name="select:Text size" content="9px" title="9px"/>

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

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

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

94
95
<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.">

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

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

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

100
101
<meta name="text:Link one url" content="link one url">

102
<meta name="text:Link one text" content="link one">

103
<meta name="text:Link two url" content="link two url">

104
<meta name="text:Link two text" content="link two">

105
<meta name="text:Link three url" content="link three url">

106
<meta name="text:Link three text" content="link three">

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

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

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

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

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

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

114
115
<meta name="if:Gradient BG" content="1"/>

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

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

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

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

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

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

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

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

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

125
126
127
<link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>

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

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

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

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

136
 

137
<script>

138
 

139
(function($){

140
 

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

142
 

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

144
 

145
tip_follows_cursor:true,

146
 

147
tip_delay_time:90,

148
 

149
tip_fade_speed:600,

150
 

151
attribute:"title"

152
 

153
});

154
 

155
});

156
 

157
})(jQuery);

158
 

159
</script>

160
161
<style type="text/css">

162
163
iframe.tmblr-iframe {

164
    z-index:99999999999999!important;

165
    top:35px!important;

166
    right:35px!important;

167
    opacity:0.4;

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

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

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

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

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

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

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

175
    transform:scale(0.65);

176
    transform-origin:100% 0;

177
    -webkit-transform:scale(0.65);

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

179
    -o-transform:scale(0.65);

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

181
    -moz-transform:scale(0.65);

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

183
    -ms-transform:scale(0.65);

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

185
186
iframe.tmblr-iframe:hover {

187
    opacity:0.4!important;}

188
    

189
#s-m-t-tooltip {

190
background-color:{color:title};

191
font-size:{select:text size}

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

193
color:{color:entries};

194
letter-spacing:1px;

195
text-transform:lowercase;

196
padding:10px;

197
margin:20px 0px 0px 20px;

198
z-index:9999999999999999999999;

199
 

200
}

201
202
::-webkit-scrollbar-thumb {

203
   background-color:{color:Scrollbar};

204
}

205
206
::-webkit-scrollbar-track {

207
   background-color:{color:Entries};

208
}

209
 

210
::-webkit-scrollbar {

211
   height:2px;

212
   width:2px;

213
}

214
215
ul {

216
    list-style-type: circle;

217
    padding-left:24px;

218
    line-height:150%;

219
}

220
221
li {

222
   padding-left: 0px;

223
   margin-bottom: 0px;

224
   list-style: none;

225
}

226
227
li:before {

228
  color: {color:title};

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

230
  font-family: 'honeybee';

231
  font-size:6px;

232
  font-weight:300;

233
  display: inline-block;

234
  margin-left: -2.2em; 

235
  width: 2.2em; 

236
}

237
238
239
u {

240
    display:inline-block;

241
    padding:0px 3px 0px 3px;

242
    text-decoration:none;

243
    color:{color:entries};

244
    text-transform:uppercase;

245
    background-color:{color:title};

246
    {block:IfGradientBg}

247
    color:{color:gradient text};

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

249
    {/block:IfGradientBg}

250
}

251
252
253
hr {

254
    display:block;

255
    border-style:dotted;

256
    border-color:{color:border};

257
}

258
259
body {

260
    background: {color:Background};

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

262
    background-attachment:fixed;

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

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

265
    line-height:15px;

266
    color: {color:Text};

267
}

268
269
blockquote {

270
  text-align:justify;

271
  margin-top: 5px;

272
  margin-bottom: 5px;

273
  margin-left: 5px;

274
  padding-left: 10px;

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

276
  margin-right:5px;

277
}

278
279
a {

280
    text-decoration: none;

281
    letter-spacing:.5px;

282
    color: {color:Link};

283
}

284
 

285
small, sub {

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

287
}

288
289
b, strong {

290
    color:{color:Bold};

291
    font-weight:300;

292
}

293
294
i,em {

295
    color:{color:Italic};

296
}

297
298
pre {

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

300
    text-decoration:none;

301
    display:block;

302
    text-align:right;

303
    line-height:0.75;

304
    text-transform:lowercase;

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

306
    font-size:12px;

307
    color:{color:text};

308
}

309
310
h1 {

311
    line-height:140%;

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

313
    color:{color:title};

314
    font-weight:300;

315
    text-align:right;

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

317
    padding-right:5px;

318
}

319
320
h2 {

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

322
    color:{color:title};

323
    text-align:center;

324
    text-transform:uppercase;

325
    letter-spacing:3px;

326
    word-spacing:3px;

327
}

328
329
#contain {

330
    margin:40px auto;

331
    {block:IfBorders}

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

333
    {/block:IfBorders}

334
    width: calc({select:post size}px + 190px);

335
    height:500px;

336
    padding:30px;

337
    background-color:{color:container};

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

339
    background-image:url('{image:Container}');

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

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

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

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

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

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

346
}

347
 

348
349
350
#bloggerback {

351
    position:fixed;

352
    width:160px;

353
    height:500px;

354
    background-color:{color:entries};

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

356
    opacity:{select:opacity};

357
    {block:IfBorders}

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

359
    {/block:IfBorders}

360
    

361
}

362
363
#blogicon {

364
    display:block;

365
    margin-top:2px;

366
    font-size:10px;

367
    font-family:karla;

368
    line-height:10px;

369
    text-align:center;

370
    width:160px;

371
    height:160px;

372
}

373
374
#blogicon img {

375
    display:block;

376
    width:160px;

377
    height:160px;

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

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

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

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

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

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

384
}

385
386
387
#bottomdetails {

388
    opacity:{select:opacity};

389
    position:fixed;

390
    z-index:9999999999999999999999;

391
    display:block;

392
    font-family:karla;

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

394
    letter-spacing:1.5px;

395
    word-spacing:5px;

396
    font-size:8px;

397
    text-align:center;

398
    margin-top:465px;

399
    margin-left:190px;

400
    width:calc({select:post size}px - 22px);

401
    {block:IfBorders}

402
    width:calc({select:post size}px - 24px);

403
    {/block:IfBorders}

404
    padding:10px;

405
    height:15px;

406
    line-height:15px;

407
    text-transform:uppercase;

408
    background-color:{color:entries};

409
    color:{color:text};

410
    {block:ifBorders}

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

412
    {/block:IfBorders}

413
}

414
415
#bottomdetails a {

416
    display:inline-block;

417
    padding:0px 5px 0px 5px;

418
    letter-spacing:2px;

419
    text-align:center;

420
    color:{color:entries};

421
    text-transform:uppercase;

422
    background-color:{color:title};

423
    {block:IfGradientBg}

424
    color:{color:gradient text};

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

426
    {/block:IfGradientBg}

427
}

428
429
.sidetitle {

430
    display:block;

431
    text-align:center;

432
    overflow:hidden;

433
    height:15px;

434
    padding:5px;

435
    font-size:7px;

436
    font-family:Saira Semi Condensed;

437
    text-transform:uppercase;

438
    line-height:13px;

439
    letter-spacing:1.5px;

440
    color:{color:entries};

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
.bloggerdeets {

449
    display:block;

450
    height:162px;

451
    overflow:hidden;

452
    {block:IfBorders}

453
    margin-left:-1px;

454
    margin-right:-1px;

455
    {/block:IfBorders}

456
    padding:10px;

457
    text-align:justify;

458
    {block:IfUppercaseDescOption}

459
    font-size:7px;

460
    font-family:ABeeZee;

461
    text-transform:uppercase;

462
    line-height:12px;

463
    letter-spacing:1px;

464
    {/block:IfUppercaseDescOption}

465
    {block:IfSmallcapsDescOption}

466
    font-size:7px;

467
    font-family:Saira Semi Condensed;

468
    text-transform:uppercase;

469
    line-height:13px;

470
    letter-spacing:1.5px;

471
    font-variant:small-caps;

472
    {/block:IfSmallcapsDescOption}

473
}

474
475
#topnavigation {

476
    text-align:center;

477
    line-height:18px;

478
    font-family:ABeeZee;

479
    display:block;

480
}

481
482
#topnavigation a {

483
    color:{color:bold};

484
    {block:IfGradientBg}

485
    color:{color:Gradient text};

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

487
    -webkit-background-clip: text;

488
    -webkit-text-fill-color: transparent;

489
    {/block:IfGradientBg}

490
    text-align:center;

491
    display:inline-block;

492
    margin-bottom:0px;

493
    font-family:arial;

494
    letter-spacing:-1px;

495
    text-transform:uppercase;

496
    font-size:20px;

497
    padding:8px 9px 9px 8px;

498
    font-weight:900;

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

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

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

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

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

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

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

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

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

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

509
}

510
511
#topnavigation a:hover {

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

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

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

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

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

517
}

518
519
.one:before{

520
content:'\ea63';

521
font-family:'honeybee';

522
}

523
524
.two:before{

525
content:'\ebcf';

526
font-family:'honeybee';

527
}

528
529
.three:before{

530
content:'\ebdb';

531
font-family:'honeybee';

532
}

533
534
.four:before{

535
content:'\e983';

536
font-family:'honeybee';

537
}

538
539
#navigation {

540
    text-align:right;

541
    line-height:18px;

542
    font-family:ABeeZee;

543
    margin-top:5px;

544
    display:block;

545
    margin-left:5px;

546
    margin-right:5px;

547
}

548
 

549
#navigation a {

550
    text-align:right;

551
    display:inline-block;

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

553
    margin-bottom:3px;

554
    text-transform:uppercase;

555
    letter-spacing:1px;

556
    font-family:karla;

557
    font-size:8px;

558
    padding:3px 10px 3px 3px;

559
    width:137px;

560
    height:19px;

561
    line-height:19px;

562
    {block:IfBorders}

563
    width:135px;

564
    height:17px;

565
    line-height:17px;

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

567
    {/block:IfBorders}

568
    background-color:{color:navigation bG};

569
    color:{color:navigation text};

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

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

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

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

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

575
}

576
 

577
#navigation a:hover {

578
    letter-spacing:1px;

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

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

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

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

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

584
}

585
586
#navigation num {

587
    text-align:center;

588
    letter-spacing:-2px;

589
    font-weight:900;

590
    font-family:arial;

591
    font-size:20px;

592
    float:left;

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

594
    color:{color:bold};

595
    {block:IfGradientBg}

596
    color:{color:Gradient text};

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

598
    -webkit-background-clip: text;

599
    -webkit-text-fill-color: transparent;

600
    {/block:IfGradientBg}

601
}

602
603
#postshit {

604
    padding:10px;

605
    margin-top:-15px;

606
}

607
608
#postshit ol.notes {

609
    list-style-type: none;

610
    margin: 0;

611
    padding: 0;

612
}

613
614
ol.notes li.note {

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

616
   padding:8px;

617
}

618
   

619
#postshit img.avatar {

620
      margin-right: 5px;

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

622
      width: 0px;

623
      height: 0px;

624
}

625
626
#entries {

627
    position:absolute;

628
    width:{select:post size}px;

629
    margin-left:190px;

630
    height:450px;

631
    overflow:auto;

632
    padding-right:15px;

633
}

634
635
636
#entry {

637
    background-color:{color:Entries};

638
    margin-bottom:30px;

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

640
    {block:IfBorders}

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

642
    {/block:IfBorders}

643
    padding:10px;

644
    opacity:{select:opacity};}

645
646
.entrydetails {

647
    padding:10px;

648
    display:block;

649
}

650
651
.photoset {

652
    width:100%;

653
    {block:IfGrayscalePosts}

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

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

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

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

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

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

660
    {/block:IfGrayscalePosts}

661
}

662
663
.photoset:hover {

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

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

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

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

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

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

670
}

671
672
.video {

673
   width:350px!important;}

674
675
.video iframe {

676
   width:350px!important;}

677
    

678
img {

679
    max-width: 100%;

680
    {block:IfGrayscalePosts}

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

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

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

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

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

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

687
    {/block:IfGrayscalePosts}

688
}

689
690
img:hover {

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

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

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

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

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

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

697
}

698
699
700
#posttitles { 

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

702
    line-height:140%;

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

704
    color:{color:title};

705
    font-weight:300;

706
    text-align:right;

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

708
    padding-right:5px;

709
}

710
    

711
    #ask {

712
    text-align:center;

713
    line-height:120%;

714
    color:{color:text};

715
    padding:0px;

716
    }

717
    

718
    .ask {

719
    float:left;

720
    z-index:10;

721
    font-size:11px;

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

723
    text-align:center;

724
    font-weight:bold;

725
    text-transform:lowercase;  

726
    letter-spacing:1px;

727
    line-height:14px;

728
    color:{color:entries};

729
    background-color:{color:title};

730
    margin-top:-13px;

731
    margin-right:0px;

732
    margin-left:0px;

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

734
    padding-left:10px;

735
    padding-right:10px;

736
    padding-top:5px;

737
    padding-bottom:5px;

738
    }

739
    

740
    .ask a {

741
        color:{color:entries};

742
    }

743
 

744
.askline {

745
    height:1px;

746
    margin-top:5px;

747
    margin-left:0px;

748
    background-color:{color:Border};

749
    z-index:-1;

750
    word-wrap:break-word;

751
    }

752
753
.question {

754
    color:{color:text};

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

756
    padding:15px;

757
    display:block;

758
    text-align:justify;

759
    margin-left:5px;

760
    word-wrap:break-word;

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

762
763
}

764
765
#questionbox {

766
    word-wrap:break-word;

767
    padding:10px;

768
769
}

770
   

771
   

772
#ans {

773
    text-align:justify;

774
    padding-top:2px;

775
    display:block;

776
    margin-top:20px;

777
    color:{color:text};

778
    }

779
    

780
.playbutton {

781
   width:25px;

782
   height:25px;

783
   overflow:hidden;

784
   position:relative;

785
   margin-top:10px;

786
   margin-left:13px;

787
   z-index:9;

788
   border-radius:3px;

789
   opacity:.7;

790
}

791
   

792
.albumart img {

793
   height:50px;

794
   width:50px;

795
   position:relative;

796
   margin-top:-35px;

797
   margin-left:0px;

798
   border-radius:3px;

799
}

800
801
.albumdetails {

802
    margin-top:-55px;

803
    text-align:right;

804
    float:right;

805
    padding:5px;

806
    text-transform:lowercase;

807
}

808
809
.albumdetails oth {

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

811
    text-align:right;

812
    line-height:70%;

813
    display:inline-block;

814
    letter-spacing:0px;

815
    text-transform:uppercase;

816
    color:{color:text};

817
    margin-right:5px;

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

819
}

820
821
.audiocaption {

822
    display:block;

823
    text-align:left;

824
}

825
826
.chats {

827
    display:block;

828
    padding:10px;

829
}

830
831
.chats nms {

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

833
    text-align:right;

834
    line-height:70%;

835
    display:inline-block;

836
    letter-spacing:0px;

837
    text-transform:uppercase;

838
    margin-right:5px;

839
    color:{color:text};

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

841
}

842
843
#perma {

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

845
    padding:0px 15px 10px 15px;

846
    margin-left:-10px;

847
    margin-right:-10px;

848
    margin-bottom:10px;

849
    display:block;

850
    font-family:karla;

851
    letter-spacing:1px;

852
    text-transform:uppercase;

853
    font-size:8px;

854
}

855
856
#tags2 {

857
    display:block;

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

859
    padding:10px 15px 0px 15px;

860
    margin-top:10px;

861
    margin-right:-10px;

862
    margin-left:-10px; 

863
    font-family:karla;

864
    letter-spacing:1px;

865
    text-transform:uppercase;

866
    font-size:8px;

867
}

868
869
#permalink {

870
    text-align: center;

871
    position: relative;

872
    font-size:10px;

873
    text-transform:lowercase;

874
    margin-top: 20px;

875
    display:block;

876
    padding: 10px;

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

878
    {block:IfBorders}

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

880
    {/block:IfBorders}

881
    background-color:{color:permalink};

882
}

883
884
#permalink a {

885
    border-bottom:none;

886
}

887
    

888
.date {

889
    color:{color:text};

890
    font-size:9px;

891
    z-index:10;

892
    text-transform:lowercase;

893
    border:none;

894
    text-align:right;

895
}

896
897
.date iconback {

898
    width:10px;

899
    margin-right:0px;

900
    height:10px;

901
    font-size:9px;

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

903
    line-height:10px;

904
    padding:10px;

905
    text-align:center;

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

907
    display:inline-block;

908
    {block:IfBorders}

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

910
    {/block:IfBorders}

911
    {block:IfGradientBg}

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

913
    color:{color:entries};

914
    {/block:IfGradientBg}

915
}

916
917
.date iconback a {

918
    color:{color:text};

919
    {block:IfGradientBg}

920
    color:{color:gradient text};

921
    {/block:IfGradientBg}

922
}

923
924
.tags {

925
    color:{color:tags};

926
    margin-top:10px;

927
    text-align:right;

928
    text-transform:lowercase;

929
    border:none;

930
    {block:IfUppercaseTags}

931
    text-transform:uppercase;

932
    font-size:8px;

933
    font-family:karla;

934
    {/block:IfUppercaseTags}

935
}

936
937
.tags a{

938
    color:{color:tags};

939
    padding:5px;

940
}

941
942
943
#credit {

944
    font-size:12px;

945
    float:center;

946
    position:fixed;

947
    bottom:35px;

948
    right:35px;

949
    font-family:Roboto Mono;

950
    text-transform:lowercase;

951
    padding:8px;

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

953
    color:{color:title};

954
    background-color:{color:entries};

955
    {block:IfBorders}

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

957
    {/block:IfBorders}

958
}

959
 

960
#credit a {

961
    color:{color:title};

962
}

963
964
</style>

965
966
</head>

967
968
<body>

969
970
<div id="contain">

971
972
<div id="bloggerback">

973
974
<div id="topnavigation">

975
<a href="/" title="index"><div class="one"></div></a>

976
<a href="/ask" title="message"><div class="two"></div></a>

977
<a href="submit" title="submit"><div class="three"></div></a>

978
<a href="/archive" title="archive"><div class="four"></div></a>

979
</div>

980
981
<div class="sidetitle">{text:sidebar title}</div>

982
983
<div id="navigation">

984
<a href="{text:link one url}"><num>01</num>{text:link one text}</a><br>

985
<a href="{text:link two url}"><num>02</num>{text:link two text}</a><br>

986
<a href="{text:link three url}"><num>03</num>{text:link three text}</a>

987
</div>

988
989
<div id="blogicon"><img src="{image:Sidebar}"></div>

990
991
992
<div class="bloggerdeets">

993
    {block:IfDefaultDescription}

994
{description}

995
    {/block:IfDefaultDescription}

996
    {block:IfTextInputDescription}

997
{text:text input description}

998
    {/block:IfTextInputDescription}

999
</div>

1000
1001
</div>

1002
1003
<div id="bottomdetails">

1004
{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> {/block:PreviousPage}  {CurrentPage} of {TotalPages}  {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage} | {/block:Pagination}

1005
{text:online counter} online / {text:total counter} hits

1006
</div>

1007
1008
<div id="entries">

1009
{block:Posts}

1010
<div id="entry">

1011
1012
{block:IfPermalinkStyle2}

1013
<div id="perma">

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

1015
 

1016
<span style="float:right">

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

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

1019
</span>

1020
</div>

1021
{/block:IfPermalinkStyle2}

1022
1023
{block:Text}

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

1025
{Body}

1026
{/block:Text}

1027
 

1028
{block:Photo}

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

1030
{block:Caption}{Caption}{/block:Caption}

1031
{/block:Photo}

1032
 

1033
{block:Photoset}

1034
<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>

1035
{block:Caption}{Caption}{/block:Caption}

1036
{/block:Photoset}

1037
 

1038
{block:Quote}

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

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

1041
{/block:Quote}

1042
 

1043
{block:Link}

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

1045
{block:Description}{Description}{/block:Description}

1046
{/block:Link}

1047
 

1048
{block:Chat}

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

1050
{block:Lines}

1051
<div class="chats">

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

1053
</div>

1054
{/block:Lines}

1055
{/block:Chat}

1056
 

1057
{block:Audio}

1058
{block:AudioPlayer}

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

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

1061
<div class="albumdetails">

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

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

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

1065
</div>

1066
<div class="audiocaption">

1067
{block:Caption}{Caption}{/block:Caption}

1068
</div>

1069
{/block:AudioPlayer}

1070
{/block:Audio}

1071
1072
1073
 

1074
{block:Video}<div class=“video”>{Video-500}</div>

1075
{block:Caption}{Caption}{/block:Caption}

1076
{/block:Video}

1077
 

1078
{block:Answer}

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

1080
<div id="ans">{Answer}</div>

1081
{/block:Answer}

1082
1083
1084
{block:ifPermalinkStyle1}

1085
<div id="permalink">

1086
<div class="date">

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

1088
 

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

1090
 

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

1092
 

1093
{block:RebloggedFrom}

1094
 

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

1096
 

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

1098
 

1099
{/block:RebloggedFrom}</div>

1100
1101
1102
</div>

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

1105
1106
{/block:ifPermalinkStyle1}

1107
1108
{block:IfPermalinkStyle2}

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

1110
{/block:IfPermalinkStyle2}

1111
1112
 <!-- /div entry ---> </div>

1113
1114
1115
1116
{/block:Posts}

1117
1118
{block:PostNotes}

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

1120
{/block:PostNotes}

1121
1122
1123
</div></div>

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

1126
1127
<script>

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

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

1130
       lightbox: true,

1131
       rounded: false,

1132
       gutter: '1px',

1133
       borderRadius: '0px',

1134
       photoset: '.photo-slideshow',

1135
       photoWrap: '.photo-data',

1136
       photo: '.pxu-photo',

1137
   });

1138
});

1139
</script>

1140
1141
</body>

1142
1143
</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!