API tools faq
paste
View difference between Paste ID: frw0t1g7 and eLpCJ8xn
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE html>
2
3
<!--
4
- theme #35 by caulfielld -
5
don't take parts of this code.
6-
don't remove this comment.
6+
7
-->

8
<html>

9
<head>

10
 

11
    <title>{Title}</title>

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

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

14
    <meta http-equiv="x-dns-prefetch-control" content="off"/>

15
16
<meta name="image:Background" content="">

17
<meta name="image:Sidebar" content="">

18
19
<meta name="color:Background" content="#ffffff" />

20
<meta name="color:Text" content="#999999" />

21
<meta name="color:Link" content="#444444" />

22
<meta name="color:Link hover" content="#ffd1dc" />

23
<meta name="color:Icon bg" content="#ffd1dc" />

24
<meta name="color:Caption" content="#f6f6f6" /

25
<meta name="color:Info" content="#444444" />

26
<meta name="color:Bold" content="#ffd1dc" />

27
<meta name="color:Borders" content="#eeeeee" />

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

29
30
<meta name="select:Background position" content="initial" title="initial"/>

31
<meta name="select:Background position" content="5% 5%" title="left top"/>

32
<meta name="select:Background position" content="5% 50%" title="left center"/>

33
<meta name="select:Background position" content="5% 95%" title="left bottom"/>

34
<meta name="select:Background position" content="95% 5%" title="right top"/>

35
<meta name="select:Background position" content="95% 50%" title="right center"/>

36
<meta name="select:Background position" content="95% 95%" title="right bottom"/>

37
 

38
<meta name="select:Background repeat" content="repeat" title="repeat"/>

39
<meta name="select:Background repeat" content="no-repeat" title="no repeat"/>

40
41
<meta name="select:Body font" content="karla" title="karla"/>

42
<meta name="select:Body font" content="roboto" title="Roboto"/>

43
<meta name="select:Body font" content="helvetica" title="Helvetica"/>

44
<meta name="select:Body font" content="arial" title="Arial"/>

45
<meta name="select:Body font" content="cambria" title="Cambria"/>

46
<meta name="select:Body font" content="calibri" title="Calibri"/>

47
<meta name="select:Body font" content="trebuchet ms" title="Trebuchet ms"/>

48
49
<meta name="select:Body font size" content="10px" title="10px"/> 

50
<meta name="select:Body font size" content="09px" title="09px"/>

51
<meta name="select:Body font size" content="11px" title="11px"/>

52
<meta name="select:Body font size" content="10.4px" title="10.4px"/> 

53
 

54
<meta name="select:Posts width" content="250" title="250px"/>

55
<meta name="select:Posts width" content="300" title="300px"/>

56
<meta name="select:Posts width" content="350" title="350px"/>

57
<meta name="select:Posts width" content="400" title="400px"/>

58
<meta name="select:Posts width" content="450" title="450px"/>

59
<meta name="select:Posts width" content="500" title="500px"/>

60
<meta name="select:Posts width" content="540" title="540px"/>

61
62
<meta name="if:Show caption" content="1">

63
<meta name="if:No rescaling" content="0">

64
<meta name="if:Custom gutter" content="0">

65
<meta name="if:Reblog button" content="0">

66
67
<meta name="select:Tags" content="0" title="hover"/>

68
<meta name="select:Tags" content="1" title="always visible"/>

69
70
<meta name="select:Number of links" content="3" title="3">

71
<meta name="select:Number of links" content="1" title="1">

72
<meta name="select:Number of links" content="2" title="2">

73
<meta name="select:Number of links" content="4" title="4">

74
<meta name="select:Number of links" content="5" title="5">

75
76
<meta name="text:Margin" content="50" />

77
<meta name="text:Gutter" content="2" /> 

78
<meta name="text:Link 01 URL" content="/" />

79
<meta name="text:Link 01 title" content="Link 01">

80
<meta name="text:Link 02 URL" content="/" />

81
<meta name="text:Link 02 title" content="Link 02">

82
<meta name="text:Link 03 URL" content="/" />

83
<meta name="text:Link 03 title" content="Link 03">

84
<meta name="text:Link 04 URL" content="/" />

85
<meta name="text:Link 04 title" content="Link 04">

86
<meta name="text:Link 05 URL" content="/" />

87
<meta name="text:Link 05 title" content="Link 05">

88
89
90
<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">

91
<link rel="stylesheet" href="http://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">

92
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300italic,300,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'> 

93
<link href="https://fonts.googleapis.com/css?family=Cabin" rel="stylesheet">

94
<link href="https://fonts.googleapis.com/css?family=Droid+Sans" rel="stylesheet">

95
<link href='https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i|Karla:400,400i,700,700i' rel='stylesheet' type='text/css'>

96
<link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">

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

98
{block:ifNotCustomGutter}<link href="http://static.tumblr.com/nb65v05/MWoo293ue/sghn.css" rel="stylesheet" type="text/css"/>{/block:ifNotCustomGutter}

99
<link href="http://static.tumblr.com/nb65v05/EvVo293om/style.css" rel="stylesheet" type="text/css"/>

100
<script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>

101
{block:ifNoRescaling}<link href="http://static.tumblr.com/nb65v05/dXHo8qjrq/nrsclng.css" rel="stylesheet" type="text/css"/>{/block:ifNoRescaling}

102
103
<script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>

104
<script>

105
   (function($){

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

107
           $("[title]").style_my_tooltips({

108
               tip_follows_cursor:true,

109
               tip_delay_time:200,

110
               tip_fade_speed:300

111
           }

112
               );

113
       });

114
   })(jQuery);

115
</script>

116
117
<script language="Javascript">

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

119
    $('#panel a').hide();

120
    $('#panel a:lt({select:Number of links})').show();

121
});

122
</script>

123
 

124
<script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>

125
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

126
127
<link href='https://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic' rel='stylesheet' type='text/css'>

128
129
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">

130
131
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">

132
133
<link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>

134
135
<style type="text/css">

136
137
138
body {

139
    font-size:9px;

140-
    font-family:arial, helvetica neue, sans serif;

140+
    font-family:arial, helvetica neue, sans-serif;

141
    line-height:16px;

142
    letter-spacing:0px;

143
    margin:0px;

144
    text-align:justify;

145
    color:{color:text};

146
    background:{color:Background} {block:ifBackgroundImage}url('{image:Background}') fixed{/block:ifBackgroundImage};

147
    background-position: {select:background position};

148
    background-repeat: {select:background repeat};

149
}

150
   

151
a {

152
    color:{color:link};

153
    font-weight:bold;

154
    text-decoration: none;

155
    -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/

156
    -o-transition:all 0.6s ease-in-out;/*opera*/

157
    -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/

158
    -ms-transition:all 0.6s ease-in-out;/*ie*/

159
    transition:all 0.6s ease-in-out;/*w3c*/}

160
 

161
a:hover {

162
    color:{color:link hover};}

163
   

164
em, strong {

165
    color:{color:bold};}

166
 

167
small {

168
    font-size:9px;}

169
170
ol, ul {

171
    padding:0;

172-
    padding-left:5px;

172+
    padding-left:0px;

173
    list-style-type:none;

174
}

175
ol li,

176
ul li {

177
    position:relative;

178
    padding-left:10px;

179
}

180
.posts ol li:before{

181
    content:'◘';

182
    position:absolute;

183
    margin-top:-1.5px;

184
    left:0;

185
    font-size:9px;

186
}

187
.posts ul li:before {

188
    content:'•';

189
    position:absolute;

190
    margin-top:-1.5px;

191
    left:0;

192
    font-size:9px;

193
}

194
 

195
sub, sup{font-size: 9px;}

196
   

197
.container  {

198
    width:540px;

199
    margin: auto;}

200
 

201
#entries{

202
    width:540px;

203
    position:relative;

204
    margin-top:60px;

205
    margin-bottom:90px;margin-left:50px;

206
}

207
208
#entries a{

209
        cursor:help;

210
}

211
 

212
.posts {

213
    width:540px;

214
    position:relative;

215
    height: 100%

216
    overflow:hidden;

217-
    border:1px solid {color:Borders};

217+
    border:0px solid {color:Borders};

218
    word-wrap: break-word;

219
    {block:IndexPage}

220
    padding-top:6px;

221
    padding-bottom:8px;

222-
    padding-left:6px;

222+
    padding-left:0px;

223-
    padding-right:6px;

223+
    padding-right:0px;

224
    margin-bottom:{text:Margin}px;

225
    {/block:IndexPage}

226
}

227
228
.posts h2{

229
    font-size:14px;

230
    margin-top:0px;

231
    margin-bottom:-1px;

232
    line-height:16px;

233
    font-family:karla, sans-serif;

234
    font-weight:bold;

235
    text-align:center;

236
    padding-top:15px;

237
    padding-bottom:15px;

238
    padding-left:15px;

239
    padding-right:15px;

240
    background-color:{color:borders};

241
    border:0px solid {color:borders};

242
    color:{color:link};

243
}

244
 

245
.posts blockquote {

246-
    border-left:0px solid {color:icon bg};

246+
    border-left:2px solid {color:icon bg};

247-
    padding-left: 0px;

247+
    padding-bottom: 0px;

248-
    margin:0px;}

248+
249
    margin-left:0px;

250
    margin-bottom:0.5px;

251
}

252
 

253
.posts blockquote h2{

254-
.posts img, .posts li, .posts blockquote {max-width: 100%;margin-bottom:-2px;padding:0px -3px 0px 1px;}

254+
255
}

256
257
.posts img, .posts li, .posts blockquote {max-width: 100%;margin-bottom:-2px;}

258
259
.tmblr-full img {

260
    width:100%;}

261
 

262
.posts .images{

263
    {block:ifNotNoRescaling}

264
    width: 100%;

265
    {/block:ifNotNoRescaling}

266
    display:block;}

267
268
269
270
/* SIDEBAR */

271
.sidebar {

272
    width: 145px;

273
    margin-left:-200px;

274
    margin-top:100px;

275-
    max-width:60px;

275+
276
 

277-
    padding:2px;

277+
278
    max-width:40px;

279
    padding:3px;

280
    margin-top:-1px;

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

282
    display:block;

283
    margin-left: auto;

284
    margin-right: auto;

285
    float:right;

286
}

287
288
.menu{

289
    float:left;

290
    line-height:100%;

291
}

292
 

293-
    background-color:{color:Icon bg};

293+
294
    background-color:{color:icon bg};

295
    border-radius:5px;

296
    color:white;

297
    display:inline-block;

298
 

299
}

300
 

301
.menu a{

302
    display:inline-block;

303
    padding:05px;

304
}

305
 

306
.sb-title{

307
    margin-top:80px;

308
    margin-bottom:05px;

309
    text-align:center;

310
    letter-spacing:2px;

311
    font-size:18px;

312
    font-family:karla;

313-
    line-height:105%;

313+
314
        line-height:120%;

315
}

316
 

317
/* DESCRIPTION */

318
.description{

319
    text-align:justify;

320-
    letter-spacing:0.3px;

320+
    margin-top:10px;

321-
    font-family:pt serif;

321+
    line-height:150%;

322-
    margin-top:20px;

322+
323-
    line-height:140%;

323+
324
 

325
/* NAVIGATION / LINKS */

326
.navi {    

327
    -webkit-column-count: 3; /* Chrome, Safari, Opera */

328
    -moz-column-count: 3; /* Firefox */

329
    column-count: 3;}

330
331
.navi a{

332
    display:block;

333
    border:0 solid {color:Borders}!important;}

334
 

335
/* PAGINATION */

336
.pag{

337
   

338
}

339
 

340
/* QUOTE POSTS */

341
.quote {

342
    font-family:karla, sans serif;

343
    margin-bottom:-1px;

344
    letter-spacing:0px;

345
    line-height:17px;

346
    text-align:center;

347
    padding-top:15px;

348
    border:0px solid {color:borders};

349
    background-color:{color:borders};

350
    padding-bottom:15px;

351
    padding-left:15px;

352
    padding-right:15px;

353
    color:{color:text};

354
}

355
 

356
.quotetext-short {

357
    font-size: 12px;}

358
 

359
.quotetext-medium {

360
    font-size: 12px;}

361
 

362
.quotetext-long {

363
    font-size: 12px;}

364
 

365
.quote-source {

366
    text-align:center;

367
    margin-top:15px;

368
}

369
   

370
/* CHAT POSTS */    

371
.odd, .even {

372
    margin:4px;

373
    padding:9px;

374
375
}

376
    

377
.odd {

378
    background-color:{color:borders};

379
}

380
 

381
/* AUDIO POSTS */

382
.tumblr_audio_player {

383
    height:20px;

384
    width:20px;

385
    z-index:99;

386
    margin:0;

387
    padding:0px;

388
    margin-left:30px;

389
    margin-top:30px;

390
    position:absolute;

391
    float:left;

392
    background-color:white;

393
    border-radius:100%;

394
    opacity:0.5;}

395
396
.audio:hover .au-image img{

397
    opacity:1;

398
}

399
400
 

401
.audioi {

402
    width:auto;

403
    border-left:1px solid {color:Borders};

404
    padding-left:10px;

405
    overflow:hidden;

406
    max-height:98px;    

407
    position:relative;

408
    margin-left:105px;

409
}

410
411
.audio{

412
    height:102px;

413
    margin-bottom:-4px;

414
}

415
 

416
.au-info {

417
position:relative;

418
margin-left:100px;

419
    overflow:auto;

420
    padding:10px;

421
    padding-top:0;

422
    font-size:12px;

423
    font-weight:bold;

424
    height:100px;

425
display: table-cell;

426
vertical-align: middle;

427
}

428
   

429
.au-image{

430
    float:left;

431
    width:100px;

432
    height:100px;

433
}

434
435
.au-image img{

436
    opacity:1;

437
    display: block;

438
    position:relative;

439
    z-index:9;

440
        -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/

441
    -o-transition:all 0.6s ease-in-out;/*opera*/

442
    -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/

443
    -ms-transition:all 0.6s ease-in-out;/*ie*/

444
    transition:all 0.6s ease-in-out;/*w3c*/

445
}

446
 

447
/* VIDEO POSTS*/

448
.video{

449
position:relative;

450
z-index:9999;}

451
 

452
.tumblr_video_container {

453
    width:auto!important;

454
    height:auto!important;}

455
 

456
.video .instagram-media {

457
    max-height:none!important;

458
    box-shadow:none!important;

459
    border:1px solid {color:borders}!important;

460
    max-width:calc(540px - 3px)!important;}

461
 

462
/* ASK POSTS */

463
.question{

464
   color:{color:scrollbar};

465-
   padding-left:0px;

465+
   border-left:2px solid {color:borders};

466-
   color:{color:link};

466+
467
   font-family:'cabin', sans-serif;

468-
   font-family:'karla', sans-serif;

468+
469
   text-transform:lowercase;

470-
   text-transform:normal;

470+
   margin-left:42px;

471-
   margin-left:0px;

471+
   margin-bottom:8px;

472-
   letter-spacing:0.2px;

472+
   letter-spacing:0.6px;

473-
   text-align:center;

473+
   text-align:justify;

474-
   padding-top:15px;

474+
   padding-left:15px;

475-
   padding-bottom:15px;

475+
   background:{color:background};

476-
   padding-left:13px;

476+
477-
   padding-right:13px;

477+
478-
   background:{color:borders};

478+
479-
   border-bottom:0px solid {color:borders};

479+
480
.caption{

481
    padding-top:9px;

482
    padding-bottom:1px;

483
    padding-left:0px;

484-
    padding-top:5px;

484+
    padding-right:0px;

485-
    padding-bottom:0px;

485+
486
    background-color:{color:caption};

487-
    padding-right:10px;

487+
488
}

489
490
.text a {

491
    padding-top:0px;

492
    letter-spacing:0px;

493
    font-weight:bold;

494
    border-bottom:1px solid {color:icon bg};}

495-
    font-family:arial;

495+
496-
    letter-spacing:0.2px;

496+
497
    text-decoration:none; 

498
    font-weight:bold;

499
    color:{color:link hover};

500
    border-color:{color:link hover};

501
}

502
503
.caption a{

504
    font-weight:bold;

505
    border-bottom:1px solid {color:icon bg};

506
}

507
.caption a:hover {

508
    text-decoration:none; 

509
    color:{color:link hover};

510
    border-color:{color:link hover};

511
}

512
 

513
/* INFO */

514
.posts-info{

515
    position: absolute;

516
    width:250px;

517
    margin-left:560px;

518
    top:10px;

519
    font-size:9px;

520
    font-family:source sans pro;

521
    text-transform:uppercase;

522-
    top:0px;

522+
523
    text-align: left;

524
    color:{color:borders};

525
    background-color:{color:background};

526
    }

527
 

528
.posts-info a{

529
    color:{color:info}

530
    letter-spacing:0px;;

531
}

532
 

533
a.tag {

534
    font-family:'open sans', calibri, helvetica neue;

535
    font-weight:400;

536
    line-height:17px;

537
    text-align:left;

538-
    text-decoration:none;

538+
539-
    font-family: 'arial', sans-serif;

539+
540-
    font-weight:500;

540+
    font-size:8.8px;

541
    word-spacing:2px;

542
    text-transform:none;

543
    color:{color:scrollbar};

544-
    letter-spacing:0.02px;

544+
545
    {block:permalinkPage}

546
    opacity:1;{/block:permalinkPage}

547
}

548
549
a.tag:after {

550
   content:",";

551
}

552
553
a.tag:last-child:after {

554
   content:"";

555
}

556
557
a:hover {

558
    color:{color:link hover};

559
560
}

561
562
.posts:hover a.tag{

563
    opacity:1;

564
}

565
566
 

567
/* NOTES */

568
#notes{

569
    width:540px;

570
    margin-left:0px;

571
    max-height:190px;

572
    overflow:auto;

573
    margin-top:15px;}

574
 

575
.notes img{border-radius:100%;}

576
 

577
ol.notes {

578
    padding: 0px;

579
    margin: 0;

580
    list-style-type: none;}

581
 

582
ol.notes li.note {padding: 10px;}

583
 

584
ol.notes li.note img.avatar {

585
    vertical-align: -4px;

586
    float:left;

587
    margin-right: 10px;

588
    width: 16px;

589
    height: 16px;}

590
 

591
ol.notes li.note span.action {}

592
 

593
ol.notes li.note .answer_content {font-weight: normal;}

594
 

595
ol.notes li.note blockquote {

596
    border-color: {color:borders};

597
    padding: 4px 10px;

598
    margin: 10px 0px 0px 25px;}

599
 

600
/* EXTRAS */

601
a.c{

602
    position:fixed;

603
    bottom:25px;

604
    right:25px;

605
    font:07px 'trebuchet ms';

606
    text-transform:uppercase;

607
    letter-spacing:1px;

608
    text-align:right;

609
    z-index:9999999;

610
    background-color:#fff;

611
    border:1px solid #e9e9e9;

612
    padding:05px;

613
    border-radius:100%;

614
    color:#8c8c8c;

615
}

616
 

617
.vignette, #vignette {

618
    opacity:0;

619
}

620
.lightbox-image, #tumblr_lightbox img {

621
    box-shadow:none !important;

622
    border-radius:0 !important;

623
    max-width:none;

624
}

625
626
.tmblr-lightbox, #tumblr_lightbox {

627
    background-color:rgba(255,255,255,.8) !important;

628
}

629
630
#tumblr_lightbox img {

631
    border:3px solid #fff !important;

632
    -moz-box-sizing:border-box;

633
    box-sizing:border-box;

634
}

635
636
.lightbox-image {

637
    padding:3px;

638
    background-color:rgba(255,255,255,1) !important;

639
}

640
 

641
::-webkit-scrollbar {

642
width: 3px;

643
height: 3px;

644
background: {color:background};}

645
 

646
::-webkit-scrollbar-thumb {

647-
    padding-top:10px;

647+
648-
    padding-bottom:10px;

648+
649-
    padding-right:14px;

649+
650-
    padding-left:14px;

650+
651
    max-width:430px;

652
    position: absolute;

653
    z-index: 999999999;

654
    color:{color:scrollbar};

655
    line-height:1.75em;

656
    text-align:center;

657
    font-family:'Cabin', sans-serif;

658
    background:{color:background};

659
    padding:5px;

660
    font-size:10px;

661
    text-transform:normal;

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

663
    letter-spacing:0.3px;}

664
 

665
::selection {

666
    background: {color:link};

667
    color: white;}

668
::-moz-selection {

669
    background: {color:link};

670
    color: white;}

671
::-webkit-selection {

672
    background: {color:link};

673
    color: white;}

674
675
.buttons{

676
    padding-bottom:7px;

677
    display:inline-block;

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

679
}

680
681
.buttons a {

682
    position:relative;

683
    display:inline-block;

684
    padding:3px;

685
}

686
687
.like svg path { 

688
    fill: {color:link}; 

689
}

690
.like .like_button iframe {

691
    position: absolute;

692
    top: -01px;

693
    opacity: 0;

694
    width:14px;

695
    bottom:0;

696
    left:01px;

697
    right:0;

698
}

699
.like .like_button.liked + svg {

700
    opacity:1;

701
}

702
.like .like_button.liked + svg path {

703
    fill:red;

704
}

705
706
.date a{

707
    margin:3px;

708
    margin-top:0;

709
    margin-bottom:0;

710
711
}

712
713
img.ask{

714
    width:28px;

715
    position:relative;

716
    margin-top:5px;

717
    border-radius:0%;

718
    height:28px;

719
    float:left;

720
}

721
722
.pag{

723
    text-align:center;

724
    font:08px helvetica;

725
    letter-spacing:1px;

726
    text-transform:uppercase;

727
}

728
.pag a, .current_page, .jump_page{

729
    padding:05px;

730
    margin:05px;

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

732
}

733
734
#panel{

735
    position:absolute;

736
    text-align: center;

737
    display: none;

738
    line-height:90%;

739
}

740
741
#panel a:first-child{

742
    padding-left:0;

743
}

744
745
#panel a:last-child{

746
    padding-right:0;

747
}

748
749
.me{

750
    text-align:center;

751
}

752
753
.flip:hover{

754
    cursor:pointer;

755
}

756
757
.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop { -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.5; z-index:9999999!important;} 

758
759
760
	

761
762
</style>  

763
</head>

764
 

765
<body>

766
767
</div>

768
769
<!---------------------------------------------------------------------------

770
------------------------ updates tab by yearsandsyears ----------------------

771
---------------------------------------------------------------------------->

772
773
<script src="https://use.fontawesome.com/8b31d30a04.js"></script>

774
<script>$(document).ready(function(){$('.ut').click(function(){if($(this).hasClass('active')){$(this).children('span').delay(300).fadeOut(300);$(this).siblings('.hidden').slideUp(300);$(this).delay(400).queue(function(){$(this).removeClass('active');$(this).dequeue();});}else{$(this).addClass('active');$(this).children('span').delay(150).fadeIn(300);$(this).siblings('.hidden').delay(600).slideDown(300);$(this).delay(400).queue(function(){$(this).parents('.update').siblings('.update').children('.ut').removeClass('active');$(this).dequeue();});$(this).parents('.update').siblings('.update').children('.ut').children('span').delay(300).fadeOut(300);$(this).parents('.update').siblings('.update').children('.hidden').slideUp(300);}});$('.ut').click(function(){if($(this).parents('.update').find('.ucr').length){$(this).children('.fa').fadeToggle(300);$('.ucr').fadeToggle(300);}else{$('.ucr').fadeOut(300);$('.fa:not(.fa-flask)').fadeIn(300);}});});</script>

775
776
<link href="http://static.tumblr.com/f6blkfc/r1aobqyxi/cyantists_updates_8.css" rel="stylesheet" type="text/css"><style type="text/css">

777
778
.updates {

779
	width:120px; /* this will change the width of the entire tab */

780
	font-family:'arial',serif;

781
    font-size:9px; /* changing this will scale all of the text */

782
}

783
784
.ut, .updates .text {

785
	border-color:#f0f0f0; /* border colour of the boxes */

786
    background:#ffffff; /* background colour of the boxes */

787
}

788
.updates .text {

789
    padding:10px; /* padding around the updates tab text */

790
}

791
792
793
794
</style>

795
796
797
<!-- to move the updates tab to the right of the page, change this line

798
to <div class="updates uright"> --> <div class="updates">

799
800
    

801
<!-------------------------------------------------------------------->

802
<div class="update"><div class="ut tr">

803
	

804
	<!-- you can move this to the same place in a different tab but

805
	please leave it intact --><div class="ucr">

806
	<a href="http://yearsandsyears.tumblr.com" title="cyantists">

807
	<i class="fa fa-copyright" style="font-size:0.7em;"></i></a></div>

808
	<!-- thank you! -->

809
	

810
	<i class="fa fa-times"></i>

811
	<!-- go here for more icons: http://fontawesome.io/icons/

812
	to change it you only replace the fa-bolt part, see below

813
	for some common icon suggestions -->

814
	

815
	<span>Networks</span></div>

816
	

817
	<div class="hidden"><div class="text">

818
	

819
	<div style="text-align: left;">• <a href="http://baekhyun-net.tumblr.com/">baekhyun-net</a><br>• <a href="http://beagleline-net.tumblr.com/">beagleline-net</a><br>• <a href="http://byunbaek-net.tumblr.com/">byunbaek-net</a><br>• <a href="http://thexonet.tumblr.com/">thexonet</a></div>

820
821
</div></div></div>

822
<!-------------------------------------------------------------------->

823
<div class="update"><div class="ut tr">

824
	

825
	<i class="fa fa-bars"></i>

826
	

827
	<span>To You</span></div>

828
	

829
	<div class="hidden"><div class="text">

830
	

831
	<div style="text-align: left;">You are my <a href="/tagged/baekhyun">dream</a>; and these <a href="/tagged/%40baekhyun">words</a> are for you.</div>

832
833
</div></div></div>

834
835
<!-------------------------------------------------------------------->

836
<div class="update"><div class="ut tr">

837
	

838
	<i class="fa fa-user"></i>

839
	

840
	<span>My Works</span></div>

841
	

842
	<div class="hidden"><div class="text">

843
	

844
	<div style="text-align: left;">• <a href="/tagged/edits%3Ajelly">edits</a><br>• <a href="/tagged/gifs%3Ajelly">gifs</a></div>

845
846
</div></div></div>

847
<!-------------------------------------------------------------------->

848
849
850
851
<!-- ICON SUGGESTIONS: ------------------------------------------------

852
	   

853
  fa-bars / fa-calendar / fa-cog / fa-comment / fa-cube / fa-diamond

854
  fa-envelope / fa-folder / fa-headphones / fa-heart / fa-music

855
  fa-paper-plane / fa-quote-left / fa-star / fa-tag / fa-user

856
857
---------------------------------------------------------------------->

858
859
   

860
</div>

861
862
863
<div class="container">

864
<div class="sidebar">

865
866
<div class="menu"><green><a href="/" title="refresh"><svg width="12" height="12" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 486.988 486.988" style="enable-background:new 0 0 486.988 486.988;" xml:space="preserve"><g><g><path d="M16.822,284.968h39.667v158.667c0,9.35,7.65,17,17,17h116.167c9.35,0,17-7.65,17-17V327.468h70.833v116.167 c0,9.35,7.65,17,17,17h110.5c9.35,0,17-7.65,17-17V284.968h48.167c6.8,0,13.033-4.25,15.583-10.483 c2.55-6.233,1.133-13.6-3.683-18.417L260.489,31.385c-6.517-6.517-17.283-6.8-23.8-0.283L5.206,255.785 c-5.1,4.817-6.517,12.183-3.967,18.7C3.789,281.001,10.022,284.968,16.822,284.968z M248.022,67.368l181.333,183.6h-24.367 c-9.35,0-17,7.65-17,17v158.667h-76.5V310.468c0-9.35-7.65-17-17-17H189.656c-9.35,0-17,7.65-17,17v116.167H90.489V267.968 c0-9.35-7.65-17-17-17H58.756L248.022,67.368z"/></g></g></svg>

867
</a></green>

868
<a href="/ask" title="message"><svg width="12" height="12" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 475.433 475.433" style="enable-background:new 0 0 475.433 475.433;" xml:space="preserve"><g><g><path d="M237.717,17.425C106.533,17.425,0,101.008,0,203.575c0,52.983,28.333,102.567,77.917,137.983l-17,96.617 c-1.133,6.517,1.417,13.033,6.8,16.717c2.833,2.267,6.517,3.117,9.917,3.117c2.833,0,5.667-0.567,7.933-1.983l125.517-67.433 c9.067,0.85,17.85,1.133,26.633,1.133c131.183,0,237.717-83.583,237.717-186.15S368.9,17.425,237.717,17.425z M237.717,355.442 c-9.067,0-18.7-0.567-28.333-1.417c-3.4-0.283-6.8,0.283-9.917,1.983L100.3,409.275l12.75-72.817c1.133-6.8-1.7-13.6-7.65-17.283 c-45.617-29.183-71.683-71.117-71.683-115.6c0-83.867,91.517-152.15,203.717-152.15s203.717,68.283,203.717,152.15 S349.917,355.442,237.717,355.442z"/></g></g></svg></a><br>  

869
<a href="/archive/filter-by/photo" title="archive"><svg  width="12" height="12" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 493 493" style="enable-background:new 0 0 493 493;" xml:space="preserve"><g><g><path d="M473.167,45.333h-51c-9.35,0-17,7.65-17,17s7.65,17,17,17h34V459H36.833V79.333h45.333c9.35,0,17-7.65,17-17 s-7.65-17-17-17H19.833c-9.35,0-17,7.65-17,17V476c0,9.35,7.65,17,17,17h453.333c9.35,0,17-7.65,17-17V62.333 C490.167,52.983,482.517,45.333,473.167,45.333z"/><path d="M269.167,45.333H221c-9.35,0-17,7.65-17,17s7.65,17,17,17h48.167c9.35,0,17-7.65,17-17S278.517,45.333,269.167,45.333z"/><path d="M144.5,351.333h-39.667c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17H144.5c9.35,0,17-7.65,17-17v-28.333 C161.5,358.983,153.85,351.333,144.5,351.333z"/><path d="M266.333,351.333h-42.5c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17h42.5c9.35,0,17-7.65,17-17v-28.333 C283.333,358.983,275.683,351.333,266.333,351.333z"/><path d="M161.5,274.833c0-9.35-7.65-17-17-17h-39.667c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17H144.5 c9.35,0,17-7.65,17-17V274.833z"/><path d="M283.333,274.833c0-9.35-7.65-17-17-17h-42.5c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17h42.5 c9.35,0,17-7.65,17-17V274.833z"/><path d="M385.333,257.833h-39.667c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17h39.667c9.35,0,17-7.65,17-17v-28.333 C402.333,265.483,394.683,257.833,385.333,257.833z"/><path d="M87.833,178.5v28.333c0,9.35,7.65,17,17,17H144.5c9.35,0,17-7.65,17-17V178.5c0-9.35-7.65-17-17-17h-39.667 C95.483,161.5,87.833,169.15,87.833,178.5z"/><path d="M283.333,178.5c0-9.35-7.65-17-17-17h-42.5c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17h42.5c9.35,0,17-7.65,17-17 V178.5z"/><path d="M402.333,178.5c0-9.35-7.65-17-17-17h-39.667c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17h39.667 c9.35,0,17-7.65,17-17V178.5z"/><path d="M155.833,113.333c9.35,0,17-7.65,17-17V17c0-9.35-7.65-17-17-17h-17c-9.35,0-17,7.65-17,17v79.333c0,9.35,7.65,17,17,17 H155.833z"/><path d="M351.333,0h-17c-9.35,0-17,7.65-17,17v79.333c0,9.35,7.65,17,17,17h17c9.35,0,17-7.65,17-17V17 C368.333,7.65,360.683,0,351.333,0z"/></g></g></svg>

870
</a>

871
872
<a class="flip" title="links"><svg width="12" height="12" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 396.667 396.667" style="enable-background:new 0 0 396.667 396.667;" xml:space="preserve"><g><g><path d="M17,87.833h362.667c9.35,0,17-7.65,17-17s-7.65-17-17-17H17c-9.35,0-17,7.65-17,17C0,80.183,7.65,87.833,17,87.833z"/><path d="M17,215.333h362.667c9.35,0,17-7.65,17-17s-7.65-17-17-17H17c-9.35,0-17,7.65-17,17S7.65,215.333,17,215.333z"/><path d="M17,342.833h362.667c9.35,0,17-7.65,17-17s-7.65-17-17-17H17c-9.35,0-17,7.65-17,17S7.65,342.833,17,342.833z"/></g></g></svg>

873
</a><br><br>

874
<div id="panel">

875
<a href="{text:Link 01 URL}">{text:Link 01 title}</a>

876
<a href="{text:Link 02 URL}">{text:Link 02 title}</a>

877
<a href="{text:Link 03 URL}">{text:Link 03 title}</a>

878
<a href="{text:Link 04 URL}">{text:Link 04 title}</a>

879
<a href="{text:Link 05 URL}">{text:Link 05 title}</a>

880
</div>

881
</div> 

882
883
<img src="{image:sidebar}" class="sidebar-image">

884
885
{block:ShowTitle}

886
<div class="sb-title"><a href="/">{Title}</a></div>{/block:ShowTitle}

887
888
{block:ShowDescription}<div class="description">{Description}</div>

889
{/block:ShowDescription}

890
 

891
 

892-
<div class="text"><div style="padding:0px 10px 0px 10px">{Body}</div></div>

892+
893
 

894
 

895
<div id="entries">

896
{block:Posts}

897
 

898
{block:ContentSource}

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

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

901
{/block:SourceLogo}

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

903
{/block:ContentSource}

904
 

905
<div class="posts">

906
907
 

908
{block:Text}

909
{block:Title}<h2>{Title}</h2>{/block:Title}

910
<div class="text"><div style="padding:0px 0px 0px 0px">{Body}</div></div>

911
{/block:Text}

912
913
{block:Photo}

914
<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="images">{LinkCloseTag}</center>

915
{block:ifShowCaption}

916
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}

917
{/block:ifShowCaption}

918
{block:ifNotShowCaption}

919
{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}

920
{/block:ifNotShowCaption}

921
{/block:Photo}

922
 

923
 

924
{block:Photoset}<div class="center">

925
<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}"><center>{block:Photos}

926
<img src="{PhotoURL-HighRes}">

927
{/block:Photos}</center>{/block:Photos}</center></div></div>

928
{block:ifShowCaption}

929
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}

930
{/block:ifShowCaption}

931
{block:ifNotShowCaption}

932
{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}

933
{/block:ifNotShowCaption}

934
{/block:Photoset}

935
936
 

937
{block:Quote}<div class="quote">

938
<div class="quotetext-{Length}"><center><b>{Quote}</b></center></div>

939
</div>{/block:Quote}

940
 

941
{block:Link}

942
<h2><a href="{URL}" target="{Target}">{Name} <b>&rarr;</b></a></h2>

943
{block:Description}{Description}{/block:Description}

944
{/block:Link}

945
 

946
{block:Chat}

947
{block:Title}<div style="padding-bottom:8px"><h2>{Title}</h2></div>{/block:Title}

948
{block:Lines}<ul class="{Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></ul>{/block:Lines}

949
{/block:Chat}

950
951
 

952
{block:Audio}

953
<div class="audio">

954
{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}

955
<div class="au-image">{block:AlbumArt}

956
<img src="{AlbumArtURL}">

957
{/block:AlbumArt}</div><div class="audioi">

958
<div class="au-info">{block:TrackName}{TrackName}{/block:TrackName}

959
{block:Artist}<br><small><b>{Artist}</b></small>{/block:Artist}

960
</div></div>

961
 

962
</div>

963
{block:ifShowCaption}

964
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}

965-
{block:Answer}

965+
966
{block:ifNotShowCaption}

967-
<b><i class="fa fa-question-circle" aria-hidden="true" style="font-size:1em;"></i> {Asker}</i> :</b> {Question}</div>

967+
968-
<div style="padding:7px 10px 0px 10px">

968+
969
{/block:Audio}

970
 

971
{block:Video}

972
<div class="video">{Video-500}</div>

973
{block:ifShowCaption}

974-
<a href="{Permalink}"> <b>{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</b></a>

974+
975-
<br><p>

975+
976
{block:ifNotShowCaption}

977-
<a href="#" {block:HasTags}title="{block:Tags}#{Tag}&nbsp; {/block:Tags}"{/block:HasTags}><i class="fa fa-tags" aria-hidden="true" style="font-size:1em;"></i></a></a>

977+
978
{/block:ifNotShowCaption}

979
{/block:Video}

980-
{block:HasTags}{block:Tags}<a href="{TagURL}" class="tag"><i class="fa fa-tag" aria-hidden="true" style="font-size:0.7em;"></i></span> {Tag}</a>{/block:Tags}{/block:HasTags}</br>

980+
981
982
 

983
{block:Answer}<img src="{AskerPortraitURL-128}" class="ask">

984-
{block:ifReblogButton}{block:indexpage}<a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-refresh" aria-hidden="true"></i><br><p></a>{/block:indexPage}{/block:ifReblogButton}

984+
985
<div style="font-family:karla">

986
<b>{Asker}:</b></div><div style="padding-top:7px"> {Question}</div></div>

987
<div style="padding:8px 0px 0.5px 0px">

988
<justify>{Answer}</justify></div>

989
{/block:Answer}

990
 

991
{block:Date}<div class="posts-info">

992
<div class="date">

993
<a href="{Permalink}" title="permalink"><i class="fa fa-bookmark-o" aria-hidden="true" style="font-size:1.1em;"></i></a><p>

994
995
{block:ifReblogButton}{block:indexpage}<a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-paper-plane-o" aria-hidden="true"></i></i><br><p></a>{/block:indexPage}{/block:ifReblogButton}

996
 

997
{block:NoteCount}<a href="{Notes}" title="{NoteCount} N"><i class="fa fa-heart-o" aria-hidden="true" style="font-size:1.1em;"></i>{/block:NoteCount}<p>

998
999
1000
 

1001
{block:PermalinkPage}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a> <a href="{ReblogRootURL}" title="{ReblogRootName}">Source</a>{/block:RebloggedFrom}<br>

1002
<div style="margin-top:9px">

1003
1004
</div>

1005
 

1006
{block:NotReblog}Original{/block:NotReblog}{/block:Permalinkpage}

1007
1008
 

1009
1010
1011
1012
1013
1014
</div>

1015
{/block:Date}

1016
1017
</div>

1018
1019
<div style="margin-top:9px">

1020
<div style= "border-top:1px solid {color:borders}">

1021
<div style= "padding-top:12px">

1022
<div style= "text-align:left">

1023
{block:HasTags}{block:Tags}  

1024
             <a class="tag" href="{TagURL}"> {Tag}</a>

1025
          {/block:Tags}

1026
       {/block:HasTags}{/block:HasTags}

1027
1028
</div>

1029
</div>

1030
</div>

1031
</div>

1032
1033
1034
</div><!--- posts --->

1035
 

1036
{block:PermalinkPage}

1037
{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}

1038
{/block:PermalinkPage}

1039
 

1040
{/block:Posts}

1041
1042
{block:Pagination}<div class="pag" {block:IfInfiniteScroll}style="display:none;"{/block:IfInfiniteScroll}>{block:PreviousPage}

1043
                <a href="{PreviousPage}"><b>Go Baek</b></a>

1044
            {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}

1045
                    <span class="current_page">{PageNumber}</span>

1046
                {/block:CurrentPage}{block:JumpPage}

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

1048
                {/block:JumpPage}{/block:JumpPagination}{block:NextPage}

1049
               <a href="{NextPage}"><b><b>Go Forth</b></b></a>

1050
            {/block:NextPage}</div>{/block:Pagination}

1051
1052
</div><!--- entries --->

1053
1054
</div><!--- container --->

1055
1056
1057
<script> 

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

1059
    $(".flip").click(function(){

1060
        $("#panel").slideToggle("slow");

1061
    });

1062
});

1063
</script>

1064
  

1065
<script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>

1066
1067
<script>

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

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

1070
        lightbox: true,

1071
        rounded: false,

1072
        {block:ifNotCustomGutter}

1073
        gutter: '0px',{/block:ifNotCustomGutter}

1074
        {block:ifCustomGutter}

1075
        gutter: {text:Gutter},{/block:ifCustomGutter}

1076
        borderRadius: '0px',

1077
        photoset: '.photo-slideshow',

1078
        photoWrap: '.photo-data',

1079
        photo: '.pxu-photo'

1080
    });

1081
});

1082
</script>

1083
 

1084
<a href="http://caulfielld.tumblr.com/" target="_blank" class="c">tc</a>

1085
1086
1087
    

1088
</body>

1089
</html>

1090
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style><a href="http://www.cursors-4u.com/" target="_blank" title="Small Grey Outline Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Small Grey Outline Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
        

    


            


                                


        

            



                
    

        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!