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

4
<head>

5
<title> &nbsp; ＢＰＭ６９ &nbsp; </title>

6
<meta name="description" content="{MetaDescription}" />

7
8
<!-- http://33.media.tumblr.com/492bb87d39c4c86ab04dfcb7a5fc624c/tumblr_inline_mz6493jVt21r9ajsd.gif -->

9
10
<link rel="shortcut icon" href="http://media.tumblr.com/d0828dc53924f0ae57b006f83500d629/tumblr_inline_mi5xs3Ykl71qz4rgp.gif" />

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

12
13
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

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

15
16
<script>

17
   (function($){

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

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

20
               tip_follows_cursor: true,

21
               tip_delay_time:100,

22
               tip_fade_speed:300

23
           }

24
               );

25
       });

26
   })(jQuery);

27
</script>

28
29
30
31
32
<script>

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

34
//

35
$('a.poplight[href^=#]').click(function() {

36
var popID = $(this).attr('rel'); //Get Popup Name

37
var popURL = $(this).attr('href'); //Get Popup href to define size

38
var query= popURL.split('?');

39
var dim= query[1].split('&');

40
var popWidth = dim[0].split('=')[1];

41
 

42
  //Fade in the Popup and add close button

43
 

44
    $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close" style="float:right;color:#000000;font-size:11px;"> </a>');

45
 

46
var popMargTop = ($('#' + popID).height() + 80) / 2;

47
var popMargLeft = ($('#' + popID).width() + 80) / 2;

48
//Apply Margin to Popup

49
$('#' + popID).css({

50
'margin-top' : -popMargTop,

51
'margin-left' : -popMargLeft

52
});

53
$('body').append('<div id="fade"></div>');

54
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})

55
return false;

56
});

57
$('a.close, #fade').live('click', function() {

58
$('#fade , .popup_block').fadeOut(function() {

59
$('#fade, a.close').remove(); //fade them both out

60
});

61
return false;

62
});

63
});

64
</script>

65
66
67
68
69
70
<meta name="color:border" content="#eeeeee" />

71
<meta name="color:scrollbg" content="#FFFFFF" />

72
<meta name="color:text" content="#7c7c7c" />

73
<meta name="color:linkcolor" contet="#9ca8a9" />

74
<meta name="color:tagcolor" content="#c9cdce" />

75
<meta name="color:navbdr" content="#ecebe8" />

76
<meta name="color:entrylink" content="#9ca8a9" />

77
<meta name="color:Accents" content="#fbfbfb"/>

78
79
80
81
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

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

84
85
<link rel="stylesheet" href="//brick.a.ssl.fastly.net/Latin+Modern+Roman:400,700,400i,700i">

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

88
89
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Montserrat+Alternates:400,700' rel='stylesheet' type='text/css'>

90
91
<link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>

92
93
<link href='https://fonts.googleapis.com/css?family=Roboto:300,300italic,400,400italic,500,500italic,700,700italic|Arimo:400,400italic,700italic,700|Quattrocento+Sans:400,400italic,700italic,700|Chivo:400,400italic|Didact+Gothic' rel='stylesheet' type='text/css'>

94
95
<link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700,700italic|Cantata+One|Source+Serif+Pro:400,600,700' rel='stylesheet' type='text/css'>

96
97
98
<link rel="stylesheet" href="http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css">

99
100
<style type="text/css">

101
102
103
104
105
::selection {

106
	background: #4c97cc;

107
	color: #ffffff}

108
	

109
::-webkit-scrollbar-thumb:vertical {

110
background-color: #fff; 

111
112
width:3px; 

113
height:2px; 

114
border-left: 10px solid #f6f6f6;

115
border-right: 10px solid #f6f6f6;

116
}

117
118
::-webkit-scrollbar-thumb:horizontal {

119
background-color:#f6f6f6; 

120
121
}

122
123
::-webkit-scrollbar {

124
width: 25px; 

125
background-color:#f6f6f6;

126
127
}

128
129
::-webkit-scrollbar-track {

130
background-color: #ddd;

131
border-left: 12px solid #f6f6f6;

132
border-right: 12px solid #f6f6f6;

133
border-top: 0px solid #f6f6f6;

134
border-bottom: 0px solid #f6f6f6;

135
}

136
137
138
139
140
#s-m-t-tooltip {

141
    margin: auto;

142
    display: none;

143
    text-align: center;

144
    position: absolute;

145
    max-width: 300px;

146
    font-style: ;

147
    font-size: 10px;

148
    line-height:11px;

149
    font-family: 'Roboto';

150
    font-weight: 400;

151
    z-index: 10000000000;

152
    /*border-left: 2px solid {color:text};

153
    border-right: 2px solid {color:text}; */

154
    border-bottom: 0px solid #eeeeee;

155
    border-right: 0px solid #eeeeee;

156
    background-color: #ffffff;

157
    color: #6c6c6c;

158
    text-transform: lowercase;

159
    letter-spacing: 0px;

160
    padding: 6px;

161
    border-radius: 0px;

162
    margin: 10px;

163
    -webkit-box-shadow: 1px 1px 1px #eeeeee;

164
    -moz-box-shadow: 1px 1px 1px #eeeeee;

165
    box-shadow: 1px 1px 1px #eeeeee;*

166
    }

167
168
169
body {

170
    color: {color:text} ; 

171
    background-color: #f6f6f6; 

172
    background-attachment: fixed ; 

173
    background-repeat: repeat;

174
    font-family: Calibri, Helvetica, Arial, sans-serif; 

175
    font-size: 10px; 

176
    text-align: justify; 

177
    line-height: 120%;

178
    margin-left: 0;

179
    margin-top: 0;

180
    margin-bottom: 0;

181
    overflow-x: hidden;

182
    background-repeat: repeat;

183
    cursor: url('http://i.imgur.com/ZOrzC.png'), progress !important;

184
}

185
186
a:link, a:active, a:visited {

187
    color: #073b92; 

188
    text-decoration:none; 

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

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

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

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

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

194
} 

195
    

196
a:hover {

197
    color: #ccc; 

198
    /*text-shadow: 2px 0px #ededed, -2px 0px #ededed;*/

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

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

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

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

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

204
    cursor: url('http://i756.photobucket.com/albums/xx204/maeca_louisse/th_9-2.png'), progress !important;

205
}

206
207
208
209
#containment {

210
    /*width:100%; */

211
    width: 450px;

212
    /*position: absolute;

213
    left: 350px;*/

214
    margin-left: auto;

215
    margin-right: auto; */

216
    margin-top: -10px;

217
    margin-bottom:0;

218
    padding:0;

219
    border: 0px solid blue;

220
    background-color: transparent /*#fcfcfc */;

221
    /*border-left: 5px dotted #ffffff; 

222
    border-left: 3px double #f3f3f3;*/

223
    }

224
    

225
#sidebg {

226
    position: fixed;

227
    left: 0;

228
    top: 0;

229
    width: 280px;

230
    height: 100%;

231
    background-image: url('http://i.imgur.com/USBdJBO.png');

232
    display: none;

233
}

234
235
236
#sideline {

237
    position: fixed;

238
    height: 100%;

239
    width: 5px;

240
    border: 0px solid red;

241
    border-left: 5px double #f6f6f6;

242
    background-color: #ffffff;

243
    top: 0;

244
    margin-left: 520px;

245
    display: none;

246
}

247
248
#sidebar {

249
    width: 300px;

250
    border: 0px solid red;

251
    position: fixed;

252
    margin-left: 0px;

253
    z-index: 11;

254
}

255
256
#sideimg {

257
    background-color: ;

258
    width: 190px;

259
    position: fixed;

260
    top: 5px;

261
    z-index: 9;

262
    margin-left: 265px;

263
    /*-webkit-box-shadow: 1px 1px 1px #eeeeee;

264
    -moz-box-shadow: 1px 1px 1px #eeeeee;

265
    box-shadow: 1px 1px 1px #eeeeee;*/

266
}

267
268
#sideimg img {

269
    

270
    

271
}

272
273
#block {

274
    background-color: #f6f6f6;

275
    /*background-image: url('http://i.imgur.com/UCzmswh.png');

276
    background-image: url('http://i.imgur.com/r3tTApo.jpg');*/

277
    height: 5px;

278
    width: 460px;

279
    margin: 0 0 0 0;

280
    position: fixed;

281
    z-index: 5;

282
    display: none;

283
    top: 125px;   

284
    border: 0px solid blue;

285
}

286
287
#desc {

288
    font-family: Arial, Helvetica, sans-serif;

289
    font-size: 9px;

290
    color: #666666;

291
    font-weight: bold;

292
    text-transform: uppercase;

293
    border-bottom: 5px solid #f6f6f6;

294
    position: fixed;

295
    background-color: #ffffff;

296
    border-radius: 0 0 0px 0px;

297
    top: 0px;

298
    width: 440px;

299
    height: 150px;

300
    padding: 10px;

301
    line-height: 100%;

302
    margin-left: 0px;

303
}

304
305
#bottom {

306
    font-family: 'Latin Modern Roman', Arial, Helvetica, sans-serif;

307
    font-size: 10px;

308
    color: #666666;

309
    font-weight: 400;

310
    text-transform: uppercase;

311
    border-top: 5px solid #f6f6f6;

312
    position: fixed;

313
    background-color: #ffffff;

314
    border-radius: 0 0 0px 0px;

315
    bottom: 0px;

316
    width: 440px;

317
    text-align: center;

318
    letter-spacing: 7px;

319
    height: 20px;

320
    padding: 10px;

321
    padding-top: 20px;

322
    line-height: 100%;

323
    margin-left: 0px;

324
}

325
326
#bottom a { color: #111; }

327
328
#subtitle {

329
    font-family: 'Latin Modern Roman', Helvetica, Arial, sans-serif;

330
    font-size: 19px;

331
    font-weight: 400;

332
    position: fixed;

333
    margin-left: 25px;

334
    top: 30px;

335
    text-transform: uppercase;

336
    color: #353535;

337
}

338
339
#underline {

340
    position: fixed;

341
    top: 60px;

342
    width: 150px;

343
    height: 1px;

344
    background-color: #eee;

345
    margin-left: 25px;

346
}

347
348
#hovers {

349
    position: fixed;

350
    top: 54px;

351
    font-family: Helvetica, Arial, sans-serif;

352
    font-weight: bold;

353
    font-size: 15px;

354
    color: #eee;

355
    margin-left: 180px;

356
    letter-spacing: 1px;

357
    z-index: 15;

358
}

359
360
#hovers a {

361
    color: #ccc;

362
}

363
364
#info {

365
    width: 270px;

366
    height: 50px;  

367
    padding: 10px;

368
    z-index: 11;

369
    font-family: 'Latin Modern Roman', 'Source Sans Pro';

370
    font-size: 10px;

371
    position: fixed;

372
    top: 65px;

373
    margin-left: 15px;

374
    text-transform: lowercase;

375
}

376
377
#info a { color: #666; }

378
379
.hov {

380
    font-size: 10px;

381
    letter-spacing: 2px;

382
}

383
384
#navi {

385
    position: fixed;

386
    margin-left: 22px;

387
    top: 130px;

388
    text-align: left;

389
    font-family: 'Karla', Arial, helvetica, sans-serif;

390
    font-size: 10px;

391
    font-weight: ;

392
    letter-spacing: 0px;

393
    text-transform: uppercase;

394
    z-index: 13;

395
    border: 0px solid red;

396
    text-align: left;

397
    width: 290px;

398
    border: 0px solid red;

399
    /*padding-right: 15px;

400
    line-height: 13px; */

401
}

402
403
#navi a {

404
    display: inline-block;

405
    margin: 1px 1px;

406
    width: 35px;

407
    /*height: 40px;

408
    background-color: #fafafa; */

409
    color: #333;

410
    font-family: 'Latin Modern Roman';

411
    font-size: 15px;

412
    letter-spacing: 1px;

413
    padding: 2px;

414
    padding-top: 2px;

415
    text-align: left;

416
    text-transform: uppercase;

417
    /*padding-left: 50px; 

418
    border-left: 10px solid #aaa;

419
    text-shadow: 1px 1px #fff;*/

420
}

421
422
#navi a:hover {

423
    color: #aaa;

424
    background-color: #ffffff;

425
}

426
427
#heart {

428
    position: fixed;

429
    top: 80px;

430
    margin-left: -30px;

431
}

432
433
434
435
#pagi {

436
    border: 0px solid red;

437
    height: 12px;

438
    margin-left: 480px;

439
    position: fixed;

440
    bottom: 15px;

441
    line-height: 127%;

442
    text-align: left;

443
    letter-spacing: 1px;

444
    font-family: 'Source Sans Pro',Helvetica, Arial, sans-serif;

445
    font-size: 9px;

446
    font-weight: bold;

447
    text-transform: uppercase;

448
    color: #f6f6f6;

449
}

450
451
#pagi a {

452
    color: #bcbcbc;

453
    /*text-shadow: -1px -1px #bbb,

454
                1px 1px #bbb,

455
                1px -1px #bbb,

456
                -1px 1px #bbb;*/

457
}

458
459
#pagi a:hover {

460
    color: #eee;

461
}

462
463
#entries {

464
    text-align: justify;

465
    border-right: 0px double {color:border}; 

466
    /*border-left: 3px double white;

467
    padding-left:55px; 

468
    padding-right:55px; */

469
    background-color: transparent;

470
    margin-left: 0px;

471
    margin-right: 0px;

472
    margin-bottom: 0;

473
    margin-top: 50px;

474
    width:460px;

475
    margin-bottom: 0px;

476
    z-index: 1;

477
    padding-top: 160px;

478
    padding-bottom: 80px;

479
    height: 250%;

480
    border: 0px solid red;

481
    /*border-left: 3px dotted #FFE0CA; */

482
}

483
484
#postswhite {

485
    height: 300%;

486
    width: 500px;

487
    padding: 0px;

488
    margin-left: 0px;

489
    margin-top: -50px;

490
    margin-bottom: 0px; 

491
    background-color: transparent;

492
    border: 0px solid #ffffff;

493
} 

494
495
#postbdr {

496
    padding: 0px;

497
    border: 0px solid #ffffff;

498
    background-color: #ffffff;

499
} 

500
501
#colorlink {

502
}

503
504
#posts {

505
    width:400px;

506
    margin-bottom:5px;

507
    margin-top: 35px;

508
    padding: 15px 15px;

509
    border: 15px solid #ffffff;

