Advertisement
owlette

miyoko;

May 14th, 2014
189
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.84 KB | None | 0 0
  1. <style type="text/css">
  2. .pfor {display: none;}
  3. #profile {background-color: transparent;}
  4. #profile {border: 0px;}
  5. </style>
  6.  
  7.  
  8.  
  9.  
  10. <style type="text/css">
  11.  
  12. ::-webkit-scrollbar-thumb:vertical {background-color:#8DB03C;height:75px;}
  13. ::-webkit-scrollbar {height:0px;width:5px;background-color: black;}
  14.  
  15. iframe#tumblr_controls {
  16. right:3px !important;
  17. position: fixed !important;
  18. -webkit-transition: opacity 0.7s linear;
  19. opacity: 0.6;
  20. -webkit-transition: all 0.8s ease-out;
  21. -moz-transition: all 0.8s ease-out;
  22. transition: all 0.8s ease-out;
  23. }
  24.  
  25. iframe#tumblr_controls:hover {
  26. -webkit-transition: opacity 0.7s linear;
  27. opacity: 1;
  28. -webkit-transition: all 0.4s ease-out;
  29. -moz-transition: all 0.4s ease-out;
  30. transition: all 0.4s ease-out;
  31. }
  32.  
  33. body{
  34. background-color:#fff;
  35. background-image:url('http://i.picpar.com/k3G.jpg');
  36. background-attachment:fixed;
  37.  
  38. font-family:georgia;font-size:9px;
  39. color:#555;
  40. cursor: url(http://media.tumblr.com/tumblr_lqcmexUvFW1qfc7qm.png), progress !important;
  41. }
  42.  
  43. a, a:link, a:visited, a:active{
  44. color: green;
  45. text-decoration:none;
  46. -webkit-transition:all 0.5s ease-out;
  47. -moz-transition:all 0.5s ease-out;
  48. -o-transition:all 0.5s ease-out;
  49. transition:all 0.5s ease-out;
  50. }
  51.  
  52. a:hover{
  53. color: white;
  54. cursor: url(http://media.tumblr.com/tumblr_lqcmexUvFW1qfc7qm.png), progress !important;
  55. -webkit-transition:all 0.5s ease-out;
  56. -moz-transition:all 0.5s ease-out;
  57. -o-transition:all 0.5s ease-out;
  58. transition:all 0.5s ease-out;
  59. }
  60.  
  61. b {
  62. font-family: tahoma;
  63. letter-spacing: 1px;
  64. font-size: 7px;
  65. color: #8DB03C;
  66. }
  67.  
  68. i {
  69. font-family: tahoma;
  70. letter-spacing: 1px;
  71. font-size: 7px;
  72. font-style:italic;
  73. color: #6C6C6C;
  74. }
  75.  
  76. img, a img{
  77. opacity:1;
  78. -webkit-transition:all 0.7s ease-out;
  79. -moz-transition:all 0.7s ease-out;
  80. -o-transition:all 0.7s ease-out;
  81. transition:all 0.7s ease-out;
  82. }
  83.  
  84. #box{
  85. width:500px;
  86.  
  87.  
  88. -webkit-transition:all 0.8s ease-out;
  89. -moz-transition:all 0.8s ease-out;
  90. -o-transition:all 0.8s ease-out;
  91. }
  92.  
  93. #box:hover #perma{
  94. opacity:1;
  95. background-color:#eee;
  96. margin-left:900px;
  97.  
  98.  
  99. }
  100.  
  101. #marshmallow{
  102. top:50px;
  103. left:70px;
  104. width:300px;
  105. height:auto;
  106. position:fixed;
  107. }
  108.  
  109. #marshmallow1{
  110. top:40px;
  111. left:70px;
  112. width:300px;
  113. height:auto;
  114. position:fixed;
  115. }
  116.  
  117. #marshmallow2{
  118. top:30px;
  119. left:70px;
  120. width:300px;
  121. height:auto;
  122. position:fixed;
  123. }
  124.  
  125. #marshmallow3{
  126. overflow: auto;
  127. top:20px;
  128. left:70px;
  129. width:300px;
  130. height:auto;
  131. position:fixed;
  132. }
  133.  
  134.  
  135. #picu{
  136. -webkit-border-top-left-radius:100px;
  137. -webkit-border-top-right-radius:100px;
  138. }
  139.  
  140. #navibar{
  141. background-color: black;
  142. height:10px;
  143. width:200px;
  144. font-family:tinytots;
  145. font-size:8px;
  146. text-transform:uppercase;
  147. color:#bbb;
  148. padding-top:2px;
  149. text-align:center;
  150. letter-spacing:2px;
  151. margin-top:0px;
  152. -webkit-border-bottom-left-radius:7px;
  153. -webkit-border-bottom-right-radius:7px;
  154. }
  155.  
  156. .navi{
  157. position:absolute;
  158. width:10px;
  159. font-family:arial;
  160. text-transform:uppercase;
  161. padding:3px;
  162. font-size:9px;
  163. color:#000;
  164. opacity:0;
  165. left:40px;
  166. margin-top:10px;
  167. text-align:center;
  168. -webkit-border-bottom-left-radius:7px;
  169. -webkit-border-bottom-right-radius:7px;
  170. -webkit-transition:all 0.5s ease-out;
  171. -moz-transition:all 0.5s ease-out;
  172. -o-transition:all 0.5s ease-out;
  173. transition:all 0.5s ease-out;
  174. }
  175.  
  176.  
  177. #b1{
  178. height:auto;
  179. background-color: black;
  180. left:100px;
  181. }
  182.  
  183. #b1:hover{
  184. border-top:9px solid #1F8163;
  185. }
  186.  
  187. #b2{
  188. height:auto;
  189. background-color: black;
  190. left:120px;
  191. }
  192.  
  193. #b2:hover{
  194. border-top:9px solid #1F8163;
  195. }
  196.  
  197. #b3{
  198. height:auto;
  199. background-color: black;
  200. left:140px;
  201. }
  202.  
  203. #b3:hover{
  204. border-top:9px solid #1F8163;
  205. }
  206.  
  207. #b4{
  208. height:auto;
  209. background-color:black;
  210. left:160px;
  211. }
  212.  
  213. #b4:hover{
  214. border-top:9px solid #1F8163;
  215. }
  216.  
  217. #b5{
  218. height:auto;
  219. background-color:black;
  220. left:180px;
  221. }
  222.  
  223. #b5:hover{
  224. border-top:9px solid #1F8163;
  225. }
  226.  
  227. #navibar:hover .navi{
  228. opacity:.7;
  229. margin-top:10px;
  230. -webkit-transition:all 0.5s ease-out;
  231. -moz-transition:all 0.5s ease-out;
  232. -o-transition:all 0.5s ease-out;
  233. transition:all 0.5s ease-out;
  234. }
  235.  
  236. #about{
  237. overflow: auto;
  238. background-color: black;
  239. font-family:skinny;
  240. text-align:right;
  241. line-height:13px;
  242. font-size:8px;
  243. color: white;
  244. width:190px;
  245. padding-left:5px;
  246. padding-right:5px;
  247. padding-top:1px;
  248. padding-bottom:2px;
  249. left:15px;
  250. opacity:1;
  251. height:10px;
  252. -webkit-transition:all 0.5s ease-out;
  253. -moz-transition:all 0.5s ease-out;
  254. -o-transition:all 0.5s ease-out;
  255. transition:all 0.5s ease-out;
  256. }
  257.  
  258. #about:hover{
  259. height:100px;
  260. background-color: black;
  261. -webkit-transition:all 0.5s ease-out;
  262. -moz-transition:all 0.5s ease-out;
  263. -o-transition:all 0.5s ease-out;
  264. transition:all 0.5s ease-out;
  265. }
  266.  
  267.  
  268. #show{15px;font-family:tinytots;text-transform:uppercase;letter-spacing:2px;color:#8DB03C;}
  269. #hidden{15px;}
  270.  
  271.  
  272. @font-face {font-family: "skinny";src: url('http://static.tumblr.com/iuggpng/dzLlzvdcs/skinny.ttf');}
  273.  
  274. @font-face {font-family: "silkscreen";src: url('http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf');}
  275.  
  276. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  277.  
  278.  
  279. </style>
  280.  
  281. <div id="marshmallow">
  282. <img src="http://sadpanda.us/images/1615023-HNGHOG4.jpg" id="picu" width="200px">
  283. <div id="about"><div id="show"><center>Born</center></div>
  284. <div id="hidden">
  285.  
  286.  
  287. <b><u>Name:</u></b>
  288. <br>Miyoko Hikari
  289. <br><b><u>Race:</u></b>
  290. <br>Human
  291. <br><b><u>Age:</u></b>
  292. <br>24
  293. <br><b><u>Gender:</u></b>
  294. <br>Female
  295. <br><b><u>Orientation:</u></b>
  296. <br>Heterosexual
  297. <br><b><u>?Relationship Status?:</u></font></b>
  298. <br> <a href="profile.php?user=Humming+Brook" target="_blank">My Soul King~.</a>
  299. <br><b><u>Height:</u></b>
  300. <br>5'7"
  301. <br><b><u>Weight:</u></b>
  302. <br>115 lbs
  303. <br><b><u>Location:</u></b>
  304. <br>Where ever the wind takes her.
  305. <br><b><u>Occupation:</u></b>
  306. <br> Starving artist, but often has to take up odd jobs to help support herself.
  307.  
  308. <br><b><u>Personality:</u></b>
  309.  
  310. <br>Miyoko is a very <b>sweet</b> and <i>affectionate</i> woman, almost capable of giving anyone diabetes, and loves to make new friends. However, do not be <i>fooled</i>, she is perfectly capable of defending herself and will cause bodily harm if necessary. <b>Little</b> upsets her and when she is upset or angry, she keeps to herself so that her mood does not <i>offend</i> or get to others. If she is in an absolutely <b>foul</b> mood, which is rare, she shuts everyone away.
  311.  
  312.  
  313.  
  314. <br><b><u>Likes:</u></b>
  315. <br>Anything <b><font color="#669900">Green</font></b>, black, or white.
  316. <br>Mostly neutral colors
  317. <br>Anything sweet sweet.
  318. <br>Scarfs ( She collects them. )
  319. <br>Sweet Tea/ Green Tea, hot or cold.
  320. <br>Video Games
  321. <br>Japanese Rock/Metal
  322.  
  323. <br><b><u>Dislikes:</u></b>
  324. <br>Not a whole lot.
  325.  
  326.  
  327. </div></div>
  328.  
  329. <div id="marshmallow1">
  330. <img src="http://sadpanda.us/images/1615023-HNGHOG4.jpg" id="picu" width="200px">
  331.  
  332. <div id="about"><div id="show"><center>From</center></div>
  333.  
  334.  
  335. WIP.
  336.  
  337.  
  338. </div>
  339. </div>
  340.  
  341. <div id="marshmallow2">
  342. <img src="http://sadpanda.us/images/1615023-HNGHOG4.jpg" id="picu" width="200px">
  343.  
  344. <div id="about"><div id="show"><center>The</center></div>
  345.  
  346.  
  347. Through a deal made <b>centuries</b> ago, in feudal Japan when demons and the like roamed, the Hikari family was given away to the <i>darkness</i>, their bloodline belonging to the shadows alone. The members were made vessels, harborers of the purest evil from the depths of <b>hell</b>, and were cursed to forever hold such burden. However, in exchange, they were given the power to control the darkness, to bend the <i>shadows</i> to their will, so long as they... "fed" the darkness within. Each family member had a different darkness about them. Their <b>"ugly"</b> inner selves shaped the darkness just as much as the darkness shaped them. Because of this, the darkness was able to change them and mold them into a <i>disgusting</i> and grotesque form that would show their own inner evil. Their ugliest, saddest inner self. Such a form only made it and its vessel more powerful.
  348.  
  349.  
  350. </div>
  351. </div>
  352.  
  353. <div id="marshmallow3">
  354. <img src="http://sadpanda.us/images/1615023-HNGHOG4.jpg" id="picu" width="200px">
  355.  
  356. <div id="about"><div id="show"><center>Darkness</center></div>
  357.  
  358. I will not RP smut with you. I'm happily taken IC and OOC. ALL I NEED IS MY SKELETON.
  359. <br>Very PM friendly~!
  360. <br>I match what I recieve~!
  361. <br>Long term RP loved~.
  362. <br>ONE PIECE IS PRETTY AWESOME. YOU SHOULD JOIN THE ONE PIECE RP GROUP. Ask me or Humming Brook for details~
  363. <br>This profile was made by a <a href="http://3.roleplaychat.org/profile.php?user=Perona">friend</a>, don't steal.
  364.  
  365.  
  366. </div>
  367. </div>
  368.  
  369. <div id="navibar">Navigate
  370.  
  371. <a href="" id="b1" class="navi">l i n k</a>
  372.  
  373.  
  374. <a href="" id="b2" class="navi">l i n k</a>
  375.  
  376.  
  377. <a href="" id="b3" class="navi">l i n k</a>
  378.  
  379.  
  380. <a href="" id="b4" class="navi">l i n k</a>
  381.  
  382. <a href="" id="b5" class="navi">l i n k</a>
  383.  
  384.  
  385.  
  386. </div>
  387.  
  388. </div></div>
  389. </div>
  390.  
  391.  
  392. </style>
  393. <IMG STYLE="position:absolute; TOP:100; LEFT:600px;" SRC="http://i.picpar.com/j3G.png" width="500">
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement