API tools faq
paste
Advertisement
tsiappoworks

Naux Baux

tsiappoworks
May 10th, 2017
109
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.50 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  4.  
  5.  
  6. <!----------------------POPUP_BLOCK SCRIPT BELOW-------------------------->
  7. <script type="text/javascript"
  8. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  9. <script>
  10. $(document).ready(function() {
  11. //
  12. $('a.poplight[href^=#]').click(function() {
  13. var popID = $(this).attr('rel'); //Get Popup Name
  14. var popURL = $(this).attr('href'); //Get Popup href to define size
  15. var query= popURL.split('?');
  16. var dim= query[1].split('&');
  17. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  18. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  19. var popMargTop = ($('#' + popID).height() + 80) / 2;
  20. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  21. //Apply Margin to Popup
  22. $('#' + popID).css({
  23. 'margin-top' : -popMargTop,
  24. 'margin-left' : -popMargLeft
  25. });
  26. $('body').append('<div id="fade"></div>');
  27. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  28. return false;
  29. });
  30. $('a.close, #fade').live('click', function() {
  31. $('#fade , .popup_block, .popup_block2').fadeOut(function() {
  32. $('#fade, a.close').remove(); //fade them both out
  33. });
  34. return false;
  35. });
  36. });
  37. </script>
  38. <!-------------------- VERSES SCRIPT BELOW -------------------->
  39. <script src="http://static.tumblr.com/dxh5xq2/v6Gn8ju1e/tabs.js"></script>
  40.  
  41. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  42. <link rel="shortcut icon" href="" />
  43. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  44.  
  45. <meta name="color:Accent" content="#fff4dd" />
  46. <meta name="color:Accent2" content="#fffaca" />
  47. <meta name="color:Accent3" content="#ffffff" />
  48. <meta name="color:body font" content="#fffef5" />
  49. <meta name="color:Page BG" content="#7bc0b9" />
  50.  
  51. <meta name="text:LinkSymbol" content="✕" />
  52.  
  53. <script type="text/javascript" src="http://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script>
  54.  
  55. <style type="text/css">
  56.  
  57. ::-webkit-scrollbar-thumb{
  58. background-color: transparent;
  59. height:auto;
  60. }
  61.  
  62. ::-webkit-scrollbar {
  63. background-color:transparent;
  64. height:auto;
  65. width:4px;
  66. }
  67.  
  68. hr {
  69. border: 0;
  70. height: 1px;
  71. background-image: linear-gradient(to right, rgba(55, 62, 33, 0), rgba(55, 62, 33, 0.75), rgba(55, 62, 33, 0));
  72. }
  73.  
  74. h1 {
  75. font-weight:normal;
  76. font-size:22px;
  77. text-align:center;
  78. font-style:normal;
  79. line-height:100%;
  80. letter-spacing:1px;
  81. text-transform:normal;
  82. color:{color:accent2};
  83. font-family: 'Oswald', sans-serif;
  84. }
  85.  
  86. h2 {
  87. font-size:26px;
  88. text-align:center;
  89. line-height:100%;
  90. letter-spacing:-0.5px;
  91. color:{color:accent2};
  92. font-weight:bold;
  93. padding:5px;
  94. font-family: 'Oswald', sans-serif;
  95. }
  96.  
  97. blockquote {
  98. padding:2px 5px 2px 10px;
  99. margin:5px;
  100. border-left:2px solid {color:body font};
  101. -moz-border-radius: 15px;
  102. -webkit-border-radius: 15px;
  103. }
  104.  
  105. blockquote img {
  106. max-width:100%;}
  107.  
  108. body {
  109. background:{color:Page BG};
  110. background-image:url('http://static.tumblr.com/f6ypkec/Jrkohlon2/nauxbg.png');
  111. background-position:left top fixed;
  112. background-repeat:no-repeat;
  113. color:{color:body font};
  114. font-size:11px;
  115. line-height:120%;
  116. word-wrap: break-word;
  117. font-family:Calibri, helvetica, arial, sans-serif;
  118. }
  119.  
  120. pre {
  121. white-space: pre-wrap;
  122. white-space: -moz-pre-wrap;
  123. white-space: -pre-wrap;
  124. white-space: -o-pre-wrap;
  125. word-wrap: break-word;
  126. }
  127.  
  128. small,sub,sup {
  129. font-size:12px;
  130. font-family: calibri,helvetica,arial,sans-serif;
  131. }
  132.  
  133. b,strong {
  134. color:{color:accent2};
  135. font-size:15px;
  136. font-family: 'Oswald', sans-serif;
  137. }
  138.  
  139. em,i {
  140. color:{color:accent2};
  141. font-family: 'Oswald', sans-serif;
  142. }
  143.  
  144. s,strike {
  145. color:{color:accent2};
  146. }
  147.  
  148. u,underline {
  149. color:{color:accent2};
  150. }
  151.  
  152. a {
  153. text-decoration:none;
  154. outline:none;
  155. -moz-outline-style:none;
  156. color:{color:accent2};
  157. -moz-transition-duration:0.5s;
  158. -webkit-transition-duration:0.5s;
  159. -o-transition-duration:0.5s;
  160. }
  161.  
  162. a:hover {
  163. outline:none;
  164. -moz-outline-style:none;
  165. color:#FFFFFF;
  166. }
  167.  
  168. img{border:0; max-width:100%;max-height:auto;}
  169.  
  170. .fancytitle {
  171. font-size:11px;
  172. font-family: 'Oswald', sans-serif;
  173. padding:2px 4px;
  174. border:2px solid {color:page bg};
  175. text-align:right;
  176. margin-bottom:5px;
  177. background-image:url('http://static.tumblr.com/f6ypkec/hsVohlrpm/selectionbluegreen.png');
  178. background-repeat:no-repeat;
  179. background-position: top center;
  180. color:#f9fcfc;
  181. }
  182.  
  183.  
  184. /*-----------------------------POPUP BOXES---------------------------*/
  185. .popup_block{
  186. display:none;
  187. max-height:440px;
  188. width:450px;
  189. overflow-y:auto transparent;
  190. overflow-x:hidden;
  191. background:{color:page bg};
  192. background-image:url();
  193. padding:2px 5px;
  194. float:none;
  195. position:fixed;
  196. font-size:11px;
  197. top:295px;
  198. left:827px;
  199. z-index: 99999;
  200. }
  201.  
  202. *html #fade {position: absolute;}
  203. *html .popup_block {position: absolute;}
  204. #fade {
  205. display:none;
  206. position:fixed;
  207. left:0px;
  208. top:0px;
  209. width:100%;
  210. height:100%;
  211. z-index:9999;
  212. background:#000; /* change to #fff for solid white */
  213. opacity:0; /* change to opacity:1; */
  214. }
  215.  
  216. #boxy {
  217. margin-right:10px;
  218. padding-right:5px;
  219. padding-left:5px;
  220. margin-left:5px;
  221. padding-top:10px;
  222. margin-top:10px;
  223. height: 305px;
  224. width: 290px;
  225. overflow:auto;
  226. }
  227.  
  228. #boxydos {
  229. margin-top:10px;
  230. height: 448px;
  231. width: 400px;
  232. overflow:auto;
  233. }
  234.  
  235.  
  236. iframe#tumblr_controls {
  237. white-space:nowrap;
  238. -webkit-filter: invert(100%);
  239. -moz-filter: invert(100%);
  240. -o-filter: invert(100%);
  241. -ms-filter: invert(100%);
  242. filter: invert(100%);
  243. opacity:.2;transition: .8s ease-in-out;
  244. -webkit-transition: .8s ease-in-out;
  245. -moz-transition: .8s ease-in-out;
  246. -o-transition: .8s ease-in-out;
  247. }
  248.  
  249. #post {
  250. width:400px;
  251. margin:0px 0px 0px 3px;
  252. padding:10px 10px;
  253. background-color:transparent;
  254. font-family:calibri,helvetica,arial,sans-serif;
  255. color:{color:body font};
  256. }
  257.  
  258. #post .text{font-size:11px; line-height:16px;}
  259. #post .title{font-size:20px;;line-height:22px;}
  260. #post .text ul li{list-style-type:circle;}
  261.  
  262. #container {
  263. position:fixed;
  264. overflow-y:scroll;
  265. overflow-x:auto;
  266. padding:1px;
  267. width:450px;
  268. height:431px;
  269. left:577px;
  270. top:35px;
  271. }
  272.  
  273.  
  274. div#qTip {
  275. background-image:url('http://static.tumblr.com/f6ypkec/hsVohlrpm/selectionbluegreen.png');
  276. border:1px solid white;
  277. padding: 5px;
  278. display: none;
  279. text-align: center;
  280. position: absolute;
  281. font-size:13px;
  282. line-height:10px;
  283. z-index: 9999999;
  284. color:{color:accent3};
  285. letter-spacing: 1px;
  286. font-family: 'Oswald', sans-serif;
  287. }
  288.  
  289. /*-------------------------PERMALINKS AND TAGS------------------------*/
  290. #permalink{
  291. position:absolute;
  292. z-index:9;
  293. margin-top:-5px;
  294. padding:3px;
  295. font-size:10px;
  296. text-align:center;
  297. text-transform:uppercase;
  298. font-family:calibri,helvetica,arial,sans-serif;
  299. color:{color:accent};
  300. background:url('http://static.tumblr.com/f6ypkec/hsVohlrpm/selectionbluegreen.png');
  301. width:300px;
  302. margin-left:60px;
  303. border:2px solid {color:page bg};
  304. }
  305.  
  306. #permalink a{color:{color:accent};vertical-align:middle;}
  307. #permalink a:hover{color:{color:accent2};}
  308.  
  309. #tags{
  310. margin-top:20px;
  311. font-size:10px;
  312. font-family:calibri,helvetica,arial,sans-serif;
  313. width:300px;
  314. text-align:center;
  315. margin-bottom:40px;
  316. margin-left:60px;
  317. }
  318.  
  319. /*------------------------EXTRA BITS AND BOBBLES----------------------*/
  320. .chat ul {list-style:none; margin:0; padding:0;}
  321. .chat li {font-size:11px;list-style-type: none;margin-left: 0px;padding: 3px;}
  322.  
  323. #notesbox{width:500px;margin:20px auto;font-size:11px;font-family:calibri,helvetica,arial,sans-serif;}
  324. #notesbox ol.notes{list-style-type:none;margin:7px 0px;padding:0px 0px;}
  325. #notesbox img.avatar{display:none;}
  326.  
  327. /*------------------- "SIDEBAR" ------------------*/
  328.  
  329. #nav{
  330. position:fixed;
  331. z-index:75;
  332. margin-left:10px;
  333. margin-top:170px;
  334. width:400px;
  335. text-align:center;
  336. -ms-transform: rotate(90deg); /* IE 9 */
  337. -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  338. transform: rotate(90deg);
  339. }
  340.  
  341. #navigation a{color:{color:accent2}; font-size:15px;}
  342.  
  343. #navigation a:hover{
  344. color:{color:accent}; text-decoration:bold;
  345. }
  346.  
  347. #pagination{
  348. font-family:Calibri, Helvetica, Arial, sans-serif;
  349. font-size:10px;
  350. text-align:center;
  351. color:{color:accent2};
  352. text-transform:uppercase;
  353. letter-spacing:3px;
  354. }
  355.  
  356. #pagination a{color:{color:accent2}; padding:0px 2px;}
  357.  
  358. /*--------------BITS AND BOBBLES-------------------*/
  359.  
  360. #audioplayer {
  361. width:30px;
  362. height:30px;
  363. overflow:hidden;
  364. position:absolute;
  365. margin-top:93px;
  366. margin-bottom:93px;
  367. margin-left:93px;
  368. }
  369.  
  370. #albumart { margin:0px 4px;}
  371.  
  372. .question {
  373. padding:9px;
  374. text-align:left;
  375. color:#bb6e8a;
  376. line-height:100%;
  377. -moz-border-radius: 6px;
  378. -webkit-border-radius: 6px;
  379. }
  380.  
  381. .answer {
  382. text-align:left;
  383. padding:7px;
  384. color:#bb6e8a;
  385. }
  386.  
  387. #ask a{color:white;
  388. }
  389.  
  390. /*-----------------------BIG BIO AHEAD------------------------*/
  391. .title {
  392. font-family: 'Oswald', sans-serif;/*title font*/
  393. font-size:70px;
  394. padding-top:100px;
  395. text-shadow:0 0 10px rgba(0,0,0,0.3);
  396. text-transform:bold;
  397. }
  398.  
  399. .subheader {
  400. margin-top:50px;
  401. }
  402.  
  403. .header {
  404. width:510px;
  405. height:200px;
  406. -webkit-transition:ease-in-out .3s;
  407. -moz-transition:ease-in-out .3s;
  408. -o-transition:ease-in-out .3s;
  409. transition:ease-in-out .3s;
  410. text-align:center;
  411. letter-spacing:1px;
  412. color:#fff;
  413. text-shadow:0 0 10px rgba(255,255,255);
  414. border-bottom:solid #fff 10px;
  415. background-color:#acacac;
  416. background-image:url(http://i.imgur.com/f64F0BG.png);
  417. background-position:center;
  418. background-size:100% auto;
  419. }
  420.  
  421. .header:hover {
  422. letter-spacing:3px;
  423. text-shadow:0 0 30px rgba(255,255,255);
  424. }
  425.  
  426. /* ---------------------SECTION TITLE CUSTOMIZATION--------------------- */
  427. .header2 {
  428. font-family: 'Oswald', sans-serif;
  429. font-size:14px;
  430. position:relative;
  431. z-index:1;
  432. width:400px;
  433. padding:5px 5px;
  434. padding-top:20px;
  435. text-align:center;
  436. letter-spacing:1px;
  437. }
  438.  
  439. .header2:before {
  440. position:absolute;
  441. z-index:-1;
  442. top:25px;
  443. right:0;
  444. bottom:0;
  445. left:0;
  446. width:95%;
  447. margin:0 auto;
  448. content:'';
  449. border-top:1px solid #dfdfdf;
  450. }
  451.  
  452. .header2 span {
  453. padding:0 5px;
  454. background:#B9B9B9;
  455. }
  456.  
  457. .content {
  458. position:relative;
  459. overflow:hidden;
  460. width:400px;
  461. min-height:75px;
  462. }
  463.  
  464. /* -----------------------TEXT SELECTION CUSTOMIZATION----------------------- */
  465. ::selection {
  466. color:#fff;
  467. background:#379eca;
  468. }
  469.  
  470. ::-moz-selection {
  471. color:#fff;
  472. background:#379eca;
  473. }
  474.  
  475. ::-webkit-selection {
  476. color:#fff;
  477. background:#379eca;
  478. }
  479.  
  480. /*---------------------------DROP CAP CUSTOMIZATION---------------------------*/
  481. #dropcap {
  482. font-family: 'Oswald', sans-serif;
  483. font-size:230%;
  484. float:left;
  485. margin-right:5px;
  486. padding:10px 3px;
  487. color:#fff;
  488. background-color:#000;
  489. }
  490.  
  491.  
  492. /* ---------------------------- UPDATES ------------------------------*/
  493.  
  494. #updates {
  495. font-size:10px;
  496. font-family:century gothic, arial;
  497. color:{color:body font};
  498. text-align:center;
  499. height:260px;
  500. width:120px;
  501. padding:0px;
  502. top:55px;
  503. left:1096px;
  504. z-index:10;
  505. position:fixed;
  506. overflow-x:hidden;
  507. overflow-y:auto;
  508. }
  509.  
  510. #headerbar{
  511. width:410px; /*– sets width of your text –*/
  512. overflow:scroll;
  513. text-align:justify;
  514. color:{color:page bg};
  515. font-family:calibri;
  516. font-size:12px;
  517. }
  518.  
  519. #tabbar{
  520. left:50%;
  521. top:50%;
  522. height:auto; /*– sets height of your text –*/
  523. overflow-y:scroll;
  524. overflow-x:hidden;
  525. text-align:justify;
  526. color:#222;
  527. font-family:calibri;
  528. font-size:11.4px;
  529. }
  530.  
  531. ul#tabs {text-align: center;}
  532. ul#tabs li { /*– your inactive / not viewed tabs –*/
  533. display:inline-block;
  534. padding:2px 3px;
  535. width:60px;
  536. cursor:pointer;
  537. text-decoration:none;
  538. margin:0px -2px;
  539. opacity:1;
  540. color:{color:page bg};
  541. background-color:{color:body font};
  542. }
  543.  
  544. ul#tabs li.active { /*– your active tab –*/
  545. background-color:{color:page bg};
  546. color:{color:body font};
  547. border:1px solid {color:body font};
  548. padding:1px 3px;
  549. }
  550.  
  551. ul#tab, ul#tabs{list-style-type:none;margin:0px;padding:0px;}
  552. ul#tab li.active {display: block;}
  553. ul#tab li {display: none;}
  554.  
  555.  
  556. /*--------------------CREDITS-----------------------*/
  557. #cred
  558. {
  559. width: 50px;
  560. height: 18px;
  561. font-family: Arial;
  562. font-size: 7px;
  563. text-transform: uppercase;
  564. text-align: center;
  565. bottom: 10px;
  566. right: 10px;
  567. letter-spacing: 1px;
  568. line-height: 4px;
  569. padding: 10px 3px;
  570. display: block;
  571. color:{color:body font};
  572. background: {color:page bg};
  573. position: fixed;
  574. }
  575.  
  576. #cred a
  577. {
  578. font-weight: bold;
  579. line-height: 17px;
  580. font-size: 15px;
  581. font-family: 'Oswald', sans-serif;
  582. text-transform: uppercase;
  583. color:{color:body font};
  584. letter-spacing: 6px;
  585. margin-left:5px;
  586. }
  587.  
  588. </style>
  589.  
  590. </head>
  591.  
  592.  
  593. <body style="overflow:hidden;">
  594.  
  595. <!-- begin updates tab -->
  596.  
  597. <div id="updates">
  598.  
  599. <div style="padding-top:10px;">
  600.  
  601. <div class="fancytitle">about</div>
  602. <p><b>panfandom oc</b><br>
  603. SELECTIVE & PRIVATE</p>
  604.  
  605. <!------------------------- NAVIGATION -------------------------->
  606. <div class="fancytitle">navigation</div><p>
  607. <div id="navigation" style="font-size:11px;">
  608. <a href="/" title="refresh">✕</a>
  609. <a href="/ask" title="ask">✕</a>
  610. <a href="#?w=400" rel="story" class="poplight" title="story">✕</a>
  611. <a href="#?w=400" rel="guide" class="poplight" title="guide">✕</a>
  612. <a href="/tagged/;;SEASIDE SIREN (trivia.)" title="trivia">✕</a>
  613. </div></p>
  614. <!------------------------ NAV END ------------------------------>
  615. <div class="fancytitle">further info</div>
  616. <p>est. 20 may 2012<br>
  617. rbt. 3 dec 2016<br>
  618. written by <a href="/mun"><b>CHE</b></a></span> (21+)
  619. </p>
  620. {block:Pagination}<div class="fancytitle">pagination</div><p>
  621. {block:NextPage}<a href="{NextPage}" style="color:{color:accent2};">sink</a>{/block:NextPage}
  622. {block:PreviousPage}&nbsp;/&nbsp;<a href="{PreviousPage}" style="color:{color:accent2};">swim</a>{/block:PreviousPage}
  623. </p>{/block:Pagination}
  624.  
  625.  
  626.  
  627. </div></div>
  628.  
  629. <!-- end updates tab -->
  630.  
  631. </div>
  632.  
  633. <div id="container">
  634. {block:Posts}
  635.  
  636. <!--------------------------TYPES OF POSTS----------------------------->
  637. <div id="post">
  638.  
  639. {block:Photo}
  640. <img src="{PhotoURL-400}" />
  641. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  642. {/block:Photo}
  643.  
  644. {block:Photoset}
  645. {Photoset-400}
  646. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  647. {/block:Photoset}
  648.  
  649. {block:Video}
  650. {Video-400}
  651. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  652. {/block:Video}
  653.  
  654. {block:Audio}
  655. <div class="musicbox">
  656. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  657. <div style="background-color:rgba(255,255,255,0.5);height:100px;padding:5px;">{block:TrackName}<div class="text" style="color:{color:Accent};"><strong>{TrackName}</strong></div>{/block:TrackName}<br/>
  658. {block:Artist}<div class="text" style="margin-top:-17px;"><strong>Artist:&nbsp;</strong>{Artist}</div>{/block:Artist}<br/>
  659. {block:Album}<div class="text" style="margin-top:-17px;"><strong>Album:&nbsp;</strong>{Album}</div>{/block:Album}<br/>
  660. <div class="text" style="margin-top:-17px;">{PlayCountWithLabel}</div></div></div>
  661. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  662. {/block:Audio}
  663.  
  664. {block:Quote}
  665. <div class="title" style="width:380px;text-align:justify;padding-top:10px;line-height:20px;">{Quote}</div>
  666. {block:Source}<div class="text" style="text-align:right;padding-right:50px;"><br/>&mdash;{Source}</div>{/block:Source}
  667. {/block:Quote}
  668.  
  669. {block:Text}
  670. {block:Title}<div class="title" style="padding-top:10px;">{Title}<br/></div>{/block:Title}
  671. <div class="text">{Body}</div>
  672. {/block:Text}
  673.  
  674. {block:Answer}<div id="ask">
  675. <div style="background-color:{color:page bg};color:white; padding:10px 10px 10px 10px;border:1px dotted {color:accent2}"><div class="title" style="font-size:12px;padding-top:10px;">{Question}<br/></div>
  676. <div class="text" style="text-align:right;color:white;">&mdash;<span style="color:white">{Asker}</span><br/></div></div></div>
  677. <div class="text" style="width:400px;padding:10px;">{Answer}</div>
  678. {/block:Answer}
  679.  
  680. {block:Chat}
  681. {block:Title}<div class="title" style="padding-top:10px;">{Title}<br/></div>{/block:Title}
  682. {block:Lines}<div class="chat"><li class="line_{Alt}">
  683. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li></div>
  684. {/block:Lines}
  685. {/block:Chat}
  686.  
  687. {block:Link}
  688. <div class="title" style="padding-top:10px;"><a href="{URL}">{Name}</a></div>
  689. {block:Description}<div class="text">{Description}</div>{/block:Description}
  690. {/block:Link}
  691.  
  692. </div>
  693. <!---------------------PERMALINK + REBLOG STUFF---------------------->
  694. <div id="permalink">{block:Date}<a href="{Permalink}">{DayOFMonthWithZero} {ShortMonth}</a>&nbsp;&nbsp;{/block:Date}{block:NoteCount}<a href="{Permalink}">{NoteCount}♥</a>&nbsp;&nbsp;{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}{block:ContentSource}&nbsp;&nbsp;<a href="{SourceURL}" title="{SourceName}">©</a>{/block:ContentSource}<a href="{ReblogURL}" target="_blank" class="details">&nbsp;&nbsp;reblog</a></div>
  695.  
  696. <!----------------------------TAG STUFF----------------------------->
  697. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  698.  
  699. {block:PostNotes}
  700. <div id="notesbox">{PostNotes}</div>
  701. {/block:PostNotes}
  702. {/block:Posts}
  703. </div></div>
  704.  
  705. <iframe scrolling="no" width="1" height="1" frameborder="0" style="background-color:transparent; overflow:hidden; position:absolute; top:0; left:0; z-index:9999;" id="ga_target"></iframe>
  706.  
  707. </body>
  708.  
  709. <!-------HERE BEGIN THE POPUP BOXES------->
  710. <div id="story" class="popup_block" style="margin:0px auto;font-family:calibri, helvetica, arial, sans-serif;font-size: 11.5px;line-height:15px;overflow:auto;color:{color:body font};">
  711.  
  712. <div id="headerbar">
  713. <ul id="tabs">
  714. <li class="active">STATS</li>
  715. <li>STORY</li>
  716. <li>VERSES</li>
  717. </ul></div>
  718. <div id="tabbar">
  719. <div id="boxydos">
  720. <div class="container" style="color:#000;">
  721. <ul id="tab">
  722.  
  723. <li class="active" style="color:{color:body font};">
  724. <center><b>THE BRITISH BIRD</b></center>
  725. <div class="content">
  726. <div align="center"><div style="width:385px; text-align: justify;font-size:11.5px;">
  727. <b>name:</b> Una Victoria Genevieve Naux<br>
  728. <b>nickname:</b> Captain, Tuna<br>
  729. <b>handle:</b> Chrononautica<br>
  730. <b>birthday:</b> 19 Feb (23 years old)<br>
  731. <b>education:</b> Informal<br>
  732. <b>blood:</b> half English, half Irish.<br>
  733. <b>orientation:</b> Heteroflexible.<br>
  734. <b>place of birth:</b> Hartlepool, North East England.<br>
  735. <b>living conditions:</b> Small flat in Brooklyn that doesn't see much use.<br>
  736. <b>occupation:</b> Unpublished author; part-time dominatrix, part-time bookseller. Works as a hostess when in Japan.<br><br>
  737. <center><b>relationships</b></center>
  738. <b>parents:</b> Barnaby Reginald Naux, father. Adelaide Stark, mother, deceased.<br>
  739. <b>descendants:</b> Henry Hollick, from an illegitimate child of Barnaby.<br>
  740. <b>children:</b> Onion, a pug. Nutmeg Naux, three year old human.<br><br>
  741. <center><b>physical</b></center>
  742. <b>eyes:</b> Pale grey-blue; colour of cataracts. Piercing stare. Very long lashes.<br>
  743. <b>hair:</b> Dark brown. Wavy. Exceptionally full. Top half tied back.<br>
  744. <b>height:</b> Around 5'5" in heels (or 5'2" barefoot)<br>
  745. <b>weight:</b> 100 lbs, give or take<br>
  746. <b>build:</b> Scrawny, leggy. Modest bust. Not very imposing. Moderate muscle tone. High cheekbones, jutting chin. Weight carried mainly in thighs and rear—possibly her best assets. Callused hands. Freckled nose.<br>
  747. <b>notable physical traits:</b> Gapped buck teeth.<br>
  748. <b>clothing:</b> Oversized sweaters, button downs&mdash;sleeves rolled up. Midi to maxi skirts. The shabby-chic librarian. Favors a bright yellow trenchcoat.<br><br>
  749. <center><b>core</b></center>
  750. <b>intelligence:</b> Booksmart. Sharp mind for business/negotiation.<br>
  751. <b>likes:</b> Sweaters, cheap perfume, books, horror films, skating, dolls.<br>
  752. <b>dislikes:</b> Pants, ants, divination, overly sweet foods, conspiracy theories.<br>
  753. <b>disposition:</b> Headstrong, self-sufficient, amicable, curious, helpful, mistrustful, selfish, arrogant, reliable.<br>
  754. <b>mbti:</b> ENTJ<br>
  755. <b>moral alignment:</b> lawful neutral<br><br>
  756. <center><b>other</b></center>
  757. <b>phobias:</b> Heights, drowning, being completely alone.<br>
  758. <b>allergies:</b> Mushrooms.<br>
  759. <b>strengths:</b> Running, fitting in small spaces, holding breath, origami, being nosy, resourcefulness.<br>
  760. <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>
  761. <b>extras:</b> Most valuable item is her mobile phone. Favourite food is steak. Uses reading glasses.<br>
  762. <b>current concern:</b> Her travel budget is wearing thin.<br><br>
  763. </div></div></div>
  764.  
  765. <!-------------------QUOTE/PLAYLIST SECTION ENDS HERE------------------->
  766.  
  767. </li>
  768.  
  769. <li style="color:{color:body font};">
  770. <center><b>BRIEF HISTORY</b></center>
  771. <div class="content">
  772.  
  773. <div align="center"><div style="width:380px; text-align: justify;font-size:12px;">
  774. <p>&nbsp; &nbsp; &nbsp; &nbsp; In 1734, Una was born to the most estimable <b>Captain Barnaby Reginald Naux,</b> and his lovely wife, <b>Adelaide</b>. 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.
  775.  
  776. <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 fell through a hole in the fabric of time-space and traveled to the year 2012.
  777.  
  778. <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. 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.
  779.  
  780. <p>&nbsp; &nbsp; &nbsp; &nbsp; In the meantime, she runs a traveling bookstore called <b>Books & Baubles</b>. Although the literature is the main attraction, the “baubles” in question are a variety of other services on the sly, including occasional dominatrixing. Sometimes she sells antiques and magical paraphernalia. Whatever is on this “secret menu” 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.
  781.  
  782. <p>&nbsp; &nbsp; &nbsp; &nbsp; When she isn't running the shop with travel buddy and close associate <b>Henry Hollick</b>, she can be found tending to her daughter, or writing her next book. She and Henry are born rovers; they travel as much as they can while still maintaining some semblance of a steady lifestyle. Their little business follows them wherever they go. Una doesn't know where she's headed or what the world has in store for her, but if there's one thing she knows, it's how to survive.
  783.  
  784.  
  785. </div></div></div>
  786.  
  787. </li>
  788.  
  789. <li style="color:{color:body font};">
  790. <center><a href="/tagged/||duality at its finest"><b>|| duality at its finest</b></a></center>
  791. <div align="center"><div style="width:380px; text-align: justify;font-size:12px;">
  792.  
  793. <p>Una's main verse. She travels the world with her descendant, Henry Hollick, and her daughter, Nutmeg. She makes the bulk of her income through buying, selling, and writing books. Her major goal is to find the other fallen shipmates and return home with them, but the longer she stays in the modern world, the more she finds she's grown accustomed to it.
  794.  
  795. <center><a href="/tagged/||chrononautica"><b>|| chrononautica</b></a></center>
  796. <div align="center"><div style="width:380px; text-align: justify;font-size:12px;">
  797.  
  798. <p>A superpowered verse. Essentially the same as her main verse, with one small complication: when she fell through the time hole, she became molecularly unstable to the point that she's able to &ldquo;jump&rdquo; through time at will. The velocity she acquires determines how far she's able to go in either direction: a small hop might be a few seconds, while jumping from a tall building could be several years. She still hasn't been able to jump all the way to her home time. Una sides not with good or evil, but with <em>money</em>. Her secret identity is Chrononautica (formerly Leap Year).
  799.  
  800. <center><a href="/tagged/||mercantilistic"><b>|| mercantilistic</b></a></center>
  801. <div align="center"><div style="width:380px; text-align: justify;font-size:12px;">
  802.  
  803. <p>A historical verse. What if Una never fell from her father's ship? What if she stayed in her home time and continued to live as a merchant sailor? This verse is not explicitly tied to the 18th century, but instead serves to facilitate interaction with muses from a variety of period works.
  804. </div>
  805.  
  806. </li>
  807.  
  808. </ul> <!--- important. don’t delete --->
  809. </div></div></div></div></div></div></div></div>
  810.  
  811. <div id="guide" class="popup_block" style="font-family:calibri, helvetica, arial, sans-serif;font-size: 11px;line-height:15px;overflow:auto;color:{color:body font}">
  812.  
  813. <h1 style="text-align:center; background-image:url('http://static.tumblr.com/f6ypkec/gmEohlrq2/selectionbluegreen.png');border:1px solid {color:page bg};color:white;letter-spacing:2px;padding:5px 0px;height:20px;font-size:20px;">GUIDELINES</h1>
  814.  
  815. <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.
  816.  
  817. <p style="font-family:calibri,helvetica,arial,sans-serif;;">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.
  818.  
  819. <p style="font-family:calibri,helvetica,arial,sans-serif;">This blog is multiship. Una is currently single in all verses. 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.
  820.  
  821. <p style="font-family:calibri,helvetica,arial,sans-serif;">Obligatory warning: Mun is of age, as is muse. 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.
  822.  
  823. <h1 style="letter-spacing:2px;text-align:center;padding:2px 5px;font-size:12px;"><b>LAST NOTES</b></h1>
  824.  
  825. <p style="font-family:calibri,helvetica,arial,sans-serif;">If Una has so much development with a character that playing with a duplicate could be considered disrespectful, I reserve the right to put priority over the original.
  826. <p style="font-family:calibri,helvetica,arial,sans-serif;">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.
  827.  
  828. </div>
  829. </div></div></div></div></div></div>
  830. <div id="cred" style="color:#fff;">theme by<br><a href="#?w=400" rel="credit" class="poplight" title="credit" style="color:#fff;">CHE</a></div>
  831.  
  832. <div id="credit" class="popup_block" style="font-family:calibri, helvetica, arial, sans-serif;font-size: 11.5px;line-height:15px;overflow:auto;color:{color:body font};height:448px;">
  833.  
  834. <div class="fancytitle">credit</div>
  835.  
  836. <p style="font-family:calibri,helvetica,arial,sans-serif;text-align:center;"><small>theme coded by <a href="http://uminojo.tumblr.com/"><b>che</b></a><br>
  837. with the assistance of <a href="http://octomoosey.tumblr.com/"><b>octomoosey</b></a><br>
  838. pop-ups by <a href="http://str-wrs.tumblr.com/"><b>str-wrs</b></a><br>
  839.  
  840. </div>
  841. </div></div></div></div></div></div>
  842. </html>
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!