510
    background-color: #ffffff;

511
    color: #6d6d6d;

512
    letter-spacing: 0px;

513
    line-height: 100%;

514
    text-align: justify;

515
    font-family: 'Source Sans Pro', Calibri, sans-serif;

516
    font-size: 10px;

517
    font-weight: 400;

518
    line-height: 150%;

519
    border-radius: 0;

520
    border-bottom: 0px solid #eeeeee;

521
    z-index: 1;

522
    /*-webkit-box-shadow: 1px 1px 1px #eeeeee;

523
    -moz-box-shadow: 1px 1px 1px #eeeeee;

524
    box-shadow: 1px 1px 1px #eeeeee; */

525
    }

526
527
#posts b, #posts strong {

528
    font-weight: 600;

529
    color: #444;

530
} 

531
532
h2 {

533
    color: 444; 

534
    font-size:12px; 

535
    letter-spacing:2px; 

536
    font-family: 'Latin Modern Roman', serif; 

537
    font-style: normal; 

538
    font-weight: 700; 

539
    letter-spacing:1px;  

540
    line-height:110%; 

541
    margin:0px; 

542
    padding:0px; 

543
    text-align:left;} 

544
545
.qsource {

546
    font-size:8px; 

547
    margin-top:10px; 

548
    text-transform:uppercase; 

549
    letter-spacing:1px; 

550
    width:400px;

551
    text-align:center;}

552
553
554
hr {

555
    height: 1px;

556
    color: #eeeeee;

557
    width: 50%;

558
    text-align: center;

559
    margin-top: 5px;

560
    margin-bottom: 5px;

561
}

562
563
blockquote {

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

565
    padding-left: 13px; 

566
    margin: 0px 5px 0px 10px;

567
    margin-top: 5px;

568
    margin-bottom: 5px;}

569
570
blockquote img, blockquote a img {

571
    max-width:100%; }

572
    

573
img { max-width:100%; height: auto; }

574
575
.tumblr_audio_player {

576
    width:250px;

577
    height:30px;

578
    margin-top:-2px;

579
} 

580
581
.player {

582
    width:25px;

583
    height:25px;

584
    border-left:2px solid white;

585
    display:block;

586
    overflow:hidden;

587
} 

588
589
.hold {

590
    background:white;

591
    vertical-align:middle;    

592
    border:2px solid {color:accents};

593
    display:inline-block;

594
    padding:15px;

595
    position:relative;

596
    margin-right:15px;

597
}

598
599
.audio_info {

600
    display:inline-block;

601
    vertical-align:middle;

602
    background:{color:accents};

603
    padding:15px;

604
    line-height:14.5px;

605
    width:calc(100% - 112px);

606
}

607
608
.audio_info span {display:block;}

609
610
.spotify_audio_player {

611
    height:80px;

612
    border-radius:0!important;

613
}

614
615
616
617
.question {

618
    padding:15px;

619
    /*background:{color:accents}; */

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

621
}

622
623
.ask:before  {

624
    content:'';

625
    display:inline-block;

626
    vertical-align:middle;

627
    width:15px;

628
    height:1px;

629
    background:{color:borders};

630
    margin-right:5px;

631
}

632
633
.ask {

634
    margin: 15px 0 0 25px;

635
    text-transform: uppercase;

636
    font-family: Trebuchet MS, Calibri, Arial, helvetica, sans-serif;

637
    font-size: 7px;

638
    letter-spacing: 1px;

639
}

640
641
.answer {margin-top:15px}

642
643
table {

644
    width: 100%;

645
}

646
647
td {

648
    padding: 1px 1px 1px 1px;

649
    margin: 0 0 0 0;

650
    border: 0px solid {color:border};

651
}

652
653
654
655
#permalink {

656
    margin-top: 25px;

657
    text-align:center;

658
    text-transform: uppercase;

659
    font-size: 7px;

660
    line-height: 20px;

661
    letter-spacing: 2px;

662
    width: 400px;

663
    font-family: Calibri, Helvetica, Arial, sans-serif;

664
    font-size: 7px;

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

666
    padding-top: 10px;

667
}

668
 

669
#permalink a {

670
    

671
}

672
    

673
.posttitle, h1 {

674
    color: #555;

675
    text-transform: lowercase;

676
    /*font-family: Cambria, sans-serif; */

677
    font-family: 'Latin Modern Roman', Helvetica, Arial, sans-serif;

678
    font-size: 15px;

679
    font-style: ;

680
    text-align: center;

681
    font-weight: 400;

682
    letter-spacing: 0px;

683
    line-height: 100%;

684
    padding-bottom:6px;

685
    padding-top: 6px;

686
    width: 400px;

687
    border: 0px solid black;

688
    padding-bottom: 8px;

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

690
   

691
}

692
693
.postquote {

694
    color: #333;

695
    text-transform: ;

696
    /*font-family: Cambria, sans-serif; */

697
    font-family: 'Latin Modern Roman', Helvetica, Arial, sans-serif;

698
    font-size: 13px;

699
    font-style: normal;

700
    text-align: center;

701
    font-weight: 400;

702
    letter-spacing: 0px;

703
    line-height: 120%;

704
    padding-bottom:6px;

705
    padding-top: 6px;

706
    width: 400px;

707
    padding-bottom: 8px;

708
   border: 0px solid red;

709
}

710
711
.posttitle {

712
    padding-bottom: 15px;

713
    border-bottom: 0px solid {color:border};

714
    margin-bottom: 15px;

715
}

716
717
.srcquote b, .srcquote strong {

718
    font-family: Arial;

719
    font-size: 8px;

720
}

721
722
.perma a, .perma a:link {color: #aaa; font-weight: ;}

723
#permalink a, #permalink a:link {color: #aaa; font-weight: ;}

724
725
.perma {

726
    background: ;

727
    line-height:120%;

728
    padding-right:10px;

729
    padding-left:5px;

730
    margin-top:-14px;

731
    right:0px;

732
    margin-right: -15px;

733
    border: 0px solid red;

734
    position:relative;

735
    text-align:center;

736
    color: #aaaaaa;

737
}

738
739
td#tags {

740
    border: 1px solid red;

741
    padding-top: 0px;

742
}

743
744
#tags {

745
    font-size:7px;

746
    text-align:left;

747
    color: #bbb;

748
    border: 0px solid gray;

749
    margin-top: -4px;

750
    padding-left: 3px;

751
}

752
    

753
#tags a, #tags a:link, .tgs {

754
    font-family:  Calibri, sans-serif;

755
    font-size: 8px;

756
    font-style: ;

757
    letter-spacing:1px;

758
    padding:0px;

759
    text-transform: uppercase;

760
    color: #aaa;

761
}

762
763
#tags a:hover, .tgs:hover {

764
    color: #c0c0c0; 

765
    /*text-shadow: 2px 0px #eeeeee, -2px 0px #eeeeee;*/

766
}

767
768
#permalink a:hover {

769
    color: #555;

770
}

771
772
#colorlink a { color: #073b92; font-weight: 400;

773
    text-decoration: none;

774
    position: relative;

775
}

776
777
/*#colorlink a:before {

778
    content: "";

779
    position: absolute;

780
    width: 100%;

781
    height: 1px;

782
    bottom: 0;

783
    left: 0;

784
    background-color: #eee;

785
    visibility: hidden;

786
    -webkit-transform: scaleX(0);

787
    transform: scaleX(0);

788
    -webkit-transition: all 0.3s ease-in-out 0s;

789
    transition: all 0.3s ease-in-out 0s;

790
}

791
792
#colorlink a:hover:before {

793
    visibility: visible;

794
    -webkit-transform: scaleX(1);

795
    transform: scaleX(1);

796
}*/

797
798
#colorlink a:hover {

799
    color: transparent;

800
    text-shadow: none;

801
    text-shadow: 2px 0px 5px #8f9bad, -2px 0px 5px #8f9bad;

802
} 

803
    

804
.photoset, #posts img { 

805
    opacity: 0.95;

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

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

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

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

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

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

812
    }

813
814
.photoset:hover, #posts img:hover  { 

815
    opacity: 1;

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

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

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

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

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

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

822
    cursor: url('http://i756.photobucket.com/albums/xx204/maeca_louisse/th_9-2.png'), progress !important;

823
    }

824
    

825
.chat {

826
    margin: 0px;

827
    /*font-size:10px;

828
    font-family: Calibri, consolas;*/

829
    text-transform: ;

830
    padding:2px;

831
   

832
}

833
834
.label { font-family: 'Chivo'; font-size: 7px; text-transform: uppercase; letter-spacing: 0px; font-weight: normal; color: #333;

835
}

836
837
.lines {

838
   background-color:#fff;

839
   padding:3px;

840
 

841
}

842
843
ul.chat{margin-bottom:12px;margin-top:0px;padding:0px;}

844
ul {list-style-type: circle; padding-left: 25px; padding-right:5px;}

845
 

846
.chat li {list-style:none;

847
        margin-top:2px;

848
        padding: 5px; 

849
        border-bottom: 1px solid #f5f5f5;

850
        background-color: transparent;}

851
852
        

853
iframe#tumblr_controls, .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop, .tmblr-iframe, 

854
.tmblr-iframe--desktop-loggedin-controls, .iframe-controls--desktop { 

855
    white-space:nowrap; 

856
    -webkit-filter: invert(100%) !important; 

857
    -moz-filter: invert(100%); 

858
    -o-filter: invert(100%); 

859
    -ms-filter: invert(100%); 

860
    filter: invert(100%); 

861
    opacity:0.6; 

862
    z-index: 90;

863
}

864
865
    pre, xmp, plaintext, listing {

866
    display: block;

867
    white-space: pre;

868
    padding: 5px;

869
    word-wrap: break-word;

870
    font-size: 9px;

871
    background-color:#fbfbfb;}

872
    

873
    pre {

874
        font-family: 'Droid Sans Mono', monospace;

875
        font-size: 9px;

876
        font-weight: 300;

877
        letter-spacing: 1px; 

878
        color: #666666;

879
        padding-left: 7px;

880
        padding-right: 7px;

881
    }

882
        

883
    code { 

884
        font-family: 'Droid Sans Mono', monospace; 

885
        font-size: 9px; 

886
        font-weight: 300;

887
        letter-spacing: 0; }

888
    

889
    sub, sup { font-size: 10px; line-height: 110%; }

890
    small { text-transform: none; font-size:10px; }

891
    

892
    #colorlink pre a, #colorlink pre a:link { color: #bbb; }

893
    #colorlink pre a:hover { color: #444; }

894
895
896
#credits a, #credits a:link {

897
    color: #666;

898
}

899
900
#credits a:hover {

901
    color: #111;

902
}

903
904
#credits {

905
    font-family: 'Chivo';

906
    font-size: 7px;

907
    letter-spacing: 1px;

908
    line-height: 10px;

909
    color: #aaa;

910
    bottom: 5px;

911
    right: 5px;

912
    position: fixed;

913
    text-align: right;

914
    border: 0px solid yellow;

915
    width:  ;

916
    text-transform: uppercase;

917
    background-color: ;

918
    padding: 0px;

919
    z-index: 9;

920
    /*-webkit-box-shadow: 1px 1px 0px #eeeeee;

921
    -moz-box-shadow: 1px 1px 0px #eeeeee;

922
    box-shadow: 1px 1px 0px #eeeeee;

923
    -webkit-border-radius: 0px; 

924
    -moz-border-radius: 0px;*/

925
}

926
927
#ring {

928
    background-color: #ffffff;

929
    /*background-image: url('http://i.imgur.com/zgmYMQY.png'); */

930
    background-image: url('http://i.imgur.com/0oPv1vB.png');

931
    background-position: right bottom;

932
    background-repeat: no-repeat;

933
    height: 300;

934
    color: #6a6a6a;

935
    text-align: justify;

936
    line-height: 140%;

937
    font-family: 'Source Sans Pro';

938
    font-weight: 300;

939
    font-size: 10px;

940
    border: 5px solid #ffffff;

941
}

942
943
#ring a, #ring a:link {

944
    color: #073b92;

945
    font-weight: 400;

946
}

947
 

948
#ring a:hover {

949
    color: #bbb;

950
}

951
952
#fade {

953
    display:none;

954
    background-color: #bbb;

955
    /*background-image: url('http://33.media.tumblr.com/tumblr_mex6qbS3q71rbvno1.png'); */

956
    position:fixed;

957
    left: 0; top:0;

958
    width:100%; height:100%;

959
    opacity: 0.5;

960
    z-index: 9999999; }

961
962
.popup_block {

963
    display:none;

964
    background-color: ;

965
    padding:20px;

966
    border: 0px double #222222;

967
    float:left;

968
    font-size:8px;

969
    text-transform: ;

970
    letter-spacing: 1pt;

971
    position:fixed;

972
    text-align: center;

973
    top: 50%; left: 50%;

974
    z-index:9999999999;

975
    opacity: 1;

976
    /*-webkit-box-shadow: 0px 0px 8px #eeeeee;

977
    -moz-box-shadow: 0px 0px 8px #eeeeee;

978
    box-shadow: 0px 0px 8px #eeeeee;

979
    -webkit-border-radius: 0px; 

980
    -moz-border-radius: 0px; */

981
    border-radius: 0px; }

982
983
hr { 

984
    display: block;

985
    margin-top: 1.5em;

986
    margin-bottom: 1.5em;

987
    margin-left: auto;

988
    margin-right: auto;

989
    border-style: solid;

990
    border-width: 1px;

991
    color: #ededed;

992
    width: 75%;

993
    padding: 0;

994
} 

995
996
img.btn_close {

997
    float:right;

998
    margin:-5px -5px 0 0; }

999
1000
*html #fade { position:absolute; }

1001
*html .popup_block { position:absolute; }

1002
1003
#notes, .retags {

1004
    font-family: 'Trebuchet MS', Arial, helvetica, sans-serif;

1005
    font-size: 7px !important;

1006
    text-transform: uppercase;

1007
}

1008
1009
#notes li {

1010
    line-height: 150%;

1011
    font-size: 7px !important;

1012
    letter-spacing: 1px;

1013
}

1014
1015
ol.notes {

1016
    padding: 0px;

1017
    padding-left: 30px;

1018
    margin: 20px 0px;

1019
    list-style-type: none;

1020
}

1021
 

1022
ol.notes li.note {

1023
    padding: 10px;

1024
}

1025
 

1026
ol.notes li.note img.avatar {

1027
    vertical-align: -4px;

1028
    margin-right: 10px;

1029
    width: 16px;

1030
    height: 16px;

1031
    display: none;

1032
}

1033
 

1034
ol.notes li.note .answer_content {

1035
    font-weight: normal;

1036
}

1037
 

1038
ol.notes li.note blockquote {

1039
    border-color: #eee;

1040
    padding: 4px 10px;

1041
    margin: 10px 0px 0px 25px;

1042
}

1043
 

1044
ol.notes li.note blockquote a {

1045
    text-decoration: none;

1046
}

1047
1048
#notes img {

1049
    display: none; 

1050
}

1051
1052
#notes a, #notes a:link {

1053
    color: #222;

1054
}

1055
1056
img .bw, img:hover .bw, .bw img, .bw img:hover { -webkit-filter: grayscale(100%); }

1057
1058
</style>

1059
1060
<style type="text/css">iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.9s linear;opacity: 0.3;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}

1061
 

1062
iframe#tumblr_controls:hover{-webkit-transition: opacity 0.9s linear;opacity: 1;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}

1063
1064
1065
</style>

1066
<style type="text/css">{CustomCSS}</style>

1067
1068
1069
1070
1071
</head>

1072
1073
<body> 

1074
1075
<div id="sidebg"></div>

1076
1077
<div id="containment">

1078
1079
    <div id="sideline"></div>

1080
1081
    <div id="pagi">

1082
    

1083
    

1084
        <!--{block:Pagination}

1085
        

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

1087
        <br/>

1088
        {block:NextPage}<a href="{NextPage}">{/block:NextPage}forth{block:NextPage}</a>{/block:NextPage}

1089
        

1090
        {/block:Pagination} -->

1091
    </div>

1092
1093
<div id="sidebar">

1094
    

1095
    <div id="sideimg"><img src="http://static.tumblr.com/da8ltzv/vSZo1r1ov/handsome-jin.png"></div>

1096
    

1097
    <div id="heart">

1098
        

1099
    </div>

1100
    

1101
    <div id="block"></div>

1102
    

1103
    <div id="bottom">

1104
                {block:Pagination}{block:PreviousPage}

1105
                <a href="{PreviousPage}">&ndash;</a>

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

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

1108
                {/block:CurrentPage}{block:JumpPage}

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

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

1111
                <a href="{NextPage}">+</a>

1112
            {/block:NextPage}{/block:Pagination}

1113
    </div>

1114
    

1115
    <div id="desc">

1116
        

1117
    </div> <!-- /desc -->

1118
    

1119
    <div id="navi">

1120
        <a href="/" title="return to index">01.</a>

1121
        <a href="/ask" title="message">02.</a>

1122
        <a href="/saico" title="information">03.</a>

1123
        <a href="/disclaimer" title="disclaimer">04.</a>

1124
        <a href="http://idolnet.tumblr.com" title="idolnet">05.</a>

1125
        <a href="http://fncrpdirectory.tumblr.com" title="fnc roleplay">06.</a>

1126
    </div> <!-- /navi -->

1127
1128
    <div id="info">

1129
        Lee Jaejin. '91. FTISLAND. Vocalist&Bassist. Lyricist&Composer.<br/>

1130
        <!--i don't wish to see your sad eyes, it will be too painful to me.<br/> -->

1131
            <span style="padding-top:5px;color:#a1a1a1;"><i> what if we rewind to the time where we met us;<br/>

1132
            what if we go to a parallel world?</i> &nbsp; <!-- a href="https://www.youtube.com/watch?v=PR5EmHiD8ZI">&bull;</a> --></span>

1133
        

1134
        <p>

1135
        <!-- <span class="hov">

1136
        &nbsp;&nbsp;&nbsp;

1137
        <a href="/tagged/♥" title="straight and not interested (but i'm kind of dating mina)">✕</a> <a href="." title="tracking #seoyvna (i can be slow with replies, sorry)">✕</a> <a href="." title="aim: y.unaseo (less literate but still ic)">✕</a> <a href="." title="(semi)literate / script preferred">✕</a> <a href="." title="general / idolverse / roleplay purposes only, not the real seo yuna">✕</a> <a href="." title="EST. 130712 / previous urls: superioryuna, seoyunax">✕</a> <a href="http://minaring.tk" title="theme by: 맹.">&copy;</a>

1138
        </span> -->

1139
    </div> <!-- /info -->

1140
    

1141
    <div id="subtitle">

1142
        parallel <i>world</i>

1143
    </div>

1144
    

1145
    <div id="underline"></div>

1146
    

1147
    <div id="hovers">

1148
        <a title="general/idolverse roleplay - approach as recognised;">&middot;</a>

1149
        <a title="straight, unclaimed, unavailable">&middot;</a>

1150
        <a title="script preferred, para friendly, plotting welcomed">&middot;</a>

1151
        <a title="tracking: #jaejjn / aim: leejaejins">&middot;</a>

1152
    </div>

1153
    

1154
</div> <!-- /sidebar -->

1155
1156
1157
<div id="entries"><div id="postswhite">

1158
1159
{block:Posts}<div id="posts"><div id="postbdr">

1160
1161
<span id="colorlink">

1162
     

1163
{block:Text}

1164
<div id="linkpost">

1165
    {block:Title}<div class="posttitle">{Title}</div>{/block:Title}

1166
</div>

1167
{Body}

1168
{/block:Text}

1169
 

1170
{block:Link}<div id="linkpost"><div class="posttitle"><a href="{URL}"{Target}>{Name}→</a></div></div>{block:Description}{Description}{/block:Description}{/block:Link}

1171
 

1172
{block:Photo}{LinkOpenTag}<div style="text-align:center"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{block:PermalinkPage}{/block:PermalinkPage}{/block:Photo}

1173
 

1174
{block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}

1175
 

1176
1177
{block:Quote}<div class="postquote">&ldquo;{Quote}&rdquo;</div> <div style="text-align:right;padding-right:10px;font-family:Trebuchet MS;font-size:7px;text-transform:uppercase;letter-spacing:1px;" class="srcquote">— {Source}</div>{/block:Quote}

1178
 

1179
1180
1181
1182
1183
{block:Audio}

1184
    {block:AudioPlayer}

1185
        <div class="hold">

1186
            <div class="player">{AudioPlayerwhite}</div>

1187
        </div>{/block:AudioPlayer}<div class="audio_info">

1188
    {block:TrackName}<span><b>{TrackName}</b></span>{/block:TrackName}

1189
    {block:Artist}<span>by {Artist}</span>{/block:Artist}</div>

1190
{/block:Audio}

1191
 

1192
{block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{block:PermalinkPage}{/block:PermalinkPage}{/block:Video}

1193
 

1194
{block:Chat}{block:Title}<div class="posttitle">{Title}</div>{/block:Title}

1195
<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}

1196
</ul>

1197
{/block:Chat}

1198
 

1199
1200
1201
1202
{block:Answer}

1203
<div class="question">{Asker}: {Question}</div>

1204
1205
<div class="answer">{Answer}</div>

1206
{/block:Answer}

1207
1208
</span></div>

1209
1210
<div id="permalink">

1211
    {block:PermalinkPage}

1212
    {block:RebloggedFrom}Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>, Source: <a href="{ReblogRootURL}">{ReblogRootName}</a><div style="height: 6px; width: 1px;"></div>{/block:RebloggedFrom}

1213
    {/block:PermalinkPage}

1214
 

1215
{block:Date}

1216
1217
    <!-- hr style="margin-bottom: 0px; background: {color:Border}; border: 0px; height: 1px;" -->

1218
1219
    <span style="font-weight: normal; background: {color:Background}; padding-left: 10px;">

1220
    <a href="{ReblogURL}" target="_blank" style="background: {color:Background};"><i class="fa fa-refresh" style="color:{color:Accent}; background: {color:Background}; font-size: 8px;"></i></a>

1221
    </span> 

1222
1223
    <a href="{Permalink}" title="{Month} {DayOfMonth}, {Year} : {12Hour}:{Minutes}{AmPm}" style="background: {color:Background}; padding: 5px 10px 3px 4px;"><b>{TimeAgo}</b></a>

1224
1225
{/block:Date}

1226
1227
{block:NoteCount}<a href="{Permalink}" style="padding:4px 10px 2px 5px; background: {color:Background}; margin-left: -5px; color:{color:Accent};"><b>{NoteCountWithLabel}</a></b>{/block:NoteCount}

1228
{block:HasTags}<br /><div style="font-size: 7px; line-height: 12px;">{block:Tags}<a href="{TagURL}"><span style="color: {color:Link};">&bull;</span><span style="color: {color:Background}; letter-spacing: 0px;">.</span>{Tag}</a> &nbsp;{/block:Tags}</div>{/block:HasTags}

1229
</div>

1230
1231
1232
1233
1234
1235
1236
    

1237
</div>

1238
1239
1240
{/block:Posts}

1241
{block:PostNotes}<div id="notes" style="width:400px;margin-left:25px;">{PostNotes}</div>{/block:PostNotes}

1242
1243
1244
1245
1246
{/block:Posts}</div>

1247
1248
</div></div>

1249
1250
1251
 

1252
1253
1254
1255
<div id="credits">

1256
1257
    STRICTLY A ROLEPLAY ACCOUNT ONLY. <script language="JavaScript"> 

1258
var ref = (''+document.referrer+'');

1259
var w_h = window.screen.width + " x " + window.screen.height;

1260
document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID4683550&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>'); 

1261
</script> <a href="http://kwonmna.tumblr.com" title="theme by: 맹.">+</a>

1262
1263
</div> <!-- end credits -->

1264
1265
</div>

1266
1267
    

1268
</div>

1269
1270
1271
1272
    

1273
</body>

1274
</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!