Advertisement
NaotoShirgone

Old Code for Aki

Feb 8th, 2017
172
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.04 KB | None | 0 0
  1. <html>
  2. <body><style>
  3. body {
  4. background-attachment:fixed;
  5. background-color:#000000;
  6. color:#f0f0f0;
  7. }
  8. #mugshot {
  9. z-index:1;
  10. position:fixed;
  11. top:0%;
  12. left:0%;
  13. right:0%;
  14. height:100%;
  15. text-align:center;
  16. }
  17. #mugshot img {
  18. height:100%;
  19. }
  20. #image1, #image2 {
  21. z-index:1;
  22. position:absolute;
  23. top:15%;
  24. width:25%;
  25. opacity:0.9;
  26. }
  27. #image1 {
  28. left:5%;
  29. }
  30. #image2 {
  31. right:5%;
  32. }
  33. #statbox, #infobox, #obox {
  34. position:absolute;
  35. border:1px solid #f0f0f0;
  36. background-color:rgba(0, 0, 0, 0.6);
  37. }
  38. #statbox {
  39. z-index:3;
  40. top:2%;
  41. left:2.5%;
  42. height:10%;
  43. width:95%;
  44. text-align:center;
  45. overflow-y:auto;
  46. }
  47. #statbox li {
  48. display:inline-block;
  49. width:10%;
  50. margin-top:1%;
  51. }
  52. #infobox, #obox {
  53. z-index:2;
  54. top:55%;
  55. height:40%;
  56. width:30%;
  57. }
  58. #infobox {
  59. left:2.5%;
  60. }
  61. #obox {
  62. right:2.5%;
  63. }
  64. #navbar {
  65. position:absolute;
  66. top:3%;
  67. left:3%;
  68. height:8%;
  69. width:94%;
  70. overflow:hidden;
  71. }
  72. #navbar a {
  73. position:absolute;
  74. height:90%;
  75. width:48%;
  76. background-color:#f0f0f0;
  77. border:1px solid #f0f0f0;
  78. }
  79. #navbar a:hover {
  80. background-color:rgba(0, 0, 0, 0.6);
  81. }
  82. #navbar a:first-child {
  83. left:0%;
  84. }
  85. #navbar a:nth-child(2) {
  86. right:0%;
  87. }
  88. #musicbox {
  89. position:absolute;
  90. top:3%;
  91. left:3%;
  92. height:12%;
  93. width:94%;
  94. overflow:hidden;
  95. }
  96. .tab {
  97. height:100%;
  98. width:100%;
  99. overflow-y:auto;
  100. }
  101. p {
  102. text-indent:5%;
  103. }
  104. ::-webkit-scrollbar {
  105. width:8px;
  106. height:8px;
  107. }
  108. ::-webkit-scrollbar-thumb:vertical {
  109. background-color:#000000;
  110. border:1px solid #f0f0f0;
  111. }
  112. ::-webkit-scrollbar-thumb:horizontal {
  113. background-color:#000000;
  114. border:1px solid #f0f0f0;
  115. }
  116. #credit {
  117. z-index:2;
  118. text-decoration:none;
  119. color:#007ba7;
  120. position:fixed;
  121. right:1%;
  122. bottom:0%;
  123. background-color:#ffffff;
  124. border-radius:5px;
  125. font-family: UnifrakturCook, Brush Script MT, script, cursive;
  126. font-size:16px;
  127. }
  128. </style>
  129.  
  130. <div id="mugshot">
  131. <img src="http://i.picpar.com/Odlc.jpg"/>
  132. </div>
  133.  
  134. <img src="http://i.picpar.com/Qdlc.jpg" id="image1"/>
  135.  
  136. <img src="http://i.picpar.com/Rdlc.jpg" id="image2"/>
  137.  
  138. <div id="statbox">
  139. <li><b>Name:</b>
  140. <br>Akira Tsubasa</li>
  141. <li><b>Species:</b>
  142. <br>Cat-Girl, Artificial Ghoul, Glitch</li>
  143. <li><b>Age:</b>
  144. <br>17</li>
  145. <li><b>Hair:</b>
  146. <br>Silver</li>
  147. <li><b>Eyes:</b>
  148. <br>Baby Blue/honey </li>
  149. <li><b>Height:</b>
  150. <br>5'0"</li>
  151. <li><b>Weight:</b>
  152. <br>Secretive.</li>
  153. <li><b>Build:</b>
  154. <br>Busty and Curved</li>
  155. <li><b>Orientation:</b>
  156. <br>Pansexual</li>
  157. <li><br> Status: </b>
  158. <br> Confused... </li>
  159. </ul>
  160. </div>
  161.  
  162. <div id="infobox">
  163. <div id="navbar">
  164. <a href="#01"></a>
  165. <a href="#02"></a>
  166. </div>
  167.  
  168. <div style="position:absolute;top:15%;left:3%;height:82%;width:94%;overflow:hidden;">
  169.  
  170. <div class="tab" id="01">
  171. <h3>About</h3>
  172. <p>
  173. At a young age, Akira and her older Hiro had been abandoned by their own parents. Ever since then, the siblings have grown close together and would always stick together. One day, a scientist took in the two and used them as experiments, inserting ghoul organs into them for an unknown reason. After being nurtured back to proper heath and lessons on how to eat and kill, the siblings embarked on a new journey. Akira, the younger sibling of the two, decided to become a mute after Aki's recent mistake's in an argument. She had decided that her words would hurt more than physical contact itself, so she decided becoming a mute and getting her vocal chords surgically removed would be best. She uses telepathic communications to talk when she needs to. Just recently, Aki had discovered a new side of her, the glitch. Where it came from is unknown, and it only happens when she's severely depressed.
  174. </p>
  175. </div>
  176.  
  177. <div class="tab" id="02">
  178. <h3>Extras</h3>
  179. <p>
  180. Friends:<br>
  181. -Kaito Raid (Current crush?) <br>
  182. -Lord Prometheus / Crim (Adoptive Father / Aunt) <br>
  183. - Hiro Tsubasa (Brother)<br>
  184. - Lillian Bunny Tsubasa (Sister-in-law)<br>
  185. - Gemeni Ryuzaki (Friend )<br>
  186. - Dream Guy (Best Friend)<br>
  187. - Shio Kazami (Friend)<br>
  188. Hex: C77ED8 / 7BB0D8
  189. <br><a target="_blank" href="http://www.thiscrush.com/~akitsubasa" title="akitsubasa's CrushTag"><img src="http://www.thiscrush.com/tags/akitsubasa.jpg" border="0" /></a><br /><a target="_blank" href="http://www.thiscrush.com" title="ThisCrush CrushTag">Get your own CrushTag!</a>
  190. </p>
  191. </div>
  192.  
  193. </div>
  194. </div>
  195.  
  196. <div id="obox">
  197. <div id="musicbox">
  198. <audio controls ="1" loop="1" style="height:100%;width:100%;">
  199. <source src="http://k003.kiwi6.com/hotlink/rocfxomrv0/The_Neighbourhood_-_Sweater_Weather.mp3
  200. " type="audio/mpeg">
  201. </audio>
  202. </div>
  203. <div style="position:absolute;top:17%;left:3%;height:80%;width:94%;overflow-y:auto;">
  204. <h3>OOC</h3>
  205. <ul>
  206. <li>I will not tolerate drama, racism, sexism, homophobia, or anything of the sorts.
  207. </li>
  208. <li>Do NOT ask about my personal life unless I decided to tell you any aspects.</li>
  209. <li>You will only get my Skype or Kik if i fully trust you.</li>
  210. <li>Bullet four</li>
  211. <li>Bullet five</li>
  212. <li>Bullet six</li>
  213. <li>Bullet seven</li>
  214. <li>Bullet eight</li>
  215. </ul>
  216. </div>
  217. </div>
  218.  
  219. <a target="_blank" href="http://ladycerattani.wixsite.com/cera-codes" id="credit" target="_blank" title="VS#14
  220. Firefox 1366x768
  221. Inform me of issues.">Coder</a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement