Advertisement
tsiappoworks

like father like daughter

Jul 4th, 2016
139
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.09 KB | None | 0 0
  1. <!-----THEME MADE BY UMINOJO FOR KOGATANO.
  2. DO NOT STEAL OR COPY THIS CODE IN ANY CAPACITY.
  3. THANKS.----->
  4.  
  5. <!DOCTYPE html>
  6. <html>
  7.  
  8. <!-----------------------------TOOLTIPS------------------------------->
  9. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  10. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  11. <script>
  12. (function($){
  13.  
  14. $(document).ready(function(){
  15.  
  16. $("a[title]").style_my_tooltips({
  17.  
  18. tip_follows_cursor:true,
  19.  
  20. tip_delay_time:0,
  21.  
  22. tip_fade_speed:0,
  23.  
  24. attribute:"title"
  25.  
  26. });
  27.  
  28. });
  29.  
  30. })(jQuery);
  31. </script>
  32.  
  33. <!----------------------POPUP_BLOCK SCRIPT BELOW-------------------------->
  34. <script type="text/javascript"
  35. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  36. <script>
  37. $(document).ready(function() {
  38. //
  39. $('a.poplight[href^=#]').click(function() {
  40. var popID = $(this).attr('rel'); //Get Popup Name
  41. var popURL = $(this).attr('href'); //Get Popup href to define size
  42. var query= popURL.split('?');
  43. var dim= query[1].split('&');
  44. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  45. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  46. var popMargTop = ($('#' + popID).height() + 80) / 2;
  47. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  48. //Apply Margin to Popup
  49. $('#' + popID).css({
  50. 'margin-top' : -popMargTop,
  51. 'margin-left' : -popMargLeft
  52. });
  53. $('body').append('<div id="fade"></div>');
  54. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  55. return false;
  56. });
  57. $('a.close, #fade').live('click', function() {
  58. $('#fade , .popup_block').fadeOut(function() {
  59. $('#fade, a.close').remove(); //fade them both out
  60. });
  61. return false;
  62. });
  63. });
  64. </script>
  65. <!-------------------- VERSES SCRIPT BELOW -------------------->
  66. <script src="http://static.tumblr.com/dxh5xq2/v6Gn8ju1e/tabs.js"></script>
  67.  
  68. <head>
  69.  
  70. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  71. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  72. <link rel="shortcut icon" href="{Favicon}" />
  73.  
  74. <meta name="color:Accent" content="#704551" />
  75. <meta name="color:Accent2" content="#732d42" />
  76. <meta name="color:Accent3" content="#dfdcd7" />
  77. <meta name="color:body font" content="#f5f5f5" />
  78. <meta name="color:Page BG" content="#9fd7f8" />
  79. <meta name="color:ask bg" content="#FAFAFA" />
  80.  
  81. <meta name="font:Body" content="Helvetica" />
  82. <meta name="font:Details" content="Helvetica" />
  83.  
  84. <style type="text/css">
  85. /*---------------------BODY--------------------*/
  86. ::-webkit-scrollbar-thumb:vertical {
  87. background-color:transparent;
  88. height:7px;}
  89. ::-webkit-scrollbar {
  90. background-color:transparent;
  91. height:7px;
  92. width:5px;}
  93.  
  94. html {
  95. background:
  96. url('http://static.tumblr.com/oh3xcbq/cd6o9t4gx/takispls.png') no-repeat top right fixed,
  97. url('http://static.tumblr.com/oh3xcbq/DfQo9t6r7/takisplsgradient.png') repeat-x top left fixed;
  98. background-color:{color:Page BG};
  99. cursor:url('http://static.tumblr.com/oh3xcbq/Wmxo9t7ox/flowa.png'), progress;
  100. }
  101.  
  102. body {
  103. margin: 0;
  104. word-wrap: break-word;
  105. color:Calibri, helvetica, arial, sans-serif;
  106.  
  107. }
  108.  
  109. body a{
  110. text-decoration:none;
  111. font-weight:700;
  112. cursor:url('http://static.tumblr.com/oh3xcbq/Wmxo9t7ox/flowa.png'), progress;
  113. }
  114.  
  115. small, sub {
  116. font-size:12px;
  117. font-family: calibri,helvetica,arial,sans-serif;
  118. }
  119.  
  120. s,strike {
  121. color:{color:accent2};
  122. }
  123.  
  124. u,underline {
  125. color:{color:accent2};
  126. }
  127.  
  128. /*-------------------------INDIVID POSTS------------------------*/
  129. #post{
  130. width:500px;
  131. margin:10px auto;
  132. padding:10px 5px;
  133. font-family: {font:Body};
  134. color:{color:body font};
  135. }
  136.  
  137. #post a{border-bottom:1px solid {color:accent};}
  138.  
  139. #post .text{font-size:11px; line-height:16px;}
  140. #post .title{font-size:20px;}
  141. .text ul li{list-style-type:circle;}
  142.  
  143. /*-------------------------PERMALINKS AND TAGS------------------------*/
  144. #permalink{
  145. margin-left:5px;
  146. margin-top:-10px;
  147. padding:3px 0px;
  148. font-size:10px;
  149. text-align:center;
  150. font-family:{font:Details};
  151. width:510px;
  152. color:{color:accent3};
  153. background:url('http://static.tumblr.com/oh3xcbq/KPKo9t8cr/selectiondarkred_faded.png');
  154.  
  155. }
  156.  
  157. #permalink a{color:#576879;vertical-align:middle;}
  158.  
  159. #tags{
  160. margin-top:2px;
  161. text-align:center;
  162. width:500px;
  163. font-size:10px;
  164. font-family:{font:Details};
  165. margin-bottom:40px;
  166. }
  167.  
  168. #notesbox{width:500px;margin:20px auto;font-size:11px;}
  169. #notesbox ol.notes{list-style-type:none;margin:7px 0px;padding:0px 0px;}
  170. #notesbox img.avatar{display:none;}
  171.  
  172. /*------------------------EXTRA BITS AND BOBBLES----------------------*/
  173. .chat ul {list-style:none; margin:0; padding:0;}
  174. .chat li {font-size:11px;list-style-type: none;margin-left: 0px;padding: 3px;}
  175.  
  176. /*----------------------------NAVIGATION--------------------------*/
  177. #navigation {
  178. float:right;
  179. width:300px;
  180. text-align:center;
  181. margin-right:-490px;
  182. margin-top:385px;
  183. font-size:40px;
  184. font-family:georgia,calibri,serif;
  185. }
  186.  
  187. #navigation a{color:{color:accent};
  188. text-shadow: 0px 0px 2px #3c201d;
  189. font-size:15px;
  190. letter-spacing:5px;
  191. }
  192.  
  193. #navigation a:hover{color:{color:body font};}
  194.  
  195. /*------------------------CUSTOM TOOLTIP--------------------------*/
  196. #s-m-t-tooltip {
  197. max-width:150px;
  198. padding:5px;
  199. margin:0px 0px 0px 17px;
  200. background-color:{color:accent2};
  201. font-family:{font:Body};
  202. font-size:9px;
  203. letter-spacing:2px;
  204. text-transform:lowercase;
  205. color:{color:accent3};
  206. z-index:9999;
  207. }
  208. /*-------------------------MAIN BODY STUFF HERE-----------------------*/
  209. img{border:0; max-width:100%;}
  210.  
  211. #body{
  212. width:560px;
  213. z-index:99;
  214. float:right;
  215. margin-right:700px;
  216. margin-top:52px;
  217.  
  218. }
  219.  
  220. #body a{text-decoration:none;color:{color:Accent2};}
  221. #body a:hover{color:{color:accent};border-bottom:1px solid {color:Accent};}
  222. #body blockquote{border-left:2px solid {color:accent};
  223. border-right:2px solid {color:accent};
  224. background:{color:body font};
  225. color:{color:accent};
  226. margin:5px;
  227. padding:5px;}
  228.  
  229.  
  230. /*--------------------CONTAINER BOX THING---------------------------*/
  231. #container{
  232. position:fixed;
  233. width:523px;
  234. height:550px;
  235. overflow:auto;
  236. margin-left:42px;
  237. }
  238.  
  239. /* ---------------------------- UPDATES ------------------------------*/
  240.  
  241. /* --- UPDATES ---*/
  242.  
  243. #updates {
  244. font-size:9px;
  245. color:{color:body font};
  246. font-family:calibri,helvetica,arial,sans-serif;
  247. text-align:center;
  248. height:13px;
  249. width:100px;
  250. padding:4px;
  251. top:15px;
  252. left:20px;
  253. z-index:10;
  254. position:fixed;
  255. overflow:hidden;
  256. -webkit-transition: all 0.5s ease-in-out;
  257. -moz-transition: all 0.5s ease-in-out;
  258. -o-transition: all 0.5s ease-in-out;
  259. }
  260.  
  261. #updates:hover {
  262. height:185px;
  263. -webkit-transition: all 0.5s ease-in-out;
  264. -moz-transition: all 0.5s ease-in-out;
  265. -o-transition: all 0.5s ease-in-out;
  266. }
  267.  
  268. #updatestitle {
  269. font-size:10px;
  270. text-transform:uppercase;
  271. font-family:arial;
  272. font-weight:bold;
  273. color:#d6d5d3;
  274. text-shadow: 0px 0px 2px #3c201d;
  275. }
  276.  
  277. #headerbar{
  278. left:50%;
  279. top:50%;
  280. width:500px; /*– sets width of your text –*/
  281. overflow:scroll;
  282. text-align:justify;
  283. color:#eee;
  284. font-family:calibri;
  285. font-size:12px;
  286. }
  287.  
  288. #tabbar{
  289. left:50%;
  290. top:50%;
  291. width:500px; /*– sets width of your text –*/
  292. height:400px; /*– sets height of your text –*/
  293. overflow: scroll;
  294. text-align:justify;
  295. color:#222;
  296. font-family:calibri;
  297. font-size:12px;
  298. }
  299.  
  300. ul#tabs {text-align: center;}
  301. ul#tabs li { /*– your inactive / not viewed tabs –*/
  302. display:inline-block;
  303. padding:2px;
  304. cursor:pointer;
  305. text-decoration:none;
  306. opacity:1;
  307. color:{color:accent};
  308. }
  309.  
  310. ul#tabs li.active { /*– your active tab –*/
  311. background-color:{color:accent};
  312. color:#fff;
  313. -webkit-transition:
  314. all 0.5s ease-out;
  315. -moz-transition: all 0.5s ease-out;
  316. transition: all 0.5s ease-out;
  317. }
  318.  
  319. ul#tab, ul#tabs{list-style-type:none;margin:0px;padding:0px;}
  320. ul#tab li.active {display: block;}
  321. ul#tab li {display: none;}
  322.  
  323. /*-----------------------------POPUP BOXES---------------------------*/
  324. #fade { /*--Transparent background layer--*/
  325. display: none; /*--hidden by default--*/
  326. background: #000;
  327. position: fixed; left: 0; top: 0;
  328. width: 100%; height: 100%;
  329. opacity: .80;
  330. z-index: 9999;
  331. }
  332. .popup_block{
  333. display: none; /*--hidden by default--*/
  334. color:{font:body font};
  335. padding: 10px;
  336. float: left;
  337. font-size: 11.5;
  338. position: fixed;
  339. top: 50%; left: 50%;
  340. z-index: 9999999;
  341.  
  342. img.btn_close {
  343. float: right;
  344. margin: -20 -20px 0 0;
  345. }
  346. /*--Making IE6 Understand Fixed Positioning--*/
  347. *html #fade {
  348. position: absolute;
  349. }
  350. *html .popup_block {
  351. position: absolute;
  352. }
  353.  
  354. #wrap {
  355. width:731px;
  356. margin:auto;
  357. }
  358.  
  359. {CustomCSS}</style>
  360. </head>
  361. <body>
  362. <div id="body">
  363. <!----------------------------MAIN BODY----------------------------->
  364. <div id="container">
  365. {block:Posts}
  366.  
  367. <!--------------------------TYPES OF POSTS----------------------------->
  368. <div id="post">
  369. {block:Photo}
  370. <a href="{LinkURL}"><img src="{PhotoURL-500}" /></a>
  371. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  372. {/block:Photo}
  373.  
  374. {block:Photoset}
  375. {Photoset-500}
  376. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  377. {/block:Photoset}
  378.  
  379. {block:Video}
  380. {Video-500}
  381. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  382. {/block:Video}
  383.  
  384. {block:Audio}
  385. <div class="musicbox">
  386. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  387. {block:TrackName}<div class="text" style="color:{color:Accent};"><strong>{TrackName}</strong></div>{/block:TrackName}<br/>
  388. {block:Artist}<div class="text" style="margin-top:-17px;"><strong>Artist:&nbsp;</strong>{Artist}</div>{/block:Artist}<br/>
  389. {block:Album}<div class="text" style="margin-top:-17px;"><strong>Album:&nbsp;</strong>{Album}</div>{/block:Album}<br/>
  390. <div class="text" style="margin-top:-17px;">{PlayCountWithLabel}</div></div>
  391. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  392. {/block:Audio}
  393.  
  394. {block:Quote}
  395. <div class="title" style="width:400px;margin:auto;text-align:justify;">{Quote}</div>
  396. {block:Source}<div class="text" style="text-align:right;padding-right:50px;"><br/>&mdash;{Source}</div>{/block:Source}
  397. {/block:Quote}
  398.  
  399. {block:Text}
  400. {block:Title}<div class="title">{Title}<br/></div>{/block:Title}
  401. <div class="text">{Body}</div>
  402. {/block:Text}
  403.  
  404. {block:Answer}
  405. <div style="background-color:rgba(45,54,115,0.2); padding:10px 10px 10px 10px;"><div class="title" style="font-size:12px;">{Question}<br/></div>
  406. <div class="text" style="text-align:right;">&mdash;{Asker}<br/></div></div>
  407. <div class="text">{Answer}</div>
  408. {/block:Answer}
  409.  
  410. {block:Chat}
  411. {block:Title}<div class="title">{Title}<br/></div>{/block:Title}
  412. {block:Lines}<div class="chat"><li class="line_{Alt}">
  413. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li></div>
  414. {/block:Lines}
  415. {/block:Chat}
  416.  
  417. {block:Link}
  418. <div class="title"><a href="{URL}">{Name}</a></div>
  419. {block:Description}<div class="text">{Description}</div>{/block:Description}
  420. {/block:Link}
  421. </div>
  422.  
  423. <!---------------------PERMALINK + REBLOG STUFF---------------------->
  424. <div id="permalink">{block:Date}<a href="{Permalink}" style="color:{color:accent3};">{DayOFMonthWithZero} {ShortMonth} {Year}</a> |&nbsp;{/block:Date}{block:NoteCount}<a href="{Permalink}" style="color:{color:accent3};">{NoteCountWithLabel}</a> |&nbsp;{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}" style="color:{color:accent3};">via</a> |&nbsp;{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}" title="{SourceName}" style="color:{color:accent3};">©</a> |&nbsp;{/block:ContentSource}<a href="{ReblogURL}" target="_blank" class="details" style="color:{color:accent3};">reblog</a></div>
  425. <!----------------------------TAG STUFF----------------------------->
  426. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  427.  
  428. {block:PostNotes}
  429. <div id="notesbox">{PostNotes}</div>
  430. {/block:PostNotes}
  431. {/block:Posts}
  432. </div>
  433.  
  434. <!-- begin updates tab -->
  435.  
  436. <div id="updates">
  437. <div id="updatestitle">hover</div>
  438.  
  439. <div style="padding-top:10px;">
  440.  
  441. <span style="font-size:9px;color:white">GILLY TAKAKO<br>
  442. 17 | ♀ | TOKYO<br>
  443. HEIRESS, DAREDEVIL, PRODIGAL SON.</span><br>
  444. <hr style = 'background-color:{color:body font}; border-width:0; color:{color:body font}; height:1px; lineheight:0; display: inline-block; text-align: center; width:50%;' /><br>
  445. <span style="color:white">
  446. original character<br>
  447. mun < 21<br></span>
  448. <hr style = 'background-color:{color:body font}; border-width:0; color:{color:body font}; height:1px; lineheight:0; display: inline-block; text-align: center; width:50%;' /><br>
  449. <span style="font-size:11px;color:white;">written by <a href="/mun" style="color:white;text-shadow: black 0 0 2px;">GIL</a></span><br>
  450. <span style="color:white">do not steal</span><br>
  451.  
  452.  
  453. </div></div>
  454.  
  455. <!-- end updates tab -->
  456.  
  457. <!------------------------- NAVIGATION -------------------------->
  458. <div id="navigation" style="font-size:11px;">
  459. <a href="/" title="home" style="color:#d6d5d3;">✕</a>
  460. <a href="#?w=350" rel="ask" class="poplight" title="ask" style="color:#d6d5d3;">✕</a>
  461. <a href="#?w=500" rel="story" class="poplight" title="story" style="color:#d6d5d3;">✕</a>
  462. <a href="#?w=400" rel="guide" class="poplight" title="guide" style="color:#d6d5d3;">✕</a>
  463. <a href="/verselanding" title="verses" style="color:#d6d5d3;">✕</a>
  464. <a href="/tagged/trivia" title="trivia" style="color:#d6d5d3;">✕</a>
  465. <a href="/ships" title="relationships" style="color:#d6d5d3;">✕</a>
  466.  
  467. <br>
  468. {block:Pagination}
  469. {block:NextPage}<a href="{NextPage}" style="color:#d6d5d3;text-shadow: #3c201d 0 0 2px;letter-spacing:1px;">old</a>{/block:NextPage}
  470. {block:PreviousPage}&nbsp;/&nbsp;<a href="{PreviousPage}" style="color:#d6d5d3;text-shadow: #3c201d 0 0 2px;letter-spacing:1px;">new</a>{/block:PreviousPage}
  471. </div>{/block:Pagination}
  472.  
  473. </div></div>
  474.  
  475. </body>
  476.  
  477. </div></div></div></div></div></div></div></div></div></div></div>
  478.  
  479.  
  480. </div></div>
  481.  
  482. <!-------HERE BEGIN THE POPUP BOXES------->
  483.  
  484. <div id="ask" class="popup_block" style="overflow:auto;background:white;height:260px;">
  485.  
  486. <table>
  487. <tr><td>
  488. <iframe frameborder="0" scrolling="yes" width="340" height="150" src="https://www.tumblr.com/ask_form/kogatano.tumblr.com" style="background-color:transparent; overflow:auto; display:block; float:left;" id="ask_form"></iframe>
  489. </td></tr>
  490. </table>
  491. </div>
  492.  
  493. <div id="submit" class="popup_block" style="overflow:auto;">
  494.  
  495. <table>
  496. <tr><td>
  497. <iframe frameborder="0" scrolling="yes" width="340" height="250" src="https://www.tumblr.com/submit_form/kogatano.tumblr.com" style="background-color:transparent; overflow:auto; display: block; float:right; margin-left:20px;" id="submit_form"></iframe>
  498. </td></tr>
  499. </table>
  500. </div>
  501.  
  502. <div id="guide" class="popup_block" style="margin:0px auto; padding:10px 30px; background:#FCFBF8;font-family:calibri, helvetica, arial, sans-serif;font-size: 11.5px;line-height:15px;overflow:auto;color:{color:accent}">
  503.  
  504. <h1 style="text-align:center; background:{color:accent};color:white;letter-spacing:2px;padding-top:5px;height:20px;font-size:20px;">GUIDELINES</h1>
  505.  
  506. <p style="font-family:calibri,helvetica,arial,sans-serif;"><small>I’m going to keep this simple and assume you know how these things work. No godmodding, try your best to use proper grammar, etc. I’m not a stickler for length, but at least give me enough to work with. If I give you a few paragraphs, don’t leave me with two sentences. That’s not cool.
  507.  
  508. <p style="font-family:calibri,helvetica,arial,sans-serif;"><small>As a heads up, I’m just going to put it out there that I’m less inclined to roleplay with people who write in purple prose. Nothing personal, but I don’t care for diction/syntax muddling clarity.
  509. Una is currently single in all verses. She is allowed to take one lover per verse. However, shipping is not my main focus…but I’m still more than willing to give a ship a try. It just needs buildup and it needs to make sense. Nothing instant over here.
  510.  
  511. <p style="font-family:calibri,helvetica,arial,sans-serif;"><small>Obligatory warning: Mun and muse are of age. Anything NSFW of a sexual nature is probably going to be uncommon, though violence, alcohol, drugs, etc. may appear (depending on who I'm writing with). Don’t worry, I’ll make sure things are tagged.
  512.  
  513. <p style="letter-spacing:2px;text-align:center;"><b><u><span style="color:{color:accent};">LAST NOTES</span></u></b></p>
  514.  
  515. <p style="font-family:calibri,helvetica,arial,sans-serif;"><small>Given the nature of Una's history, she may make comments that are not considered politically correct in this modern era. Please be aware that these are not the beliefs of me, but of my character.
  516. <p style="font-family:calibri,helvetica,arial,sans-serif;"><small>I don’t always follow back–I like a clean dash, so if you post a lot of images/OOC in a short time, I probably won’t follow unless I really like you. If we’re mutuals, you can tag me in a post at any time. If we aren’t, you can still try tagging me in something, but I might not stick with it for very long.
  517.  
  518. </div>
  519.  
  520. <div id="story" class="popup_block" style="margin:0px auto; padding:10px 30px; background:#FCFBF8;font-family:calibri, helvetica, arial, sans-serif;font-size: 11.5px;line-height:15px;overflow:auto;color:{color:accent}">
  521.  
  522. <div id="headerbar">
  523. <ul id="tabs">
  524. <li class="active">stats</li>
  525. <li>story</li>
  526. <li>power</li>
  527. </ul></div>
  528. <div id="tabbar">
  529. <ul id="tab">
  530.  
  531. <li class="active" style="color:{color:accent};">
  532.  
  533. <h1 style="text-align:center; background:{color:accent};color:white;letter-spacing:2px;padding-top:5px;height:20px;font-size:20px;"><center><b>UNA VICTORIA GENEVIEVE NAUX</b></center></h1>
  534. <b>nickname:</b> Tuna, Captain<br>
  535. <b>super identity:</b> Chrononautica (formerly Leap Year)<br>
  536. <b>birthday:</b> 19 Feb (23 years old)<br>
  537. <b>ethnicity:</b> Caucasian (English+Irish blood)<br>
  538. <b>orientation:</b> Heteroflexible.<br>
  539. <b>languages:</b> English, French, Latin.<br>
  540. <b>place of birth:</b> Hartlepool, North East England.<br>
  541. <b>living conditions:</b> Brooklyn apartment. <br>
  542. <b>occupation:</b> Bookseller, occasional dominatrix.<br>
  543. <b>family:</b> Barnaby Reginald Naux, father. Adelaide Stark, mother.<br><br>
  544. <center><b>physical</b></center>
  545. <b>eyes:</b> Pale grey-blue: colour of cataracts. Piercing stare.<br>
  546. <b>hair:</b> Dark brown. Wavy. Exceptionally full. Top half tied back.<br>
  547. <b>height:</b> Around 5'5" in heels, or 5'2" barefoot.<br>
  548. <b>weight:</b> 100 pounds, give or take<br>
  549. <b>build:</b> Scrawny, leggy, flat-chested. Not very imposing. Moderate muscle tone. High cheekbones, jutting chin. Weight carried mainly in thighs and rear—possibly her best asset. Callused hands. Gapped buck teeth. Freckled nose.<br><br>
  550. <center><b>core</b></center>
  551. <b>intelligence:</b> Book-smart. Sharp mind for business/negotiation.<br>
  552. <b>likes:</b> Sweaters, cheap perfume, books, horror films, skating, dolls.<br>
  553. <b>dislikes:</b> Pants, ants, divination, overly sweet foods, conspiracy theories.<br>
  554. <b>disposition:</b> Headstrong, self-sufficient, amicable, curious, helpful, mistrustful, selfish, arrogant, reliable.<br><br>
  555. <center><b>other</b></center>
  556. <b>phobias:</b> Heights, drowning, being completely alone.<br>
  557. <b>allergies:</b> Mushrooms.<br>
  558. <b>abilities:</b> Time travel (including "teleportation").<br>
  559. <b>strengths:</b> Running, fitting in small spaces, holding breath, origami, being nosy, resourcefulness.<br>
  560. <b>weaknesses:</b> Cooking, climbing, empathizing, children. Tends to be too mouthy for her own good. Terrible at archery or any other long-distance weapon/sport.<br>
  561. <b>extras:</b> Most valuable item is her mobile phone. Favourite food is steak. Uses reading glasses.
  562.  
  563. </li>
  564.  
  565. <li style="color:{color:accent};">
  566.  
  567. <p>&nbsp; &nbsp; &nbsp; &nbsp;In 1734, Una was born to the most estimable Captain Barnaby Reginald Naux, and his lovely wife, Adelaide. However, Una never knew her mother, as she died in childbirth. As a result, Una was happily raised on her father's ship by him and his crew. She gained the mannerisms of older men and would have been quite the tomboy if only society didn't require her to be an upstanding young lady. In any case, she lived the relatively normal life of a merchant at sea, traveling around the world while shipping items from point A to point B.</p>
  568.  
  569. <p>&nbsp; &nbsp; &nbsp; &nbsp;In 1752, there was a terrible storm that rocked their ship, the Amaranthe. There may have been a sea monster involved as well—she can't remember the details of the event too well. Either way, she and a few other men were thrown overboard by the boat's precarious motions. As far as the rest of the ship is aware, they all drowned. As far as she's aware, she time traveled to the year 2012.</p>
  570.  
  571. <p>&nbsp; &nbsp; &nbsp; &nbsp;Now, a few years after the terrible occurrence, Una has carved a modest life for herself. With a steady income and good friends, she's adapting quickly to the modern world, though much of it still remains a mystery to her. As far as her abilities go, she's gotten more of a handle on them, and uses them every now and then to assist others&mdash;for profit.
  572.  
  573. <p>&nbsp; &nbsp; &nbsp; &nbsp;Due to a run-in with a certain <a href="http://duckpi.tumblr.com/" style="color:{color:accent};text-decoration:underline;">cigar-chomping duck</a>, Una has been made aware of the Nexus of All Realities, and is under the impression that it could take her back to ther own time. After hearing rumors and stories regarding the other fallen shipmates, her current goal is to find them and remake her makeshift family...and possibly send all of them back home to the past.</p>
  574.  
  575. <p>&nbsp; &nbsp; &nbsp; &nbsp;In the meantime, she runs a small bookstore called <b>Books & Baubles</b>. Although the literature is the main attraction, the &ldquo;baubles&rdquo; in question are a variety of other services on the sly, including acts of heroism as well as occasional dominatrixing. Sometimes she sells antiques and magical paraphernalia. Whatever is on this &ldquo;secret menu&rdquo; is constantly changing depending on whims and availability. To the average person who doesn't bother to inquire about it, Books & Baubles is just another independent bookstore. She lives in a small apartment just above her business.
  576.  
  577. </li>
  578.  
  579. <li style="color:{color:accent};">
  580.  
  581. <center>Time can be seen as a circuit, but it’s actually far more linear.</center>
  582.  
  583. <p>&nbsp; &nbsp; &nbsp; &nbsp;Everything that has happened, is happening, and will ever happen…has already happened. What you yourself are able to perceive depends on when you were born.
  584.  
  585. <p>&nbsp; &nbsp; &nbsp; &nbsp;Each person exists as a point on this timeline. When they die or are otherwise removed from their point in history, they come back as a different point on the timeline. It might be as an astrophysicist in the future, but there is just as equal a chance someone could come back as a flower in ancient Greece. Time doesn’t play favourites; it isn’t bound to a single species or era.
  586.  
  587. <p>&nbsp; &nbsp; &nbsp; &nbsp;Effectively, everyone is running a very long race. At some point, each runner is going to be picked up and given a boost toward the finish line or made to begin again closer to the starting point. People who have traveled through time have just gotten tangled up in the strings of the universe before they were supposed to.
  588.  
  589. <p>&nbsp; &nbsp; &nbsp; &nbsp;Though time travel is rare, it happens most often when someone is on the brink of death. Because it is [nearly] time for them to move on to another point on the timeline, they fall into a wrinkle in time and are taken to a new area. Because they have not actually died, however, they do not get to reincarnate. Instead, they are stranded wherever the universe has seen fit to place them, their body and the majority of their memories still intact. No new life for them, but an enormous amount of confusion.
  590.  
  591. <p>&nbsp; &nbsp; &nbsp; &nbsp;Una is able to travel through time and space by jumping: whenever she is in midair, she leaves this plane. Because she still hasn't mastered her powers, the length of her leap is directly proportional to the amount of time traveled—a tiny hop might be a few minutes, while falling from the top of a skyscraper might be a few decades. In this way, she is able to achieve a crude form of teleportation by transporting herself (and anyone she's holding) milliseconds into the past or future.
  592.  
  593. </li>
  594.  
  595. </ul> <!--- important. don’t delete --->
  596. </div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  597. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement