API tools faq
paste
View difference between Paste ID: 788He28F and WyVrhXU8
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"></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 #51 (badbye / 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:Container" content="">

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

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

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

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

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

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

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

47
<meta name="color:Container" content="#ebebeb"/>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

77
78
<meta name="select:Opacity" content="1.0" title="100%" />

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

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

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

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

83
84
<meta name="select:Post titles" content="uppercase" title="Uppercase" />

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

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

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

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

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

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

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

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

94
95
<meta name="select:Bold font" content="Cooper-Black-Std" title="Cooper Black" />

96
<meta name="select:Bold font" content="Banggar" title="Banggar" />

97
<meta name="select:Bold font" content="Desyanti" title="Desyanti" />

98
<meta name="select:Bold font" content="Jean Jingga" title="Jean Jingga" />

99
<meta name="select:Bold font" content="Subsky" title="Subsky" />

100
<meta name="select:Bold font" content="Sweet Patterson" title="Sweet Patterson" />

101
102
<meta name="select:Text size" content="9px" title="9px"/>

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

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

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

106
107
<meta name="select:Styled bold size" content="6px" title="+6 font size"/>

108
<meta name="select:Styled bold size" content="10px" title="+10 font size"/>

109
<meta name="select:Styled bold size" content="14px" title="+14 font size"/>

110
<meta name="select:Styled bold size" content="18px" title="+18 font size"/>

111
<meta name="select:Styled bold size" content="22px" title="+22 font size"/>

112
113
<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.">

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

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

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

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

119
120
<meta name="text:Link one url" content="oneurl">

121
<meta name="text:Link one text" content="one">

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

123
<meta name="text:Link two text" content="two">

124
<meta name="text:Link three url" content="threeurl">

125
<meta name="text:Link three text" content="three">

126
127
<meta name="select:Post size" content="540" title="540px" />

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

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

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

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

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

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

134
135
<meta name="if:Gradient BG" content="1"/>

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

137
<meta name="if:Bolden the bold" content="1"/>

138
<meta name="if:Navigation style 1" content="1"/>

139
<meta name="if:Navigation style 2" content="0"/>

140
<meta name="if:Ask style 1" content="1"/>

141
<meta name="if:Ask style 2" content="0"/>

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

143
<meta name="if:Permalink style 2" content="0"/>

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

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

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

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

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

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

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

151
152
153
<link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>

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

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

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

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

162
 

163
<script>

164
 

165
(function($){

166
 

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

168
 

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

170
 

171
tip_follows_cursor:true,

172
 

173
tip_delay_time:90,

174
 

175
tip_fade_speed:600,

176
 

177
attribute:"title"

178
 

179
});

180
 

181
});

182
 

183
})(jQuery);

184
 

185
</script>

186
187
<style type="text/css">

188
189
@font-face {

190
    font-family: "banggar";

191
    src: url('https://dl.dropbox.com/s/yfp4z6732isds2f/Banggar%20Signature%20Font%20-%20TTF%20Dafont.ttf?dl=0'); ;}

192
    

193
@font-face {

194
    font-family: "desyanti";

195
    src: url('https://dl.dropbox.com/s/d5rjwe1pqgpchjr/Desyanti.ttf?dl=0'); ;}

196
    

197
@font-face {

198
    font-family: "jean jingga";

199
    src: url('https://dl.dropbox.com/s/d2zj2ft9q2guu9p/Jean%20Jingga%20-%20TTF.ttf?dl=0'); ;}

200
    

201
@font-face {

202
    font-family: "subsky";

203
    src: url('https://dl.dropbox.com/s/l5k8weg7vsgybcw/Subsky-demo%20version.ttf?dl=0'); ;}

204
    

205
@font-face {

206
    font-family: "sweet patterson";

207
    src: url('https://dl.dropbox.com/s/uzjhwsi2qmbwbnv/SweetPattersonDEMO.ttf?dl=0'); ;}

208
209
iframe.tmblr-iframe {

210
    z-index:99999999999999!important;

211
    right:5px!important;

212
    top:5px!important;

213
    opacity:0.4;

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

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

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

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

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

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

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

221
    transform:scale(0.65);

222
    transform-origin:100% 0;

223
    -webkit-transform:scale(0.65);

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

225
    -o-transform:scale(0.65);

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

227
    -moz-transform:scale(0.65);

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

229
    -ms-transform:scale(0.65);

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

231
232
iframe.tmblr-iframe:hover {

233
    opacity:0.4!important;}

234
    

235
#s-m-t-tooltip {

236
background-color:{color:title};

237
font-size:{select:text size}

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

239
color:{color:entries};

240
letter-spacing:1px;

241
text-transform:lowercase;

242
padding:10px;

243
margin:20px 0px 0px 20px;

244
z-index:9999999999999999999999;

245
 

246
}

247
248
::-webkit-scrollbar-thumb {

249
   background-color:{color:Scrollbar};

250
}

251
252
::-webkit-scrollbar-track {

253
   background-color:{color:Entries};

254
}

255
 

256
::-webkit-scrollbar {

257
   height:2px;

258
   width:2px;

259
}

260
261
ul {

262
    list-style-type: circle;

263
    padding-left:24px;

264
    line-height:150%;

265
}

266
267
li {

268
   padding-left: 0px;

269
   margin-bottom: 0px;

270
   list-style: none;

271
}

272
273
li:before {

274
  color: {color:title};

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

276
  font-family: 'honeybee';

277
  font-size:6px;

278
  font-weight:300;

279
  display: inline-block;

280
  margin-left: -2.2em; 

281
  width: 2.2em; 

282
}

283
284
285
u {

286
    display:inline-block;

287
    padding:0px 3px 0px 3px;

288
    text-decoration:none;

289
    color:{color:entries};

290
    text-transform:uppercase;

291
    background-color:{color:title};

292
    {block:IfGradientBg}

293
    color:{color:gradient text};

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

295
    {/block:IfGradientBg}

296
}

297
298
299
hr {

300
    display:block;

301
    border-style:solid;

302
    opacity:70%;

303
    border-color:{color:border};

304
}

305
306
body {

307
    background: {color:Background};

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

309
    background-attachment:fixed;

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

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

312
    line-height:15px;

313
    color: {color:Text};

314
}

315
316
blockquote {

317
  text-align:justify;

318
  margin-top: 5px;

319
  margin-bottom: 5px;

320
  margin-left: 5px;

321
  padding-left: 10px;

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

323
  margin-right:5px;

324
}

325
326
a {

327
    text-decoration: none;

328
    letter-spacing:.5px;

329
    color: {color:Link};

330
}

331
 

332
small, sub {

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

334
}

335
336
b, strong {

337
    color:{color:Bold};

338
    font-weight:300;

339
    {block:IfStyledBold}

340
    font-size:calc({select:text size} + {select:styled bold size});

341
    font-family: {select:bold font};

342
    text-transform:lowercase;

343
    font-variant:none;

344
    {/block:IfStyledBold}

345
    {block:IfBoldenTheBold}

346
    font-weight:700;

347
    {/block:IfBoldenTheBold}

348
}

349
350
i,em {

351
    color:{color:Italic};

352
}

353
354
pre {

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

356
    text-decoration:none;

357
    display:block;

358
    text-align:right;

359
    line-height:0.75;

360
    text-transform:lowercase;

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

362
    font-size:12px;

363
    color:{color:text};

364
}

365
366
h1 {

367
    line-height:140%;

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

369
    color:{color:title};

370
    font-weight:300;

371
    text-align:right;

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

373
    padding-right:5px;

374
}

375
376
h2 {

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

378
    color:{color:title};

379
    text-align:center;

380
    text-transform:uppercase;

381
    letter-spacing:3px;

382
    word-spacing:3px;

383
}

384
385
386
#bloggerback {

387
    {block:ifBorders}

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

389
    height:220px;

390
    {/block:ifBorders}

391
    position:fixed;

392
    margin-top:30px;

393
    margin-left:30px;

394
    padding:30px;

395
    width:210px;

396
    height:310px;

397
    background-color:{color:entries};

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

399
    opacity:{select:opacity};

400
    

401
}

402
403
404
#sideph {

405
    text-align:center;

406
}

407
408
#sideph img {

409
    float:left;

410
    width:55px;

411
    height:55px;

412
    border-radius:50%;

413
    margin-right:15px;

414
    padding:3px;

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

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

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

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

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

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

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

422
}

423
424
#fullph {

425
    display:block;

426
    margin-top:0px;

427
    margin-left:0px;

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

429
    position:fixed;

430
    width:330px;

431
    height:430px;

432
    {block:ifBorders}

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

434
    {/block:ifBorders}

435
}

436
437
#fullph img {

438
    width:330px;

439
    height:430px;

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

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

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

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

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

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

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

447
}

448
449
#bottomdetails {

450
    opacity:{select:opacity};

451
    position:fixed;

452
    z-index:9999999999999999999999;

453
    display:block;

454
    font-family:karla;

455
    letter-spacing:1.5px;

456
    word-spacing:5px;

457
    font-size:8px;

458
    text-align:center;

459
    left:0px;

460
    right:0px;

461
    bottom:0px;

462
    padding:15px;

463
    height:25px;

464
    line-height:15px;

465
    text-transform:uppercase;

466
    background-color:{color:entries};

467
    color:{color:text};

468
    {block:ifBorders}

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

470
    {/block:IfBorders}

471
}

472
473
#bottomdetails a {

474
    display:inline-block;

475
    padding:0px 5px 0px 5px;

476
    letter-spacing:2px;

477
    text-align:center;

478
    color:{color:entries};

479
    text-transform:uppercase;

480
    background-color:{color:title};

481
    {block:IfGradientBg}

482
    color:{color:gradient text};

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

484
    {/block:IfGradientBg}

485
}

486
487
#navigation {

488
    background-color:{color:background};

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

490
    display:block;

491
    margin-left:-30px;

492
    margin-right:-30px;

493
    margin-top:15px;

494
    text-align:center;

495
    padding-top:7px;

496
    height:50px;

497
    padding-bottom:13px;

498
}

499
 

500
#navigation a {

501
    line-height:12px;

502
    text-align:center;

503
    display:inline-block;

504
    margin-top:10px;

505
    margin-bottom:2px;

506
    {block:ifNavigationStyle1}

507
    letter-spacing:1.5px;

508
    font-size:8px;

509
    font-family:karla;

510
    text-transform:uppercase;

511
    {/block:ifNavigationStyle1}

512
    {block:ifNavigationStyle2}

513
    text-transform:lowercase;

514
    letter-spacing:1px;

515
    font-size:calc({select:text size} + 1px);

516
    {/block:ifNavigationStyle2}

517
    padding:0px 8px 0px 8px;

518
    color:{color:text};

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

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

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

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

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

524
}

525
 

526
#navigation a:hover {

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

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

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

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

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

532
}

533
534
#navigation a:first-letter {

535
    font-weight:bold;

536
    color:{color:bold};

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

538
}

539
540
.bloggerdeets {

541
    display:block;

542
    overflow:hidden;

543
    height:254px;

544
    padding:5px;

545
    margin-top:-10px;

546
    margin-left:-5px;

547
    margin-right:-5px;

548
    text-align:justify;

549
    {block:IfUppercaseDescOption}

550
    font-size:7px;

551
    font-family:ABeeZee;

552
    text-transform:uppercase;

553
    line-height:13px;

554
    letter-spacing:1px;

555
    {/block:IfUppercaseDescOption}

556
    {block:IfSmallcapsDescOption}

557
    font-size:7px;

558
    font-family:Saira Semi Condensed;

559
    text-transform:uppercase;

560
    line-height:14px;

561
    letter-spacing:1.5px;

562
    font-variant:small-caps;

563
    {/block:IfSmallcapsDescOption}

564
}

565
566
#postshit {

567
    padding:30px;

568
    margin-top:-55px;

569
}

570
571
#postshit ol.notes {

572
    list-style-type: none;

573
    margin: 0;

574
    padding: 0;

575
}

576
577
#postshit li {

578
    list-style-type:none;

579
    padding:5px;

580
}

581
582
#postshit li.note.like:before {

583
    text-align:center;

584
    font-size:9px;

585
    padding:4px;

586
    color:{color:entries};

587
    background-color:{color:bold};

588
    content:'\e155';

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

590
}

591
592
#postshit li.note.reblog:before {

593
    text-align:center;

594
    font-size:9px;

595
    padding:4px;

596
    color:{color:entries};

597
    background-color:{color:title};

598
    content:'\e3db';

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

600
}

601
602
#postshit li.note.reply:before {

603
    text-align:center;

604
    font-size:9px;

605
    padding:4px;

606
    color:{color:entries};

607
    background-color:{color:title};

608
    content:'\e418';

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

610
}

611
   

612
#postshit img.avatar {

613
      margin-right: 5px;

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

615
      width: 0px;

616
      height: 0px;

617
}

618
619
#contain {

620
    margin:50px auto;

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

622
    height:435px;

623
    padding:30px;

624
}

625
626
#entries {

627
    position:absolute;

628
    width:{select:post size}px;

629
    margin-left:329px;

630
    padding-right:12px;

631
    margin-top:0px;

632
    padding:30px;

633
    height:370px;

634
    overflow:auto;

635
    background-color:{color:container};

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

637
    border-radius:0px {select:border radius} {select:border radius} 0px;

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

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

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

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

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

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

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

645
}

646
647
#entry {

648
    background-color:{color:Entries};

649
    margin-bottom:60px;

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

651
    {block:IfBorders}

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

653
    {/block:IfBorders}

654
    padding:10px;

655
    opacity:{select:opacity};

656
}

657
658
.photoset {

659
    width:100%;

660
    {block:IfGrayscalePosts}

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

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

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

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

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

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

667
    {/block:IfGrayscalePosts}

668
}

669
670
.photoset:hover {

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

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

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

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

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

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

677
}

678
679
.video {

680
   width:350px!important;}

681
682
.video iframe {

683
   width:350px!important;}

684
    

685
img {

686
    max-width: 100%;

687
    {block:IfGrayscalePosts}

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

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

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

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

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

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

694
    {/block:IfGrayscalePosts}

695
}

696
697
img:hover {

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

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

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

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

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

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

704
}

705
706
707
#posttitles { 

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

709
    line-height:140%;

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

711
    color:{color:title};

712
    font-weight:300;

713
    text-align:right;

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

715
    padding-right:5px;

716
}

717
718
.qa1 {

719
    display:block;

720
    background-color:{color:background};

721
    color:{color:text};

722
    padding:15px;

723
    text-align:justify;

724
    {block:ifBorders};

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

726
    {/block:ifBorders}

727
}

728
729
.qa2 {

730
    display:block;

731
    text-transform:uppercase;

732
    padding:10px;

733
    text-align:right;

734
    background-color:{color:bold};

735
    color:{color:entries};

736
    {block:IfGradientBg}

737
    color:{color:gradient text};

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

739
    {/block:IfGradientBg}

740
}

741
    

742
    #ask {

743
    text-align:center;

744
    line-height:120%;

745
    color:{color:text};

746
    padding:0px;

747
    }

748
    

749
    .ask {

750
    float:left;

751
    z-index:10;

752
    font-size:11px;

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

754
    text-align:center;

755
    font-weight:bold;

756
    text-transform:lowercase;  

757
    letter-spacing:1px;

758
    line-height:14px;

759
    color:{color:entries};

760
    background-color:{color:title};

761
    margin-top:-13px;

762
    margin-right:0px;

763
    margin-left:0px;

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

765
    padding-left:10px;

766
    padding-right:10px;

767
    padding-top:5px;

768
    padding-bottom:5px;

769
    }

