API tools faq
paste
Advertisement
marshallsmyth

HATSUNE

marshallsmyth
Aug 20th, 2017
240
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.94 KB | None | 0 0
raw download clone embed print report
  1.  
  2. </script>
  3. <body>
  4.  
  5. //
  6.  
  7.  
  8. //
  9.  
  10. <center>
  11. <div style="width:1270px;height:830px;border:5px solid #000;box-shadow:0px 0px 25px 22px #c53c72;background:black;color:#fff;font-family:'Amatica SC', Cursive;">
  12. <div style="width:1270px;height:360px;background:linear-gradient(to right,#e70153,#9d0138 30%,#9d0138 70%,#e70153);overflow:hidden;border-bottom:10px solid #6e204a;">
  13. <div style="width:1300px;height:360px;background:url(http://i.imgur.com/tG1FmNM.png);">
  14.  
  15. <div style="width:316px;height:158px;float:left;margin:10px 0px 0px 51px;border:4px solid #c53c72;background:url(http://i.imgur.com/dt7582P.jpg?1);">
  16. <div style="width:316px;height:158px;background:linear-gradient(to right,rgba(0,0,0,0.3),transparent);">
  17.  
  18.  
  19. </div></div><div style="width:337px;height:49px;float:right;margin:50px 50px 0px 0px;color:#000;text-shadow:1px 1px 2px #c53c72;text-align:right;border-bottom:1px solid #c53c72;letter-spacing:2px;font-weight:bold;font-size:40px;line-height:65px;">
  20.  
  21. Hatsune Miku
  22.  
  23. </div><div style="width:337px;height:89px;float:right;margin:5px 50px 0px 0px;font-size:25px;color:#f40257;text-shadow:1px 1px 5px #000;text-align:right;line-height:30px;letter-spacing:-1px;">
  24.  
  25. ***Anime Singing Star*** *pregnant, due on friday July 28th*
  26.  
  27. </div></div></div>
  28. <div style="width:1300px;height:440px;overflow:hidden;">
  29.  
  30.  
  31.  
  32.  
  33. <a name="1"></a><div style="width:1300px;height:440px;">
  34. <div style="width:1200px;height:40px;margin-bottom:20px;letter-spacing:1px;font-size:15px;line-height:40px;"><a href="#1" style="display:block;width:232px;height:39px;border-bottom:3px solid #f40257;float:left;margin-right:10px;text-decoration:none;color:#fff;background:#6e204a;">Info</a><a href="#2" style="display:block;width:232px;height:39px;border-bottom:3px solid #f40257;float:left;margin-right:10px;text-decoration:none;color:#fff;">Personality</a><a href="#3" style="display:block;width:232px;height:39px;border-bottom:3px solid #f40257;float:left;margin-right:10px;text-decoration:none;color:#fff;">Talents</a><a href="#4" style="display:block;width:232px;height:39px;border-bottom:3px solid #f40257;float:left;margin-right:10px;text-decoration:none;color:#fff;">History</a><a href="#5" style="display:block;width:232px;height:39px;border-bottom:3px solid #f40257;float:left;text-decoration:none;color:#fff;">Relations</a></div>
  35.  
  36. <div style="width:1200px;height:360px;background:radial-gradient(circle,rgba(197,60,114,0.3) 30%,transparent);border:5px solid #f40257;border-radius:20px;">
  37. <div style="width:660px;height:320px;padding:20px;font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;font-size:14px;text-align:justify;">
  38. <div style="width:400px;height:320px;padding-right:10px;overflow:auto;float:left;margin-right:10px;">
  39. <table style="width:395px;color:#fff;float:left;font-size:14px;"><tr><td style="width:110px;opacity:0.8;" valign="top">Name</td><td>
  40.  
  41. Hatsune Miku
  42.  
  43. </td></tr><tr><td style="opacity:0.8;" valign="top">Occupation</td><td>
  44.  
  45. Pop Music Star, VOCALOID Anime
  46.  
  47. </td></tr><tr><td style="opacity:0.8;" valign="top">Nickname</td><td>
  48.  
  49. Saki Fujita the human singer's name
  50.  
  51. <br><br></td></tr><tr><td style="opacity:0.8;" valign="top">Date of Birth</td><td>
  52.  
  53. August 31st, 1996
  54.  
  55. </td></tr><tr><td style="opacity:0.8;" valign="top">Age</td><td>
  56.  
  57. 20, almost 21
  58.  
  59. <br><br></td></tr><tr><td style="opacity:0.8;" valign="top">Sexuality</td><td>
  60.  
  61. Pansexual
  62.  
  63. </td></tr><tr><td style="opacity:0.8;" valign="top">Romantic Status</td><td>
  64.  
  65. The Android Diva, CV01, character voice number one, has had controversial romances within old circles, and therefore wishes to keep her status to herself. She lives in an estate in California, and is well loved there.
  66.  
  67. </td></tr><tr><td style="opacity:0.8;" valign="top">Dating History</td><td>
  68.  
  69. Top Secret
  70.  
  71. <br><br></td></tr><tr><td style="opacity:0.8;" valign="top">Occupation</td><td>
  72.  
  73. Caretaker at a Wildcat Menagerie, in addition to singing professionally
  74.  
  75. </td></tr><tr><td style="opacity:0.8;" valign="top">Residence</td><td>
  76.  
  77. Esther's manor.
  78.  
  79. <br><br></td></tr><tr><td style="opacity:0.8;" valign="top">Mother</td><td>
  80.  
  81. Private
  82.  
  83. </td></tr><tr><td style="opacity:0.8;" valign="top">Father</td><td>
  84.  
  85. Private
  86.  
  87. </td></tr><tr><td style="opacity:0.8;" valign="top">Extended Family</td><td>
  88.  
  89. Hatsune Miku recently joined our family both because it's more fun, and a bit quieter than the wild fans of her homeland.
  90.  
  91. <br><br></td></tr><tr><td style="opacity:0.8;" valign="top">Height</td><td>
  92.  
  93. 5'6"
  94.  
  95. </td></tr><tr><td style="opacity:0.8;" valign="top">Build</td><td>
  96.  
  97. Slim and sexy
  98.  
  99. </td></tr><tr><td style="opacity:0.8;" valign="top">Hair</td><td>
  100.  
  101. *The longest twin tails, Yamaha Vocaloid blue*
  102.  
  103. </td></tr><tr><td style="opacity:0.8;" valign="top">Eyes</td><td>
  104.  
  105. *Deep brown naturally, but often seen in the bright blue-green, (bluer than teal), of Yamaha Vocaloid*
  106.  
  107. <br><br></td></tr><tr><td style="opacity:0.8;" valign="top">Tattoos</td><td>
  108.  
  109. None
  110.  
  111. </td></tr><tr><td style="opacity:0.8;" valign="top">Scars + Marks</td><td>
  112.  
  113. *A small beauty mark on my right butt cheek*
  114.  
  115. </td></tr></table></div>
  116.  
  117. <img src="https://vignette2.wikia.nocookie.net/vocaloid/images/5/57/Miku_v4_bundle_art.png/revision/latest/scale-to-width-down/350?cb=20160831190249" style="width:240px;height:320px;float:left;box-shadow:0px 0px 5px #000;">
  118.  
  119. </div></div></div>
  120.  
  121.  
  122.  
  123.  
  124. <a name="2"></a><div style="width:1300px;height:440px;">
  125. <div style="width:1200px;height:40px;margin-bottom:20px;letter-spacing:1px;font-size:15px;line-height:40px;"><a href="#1" style="display:block;width:232px;height:39px;border-bottom:3px solid #f40257;float:left;margin-right:10px;text-decoration:none;color:#fff;">Info</a><a href="#2" style="display:block;width:232px;height:39px;border-bottom:3px solid #f40257;float:left;margin-right:10px;text-decoration:none;color:#fff;background:#6e204a;">Personality</a><a href="#3" style="display:block;width:232px;height:39px;border-bottom:3px solid #f40257;float:left;margin-right:10px;text-decoration:none;color:#fff;">Talents</a><a href="#4" style="display:block;width:232px;height:39px;border-bottom:3px solid #f40257;float:left;margin-right:10px;text-decoration:none;color:#fff;">History</a><a href="#5" style="display:block;width:232px;height:39px;border-bottom:3px solid #f40257;float:left;text-decoration:none;color:#fff;">Relations</a>
  126. </div><div style="width:1200px;height:360px;background:radial-gradient(circle,rgba(197,60,114,0.3) 30%,transparent);border:5px solid #f40257;border-radius:20px;">
  127. <div style="width:660px;height:320px;padding:20px;font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;font-size:14px;text-align:justify;">
  128.  
  129. <div style="width:315px;height:150px;margin:0px 30px 20px 0px;float:left;">
  130. <div style="width:305px;height:15px;border-bottom:1px solid #c53c72;font-variant:small-caps;font-size:14px;letter-spacing:1px;">Fans</div><div style="width:305px;height:134px;padding-right:10px;overflow:auto;font-size:12px;">
  131.  
  132. <b>□ By</b><br>
  133. Description.<p>
  134.  
  135. <b>□ By</b><br>
  136. Description.<p>
  137.  
  138. </div></div><div style="width:315px;height:150px;margin:0px 0px 20px;float:left;"><div style="width:305px;height:15px;border-bottom:1px solid #c53c72;font-variant:small-caps;font-size:14px;letter-spacing:1px;text-align:right;">Lovers</div><div style="width:305px;height:134px;padding-right:10px;overflow:auto;font-size:12px;">
  139.  
  140. <b>□ By</b><br>
  141. Description.<p>
  142.  
  143. <b>□ By</b><br>
  144. Description.<p>
  145.  
  146. </div></div><div style="width:660px;height:150px;clear:both;">
  147. <div style="width:650px;height:15px;border-bottom:1px solid #c53c72;font-variant:small-caps;font-size:14px;letter-spacing:1px;text-align:center;">General</div><div style="width:650px;height:134px;padding-right:10px;overflow:auto;font-size:12px;">
  148.  
  149. General personality description goes here.<p>
  150.  
  151. </div></div></div></div></div>
  152.  
  153.  
  154.  
  155.  
  156. <a name="3"></a><div style="width:1300px;height:440px;">
  157. <div style="width:1200px;height:40px;margin-bottom:20px;letter-spacing:1px;font-size:15px;line-height:40px;"><a href="#1" style="display:block;width:232px;height:39px;border-bottom:3px solid #f40257;float:left;margin-right:10px;text-decoration:none;color:#fff;">Info</a><a href="#2" style="display:block;width:232px;height:39px;border-bottom:3px solid #f40257;float:left;margin-right:10px;text-decoration:none;color:#fff;">Personality</a><a href="#3" style="display:block;width:232px;height:39px;border-bottom:3px solid #f40257;float:left;margin-right:10px;text-decoration:none;color:#fff;background:#6e204a;">Talents</a><a href="#4" style="display:block;width:232px;height:39px;border-bottom:3px solid #f40257;float:left;margin-right:10px;text-decoration:none;color:#fff;">History</a><a href="#5" style="display:block;width:232px;height:39px;border-bottom:3px solid #f40257;float:left;text-decoration:none;color:#fff;">Relations</a>
  158. </div><div style="width:1200px;height:360px;background:radial-gradient(circle,rgba(197,60,114,0.3) 30%,transparent);border:5px solid #f40257;border-radius:20px;"><div style="width:1150px;height:320px;padding:20px;font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;font-size:14px;text-align:justify;overflow:auto;">
  159.  
  160. More pictures will go in here, perhaps with descriptions
  161.  
  162. </div></div></div>
  163.  
  164.  
  165.  
  166.  
  167. <a name="4"></a><div style="width:1300px;height:440px;">
  168. <div style="width:1200px;height:40px;margin-bottom:20px;letter-spacing:1px;font-size:15px;line-height:40px;"><a href="#1" style="display:block;width:232px;height:39px;border-bottom:3px solid #f40257;float:left;margin-right:10px;text-decoration:none;color:#fff;">Info</a><a href="#2" style="display:block;width:232px;height:39px;border-bottom:3px solid #f40257;float:left;margin-right:10px;text-decoration:none;color:#fff;">Personality</a><a href="#3" style="display:block;width:232px;height:39px;border-bottom:3px solid #f40257;float:left;margin-right:10px;text-decoration:none;color:#fff;">Talents</a><a href="#4" style="display:block;width:232px;height:39px;border-bottom:3px solid #f40257;float:left;margin-right:10px;text-decoration:none;color:#fff;background:#6e204a;">History</a><a href="#5" style="display:block;width:232px;height:39px;border-bottom:3px solid #f40257;float:left;text-decoration:none;color:#fff;">Relations</a>
  169. </div><div style="width:1200px;height:360px;background:radial-gradient(circle,rgba(197,60,114,0.3) 30%,transparent);border:5px solid #f40257;border-radius:20px;"><div style="width:1150px;height:320px;padding:20px;font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;font-size:14px;text-align:justify;overflow:auto;">
  170.  
  171. Paragraphs about history go here.<p>
  172.  
  173.  
  174.  
  175. <div style="height:23px;border-bottom:1px solid #c53c72;color:#c53c72;font-size:20px;">Timeline</div><ul style="list-style-type:square;">
  176.  
  177. <li> #### - Event SHOWS
  178.  
  179. <li> #### - Event HIGHLIGHTS
  180.  
  181. </ul></div></div></div>
  182.  
  183.  
  184.  
  185.  
  186. <a name="5"></a><div style="width:1300px;height:440px;">
  187. <div style="width:1200px;height:40px;margin-bottom:20px;letter-spacing:1px;font-size:15px;line-height:40px;"><a href="#1" style="display:block;width:232px;height:39px;border-bottom:3px solid #f40257;float:left;margin-right:10px;text-decoration:none;color:#fff;">Info</a><a href="#2" style="display:block;width:232px;height:39px;border-bottom:3px solid #f40257;float:left;margin-right:10px;text-decoration:none;color:#fff;">Personality</a><a href="#3" style="display:block;width:232px;height:39px;border-bottom:3px solid #f40257;float:left;margin-right:10px;text-decoration:none;color:#fff;">Talents</a><a href="#4" style="display:block;width:232px;height:39px;border-bottom:3px solid #f40257;float:left;margin-right:10px;text-decoration:none;color:#fff;">History</a><a href="#5" style="display:block;width:232px;height:39px;border-bottom:3px solid #f40257;float:left;text-decoration:none;color:#fff;background:#6e204a;">Relations</a>
  188. </div><div style="width:1200px;height:360px;background:radial-gradient(circle,rgba(197,60,114,0.3) 30%,transparent);border:5px solid #f40257;border-radius:20px;"><div style="width:1160px;height:320px;padding:20px;font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;font-size:14px;text-align:justify;overflow:auto;">
  189.  
  190.  
  191. □ Note goes here.<p>
  192.  
  193.  
  194. <hr size="1" color="#6e204a">
  195.  
  196. <figure style="width:102px;height:102px;float:left;margin:0px 20px 20px 90px;"><a target="_blank" href="https://roleplay.chat/profile.php?user=esther"><img src="http://i.imgur.com/Y21tMHs.png?2" style="width:100px;height:100px;border:1px solid #6e204a;" title="My Mistress 3"></a><figcaption style="text-align:center;">Mistress Esther</figcaption></figure>
  197. <figure style="width:102px;height:102px;float:left;margin:0px 20px 20px 0px;"><a href="JOURNALURL"><img src="http://i.imgur.com/9RrbyST.png" style="width:100px;height:100px;border:1px solid #6e204a;" title="RELATIONSHIP"></a><figcaption style="text-align:center;">Name</figcaption></figure>
  198. <figure style="width:102px;height:102px;float:left;margin:0px 20px 20px 0px;"><a href="JOURNALURL"><img src="http://i.imgur.com/9RrbyST.png" style="width:100px;height:100px;border:1px solid #6e204a;" title="RELATIONSHIP"></a><figcaption style="text-align:center;">Name</figcaption></figure>
  199. <figure style="width:102px;height:102px;float:left;margin:0px 0px 20px 0px;"><a href="JOURNALURL"><img src="http://i.imgur.com/9RrbyST.png" style="width:100px;height:100px;border:1px solid #6e204a;" title="RELATIONSHIP"></a><figcaption style="text-align:center;">Name</figcaption></figure>
  200.  
  201. <figure style="width:102px;height:102px;float:left;margin:0px 20px 20px 90px;"><a href="JOURNALURL"><img src="http://i.imgur.com/9RrbyST.png" style="width:100px;height:100px;border:1px solid #6e204a;" title="RELATIONSHIP"></a><figcaption style="text-align:center;">Name</figcaption></figure>
  202. <figure style="width:102px;height:102px;float:left;margin:0px 20px 20px 0px;"><a href="JOURNALURL"><img src="http://i.imgur.com/9RrbyST.png" style="width:100px;height:100px;border:1px solid #6e204a;" title="RELATIONSHIP"></a><figcaption style="text-align:center;">Name</figcaption></figure>
  203. <figure style="width:102px;height:102px;float:left;margin:0px 20px 20px 0px;"><a href="JOURNALURL"><img src="http://i.imgur.com/9RrbyST.png" style="width:100px;height:100px;border:1px solid #6e204a;" title="RELATIONSHIP"></a><figcaption style="text-align:center;">Name</figcaption></figure>
  204. <figure style="width:102px;height:102px;float:left;margin:0px 0px 20px 0px;"><a href="JOURNALURL"><img src="http://i.imgur.com/9RrbyST.png" style="width:100px;height:100px;border:1px solid #6e204a;" title="RELATIONSHIP"></a><figcaption style="text-align:center;">Name</figcaption></figure>
  205.  
  206. </div></div></div></div>
  207. <div style="width:1100px;height:20px;font-size:10px;letter-spacing:1px;">
  208.  
  209.  
  210.  
  211. </div></div><div style="width:1270px;text-align:right;padding-right:30px;opacity:0.7;color:#000;font-size:11px;letter-spacing:1px;">code by <a target="_blank" href="http://morethancostume.insanejournal.com/" style="color:#9b3b61;">morethancostume</a></div>
  212. </center>
  213.  
  214.  
  215.  
  216.  
  217. </body>
  218. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!