SHARE
TWEET

Hakuoki Wiki Style Profile

a guest Jul 15th, 2017 405 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--Hello, and thank you for using this mock-wiki style profile I made! You are allowed to fix, add, change, and remove anything you see fit in this profile! What I ask is for you to credit me (anywhere will do!) and to please do NOT sell these for your own! These are for FREE and anyone can use it! I'm even allowing to make heavy modified changes, so long as credit stays!-->
  2.  
  3. <!--Anyway, I've made it so that this profile is editable even if WYSIWYG mode is turned on. However, do note that the anchors for the contents page WILL GET DESTROYED if you edit the main font, size, and or color of the entire page without turning off WYSISYG! So please be reminded of that when you do edit this! Well, enjoy and I hope you have a kick using this! ^^ (btw, as a note, this wiki-profile is customized for my OWN OC and has sections derived from Hijikata's and Chizuru's wiki page) -->
  4.  
  5. <table style="border: none; width: 1235px; margin-top: 0px; margin-bottom: 0px; float: left; height: 1014px;">
  6. <tbody>
  7. <tr>
  8. <td style="background: #474646; border: 1px solid #D5D4D4; padding: 10px 15px; text-align: left; background-repeat: repeat; margin: 0px auto 20px auto;">
  9. <h1 style="color: #D5D4D4; border-bottom: 1px solid #D5D4D4; font-weight: bold; font-size: 27pt;">Oc Name</h1>
  10.  
  11. <div class="container mx-auto; pull-right" style="width:410px;">
  12. <div class="card" style="background-color:#FFF;border:none;">
  13. <div class="card-block">
  14. <span class="card" style="text-align: center; background-color: #212326; color: #FFF; font-weight: bold; text-transform: uppercase; padding:1em;"><font size="4">Oc Name</font> 漢字 名前</span>
  15. <table style="border:1px solid #FFF; width: 350px; float: right; padding: 0px 0px;">
  16. <tbody>
  17. <tr>
  18. <td style="background: #fff; text-align: center; margin: 0px; border-collapse: collapse;" colspan="2"><img src="https://vignette3.wikia.nocookie.net/hakuouki/images/3/30/Hijikata.png/revision/latest/scale-to-width-down/220?cb=20140815153812" width="220" height="694" alt="Mitsurugi" />
  19. </td>
  20. </tr>
  21. <tr>
  22. <td colspan="2" style="width:100%;text-align:left;background-color:#212326;padding-left:5px;"><span style="color: #fff"><b>Characteristics</b></span>
  23. </tr>
  24. <tr>
  25. <td colspan="1" style="width:35%;text-align: right;background-color: #fff; padding-left: 5px;"><span style="color: #212326"><b>Gender</b></span>
  26. </td>
  27. <td colspan="1" style="width:65%; text-align: left; background-color: #fff; padding-left:5px; border-left: 1px solid #212326;"><span style="color: #212326">//INSERT INFO HERE//</span>
  28. </td>
  29. </tr>
  30. <tr>
  31. <td colspan="1" style="width:35%;text-align: right;background-color: #fff; padding-left: 5px;"><span style="color: #212326"><b>Race</b></span>
  32. </td>
  33. <td colspan="1" style="width:65%; text-align: left; background-color: #fff; padding-left:5px; border-left: 1px solid #212326;"><span style="color: #212326">//INSERT INFO HERE//</span>
  34. </td>
  35. </tr>
  36. <tr>
  37. <td colspan="1" style="width:35%;text-align: right;background-color: #fff; padding-left: 5px;"><span style="color: #212326"><b>Age</b></span>
  38. </td>
  39. <td colspan="1" style="width:65%; text-align: left; background-color: #fff; padding-left:5px; border-left: 1px solid #212326;"><span style="color: #212326">//INSERT INFO HERE//</span>
  40. </td>
  41. </tr>
  42. <tr>
  43. <td colspan="1" style="width:35%;text-align: right;background-color: #fff; padding-left: 5px;"><span style="color: #212326"><b>Height</b></span>
  44. </td>
  45. <td colspan="1" style="width:65%; text-align: left; background-color: #fff; padding-left:5px; border-left: 1px solid #212326;"><span style="color: #212326">//INSERT INFO HERE//</span>
  46. </td>
  47. </tr>
  48. <tr>
  49. <td colspan="1" style="width:35%;text-align: right;background-color: #fff; padding-left: 5px;"><span style="color: #212326"><b>Eye Color</b></span>
  50. </td>
  51. <td colspan="1" style="width:65%; text-align: left; background-color: #fff; padding-left:5px; border-left: 1px solid #212326;"><span style="color: #212326">//INSERT INFO HERE//</span>
  52. </td>
  53. </tr>
  54. <tr>
  55. <td colspan="1" style="width:35%;text-align: right;background-color: #fff; padding-left: 5px;"><span style="color: #212326"><b>Hair Color</b></span>
  56. </td>
  57. <td colspan="1" style="width:65%; text-align: left; background-color: #fff; padding-left:5px; border-left: 1px solid #212326;"><span style="color: #212326">//INSERT INFO HERE//</span>
  58. </td>
  59. </tr>
  60. <tr>
  61. <td colspan="2" style="width:100%;text-align:left;background-color:#212326;padding-left:5px;"><span style="color: #fff"><b>Relatives</b></span>
  62. </tr>
  63. <tr>
  64. <td colspan="1" style="width:35%;text-align: right;background-color: #fff; padding-left: 5px;"><span style="color: #212326"><b>Mother</b></span>
  65. </td>
  66. <td colspan="1" style="width:65%; text-align: left; background-color: #fff; padding-left:5px; border-left: 1px solid #212326;"><span style="color: #212326">//INSERT INFO HERE//</span>
  67. </td>
  68. </tr>
  69. <tr>
  70. <td colspan="1" style="width:35%;text-align: right;background-color: #fff; padding-left: 5px;"><span style="color: #212326"><b>Father</b></span>
  71. </td>
  72. <td colspan="1" style="width:65%; text-align: left; background-color: #fff; padding-left:5px; border-left: 1px solid #212326;"><span style="color: #212326">//INSERT INFO HERE//</span>
  73. </td>
  74. </tr>
  75. <tr>
  76. <td colspan="1" style="width:35%;text-align: right;background-color: #fff; padding-left: 5px;"><span style="color: #212326"><b>Sibling</b></span>
  77. </td>
  78. <td colspan="1" style="width:65%; text-align: left; background-color: #fff; padding-left:5px; border-left: 1px solid #212326;"><span style="color: #212326">//INSERT INFO HERE//</span>
  79. </td>
  80. </tr>
  81. <tr>
  82. <td colspan="2" style="width:100%;text-align:left;background-color:#212326;padding-left:5px;"><span style="color: #fff"><b>Professional Attributes</b></span>
  83. </tr>
  84. <tr>
  85. <td colspan="1" style="width:35%;text-align: right;background-color: #fff; padding-left: 5px;"><span style="color: #212326"><b>Faction</b></span>
  86. </td>
  87. <td colspan="1" style="width:65%; text-align: left; background-color: #fff; padding-left:5px; border-left: 1px solid #212326;"><span style="color: #212326">//INSERT INFO HERE//<br />//INSERT INFO HERE//</span>
  88. </td>
  89. </tr>
  90. <tr>
  91. <td colspan="1" style="width:35%;text-align: right;background-color: #fff; padding-left: 5px;"><span style="color: #212326"><b>Rank</b></span>
  92. </td>
  93. <td colspan="1" style="width:65%; text-align: left; background-color: #fff; padding-left:5px; border-left: 1px solid #212326;"><span style="color: #212326">//INSERT INFO HERE//<br />//INSERT INFO HERE//</span>
  94. </td>
  95. </tr>
  96. <tr>
  97. <td colspan="2" style="width:100%;text-align:left;background-color:#212326;padding-left:5px;"><span style="color: #fff"><b>Voice Actors</b></span>
  98. </tr>
  99. <tr>
  100. <td colspan="1" style="width:35%;text-align: right;background-color: #fff; padding-left: 5px;"><span style="color: #212326"><b>Japanese</b></span>
  101. </td>
  102. <td colspan="1" style="width:65%; text-align: left; background-color: #fff; padding-left:5px; border-left: 1px solid #212326;"><span style="color: #212326">//INSERT INFO HERE//</span>
  103. </td>
  104. </tr>
  105. <tr>
  106. <td colspan="1" style="width:35%;text-align: right;background-color: #fff; padding-left: 5px;"><span style="color: #212326"><b>English</b></span>
  107. </td>
  108. <td colspan="1" style="width:65%; text-align: left; background-color: #fff; padding-left:5px; border-left: 1px solid #212326;"><span style="color: #212326">//INSERT INFO HERE//</span>
  109. </td>
  110. </tr>
  111. </table>
  112. <br />
  113. <span class="card" style="text-align: center; background-color: #212326; color: #FFF; font-weight: bold; padding:1em;"><font size="3"><a href="/" style="color: #FFF;"><b>Gallery Link</b></a></span>
  114. </div>
  115. </div>
  116. </div>
  117. <p style="color: #D5D4D4; font-size: 11pt; font-family: sans-serif; padding-left: 30px; text-align: justify;"><em>&quot;Non est ad astra mollis e terris via. Nutritur vento. Vento restinguitur ignis. Dona nobis pacem.&quot;<br></em>―Insert whoever</p><br/>
  118.  
  119. <p style="color: #D5D4D4; font-size: 11pt; text-align: left;"><span style="font-family: arial, helvetica, sans-serif;">Quo prima graeco fierent an. Ipsum iriure mei an. In vis quod stet, aliquam temporibus id vim, dicam vituperata ius ad. Purto adipiscing id mei. Exerci contentiones quo ei, cu clita blandit persequeris sea. Imperdiet assentior ea sea. Solum facete in sed, id pri aperiri signiferumque, te pri solum postea.</span></p>
  120.  
  121. <div style="width: 200px; background: #474646; color: #D5D4D4; border: 1px solid #3A3A3A; padding: 10px 15px; text-align: left; margin: 10px  10px;">
  122. <p style="color: #D5D4D4; text-align: center;"><span style="font-family: arial, helvetica, sans-serif;">Contents</span></p>
  123. <p style="text-align: left;">1 <a href="#A">Appearance</a><br/>
  124. 2 <a href="#PE">Personality</a><br/>
  125. 3 <a href="#SaA">Skills and Abilities</a><br/>
  126. 4 <a href="#H">History</a><br/>
  127. <div style="padding-left: 2em; text-indent: -2em;">5 <a href="#P">Plot</a><br/>
  128. 5.1 <a href="#RM">Reimeiroku</a><br/>
  129. 5.2 <a href="#S1">First Season</a><br/>
  130. 5.3 <a href="#S2">Second Season</a><br/>
  131. 5.4 <a href="#SSL">Hakuoki SSL</a><br/></div>
  132. 6 <a href="#Q">Quotes</a><br/>
  133. 7 <a href="#T">Trivia</a></p></div><br/>
  134.  
  135. <a name="A"></a><h3 style="color: #D5D4D4; border-bottom: 1px solid #D5D4D4; text-align: left; font-size: 15pt;"><span style="font-family: arial, helvetica, sans-serif;">Appearance</span></h3>
  136. <p style="color: #D5D4D4; font-size: 11pt; text-align: left;">Lorem ipsum dolor sit amet, sit ut justo ubique probatus. Modo novum ex eam, sonet antiopam periculis sit id, perpetua volutpat consectetuer mea te. At eam quas augue, elitr dolore laudem ut per, aeque simul audire ut nam. Ad facer augue novum vim.</p><br/>
  137.  
  138. <a name="PE"></a><h3 style="color: #D5D4D4; border-bottom: 1px solid #D5D4D4; text-align: left; font-size: 15pt;"><span style="font-family: arial, helvetica, sans-serif;">Personality</span></h3>
  139. <p style="color: #D5D4D4; font-size: 11pt;"><span style="font-family: arial, helvetica, sans-serif;">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</span></p><br/>
  140.  
  141. <a name="SaA"></a><h3 style="color: #D5D4D4; border-bottom: 1px solid #D5D4D4; text-align: left; font-size: 15pt;"><span style="font-family: arial, helvetica, sans-serif;">Skills and Abilities</span></h3>
  142. <p style="color: #D5D4D4; font-size: 11pt;"><span style="font-family: arial, helvetica, sans-serif;">Nullam a imperdiet nunc, et dictum eros. Etiam porttitor tortor non aliquam iaculis. Pellentesque non lectus eu magna vehicula cursus quis in turpis. Mauris iaculis turpis nec enim efficitur porttitor. Aenean non dolor nunc. Aliquam sit amet tortor lectus. Ut finibus malesuada interdum. Maecenas eget metus sed purus tincidunt eleifend a at enim. Donec molestie malesuada volutpat. Sed vel tellus odio. Suspendisse finibus lacinia ex luctus rutrum. Donec convallis dictum mollis. Etiam lacinia mollis pretium. Fusce vel sem sit amet eros tincidunt tempor. Ut ipsum tellus, scelerisque pharetra vestibulum et, consequat a tellus. Duis iaculis rhoncus sodales.</span></p><br/>
  143.  
  144. <a name="H"></a><h3 style="color: #D5D4D4; border-bottom: 1px solid #D5D4D4; text-align: left; font-size: 15pt;"><span style="font-family: arial, helvetica, sans-serif;">History</span></h3>
  145. <p style="color: #D5D4D4; font-size: 11pt;"><span style="font-family: arial, helvetica, sans-serif;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span></p><br/>
  146.  
  147. <a name="P"></a><h3 style="color: #D5D4D4; border-bottom: 1px solid #D5D4D4; text-align: left; font-size: 15pt;"><span style="font-family: arial, helvetica, sans-serif;">Plot</span></h3>
  148. <a name="RM"></a><h4 style="color: #D5D4D4;"><span style="font-family: arial, helvetica, sans-serif;">Moves</span></h4>
  149. <p style="color: #D5D4D4; font-size: 11pt;"><span style="font-family: arial, helvetica, sans-serif;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span></p>
  150.  
  151. <a name="RM"></a><h4 style="color: #D5D4D4;"><span style="font-family: arial, helvetica, sans-serif;">Reimeiroku</span></h4>
  152. <p style="color: #D5D4D4; font-size: 11pt;"><span style="font-family: arial, helvetica, sans-serif;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span></p>
  153.  
  154. <a name="S1"></a><h4 style="color: #D5D4D4;"><span style="font-family: arial, helvetica, sans-serif;">First Season</span></h4>
  155. <p style="color: #D5D4D4; font-size: 11pt;"><span style="font-family: arial, helvetica, sans-serif;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span></p>
  156.  
  157. <a name="S2"></a><h4 style="color: #D5D4D4;"><span style="font-family: arial, helvetica, sans-serif;">Second Season</span></h4>
  158. <p style="color: #D5D4D4; font-size: 11pt;"><span style="font-family: arial, helvetica, sans-serif;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span></p>
  159.  
  160. <a name="SSL"></a><h4 style="color: #D5D4D4;"><span style="font-family: arial, helvetica, sans-serif;">Hakuoki SSL</span></h4>
  161. <p style="color: #D5D4D4; font-size: 11pt;"><span style="font-family: arial, helvetica, sans-serif;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span></p><br/>
  162.  
  163. <a name="Q"></a><h3 style="color: #D5D4D4; border-bottom: 1px solid #D5D4D4; text-align: left; font-size: 15pt;">Quotes</h3>
  164. <ul style="list-style-type: square;">
  165. <li style="color: #D5D4D4; font-size: 11pt;"><i>"Ei sea diam liber aliquid. Ullum scriptorem pro at, suscipit mandamus consulatu sea at, salutandi quaerendum pro ad. Cum meis omnes consulatu ea, meliore molestie adipisci ut has, qui minimum commune in. Ad prompta principes his."</i></li></ul><br/>
  166.  
  167.  
  168. <a name="T"></a><h3 style="color: #D5D4D4; border-bottom: 1px solid #D5D4D4; text-align: left; font-size: 15pt;">Trivia</h3>
  169. <ul style="list-style-type: square;">
  170. <li style="color: #D5D4D4; font-size: 11pt;">Ei sea diam liber aliquid. Ullum scriptorem pro at, suscipit mandamus consulatu sea at, salutandi quaerendum pro ad. Cum meis omnes consulatu ea, meliore molestie adipisci ut has, qui minimum commune in. Ad prompta principes his.
  171. <li style="color: #D5D4D4; font-size: 11pt;">Te ipsum malorum perfecto sea, has elit docendi ad, vim at facilisi salutatus scriptorem. Ea dolores mandamus postulant ius, paulo debitis voluptatum his ut. Cum an alii impetus, has salutatus dissentiet ad, fuisset mentitum vituperata eum no. Diam autem consequuntur pri in, in eos aliquam intellegat. Appareat disputando at nec, habeo debet posidonium ut duo. Ex pericula torquatos has.
  172. <li style="color: #D5D4D4; font-size: 11pt;">Pro unum saperet delicatissimi ei, pro populo mentitum volutpat cu. Cu mei fugit mucius discere, te malorum conceptam eum. No eos natum platonem, mei utamur lobortis ei, eam ad alienum consulatu abhorreant. Dicat assueverit suscipiantur vis ex. Cu per minim iuvaret.
  173. <li style="color: #D5D4D4; font-size: 11pt;">No deserunt invenire vel, ad usu augue suscipit hendrerit, laoreet deserunt pri ad. Graece fastidii vim an. Mentitum omnesque vim ut, debitis offendit vel in, ea etiam maiorum appareat pri. Eu vocent tibique his, causae salutatus mei cu. Ad dicta labore vel, ius vocent debitis reprimique ei, pri dicat commodo delicata ad. Te oblique liberavisse vim, te eius erat necessitatibus nam.</li></ul>
  174.  
  175. <!--PLEASE DO NOT REMOVE THIS SECTION! IT IS SIMPLY CREDITS!!! IT'S ALRIGHT TO MOVE IT TO SOMEWHERE ELSE BUT PLEASE DO NOT REMOVE THIS ALL-TOGETHER!-->
  176.  
  177. <h3 style="color: #D5D4D4; border-bottom: 1px solid #D5D4D4; font-weight: bold; text-align: left; font-size: 14pt;"><br/></h3>
  178.  
  179. <table>
  180. <tbody>
  181. </tbody>
  182. </table>
  183. <table style="border-collapse: collapse; width: 135px; float: middle; margin: auto auto;">
  184. <tbody>
  185. <tr>
  186. <td colspan="2" style="background: #474646; border-collapse: collapse; color: #D5D4D4; text-align: center; margin: auto auto;"><span style="font-family: arial, helvetica, sans-serif; font-size: 9pt;"><strong><em>Profile by @Erandia</em></strong></span>
  187. </td>
  188. </tr>
  189. </tbody>
  190. </table>
  191. </td>
  192. </tr>
  193. </tbody>
  194. </table>
RAW Paste Data
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!
 
Top