Advertisement
cat_inthe_cradle

Leafa

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