API tools faq
paste
Advertisement
cat_inthe_cradle

Leafa (final)

cat_inthe_cradle
Jan 21st, 2018
139
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.06 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2. #tumblr_lightbox {background-color:rgba(255,255,255,0.9)!important;}
  3. #tumblr_lightbox img { opacity:0;padding: 10px;
  4. border: 1px solid #ddd; }
  5. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  6. opacity: 1!important;
  7. box-shadow: 0 0 0 transparent!important;
  8. border-radius: 0!important;
  9. -moz-border-radius: 0!important;
  10. -webkit-border-radius: 0!important;
  11. -o-border-radius: 0!important;
  12. padding: 10px!important;
  13. border: 1px solid #ddd!important;
  14. background-color: #fff!important;
  15. }
  16. #tumblr_lightbox_caption {
  17. color: #aaa!important;
  18. font-family: calibri!important;
  19. font-size: 12px!important;
  20. margin-top: 30px!important;
  21. text-shadow: 0 0 0 transparent!important;
  22. font-weight: 400!important;
  23. }
  24.  
  25. ::-webkit-scrollbar { width: 5px; }
  26. ::-webkit-scrollbar-track-piece { background-color: rgba(255,255,255,0.5); }
  27. ::-webkit-scrollbar-thumb:vertical {
  28. width: 5px;
  29. background-color: #e89e8c;
  30. padding: 1px;
  31. }
  32.  
  33. ::selection {background-color: #e89e8c; color: #fff;}
  34. ::-moz-selection {background-color: #e89e8c; color: #fff;}
  35. ::-webkit-selection {background-color: #e89e8c; color: #fff;}
  36.  
  37. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.9; }
  38.  
  39. @font-face { font-family: "pix"; src: url('https://dl.dropboxusercontent.com/s/68bdyrv4fsayhg8/04B_03__.TTF'); }
  40. @font-face { font-family: "bit"; src: url('https://dl.dropboxusercontent.com/s/sq28ejp56rarabs/BitxMap%20Font%20tfb.ttf'); }
  41.  
  42. body {
  43. background-color: #75b06d;
  44. background-image: url(http://i.picpar.com/RmEc.png);
  45. background-attachment: fixed;
  46. margin: 0;
  47. word-wrap: break-word;
  48.  
  49. }
  50. a { text-decoration:none; }
  51.  
  52. *, body, a, a:hover {cursor: url(), auto;}
  53.  
  54. .pagination {display: none;}
  55.  
  56. #s-m-t-tooltip {
  57. padding: 3px 5px;
  58. margin: 10px 14px 7px 33px;
  59. background-color: #4c4c4c;
  60. font-family: pix; /* change the font */
  61. font-size: 8px; /* change the font size */
  62. letter-spacing: 1px; /* change the letter spacing */
  63. text-transform: uppercase; /* can be uppercase, lowercase, none*/
  64. color: #ffffff; /* change the text color */
  65. z-index: 999999;
  66. border: 1px double #ffffff;
  67. }
  68.  
  69. #cente {
  70. width: 100%;
  71. position: fixed;
  72. }
  73.  
  74. #sora, #sora2, #sora3 {
  75. width: 1000px;
  76.  
  77. margin-top: 40px;
  78.  
  79. background-color: #ffffff;
  80. border-radius: 8px;
  81. padding: 0 0 5px 0;
  82. border: 4px double #dddddd;
  83. box-shadow: 5px 5px 0 #f2f2f2;
  84. }
  85. .blogtitle, .blogtitle2, .blogtitle3 {
  86. background-color: #f4f4f4;
  87. text-align: left;
  88. font-family: pix;
  89. font-size: 8px;
  90. text-transform: uppercase;
  91. letter-spacing: 1px;
  92. margin-left: 0;
  93. padding: 12px 15px;
  94. width: 970px;
  95.  
  96. border-radius: 3px 3px 0 0;
  97. color: #999999;
  98. border-bottom: 1px solid #dddddd;
  99. }
  100.  
  101. #maincon {
  102. background-image: url( );
  103. background-size: cover;
  104. width: 980px;
  105.  
  106. height: 500px;
  107.  
  108. margin-top: 10px;
  109. margin-bottom: 5px;
  110. }
  111.  
  112.  
  113.  
  114. #left {
  115. position: fixed;
  116. width: 250px;
  117. margin: 10px 10px;
  118.  
  119. }
  120.  
  121. .lefticon {
  122. width: 90px;
  123. height: 90px;
  124. background-color: rgba(255,255,255,0.4);
  125. padding: 14px;
  126. float: left;
  127. border: 1px solid #eeeeee;
  128. position: relative;
  129. z-index: 10;
  130. }
  131.  
  132. .userclass {
  133. position: absolute;
  134. font-family: pix;
  135. font-size: 10px;
  136. text-transform: uppercase;
  137. width: 120px;
  138. margin: -15px -112px;
  139. text-align: right;
  140. color: #eeeeee;text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
  141. }
  142.  
  143. .urnm {
  144. background-color: rgba(255,255,255,0.5);
  145. font-family: bit;
  146. text-align: right;
  147. position: absolute;
  148. z-index: 9;
  149. float: right;
  150. min-width: 100px;
  151. margin: 20px 0 0 120px;
  152. padding: 5px 12px 5px 16px;
  153. font-size: 12px;
  154. color: #333333;
  155. text-shadow: 1px 1px 0 rgba(255,255,255,0.8);
  156. letter-spacing: 1px;
  157. text-transform: uppercase;
  158. border-radius: 0 5px 5px 0;
  159. border-bottom: 1px solid #eeeeee;
  160. border-right: 1px solid #eeeeee;
  161. border-top: 1px solid #eeeeee;
  162. }
  163.  
  164. .userb {
  165. border-bottom: 1px solid #eeeeee;
  166. border-top: 1px solid #eeeeee;
  167. background-color: rgba(255,255,255,0.5);
  168. position: absolute;
  169. z-index: 9;
  170. height: 14px;
  171. width: 10px;
  172. padding: 5px 0;
  173. margin: 20px -10px;
  174.  
  175. }
  176.  
  177. .gender {
  178.  
  179. color: #FF8CA9;
  180.  
  181. }
  182.  
  183. #health {
  184. position: absolute;
  185. margin: 58px 0 0 125px;
  186. }
  187.  
  188. .healthtxt {
  189. font-family: pix;
  190. color: #fff;
  191. text-transform: uppercase;
  192. font-size: 10px;
  193. float: left;
  194. text-shadow: 1px 1px 0 rgba(0,0,0,0.8);
  195. }
  196.  
  197. .hpbar {
  198. background-color: rgba(255,255,255,0.3);
  199. width: 80px;
  200. border: 1px solid #eeeeee;
  201. float: left;
  202. height: 7px;
  203. margin: 0 6px;
  204. }
  205.  
  206. .healthf {
  207. height: 7px;
  208. float: left;
  209. }
  210.  
  211. #hp { background-color: #ff8282; width: 72%; }
  212. #sp { background-color: #86B4E3; width: 35%; }
  213.  
  214. #interactionb {
  215. position: absolute;
  216. margin: 93px 0 0 133px;
  217. float: left;
  218. }
  219.  
  220.  
  221.  
  222.  
  223.  
  224.  
  225.  
  226.  
  227.  
  228.  
  229.  
  230.  
  231.  
  232.  
  233.  
  234.  
  235.  
  236.  
  237.  
  238.  
  239.  
  240.  
  241. #sbw3, .post, #pi, #notecon {
  242. width: 250px;
  243. padding: 0 10px 10px 10px;
  244. border-radius: 5px;
  245. border: 1px solid #b5cfb2;
  246. box-shadow: ;
  247.  
  248. box-shadow: ;
  249.  
  250. background-color: #ffffff;
  251. }
  252.  
  253.  
  254.  
  255.  
  256. #sbw1, #sbw2, .post, #pi, #notecon {
  257. width: 250px;
  258. padding: 0 10px 10px 10px;
  259. border-radius: 5px;
  260. border: 1px solid #b5cfb2;
  261. box-shadow: ;
  262.  
  263. box-shadow: ;
  264.  
  265. background-color: #ffffff;
  266. }
  267.  
  268. #sbw1 {
  269. position: fixed;
  270. top: 140px;
  271.  
  272.  
  273. left: 200px;
  274.  
  275. }
  276.  
  277. #sbw3 {
  278. position: fixed;
  279. top: 440px;
  280.  
  281.  
  282. left: 500px;
  283.  
  284. }
  285.  
  286.  
  287.  
  288.  
  289.  
  290.  
  291.  
  292.  
  293.  
  294. #sbw2 {
  295. position: fixed;
  296. top: 50px;
  297.  
  298.  
  299. left: 50px;
  300.  
  301. }
  302.  
  303. .wpic {
  304. width: 210px;
  305. display: block;
  306. }
  307.  
  308. .bt, .bt2, .bt3, .bt4 {
  309. height: 24px;
  310. background-color: #b5cfb2;
  311. width: 250px;
  312. padding-left: 20px;
  313. margin-left: -10px;
  314. margin-bottom: 10px;
  315. line-height: 24px;
  316. font-family: consolas;
  317. font-size: 8px;
  318. letter-spacing: 2px;
  319. text-transform: uppercase;
  320. color: #aaaaaa;
  321. }
  322.  
  323. .mv, .mv2, .mv3, .mv4 {
  324. position: absolute;
  325. width: 100px;
  326. margin: 0 150px;
  327. }
  328.  
  329. .rightbuttons {
  330. font-family: consolas;
  331. font-size: 10px;
  332. float: right;
  333. margin-right: 1px;
  334. background-color: #ffffff;
  335. color: #888888;
  336. width: 20px;
  337. text-align: center;
  338. height: 16px;
  339. line-height: 17px;
  340. }
  341.  
  342.  
  343. .rightbuttons1 {
  344. font-family: consolas;
  345. font-size: 10px;
  346. float: left;
  347. margin-right: 1px;
  348. background-color: #ffffff;
  349. color: #888888;
  350. width: 20px;
  351. text-align: center;
  352. height: 16px;
  353. line-height: 17px;
  354. }
  355.  
  356. #rbi {
  357. border-radius: 0 0 0 3px;
  358. line-height: 13px;
  359. }
  360.  
  361. #rbii {
  362. line-height: 18px;
  363. font-size: 8px;
  364. }
  365.  
  366. #rbx {
  367. border-radius: 0 0 3px 0;
  368. }
  369.  
  370. #sbw2, #pi {
  371. position: absolute;
  372. background-color: #ffffff;
  373. margin: -40px 160px;
  374. font-family: consolas;
  375. font-size: 8px;
  376. text-transform: uppercase;
  377. letter-spacing: 1px;
  378. width: 140px;
  379. z-index: 1;
  380.  
  381. margin: 40px 240px;
  382.  
  383. }
  384.  
  385. .mv2 {margin-left: 78px;}
  386.  
  387. .bt2 {
  388. width: 140px;
  389. letter-spacing: 0;
  390. }
  391.  
  392. #iv {
  393. position: absolute;
  394. margin: 14px 30px;
  395. width: 150px;
  396. height: 36px;
  397. padding-left: 6px;
  398. z-index: 1000000000;
  399.  
  400. margin: 14px 5px;
  401.  
  402. }
  403.  
  404. .dbl {
  405. border-top: 1px solid #e2e2e2;
  406. border-bottom: 1px solid #e2e2e2;
  407. height: 2px;
  408. background-color: transparent;
  409. width: 270px;
  410. position: absolute;
  411. margin: 16px -180px;
  412. z-index: -10000;
  413.  
  414. opacity: 0;
  415.  
  416. }
  417.  
  418. .ifonts a, .ifonts2 a {color: #ffffff;transition: 0.2s;}
  419. .ifontsbg, .ifontsbg2, .ifontsbg3 {
  420. padding: 3px;
  421. background-color: #35822a;
  422. width: 18px;
  423. height: 18px;
  424. text-align: center;
  425. margin: 6px 6px 6px 0;
  426. float: left;
  427. border-radius: 3px;
  428. font-size: 14px;
  429. line-height: 18px;
  430. transition: 0.2s;
  431. }
  432.  
  433. .ifontsbg2, .ifontsbg3 {
  434. float: none;
  435. }
  436.  
  437. .ifontsbg:hover {
  438. background-color: #e4e796;
  439. color:#ffffff;
  440. }
  441. .ifontsbg2:hover {
  442. background-color: #c6aec4;
  443. color:#ffffff;
  444. }
  445. .ifontsbg3:hover {
  446. background-color: #c6aec4;
  447. color:#ffffff;
  448. }
  449.  
  450. .ifontstxt, .ifontstxt2 {
  451. font-family: consolas;
  452. font-size: 8px;
  453. text-transform: uppercase;
  454. letter-spacing: 1px;
  455. position: absolute;
  456. line-height: 12px;
  457. text-align: center;
  458. width: 100px;
  459. margin-top: 6px;
  460. margin-left: -51px;
  461. opacity: 0;
  462. transition: 0.2s;
  463. }
  464.  
  465. .ifontstxt2 {
  466. margin-top: -15px;
  467. margin-left: 20px;
  468. text-align: left;
  469. width: 400px;
  470. }
  471.  
  472. .ifontstxt a, .ifontstxt2 a {
  473. background-color: #eaeaea;
  474. color: #a5a5a5;
  475. padding: 1px 3px;
  476. }
  477.  
  478. .ifontsbg:hover .ifontstxt {
  479. opacity: 1;
  480. margin-top: 10px;
  481. }
  482.  
  483. .ifontsbg2:hover .ifontstxt2, .ifontsbg3:hover .ifontstxt2 {
  484. opacity: 1;
  485. margin-left: 24px;
  486. }
  487.  
  488. .iftri, .iftri2 {
  489. position: absolute;
  490. text-align: center;
  491. color: #eaeaea;
  492. font-size: 10px;
  493. margin: -8px 0 0 48px;
  494. }
  495.  
  496. .iftri2 {
  497. text-align: left;
  498. margin: -1px 0 0 -6px;
  499. }
  500.  
  501. .pptags {
  502. width: 200px;
  503. font-family: consolas;
  504. font-size: 8px;
  505. text-transform: uppercase;
  506. padding: 0 10px;
  507. border-left: 3px double #e2e2e2;
  508. text-align: left;
  509. margin: 2px 7px;
  510. line-height: 9px;
  511. opacity: 0;
  512. line-height: 16px;
  513. transition: 0.6s;
  514. -moz-transition: 0.6s;
  515. -webkit-transition: 0.6s;
  516. -o-transition: 0.6s;
  517. }
  518.  
  519. .pptags a {
  520. color: #eacae8;
  521. background-color: #fff8fd;
  522. padding: 2px 3px;
  523. transition: 0.6s;
  524. -moz-transition: 0.6s;
  525. -webkit-transition: 0.6s;
  526. -o-transition: 0.6s;
  527. }
  528. .pptags a:hover { border-bottom: 1px solid #eacae8; }
  529.  
  530. .ifontsbg3:hover .pptags {
  531. padding: 5px 10px;
  532. opacity: 1;
  533. }
  534.  
  535. #ps1 {
  536. position: absolute;
  537. margin-top: 40px;
  538. border-left: 436px solid transparent;
  539.  
  540. opacity: 0;
  541. transition: 0.6s;
  542. -moz-transition: 0.6s;
  543. -webkit-transition: 0.6s;
  544. -o-transition: 0.6s;
  545. }
  546.  
  547. .post:hover #ps1 {
  548. border-left: 440px solid transparent;
  549.  
  550. opacity: 1;
  551. }
  552.  
  553. .mv3 {
  554.  
  555. margin-left: 340px;
  556.  
  557.  
  558.  
  559. }
  560.  
  561. .bt3 {
  562. padding-left: 50px;
  563. color: #aaaaaa;
  564.  
  565. width: 380px;
  566.  
  567.  
  568.  
  569.  
  570. }
  571. .bt3 a {color: #aaaaaa;}
  572. .bt3 a:hover {text-decoration: underline;}
  573.  
  574. .desc {
  575. font-family: consolas;
  576. font-size: 8px;
  577. color: #4f6a4c;
  578. text-transform: uppercase;
  579. letter-spacing: 1px;
  580. }
  581. .desc a {
  582. background-color: #fff6fe;
  583. color: #c6aec4;
  584. }
  585.  
  586. .desc a:hover {
  587. border-bottom: 1px solid #c6aec4;
  588. }
  589.  
  590. .desc b,strong { color: #daadd6; }
  591. .desc i,em { color: #cccccc; }
  592.  
  593. #content {
  594. margin: 60px 470px;
  595. width: 600px;
  596.  
  597. margin: 60px 490px;
  598.  
  599. }
  600.  
  601. .post {
  602. background-color: #ffffff;
  603. width: 510px;
  604. margin-bottom: 60px;
  605. opacity: 1;
  606.  
  607. width: 410px;
  608.  
  609.  
  610.  
  611. }
  612.  
  613. .photo {
  614.  
  615. width: 400px;
  616.  
  617.  
  618.  
  619. display: block;
  620.  
  621. opacity: 0.7;
  622.  
  623.  
  624. transition: 0.6s;
  625. -moz-transition: 0.6s;
  626. -webkit-transition: 0.6s;
  627. -o-transition: 0.6s;
  628. }
  629.  
  630. .post img {
  631.  
  632. max-width: 400px;
  633.  
  634.  
  635.  
  636. }
  637. .post blockquote img {max-width: 100%;}
  638.  
  639. .post:hover .photo {
  640.  
  641. opacity: 1;
  642.  
  643.  
  644. }
  645.  
  646. .posttags {
  647. width: 200px;
  648. font-family: consolas;
  649. font-size: 8px;
  650. text-transform: uppercase;
  651. position: absolute;
  652. padding: 5px 10px;
  653. border-left: 1px solid #e2e2e2;
  654. opacity: 0;
  655. margin: 40px 440px;
  656.  
  657. transition: 0.6s;
  658. -moz-transition: 0.6s;
  659. -webkit-transition: 0.6s;
  660. -o-transition: 0.6s;
  661. }
  662.  
  663. .post:hover .posttags {
  664. margin: 50px 440px;
  665.  
  666. opacity: 1;
  667. }
  668.  
  669. .posttags a {
  670. color: #eacae8;
  671. background-color: #fff8fd;
  672. padding: 1px 3px;
  673. line-height: 12px;
  674. }
  675. .posttags a:hover {border-bottom: 1px solid #eacae8;}
  676.  
  677. .reblogme {
  678. position: absolute;
  679. padding: 5px 10px;
  680. border-left: 1px solid #e2e2e2;
  681. margin: -30px -11px;
  682. }
  683.  
  684. .reblogme a { color: #ffeffe;background-color: transparent; }
  685. .reblogme a:hover { text-decoration: underline;border-bottom: 1px solid transparent; }
  686.  
  687. .peri {
  688. position: absolute;
  689. margin: -34px 12px;
  690. font-size: 12px;
  691. color: #e7c5db;
  692. padding: 4px;
  693. width: 16px;
  694. height: 16px;
  695. text-align: center;
  696. line-height: 16px;
  697. }
  698.  
  699. .pp {
  700. padding: 5px;
  701. }
  702.  
  703. .text {
  704. font-family: consolas;
  705. font-size: 10px;
  706. color: #aaaaaa;
  707. line-height: 13px;
  708. }
  709.  
  710. .text a {
  711. color: #dabcd7;
  712. background-color: #fff6fe;
  713. }
  714.  
  715. .text a:hover {
  716. border-bottom: 1px solid #dabcd7;
  717. }
  718.  
  719. .text b,strong { color: #da9dc4; }
  720. .text i,em { color: #cccccc; }
  721.  
  722. .text blockquote {
  723. margin: 5px;
  724. padding-left: 10px;
  725. border-left: 1px solid #f3bce7;
  726. }
  727.  
  728. .ptitle {
  729. font-size: 12px;
  730. font-family: consolas;
  731. padding: 3px 6px;
  732. border-radius: 0 0 4px 0;
  733. color: #c6aec4;
  734. border-bottom: 1px solid #e5e5e5;
  735. }
  736.  
  737. .pquo, .ltitle {
  738. font-family: consolas;
  739. font-size: 12px;
  740. color: #aaaaaa;
  741. z-index: 1;
  742. position: relative;
  743. }
  744.  
  745. .pquos {
  746. font-family: consolas;
  747. font-size: 10px;
  748. color: #cccccc;
  749. }
  750. .pquos blockquote {
  751. border-left: 1px solid #f3bce7;
  752. margin-left: 10px;
  753. padding-left: 20px;
  754. }
  755. .pquot {
  756. color: #eeeeee;
  757. z-index: 1;
  758. font-family: georgia;
  759. font-size: 80px;
  760. position: absolute;
  761.  
  762.  
  763. margin: -5px 366px;
  764.  
  765.  
  766. }
  767.  
  768. .ltitle a {
  769. background-color: #fff7fe;
  770. border-bottom: 1px solid #eacae8;
  771. color: #c9a8c6;
  772. padding: 2px 5px;
  773. }
  774.  
  775. .ltitle a:hover {
  776. background-color: #f8f8f8;
  777. border-bottom: 1px solid #dadada;
  778. color: #dadada;
  779. }
  780.  
  781. .line {
  782. font-family: consolas;
  783. font-size: 10px;
  784. color: #aaa;
  785. text-align: left;
  786. padding: 4px 0;
  787. }
  788.  
  789. .odd .line {color:;}
  790. .even .line {
  791. color:;
  792. background-color: #fff4ff;
  793. }
  794.  
  795. .odd .name {
  796. min-width: 60px;
  797. float: left;
  798. text-align: right;
  799. padding-right: 10px;
  800. }
  801.  
  802. .even .name {
  803. min-width: 60px;
  804. float: left;
  805. text-align: right;
  806. padding-right: 10px;
  807. }
  808.  
  809. .albumart {
  810. width: 130px;
  811. height: 130px;
  812. border-radius: 10px;
  813. padding: 10px;
  814. border-left: 1px solid #eacae8;
  815. border-right: 1px solid #eacae8;
  816. background-color: #f8f8f8;
  817. }
  818.  
  819. .albartblank {
  820. width: 130px;
  821. height: 130px;
  822. font-family: consolas;
  823. font-size: 8px;
  824. text-transform: uppercase;
  825. letter-spacing: 1px;
  826. line-height: 150px;
  827. text-align: center;
  828. background-color: #fafafa;
  829. color: #ccc;
  830. }
  831. .albart {
  832. width: 130px;
  833. height: 130px;
  834. margin-top: -130px;
  835. position: absolute;
  836. border-radius: 10px;
  837. display: block;
  838. }
  839.  
  840. .audinfo {
  841. position: absolute;
  842. margin: 0 160px;
  843. font-family: consolas;
  844. font-size: 10px;
  845. color: #aaaaaa;
  846. line-height: 24px;
  847. }
  848.  
  849. .audinfot {
  850. background-color: #eacae8;
  851. color: #ffffff;
  852. padding: 4px 6px;
  853. }
  854.  
  855. .aud {
  856. border: 1px solid #f8f8f8;
  857. border-radius: 5px;
  858. margin-bottom: 10px;
  859. padding-top: 7px;
  860. padding-left: 5px;
  861.  
  862. width: 239px;
  863.  
  864.  
  865.  
  866. }
  867.  
  868. .askerportrait {
  869. padding: 10px;
  870. border-radius: 5px;
  871. border-left: 1px solid #eacae8;
  872. border-right: 1px solid #eacae8;
  873. background-color: #f8f8f8;
  874. }
  875.  
  876. .aske {
  877. position: absolute;
  878. margin: 0 85px;
  879. font-family: consolas;
  880. font-size: 10px;
  881. color: #aaa;
  882.  
  883. width: 310px;
  884.  
  885.  
  886.  
  887. }
  888.  
  889. .askersent {
  890. border-bottom: 1px solid #eacae8;
  891. padding: 4px 10px;
  892. }
  893.  
  894. .askersent a {
  895. background-color: #fff6fe;
  896. color: #dabcd7;
  897. }
  898.  
  899. .askersent a:hover {
  900. border-bottom: 1px solid #dabcd7;
  901. }
  902.  
  903. .askco {
  904. padding: 8px 5px 10px 10px;
  905. height: 42px;
  906. overflow: auto;
  907. }
  908.  
  909. #pi {
  910. margin: -40px 0;
  911. }
  912.  
  913. #pi a, #notecon a {
  914. background-color: #fff6fe;
  915. color: #dabcd7;
  916. }
  917.  
  918. #pi a:hover, #notecon a:hover {
  919. border-bottom: 1px solid #dabcd7;
  920. }
  921.  
  922. .bt4 {
  923. margin-top: -5px;
  924. margin-left: -5px;
  925. position: absolute;
  926. width: 315px;
  927. }
  928. .mv4 {
  929. margin-top: -5px;
  930. z-index: 10;
  931. margin-left: 260px;
  932. }
  933.  
  934. #notecon {
  935. font-family: consolas;
  936. font-size: 10px;
  937. color: ;
  938. width: 325px;
  939. margin: -40px 185px;
  940. padding: 5px;
  941. }
  942.  
  943. #notecon ol.notes {
  944. list-style-type: none;
  945. text-decoration: none;
  946. }
  947.  
  948. #notecon img.avatar {
  949. margin-right: 5px;
  950. width: 10px;
  951. height: 10px;
  952. float: left;
  953. }
  954.  
  955. .pnott {
  956. margin-left: -20px;
  957. margin-top: 30px;
  958. }
  959.  
  960. .pagi {
  961. font-family: consolas;
  962. font-size: 12px;
  963. position: fixed;
  964. bottom: 50px;
  965. left: 80px;
  966. width: 320px;
  967. text-align: center;
  968. color: ;
  969. }
  970.  
  971. .pagi a {
  972. background-color: #fff6fe;
  973. color: #dabcd7;
  974. padding: 2px 5px;
  975. }
  976.  
  977. .pagi a:hover {
  978. border-bottom: 1px solid #dabcd7;
  979. }
  980.  
  981.  
  982.  
  983. #mugen {
  984. position: absolute;
  985. margin: -30px 90px;
  986. width: 55px;
  987. height: 30px;
  988. overflow: hidden;
  989. }
  990.  
  991. .mus {
  992. margin-left: 10px;
  993. transition: 0.4s;
  994. }
  995.  
  996. #mugen:hover .mus {
  997. margin-top: -30px;
  998. opacity: 0;
  999. }
  1000.  
  1001. .fuu {
  1002. margin-left: -5px;
  1003. }
  1004. </style>
  1005. </head>
  1006. <body>
  1007. <style type="text/css">
  1008.  
  1009.  
  1010. </style>
  1011.  
  1012.  
  1013.  
  1014.  
  1015. <div id="maincon">
  1016. <div id="left">
  1017.  
  1018. <a href="/" title="restart"><img class="lefticon" src="http://i.picpar.com/YmEc.gif"></a>
  1019.  
  1020. <div class="urnm">Leafa<span class="userclass">alive</span>
  1021. <span class="gender">
  1022. ♀
  1023. </span></div><div class="userb"></div>
  1024.  
  1025. <div id="health">
  1026.  
  1027. <div class="heal">
  1028. <span class="healthtxt">hp</span>
  1029. <span class="hpbar"><div class="healthf" id="hp"></div></span></div>
  1030. <div style="height: 14px;"></div>
  1031.  
  1032. <div class="heal"><span class="healthtxt">sp</span><span class="hpbar"><span class="healthf" id="sp"></span></span></div>
  1033.  
  1034. </div><!--health-->
  1035.  
  1036.  
  1037.  
  1038.  
  1039.  
  1040.  
  1041.  
  1042.  
  1043.  
  1044.  
  1045.  
  1046.  
  1047.  
  1048.  
  1049.  
  1050.  
  1051.  
  1052.  
  1053.  
  1054.  
  1055.  
  1056.  
  1057.  
  1058.  
  1059.  
  1060.  
  1061.  
  1062.  
  1063.  
  1064.  
  1065.  
  1066.  
  1067.  
  1068.  
  1069.  
  1070.  
  1071.  
  1072.  
  1073. <div id="sbw1">
  1074.  
  1075. <div class="mv">
  1076. <div class="rightbuttons" id="rbx">x</div>
  1077. <div class="rightbuttons" id="rbii">▢</div>
  1078.  
  1079. <div class="rightbuttons" id="rbi">_</div>
  1080.  
  1081. </div><!--mv-->
  1082.  
  1083. <div class="bt"><span style="color: #415042;">桐ヶ谷直葉</div>
  1084.  
  1085.  
  1086. <div id="sbw2">
  1087.  
  1088.  
  1089. <div id="mugen">
  1090. <img class="mus" src="http://static.tumblr.com/06875307f3e9d1b26a74b988b699c42a/2icx37z/jOJnbvn46/tumblr_static_9hppr7kq8u80ckwg880ks4wgk.gif">
  1091. <div class="fuu">
  1092. <embed src="http://www.sheepproductions.com/billy/billy.swf?=false&f0=http://k007.kiwi6.com/hotlink/s7oblbmft5/DANGANRONPA_OST-_Disc_01-_-05-_Beautiful_Dead.mp3&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  1093. </div>
  1094. </div><!--mugen-->
  1095.  
  1096.  
  1097. <div class="mv2">
  1098. <div class="rightbuttons1" id="rbi">_</div>
  1099. <div class="rightbuttons1" id="rbii">▢</div>
  1100. <div class="rightbuttons1" id="rbx">x</div>
  1101. </div><!--mv2-->
  1102. <div class="bt2"></div>
  1103.  
  1104.  
  1105.  
  1106.  
  1107.  
  1108.  
  1109. <div class="desc">
  1110.  
  1111. ▀ Kirigaya Suguha<br />
  1112. ▀ Leafa <br />
  1113. ▀ April 19, 2009<br />
  1114. ▀ Speedaholic<br />
  1115. ▀ [bro-sexual]<br />
  1116. ▀ [...No one.}<br />
  1117. ▀ [None]
  1118.  
  1119.  
  1120.  
  1121. </div>
  1122.  
  1123.  
  1124.  
  1125.  
  1126.  
  1127.  
  1128.  
  1129.  
  1130.  
  1131.  
  1132.  
  1133.  
  1134.  
  1135.  
  1136. <select style="width: 135px; margin-top: 10px; border: 1px solid #fff1fe; padding: 3px; color: #aaaaaa; background-color: #ffffff; font-family: consolas; font-size: 10px; letter-spacing: 1px; margin-right: 5px;" onChange="location.href=this.options[this.selectedIndex].value;">
  1137. <option value="">Friends!</option>
  1138. <option value="https://roleplay.chat/profile.php?user=Yuuki+Asuna">Asuna Yuuki</a></option>
  1139. <option value="https://roleplay.chat/profile.php?user=Kirito Black Swordman">Kirito Kirigaya</a></option>
  1140. <option value="https://roleplay.chat/profile.php?user=Shino Asada">Shino Asada</a></option>
  1141. <option value="https://roleplay.chat/profile.php?user=Yui MHCP001"> Yui</a></option>
  1142.  
  1143. </select>
  1144.  
  1145. <div id="iv">
  1146. <div class="dbl"></div>
  1147. <div class="ifontsbg"><div class="ifonts"><a target="_blank" href="http://cur.glitter-graphics.net/pub/3561/3561562pgfo2xoqo7.gif"><i class="fa fa-folder-open-o"></i></a></div>
  1148. <span class="ifontstxt"><a target="_blank" href="http://cur.glitter-graphics.net/pub/3561/3561562pgfo2xoqo7.gif"><div class="iftri">▲</div>Picture</a></span>
  1149. </div>
  1150.  
  1151. <div class="ifontsbg"><div class="ifonts"><a target="_blank" href="https://78.media.tumblr.com/336b7432919b46609654c85d249d01d1/tumblr_o3n1dzsGiV1v4uzgzo1_500.gif"><i class="fa fa-folder-open-o"></a></i></div>
  1152. <span class="ifontstxt"><a target="_blank" href="https://78.media.tumblr.com/336b7432919b46609654c85d249d01d1/tumblr_o3n1dzsGiV1v4uzgzo1_500.gif"><div class="iftri">▲</div>Picture</a></span>
  1153. </div>
  1154.  
  1155. <div class="ifontsbg"><div class="ifonts"><a target="_blank" href="https://78.media.tumblr.com/00b2d075487a423e88f2a2cdeae544a0/tumblr_nzcspgJ4ze1uhscmpo1_500.gif"><i class="fa fa-folder-open-o"></i></a></div>
  1156. <span class="ifontstxt"><a target="_blank" href="https://78.media.tumblr.com/00b2d075487a423e88f2a2cdeae544a0/tumblr_nzcspgJ4ze1uhscmpo1_500.gif"><div class="iftri">▲</div>Picture</a></span>
  1157. </div>
  1158.  
  1159. <div class="ifontsbg"><div class="ifonts"><a target="_blank" href="https://78.media.tumblr.com/62bf0734b7177bde29477072afe1397c/tumblr_omw1u40SwW1tjvcoyo1_500.gif"><i class="fa fa-folder-open-o"></i></a></div>
  1160. <span class="ifontstxt"><a target="_blank" href="https://78.media.tumblr.com/62bf0734b7177bde29477072afe1397c/tumblr_omw1u40SwW1tjvcoyo1_500.gif"><div class="iftri">▲</div>Picture</a></span>
  1161. </div>
  1162. </div><!--iv-->
  1163.  
  1164. </div><!--sbw2-->
  1165. <span style="width: 135px; margin-top: 10px; border: 1px solid #fff1fe; padding: 3px; color: #aaaaaa; background-color: #ffffff; font-family: consolas; font-size: 10px; letter-spacing: 0px; line-height:13px; margin-right: 5px;" onChange="location.href=this.options[this.selectedIndex].value;">
  1166. Unlike her cousin Kazuto, Suguha is upbeat and outgoing. She is much more social and converses easily with others. Even when Kazuto began to push her away after finding out they were not really siblings, she still treated him with good spirit and tried to get back in his life. She can be very aggressive towards those that annoy her or cross her and can easily lose her temper. This is demonstrated in one case when Recon attempted to kiss her after confessing his love to her and she punched him.
  1167. <br /><br />
  1168. Despite her positive outlook and slightly aggressive behavior, Suguha can be somewhat fragile and delicate due to her young age, especially when her cousin, Kazuto is involved. After seeing Kazuto in a comatose state due to being locked in SAO, she broke down crying for the first time in years. In addition to this, once she found out that Kirito and Kazuto were the same person, she locked herself in her room away from her cousin and went into a slight depression. Most of the time she is quick to rebound from these moments and return to being the same upbeat girl.
  1169.  
  1170.  
  1171.  
  1172.  
  1173.  
  1174.  
  1175.  
  1176.  
  1177. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: px; height: px; ; position: absolute; top: 80px; left: 440px; overflow: auto; text-align: left; border-radius: ; border: 0px solid #3f3c3c;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"> <img src="http://i.picpar.com/TmEc.png" alt="" width="730" height=" " /> </span></div>
  1178.  
  1179.  
  1180. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: px; height: px; ; position: absolute; top: 490px; left: 1130px; overflow: auto; text-align: left; border-radius: ; border: 0px solid #3f3c3c;"><span style="font-family: andale mono,times; font-size: 18; color: #000000;">
  1181.  
  1182. <a title="Created by Yuuki Asuna" href="https://roleplay.chat/profile.php?user=Yuuki+Asuna"><i class="fa fa-folder-open-o"></i></a></div>
  1183.  
  1184.  
  1185.  
  1186.  
  1187. <div id="sbw3">
  1188.  
  1189. <div class="mv">
  1190. <div class="rightbuttons" id="rbx">x</div>
  1191. <div class="rightbuttons" id="rbii">▢</div>
  1192.  
  1193. <div class="rightbuttons" id="rbi">_</div>
  1194.  
  1195. </div><!--mv-->
  1196.  
  1197. <div class="bt"><span style="color: #415042;">OUT OF CHARACTER</div>
  1198.  
  1199.  
  1200.  
  1201.  
  1202. <div id="mugen">
  1203. <div class="fuu">
  1204. <embed src="http://www.sheepproductions.com/billy/billy.swf?=false&f0=http://k007.kiwi6.com/hotlink/s7oblbmft5/DANGANRONPA_OST-_Disc_01-_-05-_Beautiful_Dead.mp3&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  1205. </div>
  1206. </div>
  1207.  
  1208.  
  1209.  
  1210.  
  1211. <span style="width: 135px; margin-top: 10px; border: 1px solid #fff1fe; padding: 3px; color: #aaaaaa; background-color: #ffffff; font-family: consolas; font-size: 10px; letter-spacing: 0px; line-height:13px; margin-right: 5px;" onChange="location.href=this.options[this.selectedIndex].value;">
  1212.  
  1213.  
  1214.  
  1215. o1. Text ooc goes here.<br />
  1216. o2. Text ooc goes here.<br />
  1217. o3. Text ooc goes here.<br />
  1218. o4. Text ooc goes here.<br />
  1219. o5. Text ooc goes here.<br />
  1220. o6. Text ooc goes here.<br />
  1221. o7. Text ooc goes here.<br />
  1222. o8. Text ooc goes here.<br />
  1223. o9. Text ooc goes here.<br />
  1224. 10. Text ooc goes here.<br />
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!