Advertisement
NaotoShirgone

AKI

Feb 8th, 2017
197
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.90 KB | None | 0 0
  1.  
  2. <style>
  3. body {
  4. background-image:url(http://cdn.wallpapersafari.com/67/1/0xgmBD.jpg);
  5. background-repeat:no-repeat;
  6. background-size:100% 100%;
  7. background-attachment:fixed;
  8. font-size:110%;
  9. color:#808080;
  10. text-shadow:0px 0px 5px #ff69b4;
  11. }
  12. .mugbox, .infobox {
  13. position:fixed;
  14. height:45%;
  15. background-color:rgba(255,182,193,0.8);
  16. }
  17. .mugbox {
  18. width:30%;
  19. }
  20. .mugshot {
  21. position:absolute;
  22. top:2%;
  23. left:11%;
  24. height:96%;
  25. width:77%;
  26. overflow:hidden;
  27. text-align:center;
  28. }
  29. .mugshot img {
  30. height:100%;
  31. }
  32. #m1 {
  33. top:0%;
  34. left:60%;
  35. transform:skewX(15deg);
  36. }
  37. #m2 {
  38. bottom:0%;
  39. right:60%;
  40. transform:skewX(-15deg);
  41. }
  42. .infobox {
  43. width:60%;
  44. }
  45. #i1 {
  46. top:0%;
  47. left:-5%;
  48. transform:skewX(15deg);
  49. }
  50. #i2 {
  51. bottom:0%;
  52. right:-5%;
  53. transform:skewX(-15deg);
  54. }
  55. .info {
  56. position:absolute;
  57. top:25%;
  58. height:70%;
  59. overflow-y:auto;
  60. }
  61. #one {
  62. left:10.5%;
  63. width:37.5%;
  64. transform:skewX(-15deg);
  65. text-align:center;
  66. }
  67. #two {
  68. left:50%;
  69. width:45%;
  70. transform:skewX(-15deg);
  71. text-align:center;
  72. }
  73. #three {
  74. right:10.5%;
  75. width:83%;
  76. transform:skewX(15deg);
  77. }
  78. #title {
  79. position:absolute;
  80. top:5%;
  81. left:20%;
  82. height:20%;
  83. width:60%;
  84. text-align:center;
  85. }
  86. h1 {
  87. margin:0%;
  88. color:#ffffff;
  89. }
  90. p {
  91. text-indent:5%;
  92. }
  93. a {
  94. color:#8b008b;
  95. font-weight:bold;
  96. }
  97. ::-webkit-scrollbar {
  98. width:8px;
  99. height:8px;
  100. background-color:transparent;
  101. }
  102. ::-webkit-scrollbar-thumb:vertical {
  103. background-color:#ffffff;
  104. }
  105. ::-webkit-scrollbar-thumb:horizontal {
  106. background-color:#ffffff;
  107. }
  108. #credit {
  109. text-decoration:none;
  110. color:#007ba7;
  111. position:fixed;
  112. left:1%;
  113. bottom:0%;
  114. background-color:#ffffff;
  115. border-radius:5px;
  116. font-family: UnifrakturCook, Brush Script MT, script, cursive;
  117. font-size:16px;
  118. }
  119. </style>
  120.  
  121. <div class="infobox" id="i1">
  122. <div id="title">
  123. <h1>Aki Tsubasa</h1>
  124. </div>
  125. <div class="info" id="one">
  126. <font size=3><b>Species:</b> Cat-Girl, Artificial Ghoul, Glitch
  127. <br>
  128. <b>Gender:</b> Female
  129. <br>
  130. <b>Age:</b>17
  131. <br>
  132. <b>Hair:</b> Silver
  133. <br>
  134. <b>Eyes:</b> Baby Blue/honey
  135. <br>
  136. <b>Height:</b> 5'0"
  137. <br>
  138. <b>Weight:</b> Secret
  139. <br>
  140. <b>Build:</b> Busty and Curved
  141. <br>
  142. <b>Orientation:</b>Taken
  143. </font>
  144. </div>
  145.  
  146. <div class="info" id="two">
  147. <u><b>OOC</b></u>
  148. <li>I will not tolerate drama, racism, sexism, homophobia, or anything of the sorts.</li>
  149. <li>Do NOT ask about my personal life unless I decided to tell you any aspects.</li>
  150. <li>You will only get my Skype or Kik if i fully trust you.</li>
  151. <li>My Daddy will kill you In game.</li>
  152. </div>
  153. </div>
  154.  
  155. <div class="mugbox" id="m1">
  156. <div class="mugshot" style="transform:skewX(-15deg);">
  157. <img src="http://img-cache.cdn.gaiaonline.com/5d00c7c5e4b683b4c999b71dff9626c4/http://i65.photobucket.com/albums/h232/Ookami_Lykaios/Anime%20Girls/white_hair_blue_fox-1-1.jpg"/>
  158. </div>
  159. </div>
  160.  
  161. <div class="mugbox" id="m2">
  162. <div class="mugshot" style="transform:skewX(15deg);">
  163. <img src="http://i.picpar.com/Odlc.jpg"/>
  164. </div>
  165. </div>
  166.  
  167. <div class="infobox" id="i2">
  168. <div id="title">
  169. <h1>Information</h1>
  170. </div>
  171. <div class="info" id="three">
  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.  
  176. </div>
  177. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement