Advertisement
cat_inthe_cradle

Onichi

Jun 13th, 2017
107
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.87 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3. body {
  4. margin: 0;
  5. padding: 0;
  6. background: url("http://i.picpar.com/JCac.jpg"); /*change your background here*/
  7. -webkit-background-size: ;
  8. -moz-background-size: cover;
  9. -o-background-size: cover;
  10. background-size: ;
  11.  
  12. }
  13.  
  14. a {
  15. text-decoration: none;
  16. -webkit-transition: all 0.5s ease;
  17. -moz-transition: all 0.5s ease;
  18. transition: all 0.5s ease;
  19. }
  20.  
  21. a:hover {
  22. -webkit-transition: all 0.5s ease;
  23. -moz-transition: all 0.5s ease;
  24. transition: all 0.5s ease;
  25. }
  26.  
  27. #top-one {
  28. position: fixed;
  29. left: 4%;
  30. top: 8%;
  31. width: 35%;
  32. height: 0px;
  33. border-top: px solid;
  34. border-color: #FFFFFF; /*change border color here*/
  35. box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/
  36. }
  37.  
  38. #top-two {
  39. position: fixed;
  40. right: 4%;
  41. top: 8%;
  42. width: 35%;
  43. height: 0px;
  44. border-top: px solid;
  45. border-color: #FFFFFF; /*change border color here*/
  46. box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/
  47. }
  48.  
  49. #left {
  50. position: fixed;
  51. left: 4%;
  52. top: 8%;
  53. height: 84%;
  54. width: 0px;
  55. border-left: px solid;
  56. border-color: #FFFFFF; /*change border color here*/
  57. box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/
  58.  
  59. }
  60.  
  61. #bottom {
  62. position: fixed;
  63. width: 92%;
  64. height: 0px;
  65. margin: 0 auto;
  66. left: 0px;
  67. right: 0px;
  68. bottom: 8%;
  69. border-bottom: 0px solid;
  70. border-color: #FFFFFF; /*change border color here*/
  71. box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/
  72. }
  73.  
  74. #right {
  75. position: fixed;
  76. right: 4%;
  77. top: 8%;
  78. height: 84%;
  79. width: 0px;
  80. border-right: 0px solid;
  81. border-color: #FFFFFF; /*change border color here*/
  82. box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/
  83. }
  84.  
  85. #title {
  86. margin: 0 auto;
  87. left: 0px;
  88. right: 0px;
  89. width: 22%;
  90. text-align: center;
  91. top: 7%;
  92. position: fixed;
  93. font-family: Montserrat;
  94. letter-spacing: 13px;
  95. color: #FFFFFF; /*change title color here*/
  96. font-size: 12px;
  97. }
  98.  
  99. #url a {
  100. margin: 0 auto;
  101. left: 0px;
  102. right: 0px;
  103. width: 100%;
  104. text-align: center;
  105. top: 100px;
  106. position: fixed;
  107. font-size: 80px; /*change url size here*/
  108. letter-spacing: 20px;
  109. color: #3b3439; /*change url color here*/
  110. font-family: Prata;
  111. text-shadow:
  112. 0 0 3px #FFFFFF, /*change url shadow color here*/
  113. 0 0 3px #FFFFFF, /*change url shadow color here*/
  114. 0 0 3px #FFFFFF, /*change url shadow color here*/
  115. 0 0 3px #FFFFFF; /*change url shadow color here*/
  116. }
  117.  
  118. #url a:hover {
  119. color: #C96685; /*change url hover color*/
  120. }
  121.  
  122. #c {
  123. position: fixed;
  124. bottom: 13px;
  125. right: 15px;
  126. font-family: Arial;
  127. }
  128.  
  129. #c a {
  130. color: #FFFFFF; /*change credit color here*/
  131. font-size: 18px;
  132. }
  133.  
  134. /* Credits to http://pohroro.tumblr.com */
  135.  
  136. /* This is the profile page content: NEOF */
  137. .contentpage{position:absolute;top:0%;left:0%;height:100%;width:100%;background-image:url('https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcR0hWthFuCUGn-6usyIiauLw36vLL8QnFrNwC0rgQYqXLRNM3BU8w');opacity:0;z-index:-1;}
  138. .contentpage:target{opacity:1;z-index:1;transition: all 0.9s ease-in-out;
  139. -webkit-transition: all 0.9s ease-in-out;
  140. -moz-transition: all 0.9s ease-in-out;
  141. -o-transition: all 0.9s ease-in-out;
  142. -ms-transition: all 0.9s ease-in-out;}
  143. </style>
  144.  
  145.  
  146.  
  147. <div id="top-one"></div>
  148. <div id="top-two"></div>
  149. <div id="left"></div>
  150. <div id="right"></div>
  151. <div id="bottom"></div>
  152.  
  153. <div id="title">
  154. </div>
  155.  
  156. <div id="url">
  157. <a href="#1">
  158. O N I <img src="http://i.picpar.com/MCac.png" alt="" width="290" /> C H I</a>
  159. </div>
  160.  
  161. <div id="c">
  162. <a target="_blank" href=" " title=" "> </a>
  163. </div>
  164.  
  165. <div id="1" class="contentpage">
  166.  
  167.  
  168.  
  169.  
  170.  
  171. <style type="text/css">
  172.  
  173. ::selection {
  174. background: #ddd;
  175. color: #fff;
  176. }
  177.  
  178. ::-moz-selection {
  179. background: #ddd;
  180. color: #fff;
  181. }
  182.  
  183. ::-webkit-selection {
  184. background: #ddd;
  185. color: #fff;
  186. }
  187.  
  188.  
  189. ::-webkit-scrollbar-thumb:vertical {
  190. background-color: #c6a0a8;
  191. height: 50px;
  192. }
  193.  
  194. ::-webkit-scrollbar {
  195. height: 10px;
  196. width: 3px;
  197. background-color: #f0ebea;
  198. }
  199.  
  200. body {
  201. color: #aaa;
  202. text-align:justify;
  203. font-family: tahoma;
  204. font-size: 10px;
  205. background-color: #fff;
  206. background-image: url('http://i.picpar.com/JCac.jpg');
  207. background-attachment: fixed repeat; }
  208.  
  209.  
  210. #subete{
  211. margin-left: -200px;
  212. margin-top: 130px; }
  213.  
  214. #about { margin-top: 100px; }
  215. #about i { font-style: italic; color:#787878; letter-spacing: 2px; }
  216. #about b { font-weight: bold; color:#787878; letter-spacing: 1px; }
  217.  
  218. #kago {
  219. width: 520px;
  220. height: 330px;
  221. padding: 20px;
  222. overflow: hidden;
  223. background-image: url(;http://media.tumblr.com/tumblr_m1rrtytBRn1r836v5.jpg');border: 1px solid #ddd;
  224. margin-left: 400px;
  225. margin-top: -1px; }
  226.  
  227. #shouzou {
  228. width: 360px;
  229. height: 502px;
  230. background-image: url(;http://media.tumblr.com/tumblr_m1rrtytBRn1r836v5.jpg');border: 1px solid #ddd;
  231. padding: 5px;
  232. margin-top: -70px;
  233. margin-left: 400px;
  234. margin-right:-1px;
  235. float: left; }
  236. #shouzou img { width: 360px; height: 502px; opacity: 0.8; -webkit-filter: grayscale(1);
  237. }
  238.  
  239.  
  240. #daimei {
  241. text-align: center;
  242. font-family: georgia;
  243. color: #444;
  244. font-size: 16px;
  245. text-transform: lowercase;
  246. padding:0px 0px 2px 0px;
  247. border-bottom: 1px dotted #aaa; }
  248.  
  249. #fukudai {
  250. text-align: center;
  251. font-family: tahoma;
  252. color: #aaa;
  253. font-size: 12px;
  254. text-transform: none;
  255. padding:0px 20px 0px 20px;
  256. margin-top: 3px; }
  257.  
  258. #onaka {
  259. float: right;
  260. width: 200px;
  261. text-align: justify;
  262. height: 100px;
  263. padding: 5px;
  264. line-height: 15px;
  265. font-size:9px;
  266. position: relative; }
  267. .tap
  268. {color:#bebebe;
  269. border-left: solid 8px;
  270. letter-spacing: 1px;
  271. font-size:8px; }
  272.  
  273. #nai {
  274. margin-top: 7px;
  275. margin-left: 20px; }
  276.  
  277. #atama {
  278. float: left;
  279. width: 200px;
  280. height: 100px;
  281. padding: 5px;
  282. position: relative; }
  283.  
  284. #karada { position: absolute; margin-top: -5px; }
  285.  
  286. a:link {color:#000; }
  287. a:visited {color:#000; }
  288. a:hover {color:#4D4835;transition:3.4s;-webkit-transition:3.4s;-moz-transition:3.4s;-o-transition:3.4s;-ms-transition:3.4s; }
  289. a:active {color:#fff; }
  290.  
  291.  
  292. ul
  293. {
  294. list-style:square;
  295. margin-left:-10px; }
  296.  
  297. blockquote
  298. {
  299. background-color: #f7f7f7;
  300. padding: 5px;
  301. margin-left: 10px; margin-right: 10px; }
  302.  
  303. /* NAVIGATION */
  304.  
  305. #navi{
  306. text-align:center;
  307. margin-left:25px;
  308. margin-top: 220px;
  309. width:200px;
  310. padding:12px;
  311. position:absolute;
  312. z-index: 9999; }
  313.  
  314. #ichi {
  315. margin-bottom:4px;
  316. color:#b2b2b2;
  317. width: 60px;
  318. background-image: url(;http://media.tumblr.com/tumblr_m1rrtytBRn1r836v5.jpg');
  319. padding: 4px;
  320. opacity: 0.6;
  321. font-size: 8px;
  322. text-transform: uppercase;
  323. letter-spacing:1px;
  324. -webkit-transition: opacity 0.3s linear;
  325. -webkit-transition: all 0.3s ease-in-out;
  326. -moz-transition: all 0.3s ease-in-out;
  327. -o-transition: all 0.3s ease-in-out;
  328. transition: all 0.3s ease-in-out; }
  329. #ichi:hover { opacity: 1; }
  330.  
  331. /* END NAVIGATION */
  332.  
  333.  
  334.  
  335.  
  336.  
  337. b {
  338. text-transform: ;
  339. font-size: px;
  340. font-weight: ;
  341. color: #FFF;
  342. background: #523131;
  343. letter-spacing: px;
  344. padding: 1px 2px 1px 3px;
  345. margin-right: 2px;}
  346. u {
  347. text-transform: ;
  348. font-size: ;
  349. font-weight: ;
  350. color: #000;
  351. background: #;
  352. letter-spacing: 1px;
  353. padding: 1px 2px 1px 3px;
  354. margin-right: 2px;
  355. border-bottom: dotted 1px #000;}
  356. i {
  357. font-size: px;
  358. font-weight: ;
  359. color: #8e0000;
  360. letter-spacing: 1px;
  361. padding: 1px 2px 1px 3px;
  362. margin-right: 2px;}
  363.  
  364.  
  365.  
  366.  
  367.  
  368. .hoverbox {
  369. position: fixed;
  370. background-color: #fff;
  371. opacity: 0;
  372. width: 208px;
  373. height: 235px;
  374. padding: 5px;
  375. left: 1055px;
  376. top: 352px;
  377. font-family: arial;
  378. font-size: 9px;
  379. color: #;
  380. letter-spacing: 0px;
  381. -webkit-transition: all .7s ease-in-out;
  382. }
  383. .hoverbox:hover {
  384. opacity: 1;
  385. top: 280px;
  386.  
  387. }
  388. .hoverbox b {
  389. color: # ;
  390. font-family: calibri;
  391. font-size: 10px;
  392. line-height: 10px;
  393. text-transform: ;
  394.  
  395. }
  396.  
  397.  
  398.  
  399.  
  400.  
  401.  
  402.  
  403.  
  404.  
  405. .hoverbox1 {
  406. position: fixed;
  407. background-color: #fff;
  408. opacity: 0;
  409. width: 367px;
  410. height: 110px;
  411. padding: 5px;
  412. left: 668px;
  413. top: 510px;
  414. font-family: arial;
  415. font-size: 9px;
  416. color: #;
  417. letter-spacing: 0px;
  418. -webkit-transition: all .7s ease-in-out;
  419. }
  420. .hoverbox1:hover {
  421. opacity: 1;
  422. top: 530px;
  423.  
  424. }
  425. .hoverbox1 b {
  426. color: # ;
  427. font-family: calibri;
  428. font-size: 10px;
  429. line-height: 10px;
  430. text-transform: ;
  431. }
  432. </style>
  433.  
  434.  
  435. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: px; height: px; background-color: ; position: absolute; top: 284px; left: 260px; overflow: auto; text-align: left; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
  436.  
  437.  
  438.  
  439.  
  440. <img src="http://i.picpar.com/yDac.png" alt="" width="" />
  441.  
  442.  
  443. </span></div>
  444.  
  445.  
  446.  
  447. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: 109px; height: 66px; background-color: #3d3434 ; position: absolute; top: 352px; left: 695px; overflow: auto; text-align: left; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
  448.  
  449. </div>
  450.  
  451.  
  452. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: px; height: px; background-color: ; position: absolute; top: 357px; left: 700px; overflow: auto; text-align: left; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
  453.  
  454.  
  455.  
  456.  
  457. <img src="http://pa1.narvii.com/5803/891082b28292f785deb71e408d9f2e55a7c12325_hq.gif" alt="" width="100" />
  458.  
  459.  
  460. </span></div>
  461.  
  462.  
  463.  
  464.  
  465.  
  466. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: 109px; height: 66px; background-color: #3d3434 ; position: absolute; top: 352px; left: 815px; overflow: auto; text-align: left; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
  467.  
  468. </div>
  469. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: 109px; height: 66px; background-color: # ; position: absolute; top: 357px; left: 820px; overflow: auto; text-align: left; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
  470. <img src="http://i.picpar.com/eDac.png" alt="" width="100" height="56"/>
  471.  
  472. </div>
  473.  
  474.  
  475.  
  476.  
  477.  
  478.  
  479.  
  480.  
  481. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: 109px; height: 66px; background-color: #3d3434 ; position: absolute; top: 352px; left: 935px; overflow: auto; text-align: left; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
  482.  
  483. </div>
  484. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: 109px; height: 66px; background-color: # ; position: absolute; top: 357px; left: 940px; overflow: auto; text-align: left; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
  485. <img src="http://i.picpar.com/fDac.jpg" alt="" width="100" height="56"/>
  486.  
  487. </div>
  488.  
  489.  
  490.  
  491. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: px; height: px; background-color: ; position: absolute; top: 330px; left: 700px; overflow: auto; text-align: left; border: px solid #fff;"><span style="font-family: impact,times; font-size: medium; color: #000000;">
  492.  
  493. 鬼カイ大鳥 - - Oni kai ōtori
  494.  
  495. </span></div>
  496.  
  497.  
  498.  
  499.  
  500.  
  501.  
  502.  
  503.  
  504. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: 350px; height: 100px; background-color:#fff; position: absolute; top: 425px; left: 695px; overflow: auto; text-align: left; border: px solid #fff;"><span style="font-family: impact,times; font-size: medium; color: #000000;">
  505. </span></div>
  506.  
  507.  
  508. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: 335px; height: 80px; background-color: ; position: absolute; top: 433px; left: 703px; overflow: auto; text-align: left; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: x-small; color: #000000;">
  509.  
  510.  
  511. <b>namesake</b> <u>Onichi Hina Ootori </u><b>alias</b> <a title=" - Yumekui Merry / Dream Demon (夢魔muma) or a.k.a. a Nightmare, is a creature that was born from human dreams. "><i>Kanashibari</i></a>, <a title=" "><i>Ichi</i></a><p>
  512. <b>gender</b> ♀ <b>age</b> <strike>500+</strike> 21 <b>hair</b> Raven <b>optics</b> Silver <P>
  513. <b>complexion</b> Pale | soft <b>height</b> 5'5" <b>weight</b> 114lbs<P>
  514. <b>race</b> <a title=" Yumekui Demon aka a Dream Demon // Instead of a human, Onichi was born from another female Yumekui's dream, dubbing that female her mother."><i>Yumekui Oni</i></a> <b>mark</b> <a title=" Cursed Mark. Located in red on her back. Reason? With her mother disproving of her horribly chaotic nature, even for a demon like such, she cut into her Onichi's back with a cursed blade; leaving in it's wake the mark currently displayed. Unfortunately for her dear mother, and possibly Onichi herself, her true demon nature can't help but to 'shine' through every now and again; leaving her to wreak havoc upon whatever is in her path."><i>マーク</i></a> <b>voice</b> Raspy'n allure<P>
  515. <b>sexuality</b> Heterosexual <b>fancies</b> No... <b>marital</b> Solo
  516. <P><br />
  517.  
  518. <b>"Between being eternally unable to awake from a <br/>dream, and being eternally unable to dream, which <br />do you think would be more unfortunate? Still, both the dream that we deemed eternal and this very reality, are destined to end someday. "</b>
  519.  
  520. </span></div>
  521.  
  522.  
  523.  
  524.  
  525.  
  526. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: 15px; height: 15px; background-color: #3d3434 ; position: absolute; top: 352px; left: 1055px; overflow: auto; text-align: left; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
  527.  
  528. </div>
  529.  
  530.  
  531.  
  532.  
  533.  
  534.  
  535.  
  536.  
  537. <div class="hoverbox">
  538. <div style="float: left; width: 205px; height: 240px; overflow: auto; overflow-x: hidden; border: solid 0px #000; line-height:8px;">
  539.  
  540. <a target="_blank" href="profile.php?user=Nel" target="_blank" data-title=" "><img src="" alt="" width="108" /></a><br />
  541. <span style="font-family: andale mono,times; font-size: xx-small; color: #fff;"><b> Name </b></span><P><span style="font-family: andale mono,times; font-size: 12px; color: #000;"> Text</span><p>
  542.  
  543. </div></div>
  544.  
  545.  
  546.  
  547.  
  548.  
  549.  
  550.  
  551.  
  552. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: 15px; height: 15px; background-color: #3d3434 ; position: absolute; top: 510px; left: 668px; overflow: auto; text-align: left; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"> </span>
  553.  
  554. </div>
  555.  
  556.  
  557. <div class="hoverbox1">
  558. <div style="float: left; width: 360px; height: 240px; overflow: auto; overflow-x: hidden; border: solid 0px #000; line-height:8px;">
  559.  
  560. <b> One of those Out of Character moments </b><P>
  561. <b></b> <span style="font-family: andale mono,times; font-size: x-small; color: #000000;"> I am fairly PM friendly but that doesn't mean I can't be a bit of an asshole at times. <br /><br />
  562.  
  563. <b></b> Literacy is a must. I understand typos are made but please, do at least try. A little.<br /><br />
  564.  
  565.  
  566. <b></b> I do only paragraph to multiple paragraph posts. Please, no one liners. I hate them.<br /><br />
  567.  
  568.  
  569. <b></b> This character is an original I've conjured up therefore I play her however I see fit. <br /><br />
  570.  
  571.  
  572. <b></b> Smut is only for the partner if it even gets that far. She's awfully picky and so am I.<br /><br />
  573.  
  574.  
  575. </div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement