Advertisement
randomtology

Untitled

Jul 16th, 2019
212
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.37 KB | None | 0 0
  1. <raw-code>
  2. <div style="height: 475px; width: 800px; margin: auto; background-color: black; overflow: hidden; border: 2px solid #000; border-radius: 20px;">
  3.  
  4. <!--START NAV BAR-->
  5. <div style="display: inline-block; float: left; width: 200px; height: 475px; background-image: linear-gradient(to bottom, #452c59 , #b0659d); overflow: hidden;">
  6.  
  7. <div style="display: block; width: 200px; height: 20px;">
  8. </div>
  9. <div style="display: block; width: 195px; height: 150px;">
  10. <div style="display: block; margin: auto; height: 104px;">
  11. <img src="USERP-PIC-URL" style="border-radius: 50px; border: 2px solid #000; margin-right: 48px; margin-left: 48px;">
  12. </div>
  13. <div style="display: block; font-family: 'Lucida Console'; text-align: center; line-height: 30px; font-size: 20px; color: #FFF; letter-spacing: -1px;">
  14. Name McName
  15. </div>
  16. <div style="display: block; font-family: 'Lucida Console'; text-align: center; line-height: 12px; font-size: 12px; color: #FFF;">
  17. Class
  18. </div>
  19. </div>
  20.  
  21. <div style="overflow: auto; width: 200px; height: 275px; margin-top: 25px;">
  22.  
  23. <!--START INFO LINK-->
  24. <div style="display: block; width: 200px; height: 25px;">
  25. <div style="display: inline-block; height: 25px; width: 130px; background-color: rgba(22, 22, 22, 0.9); font-family: 'Lucida Console'; text-align: center; line-height: 26px; font-size: 12px; margin-left: 35px;">
  26. <a href="#INFO" style="text-decoration: none; color: #fafafa; cursor: crosshair;">
  27. Information
  28. </a>
  29. </div>
  30. </div>
  31. <!--END INFO LINK-->
  32.  
  33. <!--START BONDS LINK-->
  34. <div style="display: block; margin-top: 5px; width: 200px; height: 25px;">
  35. <div style="display: inline-block; height: 25px; width: 130px; background-color: rgba(22, 22, 22, 0.9); font-family: 'Lucida Console'; text-align: center; line-height: 26px; font-size: 12px; margin-left: 35px;">
  36. <a href="#BONDS" style="text-decoration: none; color: #fafafa; cursor: crosshair;">
  37. Bonds
  38. </a>
  39. </div>
  40. </div>
  41. <!--END BONDS LINK-->
  42.  
  43. <!--START MAGIC LINK. IF MONSTER, DELETE THIS-->
  44. <div style="display: block; margin-top: 5px; width: 200px; height: 25px;">
  45. <div style="display: inline-block; height: 25px; width: 130px; background-color: rgba(22, 22, 22, 0.9); font-family: 'Lucida Console'; text-align: center; line-height: 26px; font-size: 12px; margin-left: 35px;">
  46. <a href="#MAGIC" style="text-decoration: none; color: #fafafa; cursor: crosshair;">
  47. Magic
  48. </a>
  49. </div>
  50. </div>
  51. <!--END MAGIC LINK-->
  52.  
  53. <!--START MONSTER LINK. IF WITCH, DELETE THIS-->
  54. <div style="display: block; margin-top: 5px; width: 200px; height: 25px;">
  55. <div style="display: inline-block; height: 25px; width: 130px; background-color: rgba(22, 22, 22, 0.9); font-family: 'Lucida Console'; text-align: center; line-height: 26px; font-size: 12px; margin-left: 35px;">
  56. <a href="#MONSTER" style="text-decoration: none; color: #fafafa; cursor: crosshair;">
  57. Monster Traits
  58. </a>
  59. </div>
  60. </div>
  61. <!--END MAGIC LINK-->
  62.  
  63. <!--START EXTRA LINK-->
  64. <div style="display: block; margin-top: 5px; width: 200px; height: 25px;">
  65. <div style="display: inline-block; height: 25px; width: 130px; background-color: rgba(22, 22, 22, 0.9); font-family: 'Lucida Console'; text-align: center; line-height: 26px; font-size: 12px; margin-left: 35px;">
  66. <a href="#EXTRA" style="text-decoration: none; color: #fafafa; cursor: crosshair;">
  67. Extra
  68. </a>
  69. </div>
  70. </div>
  71. <!--END MAGIC LINK-->
  72.  
  73. </div>
  74. </div>
  75. <!--END NAV BAR-->
  76.  
  77. <!--START TEXT AREA-->
  78. <div>
  79. <div style="display: inline-block; float: right; width: 595px; height: 475px; background-color: #FFF; background-image: url('https://i.imgur.com/fCBSgdi.png'); overflow: hidden;">
  80.  
  81. <!--START INFO PAGE-->
  82. <div style="width: 595px; height: 475px;">
  83. <a name="INFO"></a>
  84. <div style="display: block; height: 10px; width: 595px;">
  85. </div>
  86.  
  87. <div style="height: 45px; width: 595px; display: block; font-family: 'Lucida Console'; font-size: 40px; font-weight: bold; font-variant: small-caps; line-height: 45px; text-align: left; padding-left: 10px; color: rgba(22, 22, 22, 0.9); letter-spacing: -1px;">
  88. Name Here
  89. </div>
  90. <div style="display: block; height: 1px; width: 575px; margin-left: 10px; background-color: rgba(22, 22, 22, 0.9);"></div>
  91.  
  92. <!--START TOP INFO-->
  93. <div class="TOP-INFO" style="height: 125px; display: block; width: 100%; margin-top: 5px;">
  94. <!--START INFO BOX-->
  95. <div style="display: inline-block; width: 400px; margin-left: 1%; height: 125px;">
  96. <div style="display: block; height: 200px; width: 100%; overflow: auto; ">
  97. <div style="padding: 0% 3% 0% 3%;">
  98. <table style="font-family: calibri; text-align: justify; width: 100%;">
  99. <tr>
  100. <td><span style="font-weight: bold;">Age:</span></td>
  101. <td> XX</td>
  102. <td><span style="font-weight: bold;">D.O.B:</span></td>
  103. <td> Month Day</td>
  104. </tr>
  105. <tr>
  106. <td><span style="font-weight: bold;">Gender:</span></td>
  107. <td> Male/Female/Other</td>
  108. <td><span style="font-weight: bold;">Orientation</span></td>
  109. <td> Whatever</td>
  110. </tr>
  111. <tr>
  112. <td><span style="font-weight: bold;">Species:</span></td>
  113. <td>Original Species</td>
  114. <td><span style="font-weight: bold;">Class:</span></td>
  115. <td>Class Here</td>
  116. </tr>
  117. <tr>
  118. <td><span style="font-weight: bold;">Hair:</span></td>
  119. <td>Color</td>
  120. <td><span style="font-weight: bold;">Eyes:</span></td>
  121. <td>Color</td>
  122. </tr>
  123. <tr>
  124. <td><span style="font-weight: bold;">Height:</span></td>
  125. <td>X'X"</td>
  126. <td><span style="font-weight: bold;">Build:</span></td>
  127. <td>Build Here</td>
  128. </tr>
  129. <tr>
  130. <td><span style="font-weight: bold;">Origin:</span></td>
  131. <td>Hometown</td>
  132. <td><span style="font-weight: bold;">Residence:</span></td>
  133. <td>Aef Location</td>
  134. </tr>
  135. </table>
  136.  
  137. </div>
  138. </div>
  139. </div>
  140. <!--END INFO BOX-->
  141. <!--START IMAGE-->
  142. <div style="display: inline-block; float: right; margin-right: 25px;">
  143. <img src="IMG-URL-BEST-AT-125px-BY-125px" style="width: 125px; box-shadow: rgba(0,0,0,0.25) 1px 1px 1px;">
  144. </div>
  145. </div>
  146. <!--END TOP INFO-->
  147.  
  148. <!--START BOTTOM INFO-->
  149.  
  150. <div style="display: block; width: 560px; margin: auto; margin-top: 20px; height: 250px; overflow: hidden;">
  151.  
  152. <div style="display: inline-block; width: 560px; height: 250px; overflow: auto; ">
  153.  
  154. <details><summary style="font-family: 'Lucida Console'; font-size: 18px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none;"><b>History</b><br/></summary>
  155. <span style="font-family: calibri;">
  156. History information here!</details>
  157.  
  158.  
  159. <details><summary style="font-family: 'Lucida Console'; font-size: 18px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none;"><b>Personality</b><br/></summary>
  160. <span style="font-family: calibri;">
  161. Personality stuff here!</details>
  162.  
  163. <details><summary style="font-family: 'Lucida Console'; font-size: 18px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none;"><b>Original Abilities</b><br/></summary>
  164. <span style="font-family: calibri;">
  165. Whatever relevant abilities they had prior to arriving to Aefenglom</details>
  166.  
  167. </div>
  168.  
  169. </div>
  170. </div>
  171. <!--END INFO ENTRY-->
  172.  
  173. <!--START BONDS-->
  174. <div style="width: 595px; height: 475px;">
  175. <a name="BONDS"></a>
  176. <div style="display: block; height: 10px; width: 595px;">
  177. </div>
  178.  
  179. <div style="height: 45px; width: 595px; display: block; font-family: 'Lucida Console'; font-size: 40px; font-weight: bold; font-variant: small-caps; line-height: 45px; text-align: left; padding-left: 10px; color: rgba(22, 22, 22, 0.9); letter-spacing: -1px;">
  180. Bonds
  181. </div>
  182. <div style="display: block; height: 1px; width: 575px; margin-left: 10px; background-color: rgba(22, 22, 22, 0.9);"></div>
  183.  
  184.  
  185. <div style="display: block; width: 560px; margin: auto; margin-top: 20px; height: 380px; overflow: auto;">
  186.  
  187. <!--START BOND 1-->
  188. <div style="display: block; width: 550px;">
  189. <!--START BOND PROFILE-->
  190. <div style="display: inline-block; width: 81px;">
  191. <div style="display: inline-block; width: 81px; height: 81px;">
  192. <img src="USERP-PIC-URL" style="border-radius: 20px; border: solid 1px #001222; width: 80px;">
  193. </div>
  194.  
  195. </div>
  196. <div style="display: inline-block; width: 440px; height: 81px; float: right;">
  197.  
  198. <div style="display: block; height: 35px; width: 251px; font-family: 'Lucida Console'; text-align: left; line-height: 35px; font-size: 20px; padding-left: 5px; color: #a0ffff;">
  199. <a href="https://USERNAME.dreamwidth.org" style="text-decoration: none; color: #000000; font-weight: bold; ">Name McName</a>
  200. </div>
  201.  
  202. <div style="display: block; width: 345px; padding: 0px 3px 0px 3px; font-family: 'calibri'; text-align: left;">
  203. <table style="font-family: calibri; width: 50%;" cellspacing="0" cellpadding="0">
  204. <tr>
  205. <td><span style="font-weight: bold;">Class:</span></td>
  206. <td> Class Here</td></tr>
  207. <tr>
  208. <td><span style="font-weight: bold;">Bond Type:</span></td>
  209. <td> Type of relationship (platonic, intimate, familial, etc)</td>
  210. </tr>
  211.  
  212. <td><span style="font-weight: bold;">Song:</span></td>
  213. <td> <a href="URL" style="text-decoration: none;">♫</a></td>
  214. </tr>
  215. </table>
  216. </div>
  217. </div>
  218. <!--END BOND PROFILE-->
  219. <!--START DETAILS-->
  220. <div style="display: block; width: 540px;">
  221. <details><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none;"><b>Details</b><br/></summary>
  222. <span style="font-family: calibri;">
  223. Any information you want to share about the bond goes here!</details>
  224. </span>
  225. </div>
  226. <!--END DETAILS-->
  227. </div>
  228. <!--END BOND 1-->
  229.  
  230. <!--START BOND 2-->
  231. <div style="display: block; width: 550px; margin-top: 15px;">
  232. <!--START BOND PROFILE-->
  233. <div style="display: inline-block; width: 81px;">
  234. <div style="display: inline-block; width: 81px; height: 81px;">
  235. <img src="USERP-PIC-URL" style="border-radius: 20px; border: solid 1px #001222; width: 80px;">
  236. </div>
  237.  
  238. </div>
  239. <div style="display: inline-block; width: 440px; height: 81px; float: right;">
  240.  
  241. <div style="display: block; height: 35px; width: 251px; font-family: 'Lucida Console'; text-align: left; line-height: 35px; font-size: 20px; padding-left: 5px; color: #a0ffff;">
  242. <a href="https://USERNAME.dreamwidth.org" style="text-decoration: none; color: #000000; font-weight: bold;">Name</a>
  243. </div>
  244.  
  245. <div style="display: block; width: 345px; padding: 0px 3px 0px 3px; font-family: 'calibri'; text-align: left;">
  246. <table style="font-family: calibri; width: 50%;" cellspacing="0" cellpadding="0">
  247. <tr>
  248. <td><span style="font-weight: bold;">Class:</span></td>
  249. <td> Class here</td></tr>
  250. <tr>
  251. <td><span style="font-weight: bold;">Bond Type:</span></td>
  252. <td> Relationship type</td>
  253. </tr>
  254. <tr>
  255. <td><span style="font-weight: bold;">Song:</span></td>
  256. <td> <a href="URL" style="text-decoration: none;">♫</a></td>
  257. </tr>
  258. </table>
  259. </div>
  260. </div>
  261. <!--END BOND PROFILE-->
  262. <!--START DETAILS-->
  263. <div style="display: block; width: 540px;">
  264. <details><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none;"><b>Details</b><br/></summary>
  265. <span style="font-family: calibri;">
  266. Info here</details>
  267. </span>
  268. </div>
  269. <!--END DETAILS-->
  270. </div>
  271. <!--END BOND 2-->
  272.  
  273.  
  274. <!--START BOND 3-->
  275. <div style="display: block; width: 550px; margin-top: 15px;">
  276. <!--START BOND PROFILE-->
  277. <div style="display: inline-block; width: 81px;">
  278. <div style="display: inline-block; width: 81px; height: 81px;">
  279. <img src="USERP-PIC-URL" style="border-radius: 20px; border: solid 1px #001222; width: 80px;">
  280. </div>
  281.  
  282. </div>
  283. <div style="display: inline-block; width: 440px; height: 81px; float: right;">
  284.  
  285. <div style="display: block; height: 30px; width: 251px; font-family: 'Lucida Console'; text-align: left; line-height: 30px; font-size: 20px; padding-left: 5px; color: #a0ffff;">
  286. <a href="https://USERNAME.dreamwidth.org" style="text-decoration: none; color: #000000; font-weight: bold;">Name here</a>
  287. </div>
  288.  
  289. <div style="display: block; width: 345px; padding: 0px 3px 0px 3px; font-family: 'calibri'; text-align: left;">
  290. <table style="font-family: calibri; width: 50%;" cellspacing="0" cellpadding="0">
  291. <tr>
  292. <td><span style="font-weight: bold;">Class:</span></td>
  293. <td> type here</td></tr>
  294. <tr>
  295. <td><span style="font-weight: bold;">Bond Type:</span></td>
  296. <td> Relationship type</td>
  297. </tr>
  298. <tr>
  299. <td><span style="font-weight: bold;">Song:</span></td>
  300. <td> <a href="URL" style="text-decoration: none;">♫</a></td>
  301. </tr>
  302. </table>
  303. </div>
  304. </div>
  305. <!--END BOND PROFILE-->
  306. <!--START DETAILS-->
  307. <div style="display: block; width: 540px;">
  308. <details><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none;"><b>Details</b><br/></summary>
  309. <span style="font-family: calibri;">
  310. Info here</details>
  311. </span>
  312. </div>
  313. <!--END DETAILS-->
  314. </div>
  315. <!--END BOND 3-->
  316.  
  317. </div>
  318. </div>
  319. <!--END BOND ENTRY-->
  320.  
  321. <!--START MAGIC. IF MONSTER, DELETE THIS SECTION-->
  322. <div style="width: 595px; height: 475px;">
  323. <a name="MAGIC"></a>
  324. <div style="display: block; height: 10px; width: 595px;">
  325. </div>
  326.  
  327. <div style="height: 45px; width: 595px; display: block; font-family: 'Lucida Console'; font-size: 40px; font-weight: bold; font-variant: small-caps; line-height: 45px; text-align: left; padding-left: 10px; color: rgba(22, 22, 22, 0.9); letter-spacing: -1px;">
  328. Magic
  329. </div>
  330. <div style="display: block; height: 1px; width: 575px; margin-left: 10px; background-color: rgba(22, 22, 22, 0.9);"></div>
  331. <div style="display: block; width: 560px; margin: auto; margin-top: 20px; height: 380px; overflow: auto;">
  332. <!--START SUMMARY-->
  333. <div style="display: block; width: 540px; font-family: 'calibri'; text-align: left;">
  334. A general summary of the character's abilities and progress with learning magic! Any general details you feel are relevant would go here.
  335. </div>
  336. <!--END SUMMARY-->
  337. <!--START SPELL CLASSES-->
  338. <div style="display: block; width: 540px; font-family: 'calibri'; text-align: left; margin-top: 15px;">
  339. <!--START ABJURATION-->
  340. <details style="margin-bottom: 10px;"><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none; font-weight: bold;">Abjuration<br/></summary>
  341. <b>Skill Level:</b> Low/Medium/High <br/>
  342. <b>Signature Spells:</b><br/>
  343. <ul>
  344. <li><i>Spell:</i> Description of unique spell to character</li>
  345. <li><i>Spell:</i> Description of unique spell to character.</li>
  346. </ul>
  347. <b>Summary:</b> Talk about how they are doing with said class, what they are planning to specialize within this class (or if they're skipping entirely).<br/>
  348. <b>Goals:</b> What do they want to achieve and how soon will they do so.<br/>
  349. </details>
  350. <!--END ABJURATION-->
  351.  
  352. <!--START ALCHEMY-->
  353. <details style="margin-bottom: 10px;"><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none; font-weight: bold;">Alchemy<br/></summary>
  354. <b>Skill Level:</b> Low/Medium/High<br/>
  355. <b>Signature Spells:</b><br/>
  356. <ul>
  357. <li><i>Spell:</i> Description of unique spell to character</li>
  358. <li><i>Spell:</i> Description of unique spell to character.</li>
  359. </ul>
  360. <b>Summary:</b> Talk about how they are doing with said class, what they are planning to specialize within this class (or if they're skipping entirely).<br/>
  361. <b>Goals:</b> What do they want to achieve and how soon will they do so.<br/>
  362. </details>
  363. <!--END ALCHEMY-->
  364.  
  365. <!--START CONJURATION-->
  366. <details style="margin-bottom: 10px;"><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none; font-weight: bold;">Conjuration<br/></summary>
  367. <b>Skill Level:</b> Low/Medium/High <br/>
  368. <b>Signature Spells:</b><br/>
  369. <ul>
  370. <li><i>Spell:</i> Description of unique spell to character</li>
  371. <li><i>Spell:</i> Description of unique spell to character.</li>
  372. </ul>
  373. <b>Summary:</b> Talk about how they are doing with said class, what they are planning to specialize within this class (or if they're skipping entirely).<br/>
  374. <b>Goals:</b> What do they want to achieve and how soon will they do so.<br/>
  375. </details>
  376. <!--END CONJURATION-->
  377.  
  378. <!--START DIVINATION-->
  379. <details style="margin-bottom: 10px;"><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none; font-weight: bold;">Divination<br/></summary>
  380. <b>Skill Level:</b> Low/Medium/High<br/>
  381. <b>Signature Spells:</b><br/>
  382. <ul>
  383. <li><i>Spell:</i> Description of unique spell to character</li>
  384. <li><i>Spell:</i> Description of unique spell to character.</li>
  385. </ul>
  386. <b>Summary:</b> Talk about how they are doing with said class, what they are planning to specialize within this class (or if they're skipping entirely).<br/>
  387. <b>Goals:</b> What do they want to achieve and how soon will they do so.<br/>
  388. </details>
  389. <!--END DIVINATION-->
  390.  
  391. <!--START ENCHANTMENT-->
  392. <details style="margin-bottom: 10px;"><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none; font-weight: bold;">Enchantment<br/></summary>
  393. <b>Skill Level:</b> Low/Medium/High<br/>
  394. <b>Signature Spells:</b><br/>
  395. <ul>
  396. <li><i>Spell:</i> Description of unique spell to character</li>
  397. <li><i>Spell:</i> Description of unique spell to character.</li>
  398. </ul>
  399. <b>Summary:</b> Talk about how they are doing with said class, what they are planning to specialize within this class (or if they're skipping entirely).<br/>
  400. <b>Goals:</b> What do they want to achieve and how soon will they do so.<br/>
  401. </details>
  402. <!--END ENCHANTMENT-->
  403.  
  404. <!--START EVOCATION-->
  405. <details style="margin-bottom: 10px;"><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none; font-weight: bold;">Evocation<br/></summary>
  406. <b>Skill Level:</b> Low/Medium/High <br/>
  407. <b>Signature Spells:</b><br/>
  408. <ul>
  409. <li><i>Spell:</i> Description of unique spell to character</li>
  410. <li><i>Spell:</i> Description of unique spell to character.</li>
  411. </ul>
  412. <b>Summary:</b> Talk about how they are doing with said class, what they are planning to specialize within this class (or if they're skipping entirely).<br/>
  413. <b>Goals:</b> What do they want to achieve and how soon will they do so.<br/>
  414. </details>
  415. <!--END EVOCATION-->
  416.  
  417. <!--START ILLUSION-->
  418. <details style="margin-bottom: 10px;"><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none; font-weight: bold;">Illusion<br/></summary>
  419. <b>Skill Level:</b> Low/Medium/High <br/>
  420. <b>Signature Spells:</b><br/>
  421. <ul>
  422. <li><i>Spell:</i> Description of unique spell to character</li>
  423. <li><i>Spell:</i> Description of unique spell to character.</li>
  424. </ul>
  425. <b>Summary:</b> Talk about how they are doing with said class, what they are planning to specialize within this class (or if they're skipping entirely).<br/>
  426. <b>Goals:</b> What do they want to achieve and how soon will they do so.<br/>
  427. </details>
  428. <!--END ILLUSION-->
  429.  
  430. <!--START TRANSMUTATION-->
  431. <details style="margin-bottom: 10px;"><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none; font-weight: bold;">Transmutation<br/></summary>
  432. <b>Skill Level:</b> Low/Medium/High <br/>
  433. <b>Signature Spells:</b><br/>
  434. <ul>
  435. <li><i>Spell:</i> Description of unique spell to character</li>
  436. <li><i>Spell:</i> Description of unique spell to character.</li>
  437. </ul>
  438. <b>Summary:</b> Talk about how they are doing with said class, what they are planning to specialize within this class (or if they're skipping entirely).<br/>
  439. <b>Goals:</b> What do they want to achieve and how soon will they do so.<br/>
  440. </details>
  441. <!--END TRANSMUTATION-->
  442.  
  443. <!--START UNIVERSAL-->
  444. <details style="margin-bottom: 10px;"><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none; font-weight: bold;">Universal<br/></summary>
  445. <b>Skill Level:</b> Low/Medium/High <br/>
  446. <b>Signature Spells:</b><br/>
  447. <ul>
  448. <li><i>Spell:</i> Description of unique spell to character</li>
  449. <li><i>Spell:</i> Description of unique spell to character.</li>
  450. </ul>
  451. <b>Summary:</b> Talk about how they are doing with said class, what they are planning to specialize within this class (or if they're skipping entirely).<br/>
  452. <b>Goals:</b> What do they want to achieve and how soon will they do so.<br/>
  453. </details>
  454. <!--END UNIVERSAL-->
  455.  
  456. </div>
  457. </div>
  458. <!--END MAGIC ENTRY-->
  459.  
  460. <!--START MONSTER. IF WITCH, DELETE THIS SECTION-->
  461. <div style="width: 595px; height: 475px;">
  462. <a name="MONSTER"></a>
  463. <div style="display: block; height: 10px; width: 595px;">
  464. </div>
  465.  
  466. <div style="height: 45px; width: 595px; display: block; font-family: 'Lucida Console'; font-size: 40px; font-weight: bold; font-variant: small-caps; line-height: 45px; text-align: left; padding-left: 10px; color: rgba(22, 22, 22, 0.9); letter-spacing: -1px;">
  467. Monster Traits
  468. </div>
  469. <div style="display: block; height: 1px; width: 575px; margin-left: 10px; background-color: rgba(22, 22, 22, 0.9);"></div>
  470. <div style="display: block; width: 560px; margin: auto; margin-top: 20px; height: 380px; overflow: auto;">
  471. <!--START SUMMARY-->
  472. <div style="display: block; width: 540px; font-family: 'calibri'; text-align: left;">
  473. Any general information about how your character's monster changes would go here.
  474. </div>
  475. <!--END SUMMARY-->
  476.  
  477. <!--START TRACKER LINK, DELETE IF YOU DON'T HAVE A TRACKER-->
  478. <div style="display: block; width: 540px; font-family: 'calibri'; text-align: left; font-weight: bold; margin-top: 10px;">
  479. Monster Changes Tracker → <a href="LINK">Info Here</a>
  480. </div>
  481. <!--END TRACKER LINK-->
  482. <!--END SUMMARY-->
  483.  
  484. <!--START CHANGES-->
  485. <div style="display: block; width: 540px; font-family: 'calibri'; text-align: left; margin-top: 15px;">
  486. <!--START PHYSICAL CHANGES-->
  487. <details style="margin-bottom: 10px;"><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none; font-weight: bold;">Physical Changes<br/></summary>
  488. <b>Traits:</b><br/>
  489. <ul>
  490. <li><i>Physical Feature:</i> Description of said change</li>
  491. <li><i>Physical Feature:</i> Description of said change</li>
  492. </ul>
  493. <b>Notes:</b> Talk about how they are faring with the changes, any difficulties or other notes they have in regards to their physical changes, etc.<br/>
  494. </details>
  495. <!--END PHYSICAL CHANGES-->
  496.  
  497. <!--START PSYCHOLOGICAL CHANGES-->
  498. <details style="margin-bottom: 10px;"><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none; font-weight: bold;">Psychological Changes<br/></summary>
  499. <b>Traits:</b><br/>
  500. <ul>
  501. <li><i>Mental Change:</i> Description of said change</li>
  502. <li><i>Mental Change:</i> Description of said change</li>
  503. </ul>
  504. <b>Notes:</b> Talk about how they are faring with the changes, any difficulties or other notes they have in regards to their behavioral changes.<br/>
  505. </details>
  506. <!--END PSYCHOLOGICAL CHANGES-->
  507.  
  508. <!--START FULL MOON CHANGES-->
  509. <details style="margin-bottom: 10px;"><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none; font-weight: bold;">Full Moon Changes<br/></summary>
  510. <b>Traits:</b><br/>
  511. <ul>
  512. <li><i>Change:</i> Description of said change</li>
  513. <li><i>Change:</i> Description of said change</li>
  514. </ul>
  515. <b>Notes:</b> Talk about their typical experiences with the full moon and any other related things. <br/>
  516. </details>
  517. <!--END FULL MOON CHANGES-->
  518.  
  519. </div>
  520. </div>
  521. <!--END MONSTER ENTRY-->
  522.  
  523.  
  524. <!--START EXTRA-->
  525. <div style="width: 595px; height: 475px;">
  526. <a name="EXTRA"></a>
  527. <div style="display: block; height: 10px; width: 595px;">
  528. </div>
  529.  
  530. <div style="height: 45px; width: 595px; display: block; font-family: 'Lucida Console'; font-size: 40px; font-weight: bold; font-variant: small-caps; line-height: 45px; text-align: left; padding-left: 10px; color: rgba(22, 22, 22, 0.9); letter-spacing: -1px;">
  531. Extra
  532. </div>
  533. <div style="display: block; height: 1px; width: 575px; margin-left: 10px; background-color: rgba(22, 22, 22, 0.9);"></div>
  534. <div style="display: block; width: 560px; margin: auto; margin-top: 20px; height: 380px; overflow: auto;">
  535. <!--START SUMMARY-->
  536. <div style="display: block; width: 540px; font-family: 'calibri'; text-align: left;">
  537. This page is to do whatever you'd like with it. Any extra information or topics you'd like to cover could go here! Feel free to edit this part to your heart's desire.
  538. </div>
  539. <!--END SUMMARY-->
  540.  
  541. </div>
  542. </div>
  543. <!--END EXTRA-->
  544.  
  545.  
  546.  
  547. </div>
  548. </div>
  549. <!--END INFO PAGE-->
  550. </div>
  551. <div style="display: block; clear: both; height: 10px; text-align: center; font-variant: small-caps; padding: 5px;">Code by <a href="http://yuff.dreamwidth.org">Yuff</a></div>
  552. </raw-code>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement