API tools faq
paste
Advertisement
tsiappoworks

LoveString ft. Una

tsiappoworks
Mar 7th, 2017
113
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.42 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. <link rel="shortcut icon" href="{Favicon}" />
  45.  
  46. <meta name="color:background" content="#bfccd1">
  47. <meta name="color:Accent" content="#206894" />
  48. <meta name="color:Accent2" content="#80b0ad" />
  49. <meta name="color:Accent3" content="#709f9c" />
  50. <meta name="color:body font" content="#435d73" />
  51.  
  52. <meta name="text:LinkSymbol" content="✕" />
  53.  
  54. <script type="text/javascript" src="http://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script>
  55.  
  56. <style type="text/css">
  57. /*---------------------BODY--------------------*/
  58. ::-webkit-scrollbar-thumb{
  59. background-color:{color:accent};
  60. height:auto;
  61. }
  62.  
  63. ::-webkit-scrollbar {
  64. background-color:transparent;
  65. height:auto;
  66. width:4px;
  67. }
  68.  
  69. ::-webkit-scrollbar:horizontal {
  70. background-color:transparent;
  71. height:4px;
  72. width:auto;}
  73.  
  74.  
  75. hr {
  76. border: 0;
  77. height: 1px;
  78. background-image: linear-gradient(to right, rgba(185, 210, 220, 0), rgba(48, 101, 120, 0.75), rgba(185, 210, 220, 0));
  79. }
  80.  
  81. h1 {
  82. font-weight:normal;
  83. font-size:22px;
  84. text-align:center;
  85. font-style:normal;
  86. line-height:100%;
  87. letter-spacing:1px;
  88. text-transform:normal;
  89. color:{color:accent2};
  90. font-family: 'Oswald', sans-serif;
  91. }
  92.  
  93. h2 {
  94. font-size:26px;
  95. text-align:center;
  96. line-height:100%;
  97. letter-spacing:-0.5px;
  98. color:{color:accent2};
  99. font-weight:bold;
  100. padding:5px;
  101. font-family: 'Oswald', sans-serif;
  102. }
  103.  
  104. body {
  105. margin: 0;
  106. color:{font:body font};
  107. background: url(http://static.tumblr.com/mwciju1/XQ3okm2pj/lilinabg_smoll.png) no-repeat bottom left fixed;
  108. background-color:{color:background};
  109. font-size:11px;
  110. line-height:120%;
  111. word-wrap: break-word;
  112. font-family:Calibri, helvetica, arial, sans-serif;
  113. }
  114.  
  115. pre {
  116. white-space: pre-wrap;
  117. white-space: -moz-pre-wrap;
  118. white-space: -pre-wrap;
  119. white-space: -o-pre-wrap;
  120. word-wrap: break-word;
  121. }
  122.  
  123. small,sub,sup {
  124. font-size:12px;
  125. font-family: calibri,helvetica,arial,sans-serif;
  126. }
  127.  
  128. b,strong {
  129. color:{color:accent2};
  130. font-size:15px;
  131. font-family: 'Oswald', sans-serif;
  132. }
  133.  
  134. em,i {
  135. color:{color:accent2};
  136. font-family: 'Oswald', sans-serif;
  137. }
  138.  
  139. s,strike {
  140. color:{color:accent2};
  141. }
  142.  
  143. u,underline {
  144. color:{color:accent2};
  145. }
  146.  
  147. a {
  148. text-decoration:none;
  149. outline:none;
  150. -moz-outline-style:none;
  151. color:{color:accent2};
  152. -moz-transition-duration:0.5s;
  153. -webkit-transition-duration:0.5s;
  154. -o-transition-duration:0.5s;
  155. }
  156.  
  157. a:hover {
  158. outline:none;
  159. -moz-outline-style:none;
  160. color:#FFFFFF;
  161. }
  162.  
  163. img{border:0; max-width:100%;max-height:auto;}
  164.  
  165. .fancytitle {
  166. font-size:11px;
  167. font-family: 'Oswald', sans-serif;
  168. padding:2px 4px;
  169. border:2px solid {color:page bg};
  170. text-align:center;
  171. margin-bottom:5px;
  172. background-image:url('http://static.tumblr.com/oh3xcbq/ROuoimf1o/selectionmedblue.png');
  173. background-repeat:no-repeat;
  174. background-position: top center;
  175. color:#f9fcfc;
  176. }
  177.  
  178.  
  179. /*------------------- MAIN CONTENT STUFF ------------------*/
  180.  
  181. #title{font-size:20px;line-height:25px;}
  182.  
  183. #content {
  184. position:absolute;
  185. margin-top:20px;
  186. left:690px;
  187. z-index:990;
  188. width:550px;
  189. padding:0px;
  190. overflow-y:auto;
  191. color:{color:Body Font};
  192. padding:10px 0px;
  193. }
  194.  
  195. blockquote {
  196. padding:2px 5px 2px 10px;
  197. margin:5px;
  198. border-left:2px solid {color:body font};
  199. -moz-border-radius: 15px;
  200. -webkit-border-radius: 15px;
  201. }
  202.  
  203. blockquote img {
  204. max-width:100%;}
  205.  
  206. img{
  207. border:0px;
  208. max-width:100%;
  209. }
  210.  
  211. /*----------------------------- POSTS ------------------------*/
  212. #content #posts {
  213. width:500px;
  214. background-color:#fff;
  215. margin:0 auto;
  216. padding: 10px 10px 6px;
  217. }
  218.  
  219. #content #posts .title {
  220. font-size:22px;
  221. line-height:25px;
  222. font-family: 'Oswald', sans-serif;
  223. letter-spacing:1px;
  224. }
  225.  
  226. #content #posts .text {
  227. font-family: Calibri, helvetica, arial, sans-serif;
  228. font-size:12px;
  229. font-weight:300;
  230. line-height:140%;
  231. }
  232.  
  233. .text ul li{
  234. list-style-type:circle;
  235. }
  236.  
  237. .asker{
  238. position:relative;
  239. float:right;
  240. margin-top:-6px;
  241. padding:2px 3px;
  242. text-transform:uppercase;
  243. }
  244.  
  245. .asker a{
  246. width:100%;
  247. -moz-border-radius: 15px;
  248. -webkit-border-radius: 15px;
  249. background-color:{color:body font};
  250. color:white;
  251. text-align:center;
  252. font-size:14px;
  253. }
  254.  
  255. /*-------------AUDIO POSTS------------*/
  256.  
  257. #audioplayer {
  258. width:30px;
  259. height:30px;
  260. overflow:hidden;
  261. position:absolute;
  262. margin-left:40px;
  263. margin-top:45px;
  264. margin-bottom:45px;
  265. opacity: 0.8;
  266. filter:alpha(opacity=80);
  267. -moz-opacity: 0.8;
  268. -khtml-opacity: 0.8;
  269. }
  270.  
  271. #albumart { float:left; margin:0px 7px;}
  272.  
  273. /*--------------------PERMALINK AND OTHER DETAILS---------------------*/
  274. #details {
  275. font-family: Calibri, helvetica, arial, sans-serif;
  276. text-align:center;
  277. width:500px;
  278. text-transform:uppercase;
  279. font-size:10px;
  280. font-style:none;
  281. margin-left:auto;
  282. margin-right:auto;
  283. background-color:#fff;
  284. color:{color:accent2};
  285. margin-bottom:20px;
  286. padding:2px 7px 2px;
  287. border:1px solid #d9d9d9;
  288. outline:2px solid #fff;
  289. }
  290.  
  291. #details a{
  292. text-decoration:none;
  293. color:{color:accent};
  294. -webkit-transition: all 0.3s ease-in-out;
  295. -moz-transition: all 0.3s ease-in-out;
  296. -ms-transition: all 0.3s ease-in-out;
  297. -transition: all 0.3s ease-in-out;
  298. }
  299.  
  300. #details a:hover{color: {color:accent3};}
  301.  
  302. #notes {
  303. font-family: Calibri, helvetica, arial, sans-serif;
  304. font-size:11px;
  305. color:{color:body font};
  306. }
  307.  
  308. #notes a{
  309. text-decoration:none;
  310. color:{color:accent3};
  311. }
  312.  
  313. /*------------------------CUSTOM TOOLTIP--------------------------*/
  314. div#qTip {
  315. background-image:url('http://static.tumblr.com/oh3xcbq/ROuoimf1o/selectionmedblue.png');
  316. border:1px solid white;
  317. padding: 5px;
  318. display: none;
  319. text-align: center;
  320. position: absolute;
  321. font-size:13px;
  322. line-height:10px;
  323. z-index: 9999999;
  324. color:#fff;
  325. letter-spacing: 1px;
  326. font-family: 'Oswald', sans-serif;
  327. }
  328.  
  329.  
  330. /*---------------WHOA, NELLY IT'S THE POP-UP MENU!---------------*/
  331. #box1{
  332. text-align:center;
  333. color:{color:body font};
  334. font-family: Calibri, helvetica, arial, sans-serif;
  335. font-size:12px;
  336. }
  337.  
  338. .popup_block{
  339. display:none;
  340. background:#fff;
  341. padding:20px;
  342. float:left;
  343. max-height:400px;
  344. position:fixed;
  345. top:50%;left:50%;
  346. z-index: 99999;
  347. }
  348.  
  349. *html #fade {position: absolute;}
  350. *html .popup_block {position: absolute;}
  351. #fade {
  352. display:none;
  353. position:fixed;
  354. left:0px;
  355. top:0px;
  356. width:100%;
  357. height:100%;
  358. z-index:
  359. 9999;
  360. background-image:url('http://static.tumblr.com/oh3xcbq/dQEois7j2/waves2_pale.png');
  361. }
  362.  
  363. /* ---------------------------- UPDATES ------------------------------*/
  364.  
  365. #updates {
  366. font-size:10px;
  367. font-family:century gothic, arial;
  368. color:#fff;
  369. text-align:center;
  370. height:180px;
  371. width:240px;
  372. padding:10px;
  373. left:40px;
  374. bottom:10px;
  375. z-index:10;
  376. position:fixed;
  377. overflow-x:hidden;
  378. overflow-y:auto;
  379. background-color:rgba(255,255,255,0);
  380. }
  381.  
  382. table#nav{
  383. border-spacing:5px;
  384. }
  385.  
  386. /* the verses tabs */
  387.  
  388. ul#tabs {
  389. margin-top:-10px;
  390. list-style-type: none;
  391. padding: 0;
  392. text-align: center;
  393. font-size:10px;
  394. letter-spacing:1px;
  395. }
  396.  
  397. ul#tabs li { /*– your inactive / not viewed tabs –*/
  398. display: inline-block;
  399. background-color: transparent;
  400. border: solid 1px #bfccd1;
  401. padding: 4px 12px;
  402. margin-bottom: 4px;
  403. color: #1b1b1b;
  404. cursor: pointer;
  405. }
  406.  
  407. ul#tabs li:hover {
  408. background-color:{color:accent2};
  409. color:white;
  410. }
  411.  
  412. ul#tabs li.active { /*– your active tab –*/
  413. background-color: #0f0f0f;
  414. background-image:url('http://static.tumblr.com/oh3xcbq/ROuoimf1o/selectionmedblue.png');
  415. border: 1px solid #bfccd1;
  416. color:white;
  417. }
  418.  
  419. ul#tab {
  420. list-style-type: none;
  421. margin: 0;
  422. padding: 0;
  423. }
  424.  
  425. ul#tab li {
  426. display: none;
  427. }
  428.  
  429. ul#tab li.active {
  430. display: block;
  431. }
  432.  
  433. /*--------------------CREDITS-----------------------*/
  434. #cred
  435. {
  436. position:fixed;
  437. z-index:99;
  438. width: 50px;
  439. height: 18px;
  440. font-family: Arial;
  441. font-size: 7px;
  442. text-transform: uppercase;
  443. text-align: center;
  444. bottom: 10px;
  445. left: 10px;
  446. letter-spacing: 1px;
  447. line-height: 4px;
  448. padding: 10px 3px;
  449. display: block;
  450. color:{color:body font};
  451. background: {color:background};
  452. position: fixed;
  453. }
  454.  
  455. #cred a
  456. {
  457. font-weight: bold;
  458. line-height: 17px;
  459. font-size: 15px;
  460. font-family: 'Oswald', sans-serif;
  461. text-transform: uppercase;
  462. color:{color:body font};
  463. letter-spacing: 6px;
  464. margin-left:5px;
  465. }
  466.  
  467. /*-----------------NAVIGATION---------------*/
  468. #nav{
  469. position:fixed;
  470. bottom:450px;
  471. left:210px;
  472. font-size:40px;
  473. width:350px;
  474. }
  475.  
  476. #nav a{color:white;}
  477. #nav a:hover{color:{color:accent};}
  478.  
  479. .link_ask{margin-left:-25px;margin-top:0px;}
  480. .link_story{margin-left:150px;margin-top:-50px;}
  481. .link_guide{margin-left:85px;margin-top:50px;}
  482. .link_verses{margin-left:5px;margin-top:25px;}
  483. .link_ships{margin-left:160px;margin-top:-20px;}
  484. .link_trivia{margin-left:-17px;margin-top:15px;}
  485. .link_loves{margin-left:105px;}
  486. .link_nav{margin-left:130px;margin-top:50px;}
  487.  
  488. /*-------------POPUP NAVI---------------*/
  489. .popupnavlinks {
  490. padding-top:5px;
  491. text-align:center; }
  492.  
  493.  
  494. .popupnavlinks a {
  495. display:inline-block;
  496. width:100px; height:8px;
  497. margin:2px; padding:6px 6px 14px;
  498. text-align:center;
  499. font-family:Calibri, helvetica, arial, sans-serif;
  500. font-size:9px;
  501. text-transform:uppercase;
  502. letter-spacing:1px;
  503. color:white;
  504. background:transparent;
  505. background-image:url(http://static.tumblr.com/oh3xcbq/ROuoimf1o/selectionmedblue.png);
  506. border:1px solid {color:background};
  507. }
  508.  
  509.  
  510. .popupnavlinks a:hover {
  511. display:inline-block;
  512. width:100px; margin:2px;
  513. padding:6px 6px 14px;
  514. text-align:center;
  515. font-family:Calibri, helvetica, arial, sans-serif;
  516. font-size:9px;
  517. text-transform:uppercase;
  518. letter-spacing:1px;
  519. color:{color:accent};
  520. background:transparent }
  521.  
  522. {CustomCSS}</style>
  523. </head>
  524. <body>
  525.  
  526. <!------------------------- NAVIGATION -------------------------->
  527. <div id="nav" style="width:100%">
  528. <div class="link_ask">
  529. <a href="/ask" title="ask">✦</a></div>
  530. <div class="link_story">
  531. <a href="#?w=400" rel="story" class="poplight" title="story">✦</a></div>
  532. <div class="link_guide">
  533. <a href="#?w=400" rel="guide" class="poplight" title="guide">✦</a></div>
  534. <div class="link_verses">
  535. <a href="/v" title="verses">✦</a></div>
  536. <div class="link_ships">
  537. <a href="/ships" title="friends">✦</a></div>
  538. <div class="link_nav">
  539. <a href="#?w=400" rel="navi" class="poplight" title="navigation">✦</a></div>
  540. </div>
  541.  
  542. <!-- begin updates tab -->
  543.  
  544. <div id="updates">
  545.  
  546. <a href="/" title="refresh" style="color:#fff;letter-spacing:2px;font-size:20px;">SINK OR SWIM</a><br>
  547. <em><span style="color:#fff;letter-spacing:4.8px;">THE SEASIDE SIREN</span></em>
  548. <!------------------------ NAV END ------------------------------>
  549. <p>est. 20 may 2012 | rbt. 30 jan 2017<br>
  550. written by <a href="/mun"><b>CHE</b></a> (21+); do not steal.
  551. </p>
  552. {block:Pagination}<span style="color:white;font-size:10px;letter-spacing:1.5px;border-bottom:1px solid white;">PAGINATION</span><br>
  553. {block:NextPage}<b><a href="{NextPage}" style="color:white;font-size:11px;letter-spacing:1.5px;">sink</a></b>{/block:NextPage}
  554. {block:PreviousPage}&nbsp;/&nbsp;<b><a href="{PreviousPage}" style="color:white;font-size:11px;letter-spacing:1.5px;">swim</a></b>{/block:PreviousPage}
  555. </p>{/block:Pagination}
  556.  
  557. </div></div>
  558.  
  559. <!-- end updates tab -->
  560. <!---------------------- MAIN CONTENT ----------------------->
  561.  
  562. <div id="content">
  563. {block:Posts}
  564. <div id="posts">
  565. <!------------------------ PHOTOS --------------------------->
  566.  
  567. {block:Photo}
  568. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  569. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  570. {/block:Photo}
  571.  
  572. <!------------------------ PHOTOSET -------------------------->
  573.  
  574. {block:Photoset}
  575. {Photoset-500}
  576. {block:Caption}<div class="text">{Caption}</div>{block:Caption}
  577. {/block:Photoset}
  578.  
  579. <!--------------------------- VIDEO ------------------------------>
  580.  
  581. {block:Video}
  582. {Video-500}
  583. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  584. {/block:Video}
  585.  
  586. <!-------------------------- AUDIO ------------------------------>
  587.  
  588. {block:Audio}
  589. <div id="audioplayer">{AudioPlayerWhite}</div>
  590. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  591. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br/>
  592. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  593. {block:Album}Album: {Album}{/block:Album}<br/>
  594. {PlayCountWithLabel}
  595. {block:Caption}<br/><br/><br/><div class="text">{Caption}</div>{/block:Caption}
  596. {/block:Audio}
  597.  
  598. <!-------------------------- QUOTE ------------------------------>
  599.  
  600. {block:Quote}
  601. <div class="title" style="width:400px; margin-left:auto; margin-right:auto; line-height:20px;">“{Quote}”</div>
  602. {block:Source}<br><div class="text" style="text-align:right;">— {Source}</div>{/block:Source}
  603. {/block:Quote}
  604.  
  605. <!---------------------------- TEXT ------------------------------>
  606.  
  607. {block:Text}
  608. {block:Title}<div class="title">{Title}</div>{/block:Title}
  609. <div class="text">{Body}</div>
  610. {/block:Text}
  611.  
  612. <!--------------------------- ANSWER ------------------------------>
  613.  
  614. {block:Answer}
  615.  
  616. <div class="title" style="font-size:12px; background-color:{color:background}; padding:3px 5px;padding:5px 10px;border-top:2px solid {color:body font};-moz-border-radius: 15px;-webkit-border-radius: 15px;border-bottom:2px solid {color:body font};">{Question}</div><div class="asker">{Asker}</div><br><br>
  617.  
  618. <div class="text">{Answer}</div>
  619. {/block:Answer}
  620.  
  621. <!------------------------- CHAT ------------------------------>
  622.  
  623. {block:Chat}
  624. {block:Title}<div class="title">{Title}</div>{/block:Title}
  625. <div class="text">{block:Lines}
  626. {block:Label}<strong>{Label}</strong>{/block:Label}
  627. {Line}<br>
  628. {/block:Lines}</div>
  629. {/block:Chat}
  630.  
  631. <!-------------------------- LINK --------------------------->
  632.  
  633. {block:Link}
  634. <div class="title"><a href="{URL}">{Name}</a></div>
  635. {block:Description}<div class="text">{Description}</div>{/block:Description}
  636. {/block:Link}
  637.  
  638. <!-------------------------- ENDS --------------------------->
  639. </div>
  640.  
  641. <div id="details">
  642. <a href="{Permalink}">{DayOFMonthWithZero} {ShortMonth} {Year}</a> | <a href="{Permalink}">{NoteCount}</a> {block:RebloggedFrom} | <a href="{ReblogParentURL}" target="_blank">via</a>{/block:RebloggedFrom} {block:ContentSource} | <a href="{SourceURL}">source</a>{/block:ContentSource} | <a href="{ReblogURL}" target="_blank" class="details">↺</a>
  643. {block:HasTags}<div id="tags" style="border-top:1px solid #f5f5f5;width:406px;margin-left:auto;margin-right:auto;text-transform:none;">filed under:{block:Tags}&nbsp;&nbsp;<a href="{TagURL}">{Tag}</a>.{/block:Tags}</div>{/block:HasTags}</div>
  644.  
  645. {/block:Posts}
  646. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  647.  
  648. </div></div></div>
  649.  
  650. </body>
  651.  
  652. <!-------HERE BEGIN THE POPUP BOXES------->
  653. <div id="story" class="popup_block">
  654.  
  655. <ul id="tabs">
  656. <li class="active">STATS</li>
  657. <li>STORY</li>
  658. </ul>
  659.  
  660. <div id="container" style="margin:0px auto;font-family:calibri, helvetica, arial, sans-serif;font-size: 11.5px;line-height:15px;overflow:auto;color:{color:body font};height:380px;">
  661. <div id="boxydos">
  662. <ul id="tab">
  663.  
  664. <li class="active" style="color:{color:body font};">
  665. <center><b>NOBORI UNA</b></center>
  666. <div class="content">
  667. <div align="center"><div style="width:385px; text-align: justify;font-size:11.5px;">
  668. <b>name:</b> <a title="ascending summer dream">昇り夢夏</a><br>
  669. <b>nickname:</b> unagi, uu-chan, bishiri-chan<br>
  670. <b>handle:</b> <a title="seven seas">七海</a> [nanami]<br>
  671. <b>birthday:</b> 19 Feb (18 years old)<br>
  672. <b>school:</b> year 2 (no club)<br>
  673. <b>blood:</b> half english, quarter japanese, quarter korean.<br>
  674. <b>orientation:</b> heteroflexible.<br>
  675. <b>place of birth:</b> izumo, shimane.<br>
  676. <b>living conditions:</b> shinjuku, tokyo apartment with uncle.<br>
  677. <b>occupation:</b> student, idol (in training), waitress at maid cafe.<br><br>
  678. <center><b>relationships</b></center>
  679. <b>parents:</b> Nobori Kazuki, father. Adelaide Stark, mother, deceased.<br>
  680. <b>family:</b> Nobori Nozomu, uncle. Otani Haruo, half-brother.<br>
  681. <b>children:</b> Negi, a pug.<br><br>
  682. <center><b>physical</b></center>
  683. <b>eyes:</b> Pale grey-blue; colour of cataracts. Piercing stare. Very long lashes.<br>
  684. <b>hair:</b> Naturally dark brown, but dyed powder blue. Wavy; typically straightened. Worn mostly in twin tails.<br>
  685. <b>height:</b> 147.5 cm (4'10")<br>
  686. <b>weight:</b> 41 kg, give or take<br>
  687. <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; most of weight is carried here. Waist is tiny in comparison. Small, round face. Freckled nose. Large forehead hidden by fringe.<br>
  688. <b>notable physical traits:</b> Gapped buck teeth.<br>
  689. <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>
  690. <center><b>core</b></center>
  691. <b>intelligence:</b> business, books.<br>
  692. <b>likes:</b> sweaters, cheap perfume, books, horror films, skating, dolls.<br>
  693. <b>dislikes:</b> pants, console games, gardening, overly sweet foods, beetles.<br>
  694. <b>disposition:</b> Headstrong, self-sufficient, amicable, curious, helpful, mistrustful, selfish, arrogant, reliable.<br>
  695. <b>mbti:</b> ENTJ<br>
  696. <b>moral alignment:</b> lawful neutral<br>
  697. <b>mental status:</b> undiagnosed histrionic personality disorder<br><br>
  698. <center><b>other</b></center>
  699. <b>phobias:</b> Heights, drowning, being completely alone.<br>
  700. <b>allergies:</b> Mushrooms.<br>
  701. <b>strengths:</b> Running, small spaces, holding breath, origami, resourcefulness, rapping.<br>
  702. <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>
  703. <b>extras:</b> Most valuable item is her mobile phone. Favourite food is steak. Uses reading glasses. Was briefly on school swim team.<br>
  704. <b>current concern:</b> All the food she eats will catch up with her.<br><br>
  705. </div></div></div>
  706.  
  707. <!-------------------QUOTE/PLAYLIST SECTION ENDS HERE------------------->
  708.  
  709. </li>
  710.  
  711. <li style="color:{color:body font};">
  712. <center><b>BRIEF HISTORY</b></center>
  713. <div class="content">
  714.  
  715. <div align="center"><div style="width:380px; text-align: justify;font-size:12px;">
  716. <p>&nbsp; &nbsp; &nbsp; &nbsp; Born the daughter of fisherman <b>Nobori Kazuki</b>, Una lived a fairly idyllic life in the countryside of Izumo. She never truly minded living without her mother, who died in childbirth, because the company of her father’s colourful coworkers more than made up for it. A variety of men from all walks of life, they served as Kazuki’s close friends, and thus, as additional fathers and uncles to Una.
  717.  
  718. <p>&nbsp; &nbsp; &nbsp; &nbsp; When Kazuki and his mates were away at work, she was often watched over by <b>Uemura Rei</b>, a wife of one of one of the fishermen. What made this ideal was that she had a son, <b>Ikki</b>, who was a year older than Una. They quickly became best friends.
  719.  
  720. <p>&nbsp; &nbsp; &nbsp; &nbsp; Ikki practically leapt from the womb with a guitar in hand. He practiced it from the moment his small hands were articulate enough to pluck the strings. Because he aimed for stardom, people had taken to calling him <b>“Johnny”</b> after the prominent talent agency, “Johnny & Associates.” Una, amazed by his skills, wanted to prove that she could become famous as well. It became a sort of bond between them, this promise of future fame.
  721.  
  722. <p>&nbsp; &nbsp; &nbsp; &nbsp; While she had a natural knack for singing, her passions strayed toward acting. She roped Johnny and their friends into making movies with her whenever possible. They filmed their stories using Kazuki’s camera, posting them online with parental consent. Often, their movies featured original music by Johnny, allowing him an avenue of expression as well. This marked Una’s initial foray into internet fame.
  723.  
  724. <p>&nbsp; &nbsp; &nbsp; &nbsp; As the group grew older, the production value of their films increased. Some of them had taken to set design, while others, like Una, were into costuming. She made a photoblog to chart her progress. Because of her young age in comparison to other, more established cosplayers, Una began to attract attention.
  725.  
  726. <p>&nbsp; &nbsp; &nbsp; &nbsp; All the while, she did her best to cultivate a ladylike image, something not so out of place in comparison with the young starlets of cinema’s golden age. It was difficult; her natural tendencies strayed toward the crass and simple side. More than just playing at fame, Una wanted to prove to the world that a daughter raised by old fishermen could be just as prim and proper as anyone else. She wasn’t ashamed of her upbringing, although she did realize the peculiarity of it. She felt that she owed it to them to uphold an ideal image.
  727.  
  728. <p>&nbsp; &nbsp; &nbsp; &nbsp; Noticing the way that Una struggled with her identity, Kazuki thought that Una needed a change of pace. Instead of attending a local high school, he had her enroll at one in Tokyo, where she would stay with her uncle, <b>Nozomu</b>. The larger variety of people in the city, he reasoned, would be good for her.
  729.  
  730. <p>&nbsp; &nbsp; &nbsp; &nbsp; While Una was amazed at the difference between the bustling city and her hometown, she wasn’t entirely starstruck. Rather, the city made her feel lost and lonely. She retreated more into herself for a time, and took to posting covers of songs online, as it was an activity she could do without relying on her network of friends. Whether it was due to this or because of a completely unrelated chain of events, it didn’t take long for her to be scouted by a rather well-known entertainment company for an upcoming music group called <b>HONEY-HOT</b>.
  731.  
  732. <p>&nbsp; &nbsp; &nbsp; &nbsp; HONEY-HOT brought joy into Una's life once again, providing a party of individuals with similar interests. The group didn't last long, however, because the company decided that solo acts were more profitable, and decided to disband the group before it even got to debut. Although Una was distraught by the loss of her circle, she decided to stay with the company and pursue a career as a stand-alone singer/rapper.
  733. </div></div></div>
  734.  
  735. </li>
  736. </ul> <!--- important. don’t delete --->
  737. </div></div></div></div></div></div></div></div></div>
  738.  
  739. <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}">
  740.  
  741. <h1 style="text-align:center; background-image:url('http://static.tumblr.com/oh3xcbq/ROuoimf1o/selectionmedblue.png');border:1px solid {color:page bg};color:white;letter-spacing:2px;padding:5px 0px;height:20px;font-size:20px;">GUIDELINES</h1>
  742.  
  743. <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.
  744.  
  745. <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.
  746.  
  747. <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.
  748.  
  749. <p style="font-family:calibri,helvetica,arial,sans-serif;">Obligatory warning: Mun is of age, as is muse in her main verse. 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.
  750.  
  751. <blockquote><p style="font-family:calibri,helvetica,arial,sans-serif;">I'm willing to play Una at all points in her timeline, from childhood through adult years. If a sexually explicit thread occurs, please note that it takes place at a point where Una is at least eighteen.</blockquote>
  752.  
  753. <h1 style="letter-spacing:2px;text-align:center;padding:2px 5px;font-size:12px;"><b>LAST NOTES</b></h1>
  754.  
  755. <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.
  756. <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.
  757.  
  758. </div>
  759. </div></div></div></div></div></div>
  760.  
  761. <div id="hearts" class="popup_block" style="font-family:calibri, helvetica, arial, sans-serif;font-size: 11px;line-height:15px;overflow:auto;color:{color:body font}">
  762.  
  763. <h1 style="text-align:center; background-image:url('http://static.tumblr.com/oh3xcbq/ROuoimf1o/selectionmedblue.png');border:1px solid {color:page bg};color:white;letter-spacing:2px;padding:5px 0px;height:20px;font-size:20px;">RELATIONSHIPS: ROMANTIC</h1>
  764.  
  765. <center><a href="http://oncforall.tumblr.com/"><img src="http://static.tumblr.com/oh3xcbq/Vlcois92r/love1.png"></a></p>
  766. <a href="http://jumpshiine.tumblr.com/"><img src="http://static.tumblr.com/oh3xcbq/j3Oois92t/love2.png"></a></p>
  767. <a href="http://callejxro.tumblr.com/"><img src="http://static.tumblr.com/oh3xcbq/rIwois92v/love3.png"></a></p>
  768. <a href="http://tolvamp.tumblr.com/"><img src="http://static.tumblr.com/oh3xcbq/4W6ois92y/love4.png"></a></p>
  769. <a href="http://kuninoshonen.tumblr.com/"><img src="http://static.tumblr.com/oh3xcbq/rQpois930/love5.png"></a></p></center>
  770.  
  771. </div>
  772. </div></div></div></div></div></div>
  773.  
  774. <div id="navi" class="popup_block">
  775.  
  776. <h1 style="text-align:center; background-image:url('http://static.tumblr.com/oh3xcbq/ROuoimf1o/selectionmedblue.png');border:1px solid {color:page bg};color:white;letter-spacing:2px;padding:5px 0px;height:20px;font-size:20px;">NAVIGATION</h1>
  777.  
  778. <center>
  779.  
  780. <div class="popupnavlinks">
  781.  
  782.  
  783. <a href="/tagged/;;LITTLE SEA STAR (trivia.)">trivia</a>
  784. <a href="/tagged/;;COSMOGIRL (quizlet.)">misc facts</a>
  785. <br>
  786. <a href="/tagged/;;HARD HEAD SOFT HEART (musings.)">musings</a>
  787. <a href="/tagged/;;UMI NO JOU (visage.)">visage</a>
  788. <br>
  789. <a href="/tagged/;;NATIONAL TREASURE (memes.)">memes</a>
  790. <a href="/tagged/;;HEART'S DESIRE (wishlist.)">wishlist</a>
  791. <br>
  792. <a href="/tagged/;;SWEATERGIRL (wardrobe.)">wardrobe</a>
  793. <a href="/tagged/;;EAR TO THE SHELL (tunes.)">music</a>
  794. <br>
  795. <a href="/tagged/;doodle.">my drawings</a>
  796. <a href="/tagged/;giftart.">gifts from others</a>
  797. <br>
  798.  
  799. </div></center>
  800.  
  801. </div>
  802. </div></div></div></div></div></div>
  803.  
  804. <div id="cred">theme by<br><a href="#?w=400" rel="credit" class="poplight" title="credit">CHE</a></div>
  805.  
  806. <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;">
  807.  
  808. <div class="fancytitle">credit</div>
  809.  
  810. <p style="font-family:calibri,helvetica,arial,sans-serif;text-align:center;"><small>theme coded by <a href="http://seacrowned.tumblr.com/"><b>che</b></a><br>
  811. with guidance from <a href="http://octomoosey.tumblr.com/"><b>octomoosey</b></a><br>
  812. and <a href="http://agirlingrey.tumblr.com/"><b>agirlingrey</b></a><br>
  813. pop-ups by <a href="http://str-wrs.tumblr.com/"><b>str-wrs</b></a><br>
  814.  
  815. </div>
  816. </div></div></div></div></div></div>
  817. </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!