770
    

771
    .ask a {

772
        color:{color:entries};

773
    }

774
 

775
.askline {

776
    height:1px;

777
    margin-top:5px;

778
    margin-left:0px;

779
    background-color:{color:Border};

780
    z-index:-1;

781
    word-wrap:break-word;

782
    }

783
784
.question {

785
    color:{color:text};

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

787
    padding:15px;

788
    display:block;

789
    text-align:justify;

790
    margin-left:5px;

791
    word-wrap:break-word;

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

793
794
}

795
796
#questionbox {

797
    word-wrap:break-word;

798
    padding:10px;

799
800
}

801
   

802
   

803
#ans {

804
    text-align:justify;

805
    padding-top:2px;

806
    display:block;

807
    margin-top:20px;

808
    color:{color:text};

809
    }

810
    

811
.playbutton {

812
   width:25px;

813
   height:25px;

814
   overflow:hidden;

815
   position:relative;

816
   margin-top:10px;

817
   margin-left:13px;

818
   z-index:9;

819
   border-radius:3px;

820
   opacity:.7;

821
}

822
   

823
.albumart img {

824
   height:50px;

825
   width:50px;

826
   position:relative;

827
   margin-top:-28px;

828
   margin-left:0px;

829
   border-radius:3px;

830
}

831
832
.albumdetails {

833
    margin-top:-55px;

834
    text-align:right;

835
    float:right;

836
    padding:5px;

837
    text-transform:lowercase;

838
}

839
840
.albumdetails oth {

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

842
    text-align:right;

843
    line-height:70%;

844
    display:inline-block;

845
    letter-spacing:0px;

846
    text-transform:uppercase;

847
    color:{color:text};

848
    margin-right:5px;

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

850
}

851
852
.audiocaption {

853
    display:block;

854
    text-align:left;

855
}

856
857
.chats {

858
    display:block;

859
    padding:10px;

860
}

861
862
.chats nms {

863
    display:inline-block;

864
    margin-right:10px;

865
    font-family:karla;

866
    font-size:8px;

867
    padding:0px 5px 0px 5px;

868
    letter-spacing:2px;

869
    text-align:center;

870
    color:{color:entries};

871
    text-transform:uppercase;

872
    background-color:{color:title};

873
    {block:IfGradientBg}

874
    color:{color:gradient text};

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

876
    {/block:IfGradientBg}

877
}

878
879
#perma {

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

881
    padding:0px 15px 10px 15px;

882
    margin-left:-10px;

883
    margin-right:-10px;

884
    margin-bottom:10px;

885
    display:block;

886
    font-family:karla;

887
    letter-spacing:1px;

888
    text-transform:uppercase;

889
    font-size:8px;

890
}

891
892
#tags2 {

893
    display:block;

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

895
    padding:10px 15px 0px 15px;

896
    margin-top:10px;

897
    margin-right:-10px;

898
    margin-left:-10px; 

899
    font-family:karla;

900
    letter-spacing:1px;

901
    text-transform:uppercase;

902
    font-size:8px;

903
}

904
905
#permalink {

906
    text-align: center;

907
    position: relative;

908
    font-size:10px;

909
    text-transform:lowercase;

910
    margin-top: 20px;

911
    display:block;

912
    padding: 10px;

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

914
    {block:IfBorders}

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

916
    {/block:IfBorders}

917
    background-color:{color:permalink};

918
}

919
920
#permalink a {

921
    border-bottom:none;

922
}

923
    

924
.date {

925
    color:{color:text};

926
    font-size:9px;

927
    z-index:10;

928
    text-transform:lowercase;

929
    border:none;

930
    text-align:right;

931
}

932
933
.date iconback {

934
    width:10px;

935
    margin-right:0px;

936
    height:10px;

937
    font-size:9px;

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

939
    line-height:10px;

940
    padding:10px;

941
    text-align:center;

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

943
    display:inline-block;

944
    {block:IfBorders}

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

946
    {/block:IfBorders}

947
    {block:IfGradientBg}

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

949
    color:{color:entries};

950
    {/block:IfGradientBg}

951
}

952
953
.date iconback a {

954
    color:{color:text};

955
    {block:IfGradientBg}

956
    color:{color:gradient text};

957
    {/block:IfGradientBg}

958
}

959
960
.tags {

961
    color:{color:tags};

962
    margin-top:10px;

963
    text-align:right;

964
    text-transform:lowercase;

965
    border:none;

966
    {block:IfUppercaseTags}

967
    text-transform:uppercase;

968
    font-size:8px;

969
    font-family:karla;

970
    {/block:IfUppercaseTags}

971
}

972
973
.tags a{

974
    color:{color:tags};

975
    padding:5px;

976
}

977
978
979
#searching {

980
    text-align:right;

981
    margin-right:40px;

982
    display:inline-block;

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

984
    text-transform:uppercase;

985
    letter-spacing:1.5px;

986
    font-family:karla;

987
    font-size:8px;

988
    padding:5px 7px 2px 5px;

989
    width:90px;

990
    color:{color:text};

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

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

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

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

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

996
}

997
998
.sfm:before {

999
    content:'\eaa6';

1000
    font-family:'honeybee';

1001
    font-size:10px;

1002
    float:left;

1003
    color:{color:bold};

1004
}

1005
1006
.sfm input {

1007
    line-height:9px;

1008
    text-align:right;

1009
    width:70px;

1010
    background-color:transparent;

1011
    color: {color:text}; 

1012
    border:none;

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

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

1015
    text-transform:uppercase;

1016
    letter-spacing:1.5px;

1017
    font-family:karla;

1018
    font-size:8px;

1019
    }

1020
1021
.more-btn-wrap{

1022
   position: relative;

1023
   padding: 20px 0;

1024
   width: 100%;

1025
}

1026
1027
.more-btn-wrap a:link{

1028
   position: relative;

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

1030
    display:inline-block;

1031
    padding:3px 8px 3px 10px;

1032
    font-family:karla;

1033
    font-size:8px;

1034
    letter-spacing:1.5px;

1035
    text-align:center;

1036
    color:{color:entries};

1037
    text-transform:uppercase;

1038
    background-color:{color:title};

1039
    {block:IfGradientBg}

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

1041
    color:{color:gradient text};

1042
    {/block:IfGradientBg}

1043
    -webkit-transition: all 0.7s ease;

1044
   -moz-transition: all 0.7s ease;

1045
   -o-transition: all 0.7s ease;

1046
   transition: all 0.7s ease;

1047
}

1048
   .more-btn-wrap a:hover{

1049
       letter-spacing:3px;

1050
   }

1051
1052
#credit {

1053
    font-size:12px;

1054
    float:center;

1055
    position:fixed;

1056
    bottom:65px;

1057
    right:10px;

1058
    font-family:Roboto Mono;

1059
    text-transform:lowercase;

1060
    padding:8px;

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

1062
    color:{color:title};

1063
    background-color:{color:entries};

1064
    {block:IfBorders}

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

1066
    {/block:IfBorders}

1067
}

1068
 

1069
#credit a {

1070
    color:{color:title};

1071
}

1072
1073
</style>

1074
1075
</head>

1076
1077
<body>

1078
1079
<div id="bottomdetails">

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

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

1082
</form>

1083
</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}

1084
1085
{text:online counter} online / {text:total counter} hits

1086
</div>

1087
1088
<div id="contain">

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

1091
1092
1093
1094
<div id="bloggerback">

1095
1096
<div class="bloggerdeets">

1097
<div id="sideph">

1098
<img src="{image:Icon}"></div>

1099
    {block:IfDefaultDescription}

1100
{description}

1101
    {/block:IfDefaultDescription}

1102
    {block:IfTextInputDescription}

1103
{text:text input description}

1104
    {/block:IfTextInputDescription}

1105
</div>

1106
1107
1108
<div id="navigation">

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

1110
<a href="/ask">message</a>

1111
<a href="/archive">archive</a><br>

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

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

1114
<a href="{text:link three url}">{text:link three text}</a>

1115
</div>

1116
1117
</div>

1118
1119
1120
1121
<div id="entries">

1122
{block:Posts}

1123
<div id="entry">

1124
1125
{block:IfPermalinkStyle2}

1126
<div id="perma">

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

1128
 

1129
<span style="float:right">

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

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

1132
</span>

1133
</div>

1134
{/block:IfPermalinkStyle2}

1135
1136
{block:Text}

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

1138
{Body}

1139
{block:More}

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

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

1142
        Read More

1143
    </a>

1144
</div>

1145
{/block:More}

1146
{/block:Text}

1147
 

1148
{block:Photo}

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

1150
{block:Caption}{Caption}

1151
{/block:Caption}

1152
{/block:Photo}

1153
 

1154
{block:Photoset}

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

1156
{block:Caption}{Caption}

1157
{/block:Caption}

1158
{/block:Photoset}

1159
 

1160
{block:Quote}

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

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

1163
{/block:Quote}

1164
 

1165
{block:Link}

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

1167
{block:Description}{Description}{/block:Description}

1168
{/block:Link}

1169
 

1170
{block:Chat}

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

1172
{block:Lines}

1173
<div class="chats">

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

1175
</div>

1176
{/block:Lines}

1177
{/block:Chat}

1178
 

1179
{block:Audio}

1180
{block:AudioPlayer}

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

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

1183
<div class="albumdetails">

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

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

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

1187
</div>

1188
<div class="audiocaption">

1189
{block:Caption}{Caption}{/block:Caption}

1190
</div>

1191
{/block:AudioPlayer}

1192
{/block:Audio}

1193
1194
1195
 

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

1197
{block:Caption}{Caption}{/block:Caption}

1198
{/block:Video}

1199
 

1200
{block:Answer}

1201
{block:ifAskStyle1}

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

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

1204
{block:More}

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

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

1207
        Read More

1208
    </a>

1209
</div>

1210
{/block:More}

1211
</div>

1212
{/block:ifAskStyle1}

1213
1214
{block:ifAskStyle2}

1215
<div class="qa1">{Question}</div>

1216
<div class="qa2">{Asker} sent in an message saying...</div>

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

1218
{block:More}

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

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

1221
        Read More

1222
    </a>

1223
</div>

1224
{/block:More}

1225
</div>

1226
{/block:ifAskStyle2}

1227
{/block:Answer}

1228
1229
{block:ifPermalinkStyle1}

1230
<div id="permalink">

1231
<div class="date">

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

1233
 

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

1235
 

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

1237
 

1238
{block:RebloggedFrom}

1239
 

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

1241
 

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

1243
 

1244
{/block:RebloggedFrom}</div>

1245
1246
1247
</div>

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

1250
1251
{/block:ifPermalinkStyle1}

1252
1253
{block:IfPermalinkStyle2}

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

1255
{/block:IfPermalinkStyle2}

1256
1257
 <!-- /div entry ---> 

1258
 </div>

1259
1260
1261
{/block:Posts}

1262
1263
{block:PostNotes}

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

1265
{/block:PostNotes}

1266
1267
1268
</div></div>

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

1271
1272
<script>

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

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

1275
       lightbox: true,

1276
       rounded: false,

1277
       gutter: '1px',

1278
       borderRadius: '0px',

1279
       photoset: '.photo-slideshow',

1280
       photoWrap: '.photo-data',

1281
       photo: '.pxu-photo',

1282
   });

1283
});

1284
</script>

1285
1286
</body>

1287
1288
</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!