API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 20th, 2017
78
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 35.32 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2. body {
  3.     background-color: #000000;
  4. }
  5. </style>
  6. <lj-raw><center><lj-cut text="LJCUT TEXT">
  7. <!-- MASTER --><div style="width:800px;height:620px;border:1px solid #000;border-radius:30px;box-shadow:0px 0px 5px #000;overflow:hidden;font-family:'Segoe UI',Frutiger,'Frutiger Linotype','Dejavu Sans','Helvetica Neue',Arial,sans-serif;color:#fff;background:#000;">
  8. <!-- TOP -->
  9.  
  10.     <div style="width:800px;height:200px;background:url(BACKGROUNDURL);">
  11.  
  12. <div style="width:800px;height:130px;background:linear-gradient(to bottom,transparent 60%,#000);padding-top:70px;">
  13.  
  14.     <a href="http://i64.tinypic.com/9vk0p3.jpg" Target="_blank"><img src="http://i66.tinypic.com/16hncdk.png" style="width:100px;height:100px;border-radius:100%;border:5px solid transparent;box-shadow:0px 0px 5px 1px #fff;"></a>
  15.  
  16. <div style="font-size:30px;margin-top:-10px;font-family:'Goudy Old Style',Garamond,'Big Caslon','Times New Roman',serif;font-variant:small-caps;letter-spacing:-2px; text-shadow:0px 5px 5px #fff;">•
  17.  
  18.     "The Queen of the Machines"
  19.  
  20. <!-- CLOSE TOP -->•</div></div></div>
  21. <!-- CONTAINER --><div style="width:800px;height:400px;overflow:hidden;color:#fff;font-size:13px;letter-spacing:1px;">
  22.  
  23.  
  24.  
  25.  
  26. <!-- INFO --><a name="1"></a><div style="width:800px;height:400px;"><!-- LEFT --><div style="width:535px;height:360px;float:left;padding:20px;text-align:justify;"><div style="width:533px;height:358px;border:1px solid #1294e9;border-radius:30px;box-shadow:0px 0px 15px 0px #1294e9;overflow:hidden;"><div style="width:503px;height:328px;padding:15px;overflow:auto;"><!-- TABLE --><table style="color:#fff;font-size:13px;width:503px;"><tr><td valign="top" style="width:150px;opacity:0.8;text-align:right;">Name</td><td rowspan="19" style="width:3px;border-left:1px solid #1294e9;"><td>
  27.  
  28.     Sylvia Arclight
  29.  
  30.  
  31. </td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Nicknames</td><td>
  32.  
  33.     Queen of the Machines, The Violet Reaper
  34.  
  35. <br><br></td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Date of Birth</td><td>
  36.  
  37.     November 03
  38.  
  39. </td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Age</td><td>
  40.  
  41.     25
  42.  
  43. <br><br></td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Orientation</td><td>
  44.  
  45.     Bisexual
  46.  
  47. </td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Dating Status</td><td>
  48.  
  49.     Single
  50.  
  51. </td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Dating History</td><td>
  52.  
  53.     Never really put much thought into it
  54.  
  55. <br><br></td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Occupation</td><td>
  56.  
  57.     Inventor, Assassin, Company Owner
  58.  
  59. </td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Residence</td><td>
  60.  
  61.     TBA
  62.  
  63. <br><br></td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Mother</td><td>
  64.  
  65.     Margaret Arclight
  66.  
  67. </td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Father</td><td>
  68.  
  69.     Thomas Arclight
  70.  
  71. </td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Extended Family</td><td>
  72.  
  73.     None worth mentioning
  74.  
  75. <br><br></td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Height</td><td>
  76.  
  77.     5'6"
  78.  
  79. </td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Build</td><td>
  80.  
  81.     Slim
  82.  
  83. </td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Hair</td><td>
  84.  
  85.     Black
  86.  
  87. </td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Eyes</td><td>
  88.  
  89.     Light Purple
  90.  
  91.  
  92. <!-- CLOSE TABLE --></td></tr></table><!-- CLOSE LEFT --></div></div></div>
  93. <!-- RIGHT --><div style="width:225px;height:400px;float:left;"><!-- NAVIGATION --><div style="width:225px;height:155px;line-height:20px;padding-top:20px;font-variant:small-caps;font-size:15px;"><a href="#1" style="width:125px;height:20px;margin-bottom:5px;border-radius:30px 30px 0px 0px;text-decoration:none;display:block;box-shadow:0px 0px 10px #fff;color:#1294e9;background:#fff;font-weight:bold;">Info</a><a href="#2" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #1294e9;color:#fff;background:#1294e9;">Personality</a><a href="#3" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #1294e9;color:#fff;background:#1294e9;">Abilities/Gear</a><a href="#4" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #1294e9;color:#fff;background:#1294e9;">History</a><a href="#5" style="width:125px;height:20px;border-radius:0px 0px 30px 30px;text-decoration:none;display:block;box-shadow:0px 0px 10px #1294e9;color:#fff;background:#1294e9;">OOC + Friends</a>
  94. <!-- CLOSE NAVIGATION --></div>
  95. <!-- ICON --><div style="width:225px;height:225px;background:url(http://i65.tinypic.com/1r86dg.png);background-repeat: no-repeat;">
  96. <!-- CLOSE ICON --></div><!-- CLOSE RIGHT --></div><!-- CLOSE INFO --></div>
  97.  
  98.  
  99.  
  100.  
  101. <!-- PERSONALITY --><a name="2"></a><div style="width:800px;height:400px;"><!-- LEFT --><div style="width:535px;height:360px;float:left;padding:20px;text-align:justify;"><div style="width:533px;height:358px;border:1px solid #e236ba;border-radius:30px;box-shadow:0px 0px 15px 0px #e236ba;overflow:hidden;"><div style="width:503px;height:328px;padding:15px;overflow:auto;">
  102.  
  103.     <div style="font-size:20px;font-variant:small-caps;color:#e236ba;">• Technologically Advanced</div>
  104.     Her ability to learn and adapt her learning far exceeds that of the norm to the point where she has revolutionized technology in a number of different worlds. Just by feeling out a piece of technology, she is capable of learning from it and constructing a better version at an amazing pace.<p>
  105.  
  106.     <div style="font-size:20px;font-variant:small-caps;color:#e236ba;">• Dedicated</div>
  107.     When she has her mind set on a project or goal. She will see it through to the end. There is no giving up for her.<p>
  108.  
  109.     <div style="font-size:20px;font-variant:small-caps;color:#e236ba;">• Loyal</div>
  110.     When she makes a friend or ally. She will never give that person up. <p>
  111.  
  112.     <div style="font-size:20px;font-variant:small-caps;color:#e236ba;">• Steadfast</div>
  113.     To reinforce her dedication, she is unwavering when it comes to her beliefs.<p>
  114.  
  115.     <div style="font-size:20px;font-variant:small-caps;color:#e236ba;">• Fun</div>
  116.     Take her out of her work environment and she can be one of the most fun people to be around.<p>
  117.  
  118. <hr color="#e236ba" size="1">
  119.  
  120.     <div style="font-size:20px;font-variant:small-caps;color:#e236ba;">• Steadfast</div>
  121.     This is just as much of a con as it is a pro. Sometimes she won't quit even when it is wise to.<p>
  122.  
  123.     <div style="font-size:20px;font-variant:small-caps;color:#e236ba;">• Haughty</div>
  124.     She has a great deal of pride in her inventions. So much so that she has a tendency to come off as arrogant without meaning to.<p>
  125.  
  126.     <div style="font-size:20px;font-variant:small-caps;color:#e236ba;">• Workaholic</div>
  127.     She tends to overdo it with her work to the point where friends are basically needed to pry her away with reminders that it is important to eat and sleep.<p>
  128.  
  129.     <div style="font-size:20px;font-variant:small-caps;color:#e236ba;">• Proud</div>
  130.     She holds a great deal of pride in her achievements and skills. So much so that she could be left in a stupor when outdone or utterly defeated. Thankfully her dedication to her work drives her to get back up and come up with a solution.<p>
  131.  
  132.     <div style="font-size:20px;font-variant:small-caps;color:#e236ba;">• Morally Gray</div>
  133.     She is not afraid to dance on the line of what those perceive as good and evil. While she has a strong sense of right and wrong, she is not afraid to do something others would find distasteful to get the job done, or prevent an issue from occurring.<p>
  134.  
  135. <!-- CLOSE LEFT --></div></div></div>
  136. <!-- RIGHT --><div style="width:225px;height:400px;float:left;"><!-- NAVIGATION --><div style="width:225px;height:155px;line-height:20px;padding-top:20px;font-variant:small-caps;font-size:15px;"><a href="#1" style="width:125px;height:20px;margin-bottom:5px;border-radius:30px 30px 0px 0px;text-decoration:none;display:block;box-shadow:0px 0px 10px #e236ba;color:#fff;background:#e236ba;">Info</a><a href="#2" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #fff;color:#e236ba;background:#fff;font-weight:bold;">Personality</a><a href="#3" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #e236ba;color:#fff;background:#e236ba;">Abilities/Gear</a><a href="#4" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #e236ba;color:#fff;background:#e236ba;">History</a><a href="#5" style="width:125px;height:20px;border-radius:0px 0px 30px 30px;text-decoration:none;display:block;box-shadow:0px 0px 10px #e236ba;color:#fff;background:#e236ba;">OOC + Friends</a>
  137. <!-- CLOSE NAVIGATION --></div>
  138. <!-- ICON --><div style="width:225px;height:225px;background:url(http://i65.tinypic.com/2h5nqz9.png);background-repeat: no-repeat;">
  139. <!-- CLOSE ICON --></div><!-- CLOSE RIGHT --></div><!-- CLOSE PERSONALITY --></div>
  140.  
  141.  
  142.  
  143.  
  144. <!-- TALENTS --><a name="3"></a><div style="width:800px;height:400px;"><!-- LEFT --><div style="width:535px;height:360px;float:left;padding:20px;text-align:justify;"><div style="width:533px;height:358px;border:1px solid #65e6d7;border-radius:30px;box-shadow:0px 0px 15px 0px #65e6d7;overflow:hidden;"><div style="width:503px;height:328px;padding:15px;overflow:auto;">
  145.  
  146.     <div style="font-size:20px;font-variant:small-caps;color:#65e6d7;"><b>-</b><b>-</b></div>
  147.     Description.<p>
  148.  
  149.     <div style="font-size:20px;font-variant:small-caps;color:#65e6d7;">• </div>
  150.     Description.<p>
  151.  
  152.     <div style="font-size:20px;font-variant:small-caps;color:#65e6d7;">• </div>
  153.     Description.<p>
  154.  
  155.     <div style="font-size:20px;font-variant:small-caps;color:#65e6d7;">• </div>
  156.     Description.<p>
  157. <!-- CLOSE LEFT --></div></div></div>
  158. <!-- RIGHT --><div style="width:225px;height:400px;float:left;"><!-- NAVIGATION --><div style="width:225px;height:155px;line-height:20px;padding-top:20px;font-variant:small-caps;font-size:15px;"><a href="#1" style="width:125px;height:20px;margin-bottom:5px;border-radius:30px 30px 0px 0px;text-decoration:none;display:block;box-shadow:0px 0px 10px #65e6d7;color:#fff;background:#65e6d7;">Info</a><a href="#2" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #65e6d7;color:#fff;background:#65e6d7;">Personality</a><a href="#3" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #fff;color:#65e6d7;background:#fff;font-weight:bold;">Abilities/Gear</a><a href="#4" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #65e6d7;color:#fff;background:#65e6d7;">History</a><a href="#5" style="width:125px;height:20px;border-radius:0px 0px 30px 30px;text-decoration:none;display:block;box-shadow:0px 0px 10px #65e6d7;color:#fff;background:#65e6d7;">OOC + Friends</a>
  159. <!-- CLOSE NAVIGATION --></div>
  160. <!-- ICON --><div style="width:225px;height:225px;background:url(http://i65.tinypic.com/eqbl6x.png);background-repeat: no-repeat;">
  161. <!-- CLOSE ICON --></div><!-- CLOSE RIGHT --></div><!-- CLOSE TALENTS --></div>
  162.  
  163.  
  164.  
  165. <!-- HISTORY --><a name="4"></a><div style="width:800px;height:400px;"><!-- LEFT --><div style="width:535px;height:360px;float:left;padding:20px;text-align:justify;"><div style="width:533px;height:358px;border:1px solid #967b4e;border-radius:30px;box-shadow:0px 0px 15px 0px #967b4e;overflow:hidden;"><div style="width:503px;height:328px;padding:15px;overflow:auto;">
  166.  
  167.     • Past event goes here.<p>
  168.  
  169.     • Past event goes here.<p>
  170.  
  171. <!-- CLOSE LEFT --></div></div></div>
  172. <!-- RIGHT --><div style="width:225px;height:400px;float:left;"><!-- NAVIGATION --><div style="width:225px;height:155px;line-height:20px;padding-top:20px;font-variant:small-caps;font-size:15px;"><a href="#1" style="width:125px;height:20px;margin-bottom:5px;border-radius:30px 30px 0px 0px;text-decoration:none;display:block;box-shadow:0px 0px 10px #967b4e;color:#fff;background:#967b4e;">Info</a><a href="#2" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #967b4e;color:#fff;background:#967b4e;">Personality</a><a href="#3" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #967b4e;color:#fff;background:#967b4e;">Abilities/Gear</a><a href="#4" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #fff;color:#967b4e;background:#fff;font-weight:bold;">History</a><a href="#5" style="width:125px;height:20px;border-radius:0px 0px 30px 30px;text-decoration:none;display:block;box-shadow:0px 0px 10px #967b4e;color:#fff;background:#967b4e;">OOC + Friends</a>
  173. <!-- CLOSE NAVIGATION --></div>
  174. <!-- ICON --><div style="width:225px;height:225px;background:url(http://i67.tinypic.com/28txnkj.png);background-repeat: no-repeat;">
  175. <!-- CLOSE ICON --></div><!-- CLOSE RIGHT --></div><!-- CLOSE HISTORY --></div>
  176.  
  177.  
  178.  
  179. <!-- NOTES --><a name="5"></a><div style="width:800px;height:400px;"><!-- LEFT --><div style="width:535px;height:360px;float:left;padding:20px;text-align:justify;"><div style="width:533px;height:358px;border:1px solid #eb3e39;border-radius:30px;box-shadow:0px 0px 15px 0px #eb3e39;overflow:hidden;"><div style="width:503px;height:328px;padding:15px;overflow:auto;">
  180.  
  181.     • Note goes here.<p>
  182.  
  183.     • Note goes here.<p>
  184.  
  185. <hr color="#eb3e39" size="1"><div style="width:503px;text-align:center;font-size:10px;margin-bottom:5px;">Hover over pictures for a description of the relationship.</div>
  186.  
  187.     <figure style="float:left;margin:0px 10px 5px 25px;"><a href="JOURNALURL"><img src="http://i.imgur.com/VPbPJ6S.png" title="RELATIONSHIP" style="width:100px;height:100px;border:1px solid #eb3e39;"></a><figcaption style="width:102px;text-align:center;">Name</figcaption></figure>
  188.     <figure style="float:left;margin:0px 10px 5px 0px;"><a href="JOURNALURL"><img src="http://i.imgur.com/VPbPJ6S.png" title="RELATIONSHIP"  style="width:100px;height:100px;border:1px solid #eb3e39;"></a><figcaption style="width:102px;text-align:center;">Name</figcaption></figure>
  189.     <figure style="float:left;margin:0px 10px 5px 0px;"><a href="JOURNALURL"><img src="http://i.imgur.com/VPbPJ6S.png" title="RELATIONSHIP"  style="width:100px;height:100px;border:1px solid #eb3e39;"></a><figcaption style="width:102px;text-align:center;">Name</figcaption></figure>
  190.     <figure style="float:left;margin:0px 0px 5px 0px;"><a href="JOURNALURL"><img src="http://i.imgur.com/VPbPJ6S.png" title="RELATIONSHIP"  style="width:100px;height:100px;border:1px solid #eb3e39;"></a><figcaption style="width:102px;text-align:center;">Name</figcaption></figure>
  191.  
  192.     <figure style="float:left;margin:0px 10px 5px 25px;"><a href="JOURNALURL"><img src="http://i.imgur.com/VPbPJ6S.png" title="RELATIONSHIP" style="width:100px;height:100px;border:1px solid #eb3e39;"></a><figcaption style="width:102px;text-align:center;">Name</figcaption></figure>
  193.     <figure style="float:left;margin:0px 10px 5px 0px;"><a href="JOURNALURL"><img src="http://i.imgur.com/VPbPJ6S.png" title="RELATIONSHIP"  style="width:100px;height:100px;border:1px solid #eb3e39;"></a><figcaption style="width:102px;text-align:center;">Name</figcaption></figure>
  194.     <figure style="float:left;margin:0px 10px 5px 0px;"><a href="JOURNALURL"><img src="http://i.imgur.com/VPbPJ6S.png" title="RELATIONSHIP"  style="width:100px;height:100px;border:1px solid #eb3e39;"></a><figcaption style="width:102px;text-align:center;">Name</figcaption></figure>
  195.     <figure style="float:left;margin:0px 0px 5px 0px;"><a href="JOURNALURL"><img src="http://i.imgur.com/VPbPJ6S.png" title="RELATIONSHIP"  style="width:100px;height:100px;border:1px solid #eb3e39;"></a><figcaption style="width:102px;text-align:center;">Name</figcaption></figure>
  196.  
  197. <!-- CLOSE LEFT --></div></div></div>
  198. <!-- RIGHT --><div style="width:225px;height:400px;float:left;"><!-- NAVIGATION --><div style="width:225px;height:155px;line-height:20px;padding-top:20px;font-variant:small-caps;font-size:15px;"><a href="#1" style="width:125px;height:20px;margin-bottom:5px;border-radius:30px 30px 0px 0px;text-decoration:none;display:block;box-shadow:0px 0px 10px #eb3e39;color:#fff;background:#eb3e39;">Info</a><a href="#2" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #eb3e39;color:#fff;background:#eb3e39;">Personality</a><a href="#3" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #eb3e39;color:#fff;background:#eb3e39;"><style>
  199. body {
  200.     background-color: #000000;
  201. }
  202. </style>
  203. <lj-raw><center><lj-cut text="LJCUT TEXT">
  204. <!-- MASTER --><div style="width:800px;height:620px;border:1px solid #000;border-radius:30px;box-shadow:0px 0px 5px #000;overflow:hidden;font-family:'Segoe UI',Frutiger,'Frutiger Linotype','Dejavu Sans','Helvetica Neue',Arial,sans-serif;color:#fff;background:#000;">
  205. <!-- TOP -->
  206.  
  207.     <div style="width:800px;height:200px;background:url(BACKGROUNDURL);">
  208.  
  209. <div style="width:800px;height:130px;background:linear-gradient(to bottom,transparent 60%,#000);padding-top:70px;">
  210.  
  211.     <a href="http://i64.tinypic.com/9vk0p3.jpg" Target="_blank"><img src="http://i66.tinypic.com/16hncdk.png" style="width:100px;height:100px;border-radius:100%;border:5px solid transparent;box-shadow:0px 0px 5px 1px #fff;"></a>
  212.  
  213. <div style="font-size:30px;margin-top:-10px;font-family:'Goudy Old Style',Garamond,'Big Caslon','Times New Roman',serif;font-variant:small-caps;letter-spacing:-2px; text-shadow:0px 5px 5px #fff;">•
  214.  
  215.     "The Queen of the Machines"
  216.  
  217. <!-- CLOSE TOP -->•</div></div></div>
  218. <!-- CONTAINER --><div style="width:800px;height:400px;overflow:hidden;color:#fff;font-size:13px;letter-spacing:1px;">
  219.  
  220.  
  221.  
  222.  
  223. <!-- INFO --><a name="1"></a><div style="width:800px;height:400px;"><!-- LEFT --><div style="width:535px;height:360px;float:left;padding:20px;text-align:justify;"><div style="width:533px;height:358px;border:1px solid #1294e9;border-radius:30px;box-shadow:0px 0px 15px 0px #1294e9;overflow:hidden;"><div style="width:503px;height:328px;padding:15px;overflow:auto;"><!-- TABLE --><table style="color:#fff;font-size:13px;width:503px;"><tr><td valign="top" style="width:150px;opacity:0.8;text-align:right;">Name</td><td rowspan="19" style="width:3px;border-left:1px solid #1294e9;"><td>
  224.  
  225.     Sylvia Arclight
  226.  
  227.  
  228. </td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Nicknames</td><td>
  229.  
  230.     Queen of the Machines, The Violet Reaper
  231.  
  232. <br><br></td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Date of Birth</td><td>
  233.  
  234.     November 03
  235.  
  236. </td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Age</td><td>
  237.  
  238.     25
  239.  
  240. <br><br></td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Orientation</td><td>
  241.  
  242.     Bisexual
  243.  
  244. </td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Dating Status</td><td>
  245.  
  246.     Single
  247.  
  248. </td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Dating History</td><td>
  249.  
  250.     Never really put much thought into it
  251.  
  252. <br><br></td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Occupation</td><td>
  253.  
  254.     Inventor, Assassin, Company Owner
  255.  
  256. </td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Residence</td><td>
  257.  
  258.     TBA
  259.  
  260. <br><br></td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Mother</td><td>
  261.  
  262.     Margaret Arclight
  263.  
  264. </td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Father</td><td>
  265.  
  266.     Thomas Arclight
  267.  
  268. </td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Extended Family</td><td>
  269.  
  270.     None worth mentioning
  271.  
  272. <br><br></td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Height</td><td>
  273.  
  274.     5'6"
  275.  
  276. </td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Build</td><td>
  277.  
  278.     Slim
  279.  
  280. </td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Hair</td><td>
  281.  
  282.     Black
  283.  
  284. </td></tr><tr><td valign="top" style="opacity:0.8;text-align:right;">Eyes</td><td>
  285.  
  286.     Light Purple
  287.  
  288.  
  289. <!-- CLOSE TABLE --></td></tr></table><!-- CLOSE LEFT --></div></div></div>
  290. <!-- RIGHT --><div style="width:225px;height:400px;float:left;"><!-- NAVIGATION --><div style="width:225px;height:155px;line-height:20px;padding-top:20px;font-variant:small-caps;font-size:15px;"><a href="#1" style="width:125px;height:20px;margin-bottom:5px;border-radius:30px 30px 0px 0px;text-decoration:none;display:block;box-shadow:0px 0px 10px #fff;color:#1294e9;background:#fff;font-weight:bold;">Info</a><a href="#2" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #1294e9;color:#fff;background:#1294e9;">Personality</a><a href="#3" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #1294e9;color:#fff;background:#1294e9;">Abilities/Gear</a><a href="#4" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #1294e9;color:#fff;background:#1294e9;">History</a><a href="#5" style="width:125px;height:20px;border-radius:0px 0px 30px 30px;text-decoration:none;display:block;box-shadow:0px 0px 10px #1294e9;color:#fff;background:#1294e9;">OOC/Friends</a>
  291. <!-- CLOSE NAVIGATION --></div>
  292. <!-- ICON --><div style="width:225px;height:225px;background:url(http://i65.tinypic.com/1r86dg.png);background-repeat: no-repeat;">
  293. <!-- CLOSE ICON --></div><!-- CLOSE RIGHT --></div><!-- CLOSE INFO --></div>
  294.  
  295.  
  296.  
  297.  
  298. <!-- PERSONALITY --><a name="2"></a><div style="width:800px;height:400px;"><!-- LEFT --><div style="width:535px;height:360px;float:left;padding:20px;text-align:justify;"><div style="width:533px;height:358px;border:1px solid #e236ba;border-radius:30px;box-shadow:0px 0px 15px 0px #e236ba;overflow:hidden;"><div style="width:503px;height:328px;padding:15px;overflow:auto;">
  299.  
  300.     <div style="font-size:20px;font-variant:small-caps;color:#e236ba;">• Technologically Advanced</div>
  301.     Her ability to learn and adapt her learning far exceeds that of the norm to the point where she has revolutionized technology in a number of different worlds. Just by feeling out a piece of technology, she is capable of learning from it and constructing a better version at an amazing pace.<p>
  302.  
  303.     <div style="font-size:20px;font-variant:small-caps;color:#e236ba;">• Dedicated</div>
  304.     When she has her mind set on a project or goal. She will see it through to the end. There is no giving up for her.<p>
  305.  
  306.     <div style="font-size:20px;font-variant:small-caps;color:#e236ba;">• Loyal</div>
  307.     When she makes a friend or ally. She will never give that person up. <p>
  308.  
  309.     <div style="font-size:20px;font-variant:small-caps;color:#e236ba;">• Steadfast</div>
  310.     To reinforce her dedication, she is unwavering when it comes to her beliefs.<p>
  311.  
  312.     <div style="font-size:20px;font-variant:small-caps;color:#e236ba;">• Fun</div>
  313.     Take her out of her work environment and she can be one of the most fun people to be around.<p>
  314.  
  315. <hr color="#e236ba" size="1">
  316.  
  317.     <div style="font-size:20px;font-variant:small-caps;color:#e236ba;">• Steadfast</div>
  318.     This is just as much of a con as it is a pro. Sometimes she won't quit even when it is wise to.<p>
  319.  
  320.     <div style="font-size:20px;font-variant:small-caps;color:#e236ba;">• Haughty</div>
  321.     She has a great deal of pride in her inventions. So much so that she has a tendency to come off as arrogant without meaning to.<p>
  322.  
  323.     <div style="font-size:20px;font-variant:small-caps;color:#e236ba;">• Workaholic</div>
  324.     She tends to overdo it with her work to the point where friends are basically needed to pry her away with reminders that it is important to eat and sleep.<p>
  325.  
  326.     <div style="font-size:20px;font-variant:small-caps;color:#e236ba;">• Proud</div>
  327.     She holds a great deal of pride in her achievements and skills. So much so that she could be left in a stupor when outdone or utterly defeated. Thankfully her dedication to her work drives her to get back up and come up with a solution.<p>
  328.  
  329.     <div style="font-size:20px;font-variant:small-caps;color:#e236ba;">• Morally Gray</div>
  330.     She is not afraid to dance on the line of what those perceive as good and evil. While she has a strong sense of right and wrong, she is not afraid to do something others would find distasteful to get the job done, or prevent an issue from occurring.<p>
  331.  
  332. <!-- CLOSE LEFT --></div></div></div>
  333. <!-- RIGHT --><div style="width:225px;height:400px;float:left;"><!-- NAVIGATION --><div style="width:225px;height:155px;line-height:20px;padding-top:20px;font-variant:small-caps;font-size:15px;"><a href="#1" style="width:125px;height:20px;margin-bottom:5px;border-radius:30px 30px 0px 0px;text-decoration:none;display:block;box-shadow:0px 0px 10px #e236ba;color:#fff;background:#e236ba;">Info</a><a href="#2" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #fff;color:#e236ba;background:#fff;font-weight:bold;">Personality</a><a href="#3" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #e236ba;color:#fff;background:#e236ba;">Abilities/Gear</a><a href="#4" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #e236ba;color:#fff;background:#e236ba;">History</a><a href="#5" style="width:125px;height:20px;border-radius:0px 0px 30px 30px;text-decoration:none;display:block;box-shadow:0px 0px 10px #e236ba;color:#fff;background:#e236ba;">OOC/Friends</a>
  334. <!-- CLOSE NAVIGATION --></div>
  335. <!-- ICON --><div style="width:225px;height:225px;background:url(http://i65.tinypic.com/2h5nqz9.png);background-repeat: no-repeat;">
  336. <!-- CLOSE ICON --></div><!-- CLOSE RIGHT --></div><!-- CLOSE PERSONALITY --></div>
  337.  
  338.  
  339.  
  340.  
  341. <!-- TALENTS --><a name="3"></a><div style="width:800px;height:400px;"><!-- LEFT --><div style="width:535px;height:360px;float:left;padding:20px;text-align:justify;"><div style="width:533px;height:358px;border:1px solid #65e6d7;border-radius:30px;box-shadow:0px 0px 15px 0px #65e6d7;overflow:hidden;"><div style="width:503px;height:328px;padding:15px;overflow:auto;">
  342.  
  343.     <div style="font-size:20px;font-variant:small-caps;color:#65e6d7;"><b>-</b><b>-</b></div>
  344.     Description.<p>
  345.  
  346.     <div style="font-size:20px;font-variant:small-caps;color:#65e6d7;">• </div>
  347.     Description.<p>
  348.  
  349.     <div style="font-size:20px;font-variant:small-caps;color:#65e6d7;">• </div>
  350.     Description.<p>
  351.  
  352.     <div style="font-size:20px;font-variant:small-caps;color:#65e6d7;">• </div>
  353.     Description.<p>
  354. <!-- CLOSE LEFT --></div></div></div>
  355. <!-- RIGHT --><div style="width:225px;height:400px;float:left;"><!-- NAVIGATION --><div style="width:225px;height:155px;line-height:20px;padding-top:20px;font-variant:small-caps;font-size:15px;"><a href="#1" style="width:125px;height:20px;margin-bottom:5px;border-radius:30px 30px 0px 0px;text-decoration:none;display:block;box-shadow:0px 0px 10px #65e6d7;color:#fff;background:#65e6d7;">Info</a><a href="#2" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #65e6d7;color:#fff;background:#65e6d7;">Personality</a><a href="#3" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #fff;color:#65e6d7;background:#fff;font-weight:bold;">Abilities/Gear</a><a href="#4" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #65e6d7;color:#fff;background:#65e6d7;">History</a><a href="#5" style="width:125px;height:20px;border-radius:0px 0px 30px 30px;text-decoration:none;display:block;box-shadow:0px 0px 10px #65e6d7;color:#fff;background:#65e6d7;">OOC/Friends</a>
  356. <!-- CLOSE NAVIGATION --></div>
  357. <!-- ICON --><div style="width:225px;height:225px;background:url(http://i65.tinypic.com/eqbl6x.png);background-repeat: no-repeat;">
  358. <!-- CLOSE ICON --></div><!-- CLOSE RIGHT --></div><!-- CLOSE TALENTS --></div>
  359.  
  360.  
  361.  
  362. <!-- HISTORY --><a name="4"></a><div style="width:800px;height:400px;"><!-- LEFT --><div style="width:535px;height:360px;float:left;padding:20px;text-align:justify;"><div style="width:533px;height:358px;border:1px solid #967b4e;border-radius:30px;box-shadow:0px 0px 15px 0px #967b4e;overflow:hidden;"><div style="width:503px;height:328px;padding:15px;overflow:auto;">
  363.  
  364.     • Past event goes here.<p>
  365.  
  366.     • Past event goes here.<p>
  367.  
  368. <!-- CLOSE LEFT --></div></div></div>
  369. <!-- RIGHT --><div style="width:225px;height:400px;float:left;"><!-- NAVIGATION --><div style="width:225px;height:155px;line-height:20px;padding-top:20px;font-variant:small-caps;font-size:15px;"><a href="#1" style="width:125px;height:20px;margin-bottom:5px;border-radius:30px 30px 0px 0px;text-decoration:none;display:block;box-shadow:0px 0px 10px #967b4e;color:#fff;background:#967b4e;">Info</a><a href="#2" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #967b4e;color:#fff;background:#967b4e;">Personality</a><a href="#3" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #967b4e;color:#fff;background:#967b4e;">Abilities/Gear</a><a href="#4" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #fff;color:#967b4e;background:#fff;font-weight:bold;">History</a><a href="#5" style="width:125px;height:20px;border-radius:0px 0px 30px 30px;text-decoration:none;display:block;box-shadow:0px 0px 10px #967b4e;color:#fff;background:#967b4e;">OOC/Friends</a>
  370. <!-- CLOSE NAVIGATION --></div>
  371. <!-- ICON --><div style="width:225px;height:225px;background:url(http://i67.tinypic.com/28txnkj.png);background-repeat: no-repeat;">
  372. <!-- CLOSE ICON --></div><!-- CLOSE RIGHT --></div><!-- CLOSE HISTORY --></div>
  373.  
  374.  
  375.  
  376. <!-- NOTES --><a name="5"></a><div style="width:800px;height:400px;"><!-- LEFT --><div style="width:535px;height:360px;float:left;padding:20px;text-align:justify;"><div style="width:533px;height:358px;border:1px solid #eb3e39;border-radius:30px;box-shadow:0px 0px 15px 0px #eb3e39;overflow:hidden;"><div style="width:503px;height:328px;padding:15px;overflow:auto;">
  377.  
  378.     • Note goes here.<p>
  379.  
  380.     • Note goes here.<p>
  381.  
  382. <hr color="#eb3e39" size="1"><div style="width:503px;text-align:center;font-size:10px;margin-bottom:5px;">Hover over pictures for a description of the relationship.</div>
  383.  
  384.     <figure style="float:left;margin:0px 10px 5px 25px;"><a href="JOURNALURL"><img src="http://i.imgur.com/VPbPJ6S.png" title="RELATIONSHIP" style="width:100px;height:100px;border:1px solid #eb3e39;"></a><figcaption style="width:102px;text-align:center;">Name</figcaption></figure>
  385.     <figure style="float:left;margin:0px 10px 5px 0px;"><a href="JOURNALURL"><img src="http://i.imgur.com/VPbPJ6S.png" title="RELATIONSHIP"  style="width:100px;height:100px;border:1px solid #eb3e39;"></a><figcaption style="width:102px;text-align:center;">Name</figcaption></figure>
  386.     <figure style="float:left;margin:0px 10px 5px 0px;"><a href="JOURNALURL"><img src="http://i.imgur.com/VPbPJ6S.png" title="RELATIONSHIP"  style="width:100px;height:100px;border:1px solid #eb3e39;"></a><figcaption style="width:102px;text-align:center;">Name</figcaption></figure>
  387.     <figure style="float:left;margin:0px 0px 5px 0px;"><a href="JOURNALURL"><img src="http://i.imgur.com/VPbPJ6S.png" title="RELATIONSHIP"  style="width:100px;height:100px;border:1px solid #eb3e39;"></a><figcaption style="width:102px;text-align:center;">Name</figcaption></figure>
  388.  
  389.     <figure style="float:left;margin:0px 10px 5px 25px;"><a href="JOURNALURL"><img src="http://i.imgur.com/VPbPJ6S.png" title="RELATIONSHIP" style="width:100px;height:100px;border:1px solid #eb3e39;"></a><figcaption style="width:102px;text-align:center;">Name</figcaption></figure>
  390.     <figure style="float:left;margin:0px 10px 5px 0px;"><a href="JOURNALURL"><img src="http://i.imgur.com/VPbPJ6S.png" title="RELATIONSHIP"  style="width:100px;height:100px;border:1px solid #eb3e39;"></a><figcaption style="width:102px;text-align:center;">Name</figcaption></figure>
  391.     <figure style="float:left;margin:0px 10px 5px 0px;"><a href="JOURNALURL"><img src="http://i.imgur.com/VPbPJ6S.png" title="RELATIONSHIP"  style="width:100px;height:100px;border:1px solid #eb3e39;"></a><figcaption style="width:102px;text-align:center;">Name</figcaption></figure>
  392.     <figure style="float:left;margin:0px 0px 5px 0px;"><a href="JOURNALURL"><img src="http://i.imgur.com/VPbPJ6S.png" title="RELATIONSHIP"  style="width:100px;height:100px;border:1px solid #eb3e39;"></a><figcaption style="width:102px;text-align:center;">Name</figcaption></figure>
  393.  
  394. <!-- CLOSE LEFT --></div></div></div>
  395. <!-- RIGHT --><div style="width:225px;height:400px;float:left;"><!-- NAVIGATION --><div style="width:225px;height:155px;line-height:20px;padding-top:20px;font-variant:small-caps;font-size:15px;"><a href="#1" style="width:125px;height:20px;margin-bottom:5px;border-radius:30px 30px 0px 0px;text-decoration:none;display:block;box-shadow:0px 0px 10px #eb3e39;color:#fff;background:#eb3e39;">Info</a><a href="#2" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #eb3e39;color:#fff;background:#eb3e39;">Personality</a><a href="#3" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #eb3e39;color:#fff;background:#eb3e39;">Abilities/Gear</a><a href="#4" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #eb3e39;color:#fff;background:#eb3e39;">History</a><a href="#5" style="width:125px;height:20px;border-radius:0px 0px 30px 30px;text-decoration:none;display:block;box-shadow:0px 0px 10px #fff;color:#eb3e39;background:#fff;font-weight:bold;">OOC/Friends</a>
  396. <!-- CLOSE NAVIGATION --></div>
  397. <!-- ICON --><div style="width:225px;height:225px;background:url(http://i68.tinypic.com/2lxjwgi.png);background-repeat: no-repeat;">
  398. <!-- CLOSE ICON --></div><!-- CLOSE RIGHT --></div><!-- CLOSE NOTES --></div><!-- CLOSE CONTAINER --></div>
  399. <!-- BOTTOM --><div style="width:800px;height:20px;font-size:10px;line-height:15px;letter-spacing:2px;">
  400.  
  401.  
  402.  
  403. <!-- CLOSE BOTTOM --></div><!-- CLOSE MASTER --></div>
  404. <!-- CREDIT - DO NOT REMOVE --><div style="width:770px;text-align:right;padding-right:30px;opacity:0.7;color:#000;font-size:11px;letter-spacing:1px;">code by <a href="http://morethancostume.insanejournal.com/" style="color:#ec5f3a;">morethancostume</a></div>
  405. </lj-cut></center></lj-raw>
  406. </a><a href="#4" style="width:125px;height:20px;margin-bottom:5px;text-decoration:none;display:block;box-shadow:0px 0px 10px #eb3e39;color:#fff;background:#eb3e39;">History</a><a href="#5" style="width:125px;height:20px;border-radius:0px 0px 30px 30px;text-decoration:none;display:block;box-shadow:0px 0px 10px #fff;color:#eb3e39;background:#fff;font-weight:bold;">Notes + Lines</a>
  407. <!-- CLOSE NAVIGATION --></div>
  408. <!-- ICON --><div style="width:225px;height:225px;background:url(http://i68.tinypic.com/2lxjwgi.png);background-repeat: no-repeat;">
  409. <!-- CLOSE ICON --></div><!-- CLOSE RIGHT --></div><!-- CLOSE NOTES --></div><!-- CLOSE CONTAINER --></div>
  410. <!-- BOTTOM --><div style="width:800px;height:20px;font-size:10px;line-height:15px;letter-spacing:2px;">
  411.  
  412.  
  413.  
  414. <!-- CLOSE BOTTOM --></div><!-- CLOSE MASTER --></div>
  415. <!-- CREDIT - DO NOT REMOVE --><div style="width:770px;text-align:right;padding-right:30px;opacity:0.7;color:#000;font-size:11px;letter-spacing:1px;">code by <a href="http://morethancostume.insanejournal.com/" style="color:#ec5f3a;">morethancostume</a></div>
  416. </lj-cut></center></lj-raw>
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!