Advertisement
tsiappoworks

Chrononautica v 1.0 Optimized

Aug 23rd, 2016
129
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.12 KB | None | 0 0
  1. <!-----THEME MADE BY CHRONONAUTICA FOR CHRONONAUTICA.
  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="#e3ced4" />
  75. <meta name="color:Accent2" content="#2d3673" />
  76. <meta name="color:Accent3" content="#FAFAFA" />
  77. <meta name="color:body font" content="#ccbfc3" />
  78. <meta name="color:Page BG" content="#ccd7df" />
  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. <meta name="text:LinkSymbol" content="❧" />
  85. <meta name="text:URL1" content="/" />
  86. <meta name="text:URL2" content="/ask" />
  87. <meta name="text:URL3" content="/submit" />
  88. <meta name="text:URL4" content="/rules" />
  89. <meta name="text:URL5" content="/bio" />
  90. <meta name="text:URL6" content="/map" />
  91.  
  92. <style type="text/css">
  93. /*---------------------BODY--------------------*/
  94. ::-webkit-scrollbar-thumb:vertical {
  95. background-color:transparent;
  96. height:7px;}
  97. ::-webkit-scrollbar {
  98. background-color:transparent;
  99. height:7px;
  100. width:5px;}
  101.  
  102. html {
  103. background:
  104. url('http://static.tumblr.com/k6zk3b1/OLEo9occo/crapola5.png') no-repeat top center fixed,
  105. url('http://static.tumblr.com/k6zk3b1/tSbo9o8f6/gridbg.png') repeat;
  106. background-color:{color:Page BG};
  107. }
  108.  
  109. body {
  110. margin: 0;
  111. word-wrap: break-word;
  112. color:Calibri, helvetica, arial, sans-serif;
  113. }
  114.  
  115. body a{
  116. text-decoration:none;
  117. font-weight:700;
  118. }
  119.  
  120. small, sub {
  121. font-size:12px;
  122. font-family: calibri,helvetica,arial,sans-serif;
  123. }
  124.  
  125. s,strike {
  126. color:{color:accent2};
  127. }
  128.  
  129. u,underline {
  130. color:{color:accent2};
  131. }
  132.  
  133. /*-------------------------INDIVID POSTS------------------------*/
  134. #post{
  135. width:500px;
  136. margin:10px auto;
  137. padding:10px 5px;
  138. font-family: {font:Body};
  139. color:{color:body font};
  140. }
  141.  
  142. #post .text{font-size:11px; line-height:16px;}
  143. #post .title{font-size:20px;}
  144. .text ul li{list-style-type:circle;}
  145.  
  146. /*-------------------------PERMALINKS AND TAGS------------------------*/
  147. #permalink{
  148. margin-left:5px;
  149. margin-top:-10px;
  150. padding:3px 0px;
  151. font-size:10px;
  152. text-align:center;
  153. font-family:{font:Details};
  154. width:510px;
  155. color:{color:accent};
  156. background:{color:accent2};
  157.  
  158. }
  159.  
  160. #permalink a{color:white;vertical-align:middle;}
  161. #permalink a:hover{color:{color:accent3};}
  162.  
  163. #tags{
  164. margin-top:2px;
  165. text-align:center;
  166. width:500px;
  167. font-size:10px;
  168. font-family:{font:Details};
  169. margin-bottom:40px;
  170. }
  171.  
  172. #notesbox{width:500px;margin:20px auto;font-size:11px;}
  173. #notesbox ol.notes{list-style-type:none;margin:7px 0px;padding:0px 0px;}
  174. #notesbox img.avatar{display:none;}
  175.  
  176. /*------------------------EXTRA BITS AND BOBBLES----------------------*/
  177. .chat ul {list-style:none; margin:0; padding:0;}
  178. .chat li {font-size:11px;list-style-type: none;margin-left: 0px;padding: 3px;}
  179.  
  180. /*----------------------------NAVIGATION--------------------------*/
  181. #navigation a{color:{color:body font};}
  182.  
  183. /*------------------------CUSTOM TOOLTIP--------------------------*/
  184. #s-m-t-tooltip {
  185. max-width:150px;
  186. padding:5px;
  187. margin:0px 0px 0px 17px;
  188. background-color:{color:accent2};
  189. font-family:{font:Body};
  190. font-size:9px;
  191. letter-spacing:2px;
  192. text-transform:lowercase;
  193. color:{color:accent3};
  194. z-index:9999;
  195. }
  196. /*-------------------------MAIN BODY STUFF HERE-----------------------*/
  197. img{border:0; max-width:100%;}
  198.  
  199. #body{
  200. width:731px;
  201. z-index:99;
  202. margin-left:auto;
  203. margin-right:auto;
  204. margin-top:260px;
  205.  
  206. }
  207.  
  208. #body a{text-decoration:none;color:{color:Accent2};}
  209. #body a:hover{color:black;border-bottom:1px solid {color:Accent};}
  210. #body blockquote{border-left:2px solid {color:accent};margin:0;padding-left:7px;}
  211.  
  212. /*-------------------------MAIN BODY STUFF HERE-----------------------*/
  213. #body2{
  214. width:187px;
  215. z-index:99;
  216. margin-left:auto;
  217. margin-right:auto;
  218. margin-top:260px;
  219.  
  220. }
  221.  
  222. #body2 a{text-decoration:none;color:{color:Accent2};}
  223. #body2 a:hover{color:black;border-bottom:1px solid {color:Accent};}
  224. #body2 blockquote{border-left:2px solid {color:accent};margin:0;padding-left:7px;}
  225.  
  226. /*--------------------CONTAINER BOX THING---------------------------*/
  227. #container{
  228. position:fixed;
  229. width:523px;
  230. height:339px;
  231. overflow:auto;
  232. margin-left:17px;
  233. }
  234.  
  235. /* ---------------------------- UPDATES ------------------------------*/
  236.  
  237. #updates {
  238. font-size:9px;
  239. font-family:century gothic, arial;
  240. color:{color:body font};
  241. text-align:center;
  242. height:339px;
  243. width:150px;
  244. padding:4px;
  245. position:fixed;
  246. overflow:auto;
  247. margin-left:285px;
  248. }
  249.  
  250. #headerbar{
  251. left:50%;
  252. top:50%;
  253. width:500px; /*– sets width of your text –*/
  254. overflow:scroll;
  255. text-align:justify;
  256. color:#eee;
  257. font-family:calibri;
  258. font-size:12px;
  259. }
  260.  
  261. #tabbar{
  262. left:50%;
  263. top:50%;
  264. width:500px; /*– sets width of your text –*/
  265. height:400px; /*– sets height of your text –*/
  266. overflow: scroll;
  267. text-align:justify;
  268. color:#222;
  269. font-family:calibri;
  270. font-size:12px;
  271. }
  272.  
  273. ul#tabs {text-align: center;}
  274. ul#tabs li { /*– your inactive / not viewed tabs –*/
  275. display:inline-block;
  276. padding:2px;
  277. cursor:pointer;
  278. text-decoration:none;
  279. opacity:1;
  280. color:{color:body font};
  281. }
  282.  
  283. ul#tabs li.active { /*– your active tab –*/
  284. background-color:{color:body font};
  285. color:#fff;
  286. -webkit-transition:
  287. all 0.5s ease-out;
  288. -moz-transition: all 0.5s ease-out;
  289. transition: all 0.5s ease-out;
  290. }
  291.  
  292. ul#tab, ul#tabs{list-style-type:none;margin:0px;padding:0px;}
  293. ul#tab li.active {display: block;}
  294. ul#tab li {display: none;}
  295.  
  296. /*-----------------------------POPUP BOXES---------------------------*/
  297. #fade { /*--Transparent background layer--*/
  298. display: none; /*--hidden by default--*/
  299. background: #000;
  300. position: fixed; left: 0; top: 0;
  301. width: 100%; height: 100%;
  302. opacity: .80;
  303. z-index: 9999;
  304. }
  305. .popup_block{
  306. display: none; /*--hidden by default--*/
  307. color:{font:body font};
  308. padding: 10px;
  309. float: left;
  310. font-size: 11.5;
  311. position: fixed;
  312. top: 50%; left: 50%;
  313. z-index: 9999999;
  314.  
  315. img.btn_close {
  316. float: right;
  317. margin: -20 -20px 0 0;
  318. }
  319. /*--Making IE6 Understand Fixed Positioning--*/
  320. *html #fade {
  321. position: absolute;
  322. }
  323. *html .popup_block {
  324. position: absolute;
  325. }
  326.  
  327. #wrap {
  328. width:731px;
  329. margin:auto;
  330. }
  331.  
  332. {CustomCSS}</style>
  333. </head>
  334. <body>
  335. <div id="body">
  336. <!----------------------------MAIN BODY----------------------------->
  337. <div id="container">
  338. {block:Posts}
  339.  
  340. <!--------------------------TYPES OF POSTS----------------------------->
  341. <div id="post">
  342. {block:Photo}
  343. <a href="{LinkURL}"><img src="{PhotoURL-500}" /></a>
  344. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  345. {/block:Photo}
  346.  
  347. {block:Photoset}
  348. {Photoset-500}
  349. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  350. {/block:Photoset}
  351.  
  352. {block:Video}
  353. {Video-500}
  354. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  355. {/block:Video}
  356.  
  357. {block:Audio}
  358. <div class="musicbox">
  359. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  360. {block:TrackName}<div class="text" style="color:{color:Accent};"><strong>{TrackName}</strong></div>{/block:TrackName}<br/>
  361. {block:Artist}<div class="text" style="margin-top:-17px;"><strong>Artist:&nbsp;</strong>{Artist}</div>{/block:Artist}<br/>
  362. {block:Album}<div class="text" style="margin-top:-17px;"><strong>Album:&nbsp;</strong>{Album}</div>{/block:Album}<br/>
  363. <div class="text" style="margin-top:-17px;">{PlayCountWithLabel}</div></div>
  364. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  365. {/block:Audio}
  366.  
  367. {block:Quote}
  368. <div class="title" style="width:400px;margin:auto;text-align:justify;">{Quote}</div>
  369. {block:Source}<div class="text" style="text-align:right;padding-right:50px;"><br/>&mdash;{Source}</div>{/block:Source}
  370. {/block:Quote}
  371.  
  372. {block:Text}
  373. {block:Title}<div class="title">{Title}<br/></div>{/block:Title}
  374. <div class="text">{Body}</div>
  375. {/block:Text}
  376.  
  377. {block:Answer}
  378. <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>
  379. <div class="text" style="text-align:right;">&mdash;{Asker}<br/></div></div>
  380. <div class="text">{Answer}</div>
  381. {/block:Answer}
  382.  
  383. {block:Chat}
  384. {block:Title}<div class="title">{Title}<br/></div>{/block:Title}
  385. {block:Lines}<div class="chat"><li class="line_{Alt}">
  386. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li></div>
  387. {/block:Lines}
  388. {/block:Chat}
  389.  
  390. {block:Link}
  391. <div class="title"><a href="{URL}">{Name}</a></div>
  392. {block:Description}<div class="text">{Description}</div>{/block:Description}
  393. {/block:Link}
  394. </div>
  395.  
  396. <!---------------------PERMALINK + REBLOG STUFF---------------------->
  397. <div id="permalink">{block:Date}<a href="{Permalink}" style="color:white;">{DayOFMonthWithZero} {ShortMonth} {Year}</a> |&nbsp;{/block:Date}{block:NoteCount}<a href="{Permalink}" style="color:white;">{NoteCountWithLabel}</a> |&nbsp;{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}" style="color:white;">via</a> |&nbsp;{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}" title="{SourceName} style="color:white;>©</a> |&nbsp;{/block:ContentSource}<a href="{ReblogURL}" target="_blank" class="details" style="color:white;">reblog</a></div>
  398. <!----------------------------TAG STUFF----------------------------->
  399. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  400.  
  401. {block:PostNotes}
  402. <div id="notesbox">{PostNotes}</div>
  403. {/block:PostNotes}
  404. {/block:Posts}
  405. </div>
  406.  
  407. <!-- begin updates tab -->
  408. <div id="body2">
  409. <div id="updates">
  410.  
  411. <div style="padding-top:10px;">
  412.  
  413. <b><span style="font-size:11px"><b>❛</b> <a href="/" style="color:white;text-shadow: black 0 0 2px;">CHRONONAUTICA</a> <b>❜</b></span></b><br>
  414. <span style="font-size:9px">mcu/616-based<br>original character</span><br>
  415. SELECTIVE & PRIVATE<br>
  416. <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>
  417.  
  418. <!------------------------- NAVIGATION -------------------------->
  419. navigation
  420. <div id="navigation" style="font-size:11px;">
  421. <a href="#?w=350" rel="ask" class="poplight" title="ask">✕</a>
  422. <a href="#?w=500" rel="story" class="poplight" title="story">✕</a>
  423. <a href="#?w=400" rel="guide" class="poplight" title="guide">✕</a>
  424. <a href="/verselanding" title="verses">✕</a>
  425. <a href="/tagged/trivia" title="trivia">✕</a>
  426. <a href="/commish" title="commissions">✕</a>
  427. </div>
  428. <!------------------------ NAV END ------------------------------>
  429. <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>
  430. est. may 2012<br>
  431. reboot 11 march 2016<br>
  432. mun/muse 21+<br>
  433. <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>
  434. <span style="font-size:11px">written by <a href="/mun" style="color:white;text-shadow: black 0 0 2px;">CHE</a></span><br>
  435. do not steal content<br>
  436. <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>
  437. <span style="font-size:11px;text-decoration:underline;">OPEN</span><br>
  438. plots, chats, para<br>
  439.  
  440. <span style="font-size:11px;text-decoration:underline;">CLOSED</span><br>
  441. unplotted novella,<br>
  442. rp through asks<br>
  443. <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>
  444. {block:Pagination}
  445. {block:NextPage}<a href="{NextPage}" style="color:white;text-shadow: black 0 0 2px;">old</a>{/block:NextPage}
  446. {block:PreviousPage}&nbsp;/&nbsp;<a href="{PreviousPage}" style="color:white;text-shadow: black 0 0 2px;">new</a>{/block:PreviousPage}
  447. </div>{/block:Pagination}
  448.  
  449. </div></div>
  450.  
  451. <!-- end updates tab -->
  452.  
  453. </body>
  454.  
  455. </div></div></div></div></div></div></div></div></div></div></div>
  456.  
  457.  
  458. </div></div>
  459.  
  460. <!-------HERE BEGIN THE POPUP BOXES------->
  461.  
  462. <div id="ask" class="popup_block" style="overflow:auto;background:white;height:260px;">
  463.  
  464. <table>
  465. <tr><td>
  466. <iframe frameborder="0" scrolling="yes" width="340" height="150" src="https://www.tumblr.com/ask_form/chrononautica.tumblr.com" style="background-color:transparent; overflow:auto; display:block; float:left;" id="ask_form"></iframe>
  467. </td></tr>
  468. </table>
  469. </div>
  470.  
  471. <div id="submit" class="popup_block" style="overflow:auto;">
  472.  
  473. <table>
  474. <tr><td>
  475. <iframe frameborder="0" scrolling="yes" width="340" height="250" src="https://www.tumblr.com/submit_form/chrononautica.tumblr.com" style="background-color:transparent; overflow:auto; display: block; float:right; margin-left:20px;" id="submit_form"></iframe>
  476. </td></tr>
  477. </table>
  478. </div>
  479.  
  480. <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:body font}">
  481.  
  482. <h1 style="text-align:center; background:{color:body font};color:white;letter-spacing:2px;padding-top:5px;height:20px;font-size:20px;">GUIDELINES</h1>
  483.  
  484. <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.
  485.  
  486. <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.
  487. 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.
  488.  
  489. <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.
  490.  
  491. <p style="letter-spacing:2px;text-align:center;"><b><u>LAST NOTES</u></b></p>
  492.  
  493. <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.
  494. <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.
  495.  
  496. </div>
  497.  
  498. <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:body font}">
  499.  
  500. <div id="headerbar">
  501. <ul id="tabs">
  502. <li class="active">stats</li>
  503. <li>story</li>
  504. <li>power</li>
  505. </ul></div>
  506. <div id="tabbar">
  507. <ul id="tab">
  508.  
  509. <li class="active" style="color:{color:body font};">
  510.  
  511. <h1 style="text-align:center; background:{color:body font};color:white;letter-spacing:2px;padding-top:5px;height:20px;font-size:20px;"><center><b>UNA VICTORIA GENEVIEVE NAUX</b></center></h1>
  512. <b>nickname:</b> Tuna, Captain<br>
  513. <b>super identity:</b> Chrononautica (formerly Leap Year)<br>
  514. <b>birthday:</b> 19 Feb (23 years old)<br>
  515. <b>ethnicity:</b> Caucasian (English+Irish blood)<br>
  516. <b>orientation:</b> Heteroflexible.<br>
  517. <b>languages:</b> English, French, Latin.<br>
  518. <b>place of birth:</b> Hartlepool, North East England.<br>
  519. <b>living conditions:</b> Brooklyn apartment. <br>
  520. <b>occupation:</b> Bookseller, occasional dominatrix.<br>
  521. <b>family:</b> Barnaby Reginald Naux, father. Adelaide Stark, mother.<br><br>
  522. <center><b>physical</b></center>
  523. <b>eyes:</b> Pale grey-blue: colour of cataracts. Piercing stare.<br>
  524. <b>hair:</b> Dark brown. Wavy. Exceptionally full. Top half tied back.<br>
  525. <b>height:</b> Around 5'5" in heels, or 5'2" barefoot.<br>
  526. <b>weight:</b> 100 pounds, give or take<br>
  527. <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>
  528. <center><b>core</b></center>
  529. <b>intelligence:</b> Book-smart. Sharp mind for business/negotiation.<br>
  530. <b>likes:</b> Sweaters, cheap perfume, books, horror films, skating, dolls.<br>
  531. <b>dislikes:</b> Pants, ants, divination, overly sweet foods, conspiracy theories.<br>
  532. <b>disposition:</b> Headstrong, self-sufficient, amicable, curious, helpful, mistrustful, selfish, arrogant, reliable.<br><br>
  533. <center><b>other</b></center>
  534. <b>phobias:</b> Heights, drowning, being completely alone.<br>
  535. <b>allergies:</b> Mushrooms.<br>
  536. <b>abilities:</b> Time travel (including "teleportation").<br>
  537. <b>strengths:</b> Running, fitting in small spaces, holding breath, origami, being nosy, resourcefulness.<br>
  538. <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>
  539. <b>extras:</b> Most valuable item is her mobile phone. Favourite food is steak. Uses reading glasses.
  540.  
  541. </li>
  542.  
  543. <li style="color:{color:body font};">
  544.  
  545. <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>
  546.  
  547. <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>
  548.  
  549. <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.
  550.  
  551. <p>&nbsp; &nbsp; &nbsp; &nbsp;Due to a run-in with a certain <a href="http://duckpi.tumblr.com/" style="color:{color:body font};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>
  552.  
  553. <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.
  554.  
  555. </li>
  556.  
  557. <li style="color:{color:body font};">
  558.  
  559. <center>Time can be seen as a circuit, but it’s actually far more linear.</center>
  560.  
  561. <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.
  562.  
  563. <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.
  564.  
  565. <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.
  566.  
  567. <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.
  568.  
  569. <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.
  570.  
  571. </li>
  572.  
  573. </ul> <!--- important. don’t delete --->
  574. </div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  575. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement