API tools faq
paste
Advertisement
tsiappoworks

HALLOWEEN UNA

tsiappoworks
Nov 1st, 2016
137
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.68 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3.  
  4. <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  5.  
  6.  
  7. <!----------------------POPUP_BLOCK SCRIPT BELOW-------------------------->
  8. <script type="text/javascript"
  9. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  10. <script>
  11. $(document).ready(function() {
  12. //
  13. $('a.poplight[href^=#]').click(function() {
  14. var popID = $(this).attr('rel'); //Get Popup Name
  15. var popURL = $(this).attr('href'); //Get Popup href to define size
  16. var query= popURL.split('?');
  17. var dim= query[1].split('&');
  18. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  19. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  20. var popMargTop = ($('#' + popID).height() + 80) / 2;
  21. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  22. //Apply Margin to Popup
  23. $('#' + popID).css({
  24. 'margin-top' : -popMargTop,
  25. 'margin-left' : -popMargLeft
  26. });
  27. $('body').append('<div id="fade"></div>');
  28. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  29. return false;
  30. });
  31. $('a.close, #fade').live('click', function() {
  32. $('#fade , .popup_block, .popup_block2').fadeOut(function() {
  33. $('#fade, a.close').remove(); //fade them both out
  34. });
  35. return false;
  36. });
  37. });
  38. </script>
  39. <!-------------------- VERSES SCRIPT BELOW -------------------->
  40. <script src="http://static.tumblr.com/dxh5xq2/v6Gn8ju1e/tabs.js"></script>
  41.  
  42. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  43. <link rel="shortcut icon" href="" />
  44. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  45.  
  46. <meta name="color:Page BG" content="#d2d2d2"/>
  47. <meta name="color:Accent" content="#d1d1d1" />
  48. <meta name="color:Accent2" content="#4792ad" />
  49. <meta name="color:Accent3" content="#FAFAFA" />
  50. <meta name="color:body font" content="#1a769d" />
  51. <meta name="color:Page BG" content="#bde3f5" />
  52.  
  53. <meta name="text:LinkSymbol" content="✕" />
  54.  
  55. <script type="text/javascript" src="http://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script>
  56.  
  57. <style type="text/css">
  58.  
  59. ::-webkit-scrollbar-thumb{
  60. background-color: transparent;
  61. height:auto;
  62. }
  63.  
  64. ::-webkit-scrollbar {
  65. background-color:transparent;
  66. height:auto;
  67. width:4px;
  68. }
  69.  
  70. hr {
  71. border: 0;
  72. height: 1px;
  73. background-image: linear-gradient(to right, rgba(55, 62, 33, 0), rgba(55, 62, 33, 0.75), rgba(55, 62, 33, 0));
  74. }
  75.  
  76. h1 {
  77. font-weight:normal;
  78. font-size:22px;
  79. text-align:center;
  80. font-style:normal;
  81. line-height:100%;
  82. letter-spacing:1px;
  83. text-transform:normal;
  84. color:{color:accent2};
  85. font-family: 'Oswald', sans-serif;
  86. }
  87.  
  88. h2 {
  89. font-size:26px;
  90. text-align:center;
  91. line-height:100%;
  92. letter-spacing:-0.5px;
  93. color:{color:accent3};
  94. font-weight:bold;
  95. padding:5px;
  96. font-family: 'Oswald', sans-serif;
  97. }
  98.  
  99. blockquote {
  100. padding:2px 5px 2px 10px;
  101. margin:5px;
  102. border-left:2px solid {color:body font};
  103. -moz-border-radius: 15px;
  104. -webkit-border-radius: 15px;
  105. }
  106.  
  107. blockquote img {
  108. max-width:100%;}
  109.  
  110. body {
  111. background:{color:Page BG};
  112. background-image:url('http://static.tumblr.com/oh3xcbq/1geoeecee/spookyuna.png');
  113. background-position:left top fixed;
  114. background-repeat:no-repeat;
  115. color:{color:body font};
  116. font-size:11px;
  117. line-height:120%;
  118. word-wrap: break-word;
  119. font-family:Calibri, helvetica, arial, sans-serif;
  120. }
  121.  
  122. pre {
  123. white-space: pre-wrap;
  124. white-space: -moz-pre-wrap;
  125. white-space: -pre-wrap;
  126. white-space: -o-pre-wrap;
  127. word-wrap: break-word;
  128. }
  129.  
  130. small,sub,sup {
  131. font-size:12px;
  132. font-family: calibri,helvetica,arial,sans-serif;
  133. }
  134.  
  135. b,strong {
  136. color:{color:accent2};
  137. font-size:15px;
  138. font-family: 'Oswald', sans-serif;
  139. }
  140.  
  141. em,i {
  142. color:{color:accent3};
  143. text-shadow:0px 0px 8px #000;
  144. font-family: 'Oswald', sans-serif;
  145. }
  146.  
  147. s,strike {
  148. color:{color:accent2};
  149. }
  150.  
  151. u,underline {
  152. color:{color:accent2};
  153. }
  154.  
  155. a {
  156. text-decoration:none;
  157. outline:none;
  158. -moz-outline-style:none;
  159. color:{color:accent2};
  160. -moz-transition-duration:0.5s;
  161. -webkit-transition-duration:0.5s;
  162. -o-transition-duration:0.5s;
  163. }
  164.  
  165. a:hover {
  166. outline:none;
  167. -moz-outline-style:none;
  168. color:#FFFFFF;
  169. }
  170.  
  171. img{border:0; max-width:100%;max-height:auto;}
  172.  
  173. .fancytitle {
  174. font-size:11px;
  175. font-family: 'Oswald', sans-serif;
  176. padding:2px 4px;
  177. border:2px solid {color:page bg};
  178. text-align:right;
  179. margin-bottom:5px;
  180. background-image:url('http://static.tumblr.com/oh3xcbq/gjKoeecf8/selectionred.png');
  181. background-repeat:no-repeat;
  182. background-position: top center;
  183. color:#f9fcfc;
  184. }
  185.  
  186.  
  187. /*-----------------------------POPUP BOXES---------------------------*/
  188. .popup_block{
  189. display:none;
  190. height:428px;
  191. width:450px;
  192. overflow-y:auto transparent;
  193. overflow-x:hidden;
  194. background:#fff;
  195. background-image:url();
  196. padding:2px 5px;
  197. float:none;
  198. position:fixed;
  199. font-size:11px;
  200. top:349px;
  201. left:730px;
  202. z-index: 99999;
  203. }
  204.  
  205. *html #fade {position: absolute;}
  206. *html .popup_block {position: absolute;}
  207. #fade {
  208. display:none;
  209. position:fixed;
  210. left:0px;
  211. top:0px;
  212. width:100%;
  213. height:100%;
  214. z-index:9999;
  215. background:#000; /* change to #fff for solid white */
  216. opacity:0; /* change to opacity:1; */
  217. }
  218.  
  219. #boxy {
  220. margin-right:10px;
  221. padding-right:5px;
  222. padding-left:5px;
  223. margin-left:5px;
  224. padding-top:10px;
  225. margin-top:10px;
  226. height: 305px;
  227. width: 290px;
  228. overflow:auto;
  229. }
  230.  
  231. #boxydos {
  232. margin-top:10px;
  233. height: 448px;
  234. width: 400px;
  235. overflow:auto;
  236. }
  237.  
  238.  
  239. iframe#tumblr_controls {
  240. white-space:nowrap;
  241. -webkit-filter: invert(100%);
  242. -moz-filter: invert(100%);
  243. -o-filter: invert(100%);
  244. -ms-filter: invert(100%);
  245. filter: invert(100%);
  246. opacity:.2;transition: .8s ease-in-out;
  247. -webkit-transition: .8s ease-in-out;
  248. -moz-transition: .8s ease-in-out;
  249. -o-transition: .8s ease-in-out;
  250. }
  251.  
  252. #post {
  253. width:400px;
  254. margin:0px 0px 0px 3px;
  255. padding:10px 10px;
  256. background-color:transparent;
  257. font-family:calibri,helvetica,arial,sans-serif;
  258. color:{color:body font};
  259. }
  260.  
  261. #post .text{font-size:11px; line-height:16px;}
  262. #post .title{font-size:20px;;line-height:22px;}
  263. #post .text ul li{list-style-type:circle;}
  264.  
  265. #container {
  266. position:fixed;
  267. overflow-y:scroll;
  268. overflow-x:auto;
  269. padding:1px;
  270. width:450px;
  271. height:431px;
  272. left:483px;
  273. top:94px;
  274. }
  275.  
  276.  
  277. div#qTip {
  278. background-image:url('http://static.tumblr.com/oh3xcbq/gjKoeecf8/selectionred.png');
  279. border:1px solid white;
  280. padding: 5px;
  281. display: none;
  282. text-align: center;
  283. position: absolute;
  284. font-size:13px;
  285. line-height:10px;
  286. z-index: 9999999;
  287. color:{color:accent3};
  288. letter-spacing: 1px;
  289. font-family: 'Oswald', sans-serif;
  290. }
  291.  
  292. /*-------------------------PERMALINKS AND TAGS------------------------*/
  293. #permalink{
  294. position:absolute;
  295. z-index:9;
  296. margin-top:-5px;
  297. padding:3px;
  298. font-size:10px;
  299. text-align:center;
  300. text-transform:uppercase;
  301. font-family:calibri,helvetica,arial,sans-serif;
  302. color:{color:accent};
  303. background:url('http://static.tumblr.com/oh3xcbq/gjKoeecf8/selectionred.png');
  304. width:300px;
  305. margin-left:60px;
  306. border:2px solid {color:page bg};
  307. }
  308.  
  309. #permalink a{color:{color:accent};vertical-align:middle;}
  310. #permalink a:hover{color:{color:accent2};}
  311.  
  312. #tags{
  313. margin-top:20px;
  314. font-size:10px;
  315. font-family:calibri,helvetica,arial,sans-serif;
  316. width:300px;
  317. text-align:center;
  318. margin-bottom:40px;
  319. margin-left:60px;
  320. }
  321.  
  322. /*------------------------EXTRA BITS AND BOBBLES----------------------*/
  323. .chat ul {list-style:none; margin:0; padding:0;}
  324. .chat li {font-size:11px;list-style-type: none;margin-left: 0px;padding: 3px;}
  325.  
  326. #notesbox{width:500px;margin:20px auto;font-size:11px;font-family:calibri,helvetica,arial,sans-serif;}
  327. #notesbox ol.notes{list-style-type:none;margin:7px 0px;padding:0px 0px;}
  328. #notesbox img.avatar{display:none;}
  329.  
  330. /*------------------- "SIDEBAR" ------------------*/
  331. #nav{
  332. position:fixed;
  333. z-index:75;
  334. margin-left:10px;
  335. margin-top:150px;
  336. width:400px;
  337. text-align:center;
  338. -ms-transform: rotate(90deg); /* IE 9 */
  339. -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  340. transform: rotate(90deg);
  341. }
  342.  
  343. #navigation a{color:{color:accent2}; font-size:15px;}
  344.  
  345. #navigation a:hover{
  346. color:{color:accent}; text-decoration:bold;
  347. }
  348.  
  349. #pagination{
  350. font-family:Calibri, Helvetica, Arial, sans-serif;
  351. font-size:10px;
  352. text-align:center;
  353. color:{color:accent2};
  354. text-transform:uppercase;
  355. letter-spacing:3px;
  356. }
  357.  
  358. #pagination a{color:{color:accent2}; padding:0px 2px;}
  359.  
  360. /*--------------BITS AND BOBBLES-------------------*/
  361.  
  362. #audioplayer {
  363. width:30px;
  364. height:30px;
  365. overflow:hidden;
  366. position:absolute;
  367. margin-top:93px;
  368. margin-bottom:93px;
  369. margin-left:93px;
  370. }
  371.  
  372. #albumart { margin:0px 4px;}
  373.  
  374. .question {
  375. padding:9px;
  376. text-align:left;
  377. color:#bb6e8a;
  378. line-height:100%;
  379. -moz-border-radius: 6px;
  380. -webkit-border-radius: 6px;
  381. }
  382.  
  383. .answer {
  384. text-align:left;
  385. padding:7px;
  386. color:#bb6e8a;
  387. }
  388.  
  389. #ask a{color:white;
  390. }
  391.  
  392. /*-----------------------BIG BIO AHEAD------------------------*/
  393. .title {
  394. font-family: 'Oswald', sans-serif;/*title font*/
  395. font-size:70px;
  396. padding-top:100px;
  397. text-shadow:0 0 10px rgba(0,0,0,0.3);
  398. text-transform:bold;
  399. }
  400.  
  401. .subheader {
  402. margin-top:50px;
  403. }
  404.  
  405. .header {
  406. width:510px;
  407. height:200px;
  408. -webkit-transition:ease-in-out .3s;
  409. -moz-transition:ease-in-out .3s;
  410. -o-transition:ease-in-out .3s;
  411. transition:ease-in-out .3s;
  412. text-align:center;
  413. letter-spacing:1px;
  414. color:#fff;
  415. text-shadow:0 0 10px rgba(255,255,255);
  416. border-bottom:solid #fff 10px;
  417. background-color:#acacac;
  418. background-image:url(http://i.imgur.com/f64F0BG.png);
  419. background-position:center;
  420. background-size:100% auto;
  421. }
  422.  
  423. .header:hover {
  424. letter-spacing:3px;
  425. text-shadow:0 0 30px rgba(255,255,255);
  426. }
  427.  
  428. /* ---------------------SECTION TITLE CUSTOMIZATION--------------------- */
  429. .header2 {
  430. font-family: 'Oswald', sans-serif;
  431. font-size:14px;
  432. position:relative;
  433. z-index:1;
  434. width:400px;
  435. padding:5px 5px;
  436. padding-top:20px;
  437. text-align:center;
  438. letter-spacing:1px;
  439. }
  440.  
  441. .header2:before {
  442. position:absolute;
  443. z-index:-1;
  444. top:25px;
  445. right:0;
  446. bottom:0;
  447. left:0;
  448. width:95%;
  449. margin:0 auto;
  450. content:'';
  451. border-top:1px solid #dfdfdf;
  452. }
  453.  
  454. .header2 span {
  455. padding:0 5px;
  456. background:#B9B9B9;
  457. }
  458.  
  459. .content {
  460. position:relative;
  461. overflow:hidden;
  462. width:400px;
  463. min-height:75px;
  464. }
  465.  
  466. /* -----------------------TEXT SELECTION CUSTOMIZATION----------------------- */
  467. ::selection {
  468. color:#fff;
  469. background:#379eca;
  470. }
  471.  
  472. ::-moz-selection {
  473. color:#fff;
  474. background:#379eca;
  475. }
  476.  
  477. ::-webkit-selection {
  478. color:#fff;
  479. background:#379eca;
  480. }
  481.  
  482. /*---------------------------DROP CAP CUSTOMIZATION---------------------------*/
  483. #dropcap {
  484. font-family: 'Oswald', sans-serif;
  485. font-size:230%;
  486. float:left;
  487. margin-right:5px;
  488. padding:10px 3px;
  489. color:#fff;
  490. background-color:#000;
  491. }
  492.  
  493. /* ----------------------------QUOTE/LYRICS BOX ----------------------*/
  494. .quotebox {
  495. position:relative;
  496. display:inline-block;
  497. overflow:hidden;
  498. width:125px;
  499. height:125px;
  500. margin-left:20px;
  501. padding:20px;
  502. background-color:#acacac;
  503. background-image:url(http://static.tumblr.com/k6zk3b1/gywocdwj6/unaquotebox.png);
  504. background-position:center;
  505. background-size:auto 100%;
  506. }
  507.  
  508. .quote {
  509. font-family: 'Oswald', sans-serif;
  510. /* QUOTE FONT */
  511. text-shadow: 1px 1px 0px #5d5d5d, 1px -1px 0px #5d5d5d, -1px 1px 0px #5d5d5d, -1px -1px 0px #5d5d5d;
  512. font-size:12px;
  513. line-height:130%;
  514. position:absolute;
  515. display:inline-block;
  516. width:125px;
  517. height:125px;
  518. margin-top:-30px;
  519. margin-left:-20px;
  520. padding:20px;
  521. text-align:center;
  522. letter-spacing:.5px;
  523. color:#fff;
  524. }
  525.  
  526. .musicbox {
  527. position:relative;
  528. display:inline-block;
  529. width:125px;
  530. height:125px;
  531. margin-left:20px;
  532. padding:20px;
  533. -webkit-transition:ease-in-out 1s;
  534. -moz-transition:ease-in-out 1s;
  535. -o-transition:ease-in-out 1s;
  536. transition:ease-in-out 1s;
  537. background-color:#acacac;
  538. background-image:url(http://static.tumblr.com/k6zk3b1/fs0ocdwj0/unamusicbox.png);
  539. background-position:center;
  540. background-size:auto 100%;
  541. }
  542.  
  543. .players {
  544. position:absolute;
  545. overflow:scroll;
  546. width:125px;
  547. height:125px;
  548. text-align:left;
  549. vertical-align:middle;
  550. background-color:transparent;
  551. color:#fff;/*billy player color*/
  552. }
  553.  
  554. /* ---------------------------- UPDATES ------------------------------*/
  555.  
  556. #updates {
  557. font-size:10px;
  558. font-family:century gothic, arial;
  559. color:{color:body font};
  560. text-align:center;
  561. height:432px;
  562. width:120px;
  563. padding:0px;
  564. top:94px;
  565. left:947px;
  566. z-index:10;
  567. position:fixed;
  568. overflow-x:hidden;
  569. overflow-y:auto;
  570. }
  571.  
  572. #headerbar{
  573. width:410px; /*– sets width of your text –*/
  574. overflow:scroll;
  575. text-align:justify;
  576. color:#fff;
  577. font-family:calibri;
  578. font-size:12px;
  579. }
  580.  
  581. #tabbar{
  582. left:50%;
  583. top:50%;
  584. height:auto; /*– sets height of your text –*/
  585. overflow-y:scroll;
  586. overflow-x:hidden;
  587. text-align:justify;
  588. color:#222;
  589. font-family:calibri;
  590. font-size:11.4px;
  591. }
  592.  
  593. ul#tabs {text-align: center;}
  594. ul#tabs li { /*– your inactive / not viewed tabs –*/
  595. display:inline-block;
  596. padding:2px 3px;
  597. width:60px;
  598. cursor:pointer;
  599. text-decoration:none;
  600. margin:0px -2px;
  601. opacity:1;
  602. color:#fff;
  603. background-color:{color:accent2};
  604. }
  605.  
  606. ul#tabs li.active { /*– your active tab –*/
  607. background-color:#f9fcfc;
  608. color:{color:accent2};
  609. border:1px solid {color:accent2};
  610. padding:1px 3px;
  611. }
  612.  
  613. ul#tab, ul#tabs{list-style-type:none;margin:0px;padding:0px;}
  614. ul#tab li.active {display: block;}
  615. ul#tab li {display: none;}
  616.  
  617.  
  618. /*--------------------CREDITS-----------------------*/
  619. #cred
  620. {
  621. width: 50px;
  622. height: 18px;
  623. font-family: Arial;
  624. font-size: 7px;
  625. text-transform: uppercase;
  626. text-align: center;
  627. bottom: 10px;
  628. right: 10px;
  629. letter-spacing: 1px;
  630. line-height: 4px;
  631. padding: 10px 3px;
  632. display: block;
  633. color:{color:accent2};
  634. background: {color:page bg};
  635. position: fixed;
  636. }
  637.  
  638. #cred a
  639. {
  640. font-weight: bold;
  641. line-height: 17px;
  642. font-size: 15px;
  643. font-family: 'Oswald', sans-serif;
  644. text-transform: uppercase;
  645. color:{color:accent2};
  646. letter-spacing: 6px;
  647. margin-left:5px;
  648. }
  649.  
  650. </style>
  651.  
  652. </head>
  653.  
  654.  
  655. <body style="overflow:hidden;">
  656.  
  657. <!-- begin updates tab -->
  658.  
  659. <div id="updates">
  660.  
  661. <div style="padding-top:10px;">
  662.  
  663. <b><p><span style="font-size:16px"><b>❛</b> <a href="/"><b>SEASIDE SIREN</b></a> <b>❜</b></span></b><br>
  664. <div class="fancytitle">about</div>
  665. <p><b>a panfandom<br> original character</b><br>
  666. SELECTIVE & PRIVATE</p>
  667.  
  668. <!------------------------- NAVIGATION -------------------------->
  669. <div class="fancytitle">navigation</div><p>
  670. <div id="navigation" style="font-size:11px;">
  671. <a href="/ask" title="ask">✕</a>
  672. <a href="#?w=400" rel="story" class="poplight" title="story">✕</a>
  673. <a href="#?w=400" rel="guide" class="poplight" title="guide">✕</a>
  674. <a href="/verselanding" title="verses">✕</a>
  675. <a href="/tagged/trivia" title="trivia">✕</a>
  676. <a href="/commish" title="commissions">✕</a>
  677. </div></p>
  678. <!------------------------ NAV END ------------------------------>
  679. <div class="fancytitle">further info</div>
  680. <p>est. 20 may 2012<br>
  681. rbt. 3 july 2016<br>
  682. written by <a href="/mun"><b>CHE</b></a></span> (21+)<br>
  683. do not steal content
  684. </p>
  685. {block:Pagination}<div class="fancytitle">pagination</div><p>
  686. {block:NextPage}<a href="{NextPage}" style="color:white;text-shadow: black 0 0 2px;">sink</a>{/block:NextPage}
  687. {block:PreviousPage}&nbsp;/&nbsp;<a href="{PreviousPage}" style="color:white;text-shadow: black 0 0 2px;">swim</a>{/block:PreviousPage}
  688. </p>{/block:Pagination}
  689. <div class="fancytitle">more than friends</div><p>
  690. <a href="http://oncforall.tumblr.com/"><img src="http://static.tumblr.com/mpgtugs/cFWo82rbj/luv1.png"></a>
  691. <a href="http://jumpshiine.tumblr.com/"><img src="http://static.tumblr.com/mpgtugs/iMGo82ra3/luv2.png"></a></p>
  692.  
  693.  
  694.  
  695.  
  696. </div></div>
  697.  
  698. <!-- end updates tab -->
  699.  
  700. </div>
  701.  
  702. <div id="container">
  703. {block:Posts}
  704.  
  705. <!--------------------------TYPES OF POSTS----------------------------->
  706. <div id="post">
  707.  
  708. {block:Photo}
  709. <img src="{PhotoURL-400}" />
  710. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  711. {/block:Photo}
  712.  
  713. {block:Photoset}
  714. {Photoset-400}
  715. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  716. {/block:Photoset}
  717.  
  718. {block:Video}
  719. {Video-400}
  720. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  721. {/block:Video}
  722.  
  723. {block:Audio}
  724. <div class="musicbox">
  725. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  726. <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/>
  727. {block:Artist}<div class="text" style="margin-top:-17px;"><strong>Artist:&nbsp;</strong>{Artist}</div>{/block:Artist}<br/>
  728. {block:Album}<div class="text" style="margin-top:-17px;"><strong>Album:&nbsp;</strong>{Album}</div>{/block:Album}<br/>
  729. <div class="text" style="margin-top:-17px;">{PlayCountWithLabel}</div></div></div>
  730. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  731. {/block:Audio}
  732.  
  733. {block:Quote}
  734. <div class="title" style="width:380px;text-align:justify;padding-top:10px;line-height:20px;">{Quote}</div>
  735. {block:Source}<div class="text" style="text-align:right;padding-right:50px;"><br/>&mdash;{Source}</div>{/block:Source}
  736. {/block:Quote}
  737.  
  738. {block:Text}
  739. {block:Title}<div class="title" style="padding-top:10px;">{Title}<br/></div>{/block:Title}
  740. <div class="text">{Body}</div>
  741. {/block:Text}
  742.  
  743. {block:Answer}<div id="ask">
  744. <div style="background-color:{color:accent2};color:white; padding:10px 10px 10px 10px;"><div class="title" style="font-size:12px;padding-top:10px;">{Question}<br/></div>
  745. <div class="text" style="text-align:right;color:white;text-decoration:underline:">&mdash;<span style="color:white">{Asker}</span><br/></div></div></div>
  746. <div class="text" style="width:400px;">{Answer}</div>
  747. {/block:Answer}
  748.  
  749. {block:Chat}
  750. {block:Title}<div class="title" style="padding-top:10px;">{Title}<br/></div>{/block:Title}
  751. {block:Lines}<div class="chat"><li class="line_{Alt}">
  752. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li></div>
  753. {/block:Lines}
  754. {/block:Chat}
  755.  
  756. {block:Link}
  757. <div class="title" style="padding-top:10px;"><a href="{URL}">{Name}</a></div>
  758. {block:Description}<div class="text">{Description}</div>{/block:Description}
  759. {/block:Link}
  760.  
  761. </div>
  762. <!---------------------PERMALINK + REBLOG STUFF---------------------->
  763. <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>
  764.  
  765. <!----------------------------TAG STUFF----------------------------->
  766. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  767.  
  768. {block:PostNotes}
  769. <div id="notesbox">{PostNotes}</div>
  770. {/block:PostNotes}
  771. {/block:Posts}
  772. </div></div>
  773.  
  774. <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>
  775.  
  776. </body>
  777.  
  778. <!-------HERE BEGIN THE POPUP BOXES------->
  779.  
  780. <div id="ask" class="popup_block" style="overflow:auto;background:white;height:260px;">
  781.  
  782. <table>
  783. <tr><td>
  784. <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>
  785. </td></tr>
  786. </table>
  787. </div>
  788.  
  789. <div id="submit" class="popup_block" style="overflow:auto;">
  790.  
  791. <table>
  792. <tr><td>
  793. <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>
  794. </td></tr>
  795. </table>
  796. </div>
  797.  
  798. <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};">
  799.  
  800. <div id="headerbar">
  801. <ul id="tabs">
  802. <li class="active">STATS</li>
  803. <li>STORY</li>
  804. <li>GROUP</li>
  805. </ul></div>
  806. <div id="tabbar">
  807. <div id="boxydos">
  808. <div class="container" style="color:#000;">
  809. <ul id="tab">
  810.  
  811. <li class="active" style="color:{color:body font};">
  812. <center><b>NOBORI UNA</b></center>
  813. <div class="content">
  814. <div align="center"><div style="width:385px; text-align: justify;font-size:11.5px;">
  815. <b>name:</b> <a title="ascending summer dream">昇夢夏</a><br>
  816. <b>nickname:</b> unagi, uu-chan, bishiri-chan<br>
  817. <b>handle:</b> <a title="seven seas">七海</a> [nanami]<br>
  818. <b>birthday:</b> 19 Feb (17 years old)<br>
  819. <b>school:</b> year 2 (no club)<br>
  820. <b>blood:</b> half english, quarter japanese, quarter korean.<br>
  821. <b>orientation:</b> heteroflexible.<br>
  822. <b>place of birth:</b> izumo, shimane.<br>
  823. <b>living conditions:</b> shinjuku, tokyo apartment with uncle.<br>
  824. <b>occupation:</b> student, idol (in training).<br><br>
  825. <center><b>relationships</b></center>
  826. <b>parents:</b> Nobori Kazuki, father. Adelaide Stark, mother.<br>
  827. <b>family:</b> Nobori Nozomu, uncle. Otani Haruo, half-brother.<br>
  828. <b>children:</b> Negi, a pug.<br><br>
  829. <center><b>physical</b></center>
  830. <b>eyes:</b> Pale grey-blue; colour of cataracts. Piercing stare.<br>
  831. <b>hair:</b> Naturally dark brown, but dyed powder blue. Wavy; typically straightened. Worn mostly in twin tails.<br>
  832. <b>height:</b> 150 cm (4'11")<br>
  833. <b>weight:</b> 41 kg, give or take<br>
  834. <b>build:</b> &ldquo;Delicate.&rdquo; A premature baby, she never quite caught up with her peers. Slim, angular, flat-chested. Wide hips and prominent rear. Baby-faced. Freckled nose.<br>
  835. <b>notable physical traits:</b> Gapped buck teeth.<br>
  836. <b>clothing:</b> Prefers pale colours. Loose, comfortable outfits (i.e. roomy blouses, tunics)&mdash;distract from lack of bust. Often wears minidresses and skirts to draw attention to legs. Zettai ryouiki game is on point.<br><br>
  837. <center><b>core</b></center>
  838. <b>intelligence:</b> business, books.<br>
  839. <b>likes:</b> sweaters, cheap perfume, books, horror films, skating, dolls.<br>
  840. <b>dislikes:</b> pants, console games, gardening, overly sweet foods, beetles.<br>
  841. <b>disposition:</b> Headstrong, self-sufficient, amicable, curious, helpful, mistrustful, selfish, arrogant, reliable.<br>
  842. <b>mbti:</b> ENTJ<br>
  843. <b>moral alignment:</b> lawful neutral<br><br>
  844. <center><b>other</b></center>
  845. <b>phobias:</b> Heights, drowning, being completely alone.<br>
  846. <b>allergies:</b> Mushrooms.<br>
  847. <b>strengths:</b> Running, small spaces, holding breath, origami, resourcefulness, rapping.<br>
  848. <b>weaknesses:</b> Cooking, throwing, empathizing, children. Tends to be too mouthy for her own good. Terrible at archery or any other long-distance weapon/sport.<br>
  849. <b>extras:</b> Most valuable item is her mobile phone. Favourite food is steak. Uses reading glasses. Was briefly on school swim team.<br>
  850. <b>current concern:</b> All the food she eats will catch up with her.<br><br>
  851. </div></div></div>
  852.  
  853. <!-------------------QUOTE/PLAYLIST SECTION BEGINS HERE------------------->
  854.  
  855.  
  856. <center><b>WORDS</b></center><br>
  857.  
  858. <div class="quotebox">
  859. <div class="quote" style="margin-top:-44px;"><br>
  860. <p>
  861. ❝ Why do you think the old stories tell of men who set out on great journeys to impress the gods? Because trying to impress people just isn't worth the time and effort. ❞
  862. </div>
  863. </div>
  864.  
  865. <div class="musicbox">
  866. <div class="quote">
  867. <p>
  868. ❝ If you want to build a ship, don't drum up people to collect wood and don't assign them tasks and work, but rather teach them to long for the endless immensity of the sea. ❞
  869. </div>
  870. </div>
  871.  
  872.  
  873. <!-------------------QUOTE/PLAYLIST SECTION ENDS HERE------------------->
  874.  
  875. </li>
  876.  
  877. <li style="color:{color:body font};">
  878. <center><b>BRIEF HISTORY</b></center>
  879. <div class="content">
  880.  
  881. <div align="center"><div style="width:380px; text-align: justify;font-size:12px;">
  882. <p>&nbsp; &nbsp; &nbsp; &nbsp; Nobori Una grew up in the countryside of Shimane prefecture as the daughter of Kazuki, a fisherman. Her mother, an Englishwoman named Adelaide, died in childbirth. Una had a brush with death of her own when she was young, nearly drowning at sea after falling from her father's boat. These experiences left a profound mark on her; she is acutely aware of life's fragility.
  883.  
  884. <p>&nbsp; &nbsp; &nbsp; &nbsp; Her father's friends and coworkers were always near, more than making up for any familial gap. Though she wasn't embarrassed to be raised by a crew of old men, she realized the peculiarity of her situation. So, she endeavored to cultivate the classic "Yamato Nadeshiko" image, as if to prove her family's worth and show that she was more than a girl with simple, crass country sensibilities.
  885.  
  886. <p>&nbsp; &nbsp; &nbsp; &nbsp; Of course, it was still just an act. Though Una was prim and proper in public, her true nature was more base. There was only so much she could do to lie to herself. Seeing the way she wrestled with what she (erroneously) believed was expected of her, Kazuki decided that it would be better for Una to explore the world a bit, to learn that people were not just “good or bad” or “right or wrong”. His plan was set in motion when Una entered high school, leaving her home of Izumo to stay with her uncle in the big city of Tokyo.
  887.  
  888. <p>&nbsp; &nbsp; &nbsp; &nbsp; Soon afterward, she was discovered by a certain well-known entertainment company and scouted for an upcoming group, <b>HONEY-HOT</b>.</div></div></div>
  889.  
  890. </li>
  891.  
  892. <li style="color:{color:body font};">
  893. <center><b>HONEY-HOT</b></center>
  894. <div align="center"><div style="width:380px; text-align: justify;font-size:12px;">
  895.  
  896. <p>A squad of seven girls, HONEY-HOT is a Japanese pop group. In training, they have yet to debut, although their first song is on the near horizon. They’re managed by a rather popular company, though not the best in the industry. Their concept is girls with a “spicy” side underscoring their sweetness, hence the name HONEY-HOT. Not vanilla cutesy, but not overtly sexy, they’re a group that will be known for their charismatic personalities, especially on variety shows.
  897.  
  898. <center><b>MEMBERS</b><br>
  899. <a href="http://kogatano.tumblr.com/">Gilly Takako</a><br>
  900. <a href="http://baratan.tumblr.com/">Kasai Shun</a><br>
  901. <a href="/">Nobori Una</a><br>
  902.  
  903. </center> </div>
  904.  
  905. </li>
  906.  
  907. </ul> <!--- important. don’t delete --->
  908. </div></div></div></div></div></div></div></div>
  909.  
  910. <div id="verses" class="popup_block" style="margin:0px auto; font-family:calibri, helvetica, arial, sans-serif;overflow:auto;color:{color:body font};">
  911. <div id="headerbar">
  912. <ul id="tabs">
  913. <li class="active">MAIN.</li>
  914. <li>NORMAL.</li>
  915. <li>MAD MAX.</li>
  916. <li>TMI.</li>
  917. <li>FANTASY.</li>
  918. <li>STAR WARS.</li>
  919. </ul></div>
  920. <div id="tabbar" style="width:400px;">
  921. <ul id="tab">
  922.  
  923. <li class="active" style="color:{color:body font};">
  924. <div style="font-family: 'Oswald', sans-serif;font-size:14px;"><span>||CHRONONAUTICA</span></div>
  925. <p><em>MARVEL/DC (MAIN<sub>1</sub>)</em></p>
  926.  
  927. &nbsp; &nbsp; &nbsp; &nbsp;Una Naux is a time traveler from the 18th century trying to make her way in the modern era. She 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. She mainly bets on horses and performs occasional time travel favors for extra money, but has alternative forms of income in the wares and services available at her shop, <b>Books & Baubles</b>.
  928. <p>&nbsp; &nbsp; &nbsp; &nbsp;During the last few years spent in the 21st century, she has run into a young man, Henry Hollick, who is descended from an illegitimate child of her father, Barnaby. They've grown rather close, or as close as time-displaced relatives can be, but he's not enough for Una to consider a &ldquo;family.&rdquo; She still plans on locating the other crew members that fell through time&mdash;if they really are stranded&mdash;and taking them with her through the Nexus of All Realities. The only thing complicating matters is her daughter, two year old <a title="Una really likes food."><b>Unagi Nutmeg Naux</b></a>.
  929. <p>The thing she likes best about the 21st century is the fact that she's able to command so much more respect than she did in her home time. Of course, part of that may be due to the fact that she does a shoddy job of separating her life as <b>Chrononautica</b> from her life as Una Naux. Her civilian identity really isn't too big a secret if you know who to ask, which is why she makes daring acts of good (or evil, depending on how well it pays) a premium service available at her shop. She doesn't do much patrolling; she waits for people to come to her. They always do, in the end.
  930.  
  931.  
  932. </li>
  933.  
  934. <li style="color:{color:body font};">
  935. <div style="font-family: 'Oswald', sans-serif;font-size:14px;"><span>||NEXT TO NORMAL</span></div>
  936. <p><em>GEN MODERN (MAIN<sub>2</sub>)</em>
  937. <p>&nbsp; &nbsp; &nbsp; &nbsp;Time travel is the stuff of fantasy. Una would know: she's writing a novel about it. This Englishwoman is prone to flights of fancy and tends to have her head in the clouds when it's not trapped in a book. The same goes for her half-brother, Henry Hollick, five years younger. After the passing of Adelaide, Barnaby was known to fraternize with various women. It's possible that Una has other siblings, but none that she knows about.</p>
  938.  
  939. <p>&nbsp; &nbsp; &nbsp; &nbsp;Strange as it may be, Una has a bit of an obsession with completing her family tree. Part of the reason for this may be because her father is the only full-blooded kin she's ever known. The two of them get along wonderfully, but Una can't help wondering what it would be like to have a larger family.</p>
  940.  
  941. <p>&nbsp; &nbsp; &nbsp; &nbsp;Once she completed her university education, Una moved from England to the United States, following in the footsteps of Henry, who moved with his family when he was fourteen. Currently, she lives in Brooklyn and works multiple odd jobs to pay the rent as she writes her novel. Barnaby is proud of his daughter, believing her to be an enterprising young woman, but he wouldn't be too happy if he knew she was moonlighting as a dominatrix.
  942.  
  943. </li>
  944.  
  945. <li style="color:{color:body font};">
  946. <div style="font-family: 'Oswald', sans-serif;font-size:14px;"><span>||TEENAGE WASTELAND</span></div>
  947. <p>&nbsp; &nbsp; &nbsp; &nbsp;In a sandstorm, seventeen year old Una was separated from her father and his band of merchants. Headstrong and resilient, she is determined to find them again. If they live, they'll live together happily. If they're gone, she'll give them a proper burial.</p>
  948.  
  949. <p>&nbsp; &nbsp; &nbsp; &nbsp;While not outright &ldquo;mad,&rdquo; Una has her own neurotic tendencies. Ridiculously attached to a dagger from her father, she'll bite the hand of anyone who dares touch it. That, and she has a proclivity toward poetic speech&mdash;when she bothers to talk at all. Most people, it would seem, are a waste of time. They don't factor into her journey or goal and so she pays them as little mind as she can. Things are easier that way.</p>
  950.  
  951. <p>&nbsp; &nbsp; &nbsp; &nbsp;Una knows she can't last long on her own, however, and so she tends to band together with anyone she comes across as long as they seem halfway trustworthy. Knowing it's only temporary and that they can't replace her <em>real</em> family helps make the shame of relying on others less severe. After all, as her father taught her, to succumb to the will of others is weakness. So, she does what is necessary to reach him again. Nothing more, nothing less.
  952.  
  953. </li>
  954.  
  955. <li style="color:{color:body font};">
  956. <div style="font-family: 'Oswald', sans-serif;font-size:14px;"><span>||BETTER IN BLACK</span></div>
  957. <p>&nbsp; &nbsp; &nbsp; &nbsp;England-born Una Fairwater is a shadowhunter educated by the London Institute. Her parabatai is family friend and long time companion, Jack Roseway. As they recently came of age, the two of them are currently undergoing the customary travel to various Institutes, studying Nephilim culture in other parts of the globe.</p>
  958.  
  959. <p>&nbsp; &nbsp; &nbsp; &nbsp;Una's weapon of choice is a whip, passed on to her from her father, Barnaby. She has a younger half-brother, Henry, who is also studying at the London Institute. She has half a mind to give him her whip when it's time for her to evolve to a new weapon. After all, he may not be <em>completely</em> blood-related, but he's family all the same, and for the Fairwaters, family is paramount.</p>
  960.  
  961. <p>&nbsp; &nbsp; &nbsp; &nbsp;The life of a shadowhunter is a difficult one when one has a certain interest in modern pop culture. It's one thing to study novels from all sorts of time periods; it's another when one wants to keep up with the Kardashians.
  962. </li>
  963.  
  964. <li style="color:{color:body font};">
  965. <div style="font-family: 'Oswald', sans-serif;font-size:14px;"><span>||PENNY FOR A TALE</span></div>
  966. <p>&nbsp; &nbsp; &nbsp; &nbsp;If you're all alone in a secluded area and hear the jingling of bells, don't fret. It's only a girl. Una travels across the land, hawking her wares wherever she can. They might be expensive, but you pay for convenience.
  967. <p>&nbsp; &nbsp; &nbsp; &nbsp;In the Naux family, when a child comes of age it is traditional for them to go on a journey, selling an assortment of items all on their own. The terrain is dangerous and risky; only a true merchant makes it out alive. This is normal: nobody could trust a merchant who wasn't worth their salt.
  968. </li>
  969.  
  970.  
  971. <li style="color:{color:body font};">
  972. <div style="font-family: 'Oswald', sans-serif;font-size:14px;"><span>||CREDIT KARMA</span></div>
  973. <p>&nbsp; &nbsp; &nbsp; &nbsp;Una is the daughter of a humble Coruscanti merchant and a wealthy merchant in her own right. She's known to overcharge, but there's no disputing that her wares are top-notch. A girl's got to make a living somehow.
  974. <p>&nbsp; &nbsp; &nbsp; &nbsp;Una wouldn't call herself a pacifist, but it would be inaccurate to say she dreams of war. Rather, what she likes is winning. She holds no allegiance to any particular party, preferring to side with whoever has the upper hand at the moment. It's always worked out for her father; why shouldn't it work out for her as well?
  975. </li>
  976.  
  977.  
  978. </ul> <!--- important. don’t delete --->
  979. </div></div></div></div></div></div></div></div>
  980.  
  981. <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}">
  982.  
  983. <h1 style="text-align:center; background-image:url('http://static.tumblr.com/oh3xcbq/gjKoeecf8/selectionred.png');border:1px solid {color:page bg};color:white;letter-spacing:2px;padding:5px 0px;height:20px;font-size:20px;">GUIDELINES</h1>
  984.  
  985. <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.
  986.  
  987. <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.
  988.  
  989. <p style="font-family:calibri,helvetica,arial,sans-serif;">This blog is multiship. Una is currently single in most 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.
  990.  
  991. <p style="font-family:calibri,helvetica,arial,sans-serif;">Obligatory warning: Mun is of age, muse is not (by American standards). 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.
  992.  
  993. <h1 style="letter-spacing:2px;text-align:center;padding:2px 5px;font-size:12px;"><b>LAST NOTES</b></h1>
  994.  
  995. <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.
  996. <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.
  997.  
  998. </div>
  999. </div></div></div></div></div></div>
  1000. <div id="cred">theme by<br><a href="#?w=400" rel="credit" class="poplight" title="credit">CHE</a></div>
  1001.  
  1002. <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:428px;">
  1003.  
  1004. <div class="fancytitle">credit</div>
  1005.  
  1006. <p style="font-family:calibri,helvetica,arial,sans-serif;text-align:center;"><small>theme coded by <b>me</b><br>
  1007. with the assistance of <a href="http://octomoosey.tumblr.com/"><b>octomoosey</b></a><br>
  1008. pop-ups by <a href="http://str-wrs.tumblr.com/"><b>str-wrs</b></a><br>
  1009. and bio page by <a href="http://hailthehelpful.tumblr.com/"><b>hailthehelpful</b></a>
  1010.  
  1011. </div>
  1012. </div></div></div></div></div></div>
  1013. </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!