Advertisement
cat_inthe_cradle

Kirigiri -

Aug 3rd, 2017
101
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.20 KB | None | 0 0
  1. <style>
  2. body { background:none; }
  3. #scroller { padding: 35px 0; box-sizing: border-box; }
  4. #profile-container { width:750px;background:#333; }
  5. #profile-container {background:none;}
  6.  
  7.  
  8.  
  9.  
  10.  
  11. .pfor{display:none;}
  12. #profile{border:none;background: transparent;}
  13.  
  14.  
  15.  
  16.  
  17.  
  18. /* BODY */
  19. ::-webkit-scrollbar-thumb:vertical {
  20. background-color: # ;
  21. height: 50px;
  22. }
  23.  
  24. ::-webkit-scrollbar {
  25. height: 10px;
  26. width: 3px;
  27. background-color: #;
  28. }
  29.  
  30. body {
  31. background-image: url("http://i.picpar.com/SJwc.jpg");
  32. background-attachment: fixed;
  33. background-color: #e5e3e4;
  34. margin: 0;
  35. }
  36.  
  37.  
  38. #name {
  39. position:fixed;
  40. font-family:Italianno;
  41. font-size:18px;
  42. top:217px;
  43. left:230px;
  44. color:#fff;
  45. text-shadow:0px 0px 1px #000;
  46. z-index:999999;
  47. }
  48.  
  49.  
  50.  
  51. #name1 {
  52. position:fixed;
  53. font-family:Italianno;
  54. font-size:30px;
  55. top:232px;
  56. left:210px;
  57. color:#751414;
  58. text-shadow:0px 0px 1px #000;
  59. z-index:999999;
  60. }
  61.  
  62.  
  63.  
  64.  
  65.  
  66. a:hover{color:#fff; font-style: italic;}
  67. b {
  68. text-transform: ;
  69. font-size: px;
  70. font-weight: ;
  71. color: #a7b6c1;
  72. background: #2c475c;
  73. letter-spacing: px;
  74. padding: 1px 2px 1px 3px;
  75. margin-right: 2px;}
  76. u {
  77. text-transform: ;
  78. font-size: ;
  79. font-weight: ;
  80. color: #000;
  81. background: #;
  82. letter-spacing: 1px;
  83. padding: 1px 2px 1px 3px;
  84. margin-right: 2px;
  85. border-bottom: dotted 1px #000;}
  86. i {
  87. font-size: px;
  88. font-weight: ;
  89. color: #a7b6c1;
  90. letter-spacing: 1px;
  91. padding: 1px 2px 1px 3px;
  92. margin-right: 2px;}
  93.  
  94.  
  95.  
  96.  
  97.  
  98.  
  99.  
  100.  
  101.  
  102.  
  103.  
  104.  
  105.  
  106. .hoverbox {
  107. position: fixed;
  108. background-color: #fff;
  109. border-radius: ;
  110. border: px solid #a5adb3;
  111. opacity: 0;
  112. width: 90px;
  113. height: 80px;
  114. padding: 5px;
  115. left: 350px;
  116. top: 125px;
  117. font-family: arial;
  118. font-size: px;
  119. color: #;
  120. letter-spacing: 0px;
  121. -webkit-transition: all .7s ease-in-out;
  122. }
  123. .hoverbox:hover {
  124. opacity: 0.6;
  125. top: 125px;
  126.  
  127. }
  128. .hoverbox b {
  129. color: # ;
  130. font-family: calibri;
  131. font-size: px;
  132. line-height: 10px;
  133. text-transform: ;
  134. }
  135.  
  136.  
  137.  
  138. body, a:hover {cursor: url(http://i.picpar.com/uKwc.png), progress !important;}
  139.  
  140.  
  141.  
  142.  
  143. .hoverbox2 {
  144. position: fixed;
  145. background-color: #fff;
  146. opacity: 0;
  147. width: 213px;
  148. height: 260px;
  149. padding: 5px;
  150. left: 100px;
  151. top: 205px;
  152. font-family: arial;
  153. font-size: px;
  154. color: #;
  155. letter-spacing: 0px;
  156. -webkit-transition: all .7s ease-in-out;
  157. }
  158. .hoverbox2:hover {
  159. opacity: 1;
  160. top: 205px;
  161.  
  162. }
  163. .hoverbox2 b {
  164. color: # ;
  165. font-family: calibri;
  166. font-size: px;
  167. line-height: 10px;
  168. text-transform: ;
  169. }
  170.  
  171.  
  172.  
  173. a {
  174. text-decoration:none;
  175. outline:none;
  176. -moz-outline-style:none;
  177. color:#fff;
  178. text-shadow: -1px 0 #c37494, 0 1px #3d7496, 1px 0 #3d7496, 0 -1px #3d7496;
  179. -moz-transition-duration:0.5s;
  180. -webkit-transition-duration:0.5s;
  181. -o-transition-duration:0.5s;
  182. }
  183.  
  184. a:hover {
  185. text-decoration:none;
  186. outline:none;
  187. -moz-outline-style:none;
  188. color:#dcdbd9;
  189. }
  190.  
  191. #s-m-t-tooltip {
  192. padding: 3px 5px;
  193. margin: 10px 14px 7px 33px;
  194. background-color: #000000;
  195. font-family: pix; /* change the font */
  196. font-size: 8px; /* change the font size */
  197. letter-spacing: 1px; /* change the letter spacing */
  198. text-transform: uppercase; /* can be uppercase, lowercase, none*/
  199. color: #ffffff; /* change the text color */
  200. z-index: 999999;
  201. border: 1px double #ffffff;
  202. }
  203.  
  204. #cente {
  205. width: 100%;
  206. position: fixed;
  207. }
  208.  
  209. #sora, #sora2, #sora3 {
  210. width: 1000px;
  211.  
  212. margin-top: 40px;
  213.  
  214. background-color: #ffffff;
  215. border-radius: 8px;
  216. padding: 0 0 5px 0;
  217. border: 4px double #dddddd;
  218. box-shadow: 5px 5px 0 #f2f2f2;
  219. }
  220. .blogtitle, .blogtitle2, .blogtitle3 {
  221. background-color: #f4f4f4;
  222. text-align: left;
  223. font-family: pix;
  224. font-size: 8px;
  225. text-transform: uppercase;
  226. letter-spacing: 1px;
  227. margin-left: 0;
  228. padding: 12px 15px;
  229. width: 970px;
  230.  
  231. border-radius: 3px 3px 0 0;
  232. color: #999999;
  233. border-bottom: 1px solid #dddddd;
  234. }
  235.  
  236. #maincon {
  237. background-image: url(http://static.tumblr.com/58fa2e7014eef91aabb84dd1fe8cbb1e/2icx37z/Qghn7u7ks/tumblr_static_6zyxxuejzc848kwo04088088c.jpg);
  238. background-size: cover;
  239. width: 980px;
  240.  
  241. height: 500px;
  242.  
  243. margin-top: 10px;
  244. margin-bottom: 5px;
  245. }
  246.  
  247. #rightb, #rightb2, #rightb3 {
  248. position: absolute;
  249. width: 104px;
  250. height: 19px;
  251. overflow: hidden;
  252. margin: 0 890px;
  253.  
  254. }
  255.  
  256. .rightbuttons {
  257. float: left;
  258. font-family: consolas;
  259. font-size: 10px;
  260. height: 18px;
  261. width: 30px;
  262. line-height: 18px;
  263. text-align: center;
  264. }
  265. #rbi, #rbii {
  266. width: 30px;
  267. background-color: #f4f4f4;
  268. color: #999999;
  269. border-bottom: 1px solid #dddddd;
  270. border-left: 1px solid #dddddd;
  271. }
  272.  
  273. #rbi {border-radius: 0 0 0 3px;}
  274.  
  275. #rbx {
  276. width: 40px;
  277. background-color: #acb7d7;
  278. color: #ffffff;
  279. border-bottom: 1px solid #dddddd;
  280. border-right: 1px solid #dddddd;
  281. border-left: 1px solid #dddddd;
  282. border-radius: 0 0 3px 0;
  283. }
  284.  
  285. #left {
  286. position: fixed;
  287. width: 250px;
  288. margin: 10px 10px;
  289.  
  290. margin: 30px;
  291.  
  292. }
  293.  
  294. .lefticon {
  295. width: 90px;
  296. height: 90px;
  297. background-color: rgba(255,255,255,0.4);
  298. padding: 14px;
  299. float: left;
  300. border: 1px solid #eeeeee;
  301. position: relative;
  302. z-index: 10;
  303. }
  304.  
  305. .userclass {
  306. position: absolute;
  307. font-family: pix;
  308. font-size: 10px;
  309. text-transform: uppercase;
  310. width: 120px;
  311. margin: -15px -112px;
  312. text-align: right;
  313. color: #ffffff;text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
  314. }
  315.  
  316. .urnm {
  317. background-color: rgba(255,255,255,0.5);
  318. font-family: bit;
  319. text-align: right;
  320. position: absolute;
  321. z-index: 9;
  322. float: right;
  323. min-width: 100px;
  324. margin: 20px 0 0 120px;
  325. padding: 5px 12px 5px 16px;
  326. font-size: 12px;
  327. color: #333333;
  328. text-shadow: 1px 1px 0 rgba(255,255,255,0.8);
  329. letter-spacing: 1px;
  330. text-transform: uppercase;
  331. border-radius: 0 5px 5px 0;
  332. border-bottom: 1px solid #eeeeee;
  333. border-right: 1px solid #eeeeee;
  334. border-top: 1px solid #eeeeee;
  335. }
  336.  
  337. .userb {
  338. border-bottom: 1px solid #eeeeee;
  339. border-top: 1px solid #eeeeee;
  340. background-color: rgba(255,255,255,0.5);
  341. position: absolute;
  342. z-index: 9;
  343. height: 14px;
  344. width: 10px;
  345. padding: 5px 0;
  346. margin: 20px -10px;
  347.  
  348. width: 30px;
  349. margin: 20px -30px;
  350.  
  351. }
  352.  
  353. .gender {
  354. color: #65A3E0;
  355.  
  356.  
  357. }
  358.  
  359. #health {
  360. position: absolute;
  361. margin: 58px 0 0 125px;
  362. }
  363.  
  364. .healthtxt {
  365. font-family: pix;
  366. color: #fff;
  367. text-transform: uppercase;
  368. font-size: 10px;
  369. float: left;
  370. text-shadow: 1px 1px 0 rgba(0,0,0,0.8);
  371. }
  372.  
  373. .hpbar {
  374. background-color: rgba(255,255,255,0.3);
  375. width: 80px;
  376. border: 1px solid #eeeeee;
  377. float: left;
  378. height: 7px;
  379. margin: 0 6px;
  380. }
  381.  
  382. .healthf {
  383. height: 7px;
  384. float: left;
  385. }
  386.  
  387. #hp { background-color: #ff7575; width: 32%; }
  388. #sp { background-color: #86B4E3; width: 85%; }
  389.  
  390. #interactionb {
  391. position: absolute;
  392. margin: 93px 0 0 133px;
  393. float: left;
  394. }
  395.  
  396. .iicon {
  397. width: 25px;
  398. height: 25px;
  399. display: block;
  400. }
  401.  
  402. .ibbg, .clink {
  403. width: 25px;
  404. height: 25px;
  405. background-color: rgba(255,255,255,0.4);
  406. border: 1px solid #eeeeee;
  407. border-radius: 5px;
  408. float: left;
  409. margin-right: 6px;
  410. }
  411.  
  412. .ib, .clinkbg {
  413. width: 17px;
  414. height: 17px;
  415. background-color: rgba(255,255,255,0.4);
  416. position: absolute;
  417. margin: 4px;
  418. border-radius: 3px;
  419. z-index: -1;
  420. }
  421.  
  422.  
  423.  
  424. .ib, .clinkbggg {
  425. width: 120px;
  426. height: 50px;
  427. background-color: rgba(255,255,255,0.4);
  428. position: absolute;
  429. margin: 4px;
  430. border-radius: 3px;
  431. z-index: -1;
  432. }
  433.  
  434.  
  435. .slanty {
  436. width: 20px;
  437. height: 1px;
  438. background-color: #eeeeee;
  439. position: absolute;
  440. -webkit-transform: rotate(45deg);
  441. margin: 6px -16px;
  442. }
  443.  
  444. .lint, .lintend {
  445. width: 6px;
  446. height: 1px;
  447. background-color: #eeeeee;
  448. position: absolute;
  449. margin: 12px 26px;
  450. }
  451. .lintend { width: 11px; }
  452.  
  453. .lintcir {
  454. background: transparent;
  455. border: 1px solid #eeeeee;
  456. border-radius: 1000px;
  457. width: 6px;
  458. height: 6px;
  459. position: absolute;
  460. margin: 9px 104px;
  461. }
  462.  
  463. #morikami {
  464. position: absolute;
  465. float: left;
  466. margin: 120px 0;
  467. }
  468.  
  469. .mori {
  470. font-family: bit;
  471. font-size: 10px;
  472. text-align: left;
  473. letter-spacing: 1px;
  474. text-transform: uppercase;
  475. width: 98px;
  476. padding: 6px 10px;
  477. background-color: rgba(255,255,255,0.4);
  478. border: 1px solid #eeeeee;
  479. color: #333333;
  480. text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
  481. border-radius: 3px;
  482. margin-top: 7px;
  483. }
  484.  
  485. .kaeda {
  486. background-color: rgba(255,255,255,0.3);
  487. position: absolute;
  488. padding: 4px 6px 6px 6px;
  489. margin: -6px 84px;
  490. font-size: 12px;
  491. color: #444444;
  492. }
  493.  
  494. .sub2 {
  495. background-color: rgba(255,255,255,0.4);
  496. border: 1px solid #eeeeee;
  497. margin-top: 5px;
  498. font-family: pix;
  499. font-size: 8px;
  500. text-transform: uppercase;
  501. letter-spacing: 1px;
  502. padding: 6px 6px 0 6px;
  503. color: #333333;
  504. text-align: left;
  505. width: 104px;
  506. }
  507.  
  508. .sub {
  509. padding: 3px 0;
  510. position: absolute;
  511. width: 130px;
  512. margin-top: 5px;
  513. margin: 5px -2px;
  514. }
  515.  
  516. .clinkicon {
  517. width: 35px;
  518. height: 35px;
  519. display: block;
  520. }
  521.  
  522. .clink {
  523. width: 35px;
  524. height: 35px;
  525. margin: 0 2px 4px 2px;
  526. }
  527.  
  528. .clinkbg {
  529. width: 25px;
  530. height: 25px;
  531. margin: 5px;
  532. }
  533.  
  534. #fade {
  535. display: none;
  536. background: #fff;
  537. position: fixed;
  538. left: 0;
  539. top: 0;
  540. width: 100%;
  541. height: 100%;
  542. opacity: 0.8;
  543. z-index: 9999;
  544. }
  545.  
  546. .popup_block{
  547. display: none;
  548. float: left;
  549. position: fixed;
  550. top: 50%;
  551. left: 50%;
  552. z-index: 99999;
  553. font-family: calibri;
  554. font-size: 10px;
  555. padding: 5px;
  556. }
  557.  
  558. img.btn_close {
  559. height: 18px;
  560. width: 40px;
  561. float: right;
  562. margin: 4px 0 0 397px;
  563. opacity: 0;
  564. background-color: #fff;
  565. position: absolute;
  566. z-index: 3;
  567. }
  568. *html #fade {position: absolute;}
  569. *html .popup_block {position: absolute;}
  570.  
  571. .guildm {
  572. border-radius: 1000px;
  573. width: 48px;
  574. height: 48px;
  575. }
  576.  
  577. #rightb2 {
  578. width: 410px;
  579. margin: 0 330px;
  580. }
  581. .blogtitle2 { width: 410px; }
  582. #sora2 { width: 440px; margin-top: 0; padding-bottom: 17px; }
  583.  
  584. #guildr, #askr, #descr {
  585. height: 200px;
  586. overflow: auto;
  587. padding: 17px;
  588. }
  589.  
  590.  
  591. #descr {
  592. height: 300px;
  593. overflow: hidden;
  594. }
  595. .descute, .istcute {
  596. font-family: pix;
  597. font-size: 8px;
  598. text-transform: uppercase;
  599. position: absolute;
  600. margin: -12px 8px;
  601. background-color: #fafafa;
  602. padding: 0 10px;
  603. }
  604.  
  605. .istcute {
  606. margin: -14px 8px;
  607. }
  608.  
  609. .desc {
  610. width: 234px;
  611. margin-left: 160px;
  612. margin-top: 10px;
  613. text-align: justify;
  614. background-color: #fafafa;
  615. border-radius: 10px;
  616. border: 1px solid #eaeaea;
  617. padding: 8px 0 8px 10px;
  618. }
  619.  
  620. .descu {
  621. padding-right: 10px;
  622. color: #8c8c8c;
  623. font-family: bit;
  624. font-size: 10px;
  625. overflow: auto;
  626. max-height: 139px;
  627. }
  628.  
  629. .desc b,strong { color: #6a9ad1; }
  630. .desc i,em { color: #aaaaaa; }
  631. .desc a { color: #67c3a1; transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;-o-transition: 0.4s;text-decoration: underline; }
  632. .desc a:hover { color: #cccccc; }
  633.  
  634. .charimg {
  635. width: 150px;
  636. position: absolute;
  637. }
  638.  
  639. .stats {
  640. width: 246px;
  641. margin-left: 160px;
  642. }
  643.  
  644. .chaar {
  645. font-family: bit;
  646. text-transform: uppercase;
  647. font-size: 12px;
  648. background-color: #fafafa;
  649. border: 1px solid #eaeaea;
  650. color: #333333;
  651. padding: 5px 10px 5px 20px;
  652. font-size: 13px;
  653. letter-spacing: 1px;
  654. border-radius: 7px;
  655. }
  656.  
  657. .chaargender {
  658. position: absolute;
  659. float: right;
  660. margin: 6px 228px;
  661. font-size: 12px;
  662. }
  663.  
  664. .chaarclass {
  665. font-family: pix;
  666. font-size: 8px;
  667. text-transform: uppercase;
  668. margin: 4px 0 0 50px;
  669. color: #777777;
  670. }
  671.  
  672. .cls1, .cls2 {
  673. background-color: #eaeaea;
  674. position: absolute;
  675. }
  676.  
  677. .cls1 {
  678. width: 180px;
  679. height: 1px;
  680. margin: 42px 40px;
  681. }
  682.  
  683. .cls2 {
  684. width: 1px;
  685. height: 18px;
  686. margin: 26px 34px;
  687. transform: rotate(-42deg);
  688. }
  689.  
  690. .ist {
  691. border-top: 1px solid #eaeaea;
  692. border-bottom: 1px solid #eaeaea;
  693. background-color: #fafafa;
  694. margin: 20px 0;
  695. padding: 10px 5px;
  696. font-family: pix;
  697. font-size: 8px;
  698. height: 58px;
  699. }
  700.  
  701. .stat {
  702. width: 108px;
  703. background-color: #f2f2f2;
  704. color: #333333;
  705. padding: 4px 5px 4px 0;
  706. float: left;
  707. margin: 0 2px 4px 2px;
  708. }
  709.  
  710. .statvalue {float: right;}
  711.  
  712. .statname {
  713. background-color: #8cabb8;
  714. color: #ffffff;
  715. padding: 4px 7px;
  716. }
  717.  
  718. .stattri {
  719. color: #8cabb8;
  720. position: absolute;
  721. margin: 0 6px;
  722. }
  723.  
  724. #right {float: right;}
  725.  
  726. #content {
  727. margin-bottom: 20px;
  728.  
  729.  
  730.  
  731. float: left;
  732.  
  733. width: 550px;
  734. margin-left: 400px;
  735.  
  736.  
  737.  
  738. }
  739.  
  740. BADs {
  741.  
  742.  
  743. width: 500px;
  744.  
  745.  
  746.  
  747.  
  748. margin: 20px 0;
  749. padding: 20px;
  750. background-color: rgba(255,255,255,0.4);
  751. transition: 0.6s;
  752. -moz-transition: 0.6s;
  753. -webkit-transition: 0.6s;
  754. -o-transition: 0.6s;
  755. border: 1px solid transparent;
  756. }
  757.  
  758. blockquote {
  759. margin: 5px;
  760. padding: 2px 10px;
  761. border-left: 3px solid #529ECC;
  762. background-color: rgba(255,255,255,0.2);
  763. }
  764.  
  765. BADs:hover {
  766. background-color: rgba(255,255,255,0.6);
  767. border: 1px solid #eeeeee;
  768. }
  769.  
  770. .photo {
  771.  
  772.  
  773. max-width: 500px;
  774.  
  775.  
  776.  
  777.  
  778. display: block;
  779.  
  780.  
  781. transition: 0.6s;
  782. -moz-transition: 0.6s;
  783. -webkit-transition: 0.6s;
  784. -o-transition: 0.6s;
  785. }
  786. BADs:hover .photo {
  787.  
  788.  
  789. }
  790.  
  791. BADs img {
  792.  
  793.  
  794. max-width: 500px;
  795.  
  796.  
  797.  
  798.  
  799. }
  800. BADs blockquote img {max-width: 100%;}
  801.  
  802. .permalink {
  803. margin-top: 10px;
  804.  
  805.  
  806. width: 500px;
  807.  
  808.  
  809.  
  810.  
  811. background-color: rgba(255,255,255,0.3);
  812. text-align: right;
  813. font-family: pix;
  814. font-size: 8px;
  815. text-transform: uppercase;
  816. padding: 5px 0;
  817. line-height: 14px;
  818.  
  819. }
  820. .permalink a { color: #555555;text-shadow: 1px 1px 0 rgba(255,255,255,0.5); transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s;}
  821. .permalink a:hover { color: #000000;text-shadow: 1px 1px 0 rgba(255,255,255,0.5); }
  822. .pbattle {
  823. padding: 1px 0 1px 3px;
  824. border-radius: 3px;
  825. }
  826. .pcritter {
  827. width: 60px;
  828. height: 60px;
  829. margin-top: -40px;
  830. margin-left: 5px;
  831. position: relative;
  832. float: right;
  833. }
  834.  
  835. .ptitle {
  836. font-family: bit;
  837. font-size: 15px;
  838. text-align: center;text-shadow: 1px 1px 0 rgba(255,255,255,0.8);
  839. padding: 6px 0;
  840. background-color: rgba(255,255,255,0.2);
  841. }
  842. .quote {
  843. font-family: bit;
  844. font-size: 15px;
  845. }
  846. .quotesrc {
  847. font-family: pix;
  848. font-size: 8px;
  849. letter-spacing: 1px;
  850. text-transform: uppercase;
  851. }
  852.  
  853. .askerportrait {
  854. padding: 10px;
  855. max-width: 64px;
  856. max-height: 64px;
  857. background-color: rgba(255,255,255,0.4);
  858. float: left;
  859. }
  860. .a {
  861. margin-left: 97px;
  862. background-color: rgba(255,255,255,0.4);
  863. min-height: 64px;
  864. padding: 10px;
  865. font-family: bit;
  866. font-size: 10px;
  867. color: #656565;
  868. text-align: justify;
  869. }
  870. .asker {
  871. font-family: bit;
  872. font-size: 10px;
  873. text-transform: uppercase;
  874. }
  875. .asker a {
  876. background-color: rgba(255,255,255,0.4);
  877. color: #888888;
  878. padding: 1px 4px;
  879. }
  880. .q {margin-top: 10px;}
  881. .audiopost { height: 150px; }
  882.  
  883. .albumartp {
  884. z-index: 10;
  885. width: 150px;
  886. height: 150px;
  887. position: relative;
  888. z-index: 2;
  889. display: block;
  890. }
  891.  
  892. .albumart {
  893. margin-top: -150px;
  894.  
  895.  
  896. margin-left: -350px;
  897.  
  898.  
  899.  
  900.  
  901. width: 150px;
  902. height: 150px;
  903. display: block;
  904. background-color: #bbb;
  905. position: relative;
  906. z-index: 9;
  907. }
  908.  
  909. .audioplayer {
  910. z-index: 11;
  911. width: 25px;
  912. height: 25px;
  913. overflow: hidden;
  914. position: relative;
  915.  
  916.  
  917. margin: -90px 0 0 -340px;
  918.  
  919.  
  920.  
  921.  
  922. z-index: 10;
  923. opacity: 0.5;
  924. transition: 0.6s;
  925. -moz-transition: 0.6s;
  926. -webkit-transition: 0.6s;
  927. -o-transition: 0.6s;
  928. }
  929. .audioplayer:hover {opacity: 1;}
  930.  
  931. .audioinfo {
  932. text-align: left;
  933.  
  934.  
  935. margin-left: 155px;
  936.  
  937.  
  938.  
  939.  
  940. height: 150px;
  941. }
  942.  
  943. .aline {
  944.  
  945.  
  946. width: 325px;
  947.  
  948.  
  949.  
  950.  
  951. font-family: consolas;
  952. font-size: 10px;
  953. padding: 11px 10px;
  954. margin-bottom: 5px;
  955. text-transform: uppercase;
  956. background-color: rgba(255,255,255,0.4);
  957. color: #000000;
  958. }
  959. .aline b,strong { color: #529ECC;}
  960.  
  961. .line {
  962. font-family: bit;
  963. font-size: 10px;
  964. text-align: left;
  965. margin: 3px 0;
  966. background-color: rgba(255,255,255,0.4);
  967. }
  968.  
  969. .odd .line {padding: 7px 10px;color:#919191;}
  970. .even .line {padding: 7px 10px;color:#6d6d6d;}
  971. .odd .name {color: #5AC9E1;}
  972. .even .name {color: #75b1d6;}
  973.  
  974. .ltitle {
  975. font-family: bit;
  976. font-size: 15px;
  977. color: #444444;text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
  978. }
  979.  
  980. .permainfo {
  981.  
  982.  
  983. width: 500px;
  984.  
  985.  
  986.  
  987.  
  988. padding: 20px;
  989. font-family: bit;
  990. font-size: 11px;
  991. text-align: center;
  992. background-color: rgba(255,255,255,0.6);
  993. color: #000000;
  994. margin-bottom: 10px;
  995. }
  996.  
  997. #notecon {
  998. padding: 20px;
  999.  
  1000.  
  1001. width: 500px;
  1002.  
  1003.  
  1004.  
  1005.  
  1006. text-align: left;
  1007. background-color: rgba(255,255,255,0.6);
  1008. color: #000000;
  1009. font-family: bit;
  1010. font-size: 11px;
  1011. margin-top: 20px;
  1012. }
  1013.  
  1014. #notecon ol.notes {
  1015. list-style-type: none;
  1016. font-size: 11px;
  1017. color: #000000;
  1018. font-family: bit;
  1019. text-decoration: none;
  1020. margin: 0;
  1021. width: 500px;
  1022. padding: 5px;
  1023. text-align: left;
  1024. }
  1025. #notecon ol.notes a {
  1026. color: #ffffff;
  1027. -webkit-transition: all 0.4s ease-in-out;
  1028. -moz-transition: all 0.4s ease-in-out;
  1029. -o-transition: all 0.4s ease-in-out;
  1030. -ms-transition: all 0.4s ease-in-out;
  1031. transition: all 0.4s ease-in-out;}
  1032. #notecon ol.notes a:hover {color:#000000;}
  1033. #notecon img.avatar {
  1034. margin-right: 5px;
  1035. width: 10px;
  1036. height: 10px;
  1037. float: left;
  1038. }
  1039.  
  1040. #pagin {
  1041. background-color: rgba(255,255,255,0.4);
  1042. border: 1px solid #eeeeee;
  1043. border-radius: 5px;
  1044. font-family: pix;
  1045. font-size: 8px;
  1046. text-transform: uppercase;
  1047. letter-spacing: 1px;
  1048. height: 10px;
  1049. padding: 15px;
  1050. color: #656565;
  1051. margin-bottom: 20px;
  1052. margin-top: 20px;
  1053. }
  1054.  
  1055. .retreat {
  1056. float: left;
  1057. color: #6b6b6b;text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
  1058. transition: 0.6s;
  1059. -moz-transition: 0.6s;
  1060. -webkit-transition: 0.6s;
  1061. -o-transition: 0.6s;
  1062. }
  1063. .advance {
  1064. float: right;
  1065. color: #6b6b6b;text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
  1066. transition: 0.6s;
  1067. -moz-transition: 0.6s;
  1068. -webkit-transition: 0.6s;
  1069. -o-transition: 0.6s;
  1070. }
  1071. .retreat:hover, .advance:hover {
  1072. color: #c3c3c3;
  1073. }
  1074.  
  1075. #start {
  1076. display:none;
  1077. z-index:999;
  1078. background:#000;
  1079. width:100%;
  1080. height:100%;
  1081. position:fixed;
  1082. }
  1083.  
  1084. #sora3 {
  1085. width: 200px;
  1086. margin-top: 170px;
  1087. }
  1088.  
  1089. #rightb3 {
  1090. width: 170px;
  1091. margin: 0 150px;
  1092. }
  1093.  
  1094. .blogtitle3 {
  1095. width: 170px;
  1096. }
  1097.  
  1098. #login {
  1099. margin-top: 0;
  1100. height: 90px;
  1101. width: 160px;
  1102. }
  1103.  
  1104. .loginicon {
  1105. width: 80px;
  1106. height: 80px;
  1107. border-radius: 1000px;
  1108. padding: 10px;
  1109. border: 1px solid #eee;
  1110. margin: 20px 0 10px 0;
  1111. }
  1112.  
  1113. .entername {
  1114. font-family: bit;
  1115. font-size: 10px;
  1116. color: #bbb;
  1117. float: left;
  1118. line-height: 22px;
  1119. margin-right: 10px;
  1120. text-transform: uppercase;
  1121. letter-spacing: 1px;
  1122. }
  1123. #enternamefield {
  1124. float: left;
  1125. }
  1126.  
  1127. #textfield, #pwfield {
  1128. border: 1px solid #eee;
  1129. width: 90px;
  1130. padding: 4px 5px;
  1131. font-family: pix;
  1132. font-size: 8px;
  1133. text-transform: uppercase;
  1134. color: #bbb;
  1135.  
  1136. }
  1137. #pwfield { width: 82px; }
  1138.  
  1139. #loginopt {
  1140. margin-top: 12px;
  1141. }
  1142. #backout, #enter {
  1143. background-color: #e5e5e5;
  1144. color: #fff;
  1145. font-family: bit;
  1146. font-size: 10px;
  1147. padding: 5px 10px;
  1148. border-radius: 3px;
  1149. transition: 0.6s;
  1150. -moz-transition: 0.6s;
  1151. -webkit-transition: 0.6s;
  1152. }
  1153. #backout {
  1154. float: left;
  1155. }
  1156. #enter {
  1157. float: right;
  1158. }
  1159. #backout:hover {
  1160. background-color: #E69A9A;
  1161. }
  1162. #enter:hover {
  1163. background-color: #9AE6CA;
  1164. }
  1165.  
  1166.  
  1167. .text {
  1168. font-family: bit;
  1169. font-size: 10px;
  1170. color: #000;
  1171. text-align: justify;text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
  1172. }
  1173.  
  1174. .text b,strong, .permainfo b,strong, .quotesrc b,strong {
  1175.  
  1176. background-color: #529ECC;
  1177. color: #fff;
  1178.  
  1179.  
  1180. text-shadow: 0 0 0 transparent;
  1181. font-weight: 100;
  1182. }
  1183.  
  1184. .text i,em, .permainfo a, .quotesrc i,em {
  1185. background-color: #78c9a1;
  1186. color: #fff;
  1187. text-shadow: 0 0 0 transparent;
  1188. transition: 0.6s;
  1189. -moz-transition: 0.6s;
  1190. -webkit-transition: 0.6s;
  1191. -o-transition: 0.6s;
  1192. }
  1193. .text a, .pitags a, #notecon a, .quotesrc a {
  1194. color: #ffffff;
  1195. transition: 0.6s;
  1196. text-decoration: underline;
  1197. transition: 0.6s;
  1198. -moz-transition: 0.6s;
  1199. -webkit-transition: 0.6s;
  1200. -o-transition: 0.6s;
  1201. }
  1202. .text a:hover, .permainfo a:hover, .pitags a:hover, #notecon a:hover, .quotesrc a:hover {
  1203. color: #000000;
  1204. }
  1205. .pitags a { text-decoration: none; }
  1206.  
  1207. BADtbo {
  1208. min-height: 19px;
  1209. margin-top: -19px;
  1210. text-align: left;
  1211. margin-left: 20px;
  1212. }
  1213.  
  1214. .distags a {
  1215. background-color: rgba(255,255,255,0.3);
  1216. font-family: pix;
  1217. font-size: 8px;
  1218. padding: 5px 5px;
  1219. color: #666666;
  1220. text-transform: uppercase;
  1221. margin: 0 3px;
  1222. line-height: 20px;
  1223. transition: 0.6s;
  1224. -moz-transition: 0.6s;
  1225. -webkit-transition: 0.6s;
  1226. -o-transition: 0.6s;
  1227. }
  1228.  
  1229. .distags a:hover {
  1230. background-color: rgba(255,255,255,0.5);
  1231. color: #222222;
  1232. }
  1233.  
  1234. .dista {
  1235. margin-top: -1px;
  1236. margin-right: 2px;
  1237. background-color: rgba(255,255,255,0.3);
  1238. font-family: pix;
  1239. font-size: 8px;
  1240. padding: 7px 7px;
  1241. color: #333333;
  1242. text-transform: uppercase;
  1243. display: block;
  1244. float: left;
  1245. }
  1246.  
  1247. .likb, .rebb {
  1248. margin-top: -1px;
  1249. float: left;
  1250. width: 16px;
  1251. height: 19px;
  1252. text-align: center;
  1253. margin-right: 4px;
  1254. background-color: rgba(255,255,255,0.3);
  1255. padding: 3px 3px 0 3px;
  1256. transition: 0.6s;
  1257. -moz-transition: 0.6s;
  1258. -webkit-transition: 0.6s;
  1259. -o-transition: 0.6s;
  1260. }
  1261. .likb:hover, .rebb:hover {
  1262. background-color: rgba(255,255,255,0.4);
  1263. }
  1264.  
  1265. .rebb {
  1266. padding: 3px 2px 0 4px;
  1267. }
  1268.  
  1269. #music {
  1270. position: fixed;
  1271. width: 25px;
  1272. height: 25px;
  1273. overflow: hidden;
  1274. background-color: rgba(255,255,255,0.3);
  1275. border: 1px solid rgba(255,255,255,0.4);
  1276. border-radius: 3px;
  1277. z-index: 100000000;
  1278. top: 28px;
  1279. right: 4px;
  1280. -webkit-transition: all 0.7s ease-in-out;
  1281. -moz-transition: all 0.7s ease-in-out;
  1282. -o-transition: all 0.7s ease-in-out;
  1283. -ms-transition: all 0.7s ease-in-out;
  1284. transition: all 0.7s ease-in-out;
  1285. }
  1286. .musicgif {
  1287. margin: 5px;
  1288. -webkit-transition: all 0.7s ease-in-out;
  1289. -moz-transition: all 0.7s ease-in-out;
  1290. -o-transition: all 0.7s ease-in-out;
  1291. -ms-transition: all 0.7s ease-in-out;
  1292. transition: all 0.7s ease-in-out;
  1293. }
  1294. #music:hover .musicgif {margin-top: -26px;}
  1295.  
  1296. #music:hover {
  1297. width: 200px;
  1298. right: 4px;
  1299. }
  1300.  
  1301. #musicpl {
  1302. width: 20px;
  1303. height: 20px;
  1304. padding: 2px 20px 10px 0;
  1305. }
  1306.  
  1307.  
  1308.  
  1309.  
  1310. </style>
  1311.  
  1312.  
  1313.  
  1314.  
  1315.  
  1316.  
  1317. <div id="music">
  1318. <div class="musicgif"><img src="http://static.tumblr.com/a7b441d25611794f221835a31c1a52d2/2icx37z/pkwndanpw/tumblr_static_31ut571vg02scg0w08s484848.gif"/></div>
  1319. <div id="musicpl"></div>
  1320. </div>
  1321.  
  1322.  
  1323. <div id="descpopup" class="popup_block">
  1324. <div id="sora2">
  1325. <div id="rightb2">
  1326. <div class="rightbuttons" id="rbi">_</div>
  1327. <div class="rightbuttons" id="rbii">▢</div>
  1328. <div class="rightbuttons" id="rbx">x</div>
  1329. </div>
  1330. <div class="blogtitle2">Kirigiri's stats_</div>
  1331. <div id="descr">
  1332. <img class="charimg" src="http://static.tumblr.com/d34b639c6d936147331a166b1817de73/2icx37z/jmonda6o8/tumblr_static_67ns4ctq7i80w8044skwg40c4.jpg">
  1333. <div class="stats">
  1334. <div class="chaargender"><div class="gender">
  1335.  
  1336. </div></div>
  1337. <div class="cls1"></div><div class="cls2"></div>
  1338. <div class="chaar">» Kirigiri</div>
  1339. <div class="chaarclass">lvl24 fake hero</div>
  1340. <div class="ist">
  1341. <span class="istcute">player stats</span>
  1342.  
  1343. <div class="stat">
  1344. <span class="statname">STRENGTH <span class="stattri">▶</span></span>
  1345. <span class="statvalue">1143</span></div>
  1346. <div class="stat">
  1347. <span class="statname">DEFENCE <span class="stattri">▶</span></span>
  1348. <span class="statvalue">1024</span></div>
  1349. <div class="stat">
  1350. <span class="statname">INTELLIGENCE <span class="stattri">▶</span></span>
  1351. <span class="statvalue">583</span></div>
  1352. <div class="stat">
  1353. <span class="statname">AGILITY <span class="stattri">▶</span></span>
  1354. <span class="statvalue">831</span></div>
  1355. <div class="stat">
  1356. <span class="statname">ACCURACY <span class="stattri">▶</span></span>
  1357. <span class="statvalue">602</span></div>
  1358. <div class="stat">
  1359. <span class="statname">LUCK <span class="stattri">▶</span></span>
  1360. <span class="statvalue">1</span></div>
  1361.  
  1362. </div>
  1363. </div>
  1364. <div class="desc"><span class="descute">player info</span><div class="descu">Almaz is a <i>hero fanboy</i>, who knows everything there is to know about <b>heroes</b>. He's very <a href="/">passionate</a> about them, however he has a hard time acting like one due to his <b>lack of confidence</b>.
  1365. <p>You are previewing the <i>Almandine</i> version of <a target="_blank" href="http://yukoki.tumblr.com">yukoki</a>'s <b>[33] R.P.G.</b>. Please <i>do not remove the credits</i> or <b>claim</b> this theme as your own. Thank you. </div></div>
  1366. </div>
  1367. </div>
  1368. </div>
  1369.  
  1370.  
  1371. <div id="guildpopup" class="popup_block">
  1372. <div id="sora2">
  1373. <div id="rightb2">
  1374. <div class="rightbuttons" id="rbi">_</div>
  1375. <div class="rightbuttons" id="rbii">▢</div>
  1376. <div class="rightbuttons" id="rbx">x</div>
  1377. </div>
  1378. <div class="blogtitle2">dispatch base panel units_</div>
  1379. <div id="guildr">
  1380.  
  1381.  
  1382. </div>
  1383. </div>
  1384. </div>
  1385.  
  1386. <div id="askpopup" class="popup_block">
  1387. <div id="sora2">
  1388. <div id="rightb2">
  1389. <div class="rightbuttons" id="rbi">_</div>
  1390. <div class="rightbuttons" id="rbii">▢</div>
  1391. <div class="rightbuttons" id="rbx">x</div>
  1392. </div>
  1393. <div class="blogtitle2">Ask me anything_</div>
  1394. <div id="askr">
  1395.  
  1396. </div>
  1397. </div>
  1398. </div>
  1399.  
  1400.  
  1401.  
  1402.  
  1403.  
  1404. <div id="left">
  1405.  
  1406. <a href="/" title="restart"><img class="lefticon" src="http://i.picpar.com/dKwc.png"></a>
  1407.  
  1408. <div class="urnm">kirigiri <span class="userclass">Princess</span>
  1409. <span class="gender">
  1410. <span style=" color: #cd0e36;"> ♀
  1411. </span></div><div class="userb"></div>
  1412.  
  1413. <div id="health">
  1414.  
  1415. <div class="heal">
  1416. <span class="healthtxt">hp</span>
  1417. <span class="hpbar"><div class="healthf" id="hp"></div></span></div>
  1418. <div style="height: 14px;"></div>
  1419.  
  1420. <div class="heal"><span class="healthtxt">sp</span><span class="hpbar"><span class="healthf" id="sp"></span></span></div>
  1421.  
  1422. </div>
  1423.  
  1424. <div id="interactionb">
  1425.  
  1426. <div class="slanty"></div>
  1427.  
  1428. <a title="Spell Feather" href="#?w=400" rel="descpopup" class="poplight"><div class="ibbg"><div class="lint"></div><div class="ib"></div><img class="iicon" src="https://31.media.tumblr.com/a8df60822dfa8190728776ac22687e55/tumblr_inline_n7ocpj2J3V1rshr70.png"></div></a>
  1429.  
  1430. <a title="Elemental Sword" href="#?w=400" rel="askpopup" class="poplight"><div class="ibbg"><div class="lint"></div><div class="ib"></div><img class="iicon" src="http://static.tumblr.com/0ef3a389a9e81d4fb305af662bda80a1/2icx37z/m9Tn7u5lp/tumblr_static_972052ajpkcoww884ksgoc88o.png"></div></a>
  1431.  
  1432. <a title="Bow & Arrow" href="/archive"><div class="ibbg"><div class="lintend"></div><div class="ib"></div><img class="iicon" src="http://static.tumblr.com/5b4b3883e69ba82f7508bb64441154e2/2icx37z/imrn7wfsp/tumblr_static_13yb953598ys8o0kocs8808g0.png"></div></a>
  1433.  
  1434.  
  1435.  
  1436.  
  1437.  
  1438.  
  1439.  
  1440.  
  1441.  
  1442.  
  1443. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; background-color:#e7b3c2; opacity: 1; width: 380px; height: 380px; ; position: absolute; top: -20px; left: 256px; overflow: auto; text-align: left; border-radius: 50em 50em 50em 50em; border: px solid #a5adb3;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
  1444.  
  1445.  
  1446. </span></div>
  1447. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; background-image:url('http://i.picpar.com/YJwc.gif'); opacity: 1; width: 350px; height: 350px; ; position: absolute; top: -10px; left: 260px; overflow: auto; text-align: left; border-radius: 50em 50em 50em 50em; border: px solid #a5adb3;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
  1448.  
  1449.  
  1450. </span></div>
  1451.  
  1452.  
  1453.  
  1454. <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: 25px; left: 170px; overflow: auto; text-align: left; border-radius: ; border: px solid #a5adb3;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"> <img src="http://i.picpar.com/aKwc.png" alt="" width="430" height=" " /> </span></div>
  1455.  
  1456.  
  1457.  
  1458.  
  1459.  
  1460.  
  1461.  
  1462. <div class="lintcir"></div>
  1463.  
  1464. </div>
  1465.  
  1466.  
  1467. <div id="morikami">
  1468.  
  1469.  
  1470.  
  1471.  
  1472.  
  1473.  
  1474.  
  1475. <a title="" href="#" class="cthrough"><div class="mori"><span class="kaeda">▽</span>Literature.</div></a>
  1476. <div class="sub">
  1477.  
  1478.  
  1479. <a title="Kiri" href=""><div class="clink2"><div class="clinkbggg"></div>
  1480.  
  1481.  
  1482. KIRIGIRI MANA. <br />
  1483.  
  1484. <span style="letter-spacing:1px; font-family: andale mono,times; font-size: 12; color: #838183;">
  1485. kiri | maiden | hetero<br /><br />
  1486.  
  1487. <span style="letter-spacing:0px; font-family: andale mono,times; font-size: 11; color: #4c3b43;">
  1488.  
  1489. Crystal blue orbs blinked as the wind blew gently, her silky snow white tresses swaying; tickling the pale skin of her cheeks. Dark clouds were rolling in and lining the western rim. A storm was on its way but she couldn't help but to be in awe at how the light of the setting sun mixed with the gloomy dark hue.
  1490.  
  1491. <br />
  1492. <br />
  1493.  
  1494.  
  1495. <span style="letter-spacing:1px; font-family: andale mono,times; font-size: 12; color: #838183;">
  1496. uninterested |</a> <a title="Solo" href=""><span style="letter-spacing:1px; font-family: andale mono,times; font-size: 12; color: #838183;">single
  1497.  
  1498.  
  1499. </div></a>
  1500.  
  1501. <br />
  1502.  
  1503. <a title="Owl Girl" href="https://roleplay.chat/profile.php?user=Mim"><div class="clink"><div class="clinkbg"></div><img class="clinkicon" src="http://i.picpar.com/kKwc.png"></div></a>
  1504.  
  1505. <a title="Couchnelian" href="https://roleplay.chat/profile.php?user=Carnelian"><div class="clink"><div class="clinkbg"></div><img class="clinkicon" src="http://i.picpar.com/1Lwc.png"></div></a>
  1506.  
  1507.  
  1508. <a title="Cute Witch" href="https://roleplay.chat/profile.php?user=Eir"><div class="clink"><div class="clinkbg"></div><img class="clinkicon" src="http://i.picpar.com/HLwc.png"></div></a>
  1509.  
  1510.  
  1511. <a title="The Viking" href="https://roleplay.chat/profile.php?user=Cadmium"><div class="clink"><div class="clinkbg"></div><img class="clinkicon" src="http://i.picpar.com/ALwc.png"></div></a>
  1512.  
  1513.  
  1514.  
  1515.  
  1516. </div>
  1517.  
  1518. </div>
  1519.  
  1520. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement