API tools faq
paste
Advertisement
tsiappoworks

Cherry Flies Box

tsiappoworks
Apr 12th, 2017
104
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.70 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="#d1d1d1" />
  46. <meta name="color:Accent2" content="#164e5a" />
  47. <meta name="color:Accent3" content="#80b0ad" />
  48. <meta name="color:body font" content="#0e4252" />
  49. <meta name="color:Page BG" content="#c6c6c6" />
  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/ktn4nas/6S2ogyoxt/tsiapponew.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:11px;
  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/oh3xcbq/ouSofzmx8/selectiondarkblue.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. height:525px;
  188. width:425px;
  189. overflow-y:auto transparent;
  190. overflow-x:hidden;
  191. background:#fff;
  192. background-image:url('http://static.tumblr.com/ktn4nas/EgJogyous/skyfall.png');
  193. padding:2px 5px;
  194. float:none;
  195. position:fixed;
  196. font-size:11px;
  197. top:383px;
  198. left:1062px;
  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: 460px;
  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:528px;
  269. left:817px;
  270. top:81px;
  271. }
  272.  
  273.  
  274. div#qTip {
  275. background-image:url('http://static.tumblr.com/oh3xcbq/ouSofzmx8/selectiondarkblue.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/oh3xcbq/ouSofzmx8/selectiondarkblue.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. #linkback a{
  329. color:{color:body font};
  330. }
  331.  
  332. #nav{
  333. position:fixed;
  334. z-index:75;
  335. margin-left:10px;
  336. margin-top:170px;
  337. width:400px;
  338. text-align:center;
  339. -ms-transform: rotate(90deg); /* IE 9 */
  340. -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  341. transform: rotate(90deg);
  342. }
  343.  
  344. #navigation a{color:{color:accent2}; font-size:15px;}
  345.  
  346. #navigation a:hover{
  347. color:{color:accent}; text-decoration:bold;
  348. }
  349.  
  350. #pagination{
  351. font-family:Calibri, Helvetica, Arial, sans-serif;
  352. font-size:10px;
  353. text-align:center;
  354. color:{color:accent2};
  355. text-transform:uppercase;
  356. letter-spacing:3px;
  357. }
  358.  
  359. #pagination a{color:{color:accent2}; padding:0px 2px;}
  360.  
  361. /*--------------BITS AND BOBBLES-------------------*/
  362.  
  363. #audioplayer {
  364. width:30px;
  365. height:30px;
  366. overflow:hidden;
  367. position:absolute;
  368. margin-top:93px;
  369. margin-bottom:93px;
  370. margin-left:93px;
  371. }
  372.  
  373. #albumart { margin:0px 4px;}
  374.  
  375. .question {
  376. padding:9px;
  377. text-align:left;
  378. color:#bb6e8a;
  379. line-height:100%;
  380. -moz-border-radius: 6px;
  381. -webkit-border-radius: 6px;
  382. }
  383.  
  384. .answer {
  385. text-align:left;
  386. padding:7px;
  387. color:#bb6e8a;
  388. }
  389.  
  390. #ask a{color:white;
  391. }
  392.  
  393. /*-----------------------BIG BIO AHEAD------------------------*/
  394. .title {
  395. font-family: 'Oswald', sans-serif;/*title font*/
  396. font-size:70px;
  397. padding-top:100px;
  398. text-shadow:0 0 10px rgba(0,0,0,0.3);
  399. text-transform:bold;
  400. }
  401.  
  402. .subheader {
  403. margin-top:50px;
  404. }
  405.  
  406. .header {
  407. width:510px;
  408. height:200px;
  409. -webkit-transition:ease-in-out .3s;
  410. -moz-transition:ease-in-out .3s;
  411. -o-transition:ease-in-out .3s;
  412. transition:ease-in-out .3s;
  413. text-align:center;
  414. letter-spacing:1px;
  415. color:#fff;
  416. text-shadow:0 0 10px rgba(255,255,255);
  417. border-bottom:solid #fff 10px;
  418. background-color:#acacac;
  419. background-image:url(http://i.imgur.com/f64F0BG.png);
  420. background-position:center;
  421. background-size:100% auto;
  422. }
  423.  
  424. .header:hover {
  425. letter-spacing:3px;
  426. text-shadow:0 0 30px rgba(255,255,255);
  427. }
  428.  
  429. /* ---------------------SECTION TITLE CUSTOMIZATION--------------------- */
  430. .header2 {
  431. font-family: 'Oswald', sans-serif;
  432. font-size:14px;
  433. position:relative;
  434. z-index:1;
  435. width:400px;
  436. padding:5px 5px;
  437. padding-top:20px;
  438. text-align:center;
  439. letter-spacing:1px;
  440. }
  441.  
  442. .header2:before {
  443. position:absolute;
  444. z-index:-1;
  445. top:25px;
  446. right:0;
  447. bottom:0;
  448. left:0;
  449. width:95%;
  450. margin:0 auto;
  451. content:'';
  452. border-top:1px solid #dfdfdf;
  453. }
  454.  
  455. .header2 span {
  456. padding:0 5px;
  457. background:#B9B9B9;
  458. }
  459.  
  460. .content {
  461. position:relative;
  462. overflow:hidden;
  463. width:400px;
  464. min-height:75px;
  465. }
  466.  
  467. /* -----------------------TEXT SELECTION CUSTOMIZATION----------------------- */
  468. ::selection {
  469. color:#fff;
  470. background:#379eca;
  471. }
  472.  
  473. ::-moz-selection {
  474. color:#fff;
  475. background:#379eca;
  476. }
  477.  
  478. ::-webkit-selection {
  479. color:#fff;
  480. background:#379eca;
  481. }
  482.  
  483. /*---------------------------DROP CAP CUSTOMIZATION---------------------------*/
  484. #dropcap {
  485. font-family: 'Oswald', sans-serif;
  486. font-size:230%;
  487. float:left;
  488. margin-right:5px;
  489. padding:10px 3px;
  490. color:#fff;
  491. background-color:#000;
  492. }
  493.  
  494.  
  495. /* ---------------------------- UPDATES ------------------------------*/
  496.  
  497. #updates {
  498. font-size:10px;
  499. font-family:century gothic, arial;
  500. color:{color:body font};
  501. text-align:center;
  502. height:215px;
  503. width:120px;
  504. padding:0px;
  505. top:233px;
  506. left:652px;
  507. z-index:10;
  508. position:fixed;
  509. overflow-x:hidden;
  510. overflow-y:auto;
  511. }
  512.  
  513. #headerbar{
  514. width:410px; /*– sets width of your text –*/
  515. overflow:scroll;
  516. text-align:justify;
  517. color:#fff;
  518. font-family:calibri;
  519. font-size:12px;
  520. }
  521.  
  522. #tabbar{
  523. left:50%;
  524. top:50%;
  525. height:auto; /*– sets height of your text –*/
  526. overflow-y:scroll;
  527. overflow-x:hidden;
  528. text-align:justify;
  529. color:#222;
  530. font-family:calibri;
  531. font-size:11.4px;
  532. }
  533.  
  534. ul#tabs {text-align: center;}
  535. ul#tabs li { /*– your inactive / not viewed tabs –*/
  536. display:inline-block;
  537. padding:2px 3px;
  538. width:60px;
  539. cursor:pointer;
  540. text-decoration:none;
  541. margin:0px -2px;
  542. opacity:1;
  543. color:#fff;
  544. background-color:{color:body font};
  545. }
  546.  
  547. ul#tabs li.active { /*– your active tab –*/
  548. background-color:#fff;
  549. color:{color:body font};
  550. border:1px solid {color:body font};
  551. padding:1px 3px;
  552. }
  553.  
  554. ul#tab, ul#tabs{list-style-type:none;margin:0px;padding:0px;}
  555. ul#tab li.active {display: block;}
  556. ul#tab li {display: none;}
  557.  
  558.  
  559. /*--------------------CREDITS-----------------------*/
  560. #cred
  561. {
  562. width: 50px;
  563. height: 18px;
  564. font-family: Arial;
  565. font-size: 7px;
  566. text-transform: uppercase;
  567. text-align: center;
  568. bottom: 10px;
  569. right: 10px;
  570. letter-spacing: 1px;
  571. line-height: 4px;
  572. padding: 10px 3px;
  573. display: block;
  574. color:{color:body font};
  575. background: {color:page bg};
  576. position: fixed;
  577. }
  578.  
  579. #cred a
  580. {
  581. font-weight: bold;
  582. line-height: 17px;
  583. font-size: 15px;
  584. font-family: 'Oswald', sans-serif;
  585. text-transform: uppercase;
  586. color:{color:body font};
  587. letter-spacing: 6px;
  588. margin-left:5px;
  589. }
  590.  
  591. </style>
  592.  
  593. </head>
  594.  
  595.  
  596. <body style="overflow:hidden;">
  597.  
  598. <!-- begin updates tab -->
  599.  
  600. <div id="updates">
  601.  
  602. <div style="padding-top:1px;">
  603.  
  604. <b><p><span style="font-size:12px"><b>❛</b> <a href="/" title="refresh"><b>STARCHILD</b></a> <b>❜</b></span></b><br>
  605. <div class="fancytitle" style="margin-top:-5px;">about</div>
  606. <p><b>original character</b><br>
  607. SELECTIVE & PRIVATE<br>
  608. est. 7 may 2016 by <a href="/mun">CHE</a>
  609. </p>
  610.  
  611. <!------------------------- NAVIGATION -------------------------->
  612. <div class="fancytitle">navigation</div><p>
  613. <div id="navigation" style="font-size:11px;">
  614. <a href="/ask" title="ask">✕</a>
  615. <a href="#?w=400" rel="story" class="poplight" title="story">✕</a>
  616. <a href="#?w=400" rel="guide" class="poplight" title="guide">✕</a>
  617. <a href="/v" title="verses">✕</a>
  618. <a href="/tagged/;;THERE'S A STARMAN (trivia.)" title="trivia">✕</a>
  619. </div></p>
  620. <!------------------------ NAV END ------------------------------>
  621. {block:Pagination}<div class="fancytitle">pagination</div><p>
  622. {block:NextPage}<a href="{NextPage}" style="color:{color:accent2};">fall</a>{/block:NextPage}
  623. {block:PreviousPage}&nbsp;/&nbsp;<a href="{PreviousPage}" style="color:{color:accent2};">float</a>{/block:PreviousPage}
  624. </p>{/block:Pagination}
  625.  
  626.  
  627.  
  628. </div></div>
  629.  
  630. <!-- end updates tab -->
  631.  
  632. </div>
  633.  
  634. <div id="container">
  635. {block:Posts}
  636.  
  637. <!--------------------------TYPES OF POSTS----------------------------->
  638. <div id="post">
  639.  
  640. {block:Photo}
  641. <img src="{PhotoURL-400}" />
  642. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  643. {/block:Photo}
  644.  
  645. {block:Photoset}
  646. {Photoset-400}
  647. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  648. {/block:Photoset}
  649.  
  650. {block:Video}
  651. {Video-400}
  652. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  653. {/block:Video}
  654.  
  655. {block:Audio}
  656. <div class="musicbox">
  657. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  658. <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/>
  659. {block:Artist}<div class="text" style="margin-top:-17px;"><strong>Artist:&nbsp;</strong>{Artist}</div>{/block:Artist}<br/>
  660. {block:Album}<div class="text" style="margin-top:-17px;"><strong>Album:&nbsp;</strong>{Album}</div>{/block:Album}<br/>
  661. <div class="text" style="margin-top:-17px;">{PlayCountWithLabel}</div></div></div>
  662. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  663. {/block:Audio}
  664.  
  665. {block:Quote}
  666. <div class="title" style="width:380px;text-align:justify;padding-top:10px;line-height:20px;">{Quote}</div>
  667. {block:Source}<div class="text" style="text-align:right;padding-right:50px;"><br/>&mdash;{Source}</div>{/block:Source}
  668. {/block:Quote}
  669.  
  670. {block:Text}
  671. {block:Title}<div class="title" style="padding-top:10px;">{Title}<br/></div>{/block:Title}
  672. <div class="text">{Body}</div>
  673. {/block:Text}
  674.  
  675. {block:Answer}<div id="ask">
  676. <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>
  677. <div class="text" style="text-align:right;color:white;text-decoration:underline:">&mdash;<span style="color:white">{Asker}</span><br/></div></div></div>
  678. <div class="text" style="width:400px;">{Answer}</div>
  679. {/block:Answer}
  680.  
  681. {block:Chat}
  682. {block:Title}<div class="title" style="padding-top:10px;">{Title}<br/></div>{/block:Title}
  683. {block:Lines}<div class="chat"><li class="line_{Alt}">
  684. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li></div>
  685. {/block:Lines}
  686. {/block:Chat}
  687.  
  688. {block:Link}
  689. <div class="title" style="padding-top:10px;"><a href="{URL}">{Name}</a></div>
  690. {block:Description}<div class="text">{Description}</div>{/block:Description}
  691. {/block:Link}
  692.  
  693. </div>
  694. <!---------------------PERMALINK + REBLOG STUFF---------------------->
  695. <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>
  696.  
  697. <!----------------------------TAG STUFF----------------------------->
  698. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  699.  
  700. {block:PostNotes}
  701. <div id="notesbox">{PostNotes}</div>
  702. {/block:PostNotes}
  703. {/block:Posts}
  704. </div></div>
  705.  
  706. <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>
  707.  
  708. </body>
  709.  
  710. <!-------HERE BEGIN THE POPUP BOXES------->
  711. <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};">
  712.  
  713. <div id="headerbar">
  714. <ul id="tabs">
  715. <li class="active">STATS</li>
  716. <li>STORY</li>
  717. <li>EXTRA</li>
  718. </ul></div>
  719. <div id="tabbar">
  720. <div id="boxydos">
  721. <div class="container" style="color:#000;">
  722. <ul id="tab">
  723.  
  724. <li class="active" style="color:{color:body font};">
  725. <center><b>CHERRY TSIAPPO</b></center>
  726. <div class="content">
  727. <div align="center"><div style="width:385px; text-align: justify;font-size:11.5px;">
  728. <b>pronunciation:</b> CHE-ree CHA-po<br>
  729. <b>nickname:</b> che, cheebles, cheese<br>
  730. <b>birthday:</b> 1 april (23 years old)<br>
  731. <b>orientation:</b> panromantic asexual<br>
  732. <b>place of birth:</b> california, u.s.a<br>
  733. <b>location:</b> the nearest electrical outlet<br>
  734. <b>occupation:</b> freelance artist<br><br>
  735. <center><b>relationships</b></center>
  736. <b>parents:</b> Likely.<br>
  737. <b>family:</b> Definitely.<br>
  738. <b>children:</b> Chirpon the cell phone.<br><br>
  739. <center><b>physical</b></center>
  740. <b>eyes:</b> Muddy brown. Hooded. Always accentuated with winged eyeliner. Long lashes.<br>
  741. <b>hair:</b> Blackish brown. Cut bluntly above the shoulders. Side fringe. Almost always worn down.<br>
  742. <b>height:</b> 5'3.5" (the .5 is important)<br>
  743. <b>build:</b> Round, pudgy, strong. Weight distributed evenly between top and bottom. Capable&mdash;muscle evident beneath extra weight. Oval face. Small, round nose. Modest, but well-shaped lips. <br>
  744. <b>notable physical traits:</b> Bold eyebrows. Long scar on right side of neck.<br>
  745. <b>clothing:</b> Comfort. Breezy skirts. Kitschy sweaters and leggings. Oversized cardigans. Flip-flops. Dark or loud colours; pastels uncommon.<br><br>
  746. <center><b>core</b></center>
  747. <b>intelligence:</b> business, language.<br>
  748. <b>likes:</b> sandwiches, sketchbooks, clocks, film history.<br>
  749. <b>dislikes:</b> lack of sleep, dirty feet, bugs, coffee.<br>
  750. <b>disposition:</b> careful, eager, inquisitive, judgemental.<br>
  751. <b>mbti:</b> INTP<br>
  752. <b>moral alignment:</b> chaotic good<br><br>
  753. <center><b>other</b></center>
  754. <b>phobias:</b> the dark, not being useful, cars.<br>
  755. <b>allergies:</b> lactose.<br>
  756. <b>strengths:</b> drawing, computers, marketing, public speaking.<br>
  757. <b>weaknesses:</b> chit-chat, organization, hot weather, teamwork.<br>
  758. <b>extras:</b> uses glasses for reading.<br>
  759. <b>current concern:</b> work is slow and money is tight.<br><br>
  760. </div></div></div>
  761.  
  762. <!-------------------QUOTE/PLAYLIST SECTION ENDS HERE------------------->
  763.  
  764. </li>
  765.  
  766. <li style="color:{color:body font};">
  767. <center><b>BRIEF HISTORY</b></center>
  768. <div class="content">
  769.  
  770. <div align="center"><div style="width:380px; text-align: justify;font-size:12px;">
  771. <p>&nbsp; &nbsp; &nbsp; &nbsp; In a nutshell, her life can be summed up as “the art of getting by.” The oldest of four children, all of them with various neuroses, Cherry has been a de facto leader, of sorts, for as long as she can remember. She's always taken to the role naturally, if not entirely willingly. Her early life was fairly unremarkable, aside from a marked disinterest in practical things. She always imagined a different, more fantastical world—one where a 9-5 job wasn't necessary and people could roam about and live according to passing fancies.
  772.  
  773. <p>&nbsp; &nbsp; &nbsp; &nbsp; When Cherry finished her schooling, she decided to emulate her personal hero, the intrepid journalist Tintin, and travel the world, ostensibly as a freelance artist. As of now, she moves around a lot and does odd jobs here and there for supplemental income.
  774.  
  775. <p>&nbsp; &nbsp; &nbsp; &nbsp; Cherry is more lonely than she lets on. Her real goal is to make friends she can keep for life, people who won't judge her and her quixotic, illogical nature. She seems to make friends wherever she goes, but the relationships never last long. Cherry tends to get bored with people very quickly and prefers to move on before the other party loses interest in <b>her</b>.
  776.  
  777. <center><em>To reveal the full background story, you must be a level 10 friend.</em></center>
  778.  
  779. </div></div></div>
  780.  
  781. </li>
  782.  
  783. <li style="color:{color:body font};">
  784. <center><b>KERNELS AND TIDBITS</b></center>
  785. <div align="center"><div style="width:380px; text-align: justify;font-size:12px;">
  786.  
  787. <p>&nbsp; &nbsp; &nbsp; &nbsp; <b>Fact One.</b> Cherry knows demons exist, and by logical extension, angels. Sharing your body with another entity is never easy, and Cherry once flirted with death to fool the demon into leaving her body, thinking the host was a goner. The scar on her neck is a direct result of this struggle.
  788. <br>
  789. <br>&nbsp; &nbsp; &nbsp; &nbsp;<b>Fact Two.</b> Cherry is a very good listener and loves hearing others' stories. The reason behind this is because she has the memory of a goldfish, sometimes forgetting even crucial facts. The knowledge she retains is probably not what you'd expect.
  790. <br>
  791. <br>&nbsp; &nbsp; &nbsp; &nbsp; <b>Fact Three.</b> “Jack of all trades and master of none” describes Cherry best. A wannabe Renaissance Man, she is talented in a plethora of varied areas, although her skills never reach anything beyond passable in each. This is due to the way her mind leaps from one subject to another too quickly for her body to keep up. Still, it helps in having a conversation when you can say a little about nearly anything.
  792. <br>
  793. <br>&nbsp; &nbsp; &nbsp; &nbsp;<b>Fact Four.</b> Organized chaos is Cherry's modus operandi. She is convoluted and nonsensical in most everything she does, but things have a funny way of working out in the end.
  794.  
  795.  
  796. </div>
  797.  
  798. </li>
  799.  
  800. </ul> <!--- important. don’t delete --->
  801. </div></div></div></div></div></div></div></div>
  802.  
  803. <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};padding-left:10px;">
  804.  
  805. <h1 style="text-align:center; background-image:url('http://static.tumblr.com/oh3xcbq/O7tofzrp8/selectiondarkblue.png');border:1px solid {color:page bg};color:white;letter-spacing:2px;padding:5px 0px;height:20px;font-size:20px;">GUIDELINES</h1>
  806.  
  807. <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.
  808.  
  809. <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.
  810.  
  811. <p style="font-family:calibri,helvetica,arial,sans-serif;">This blog is multiship. Cherry 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.
  812.  
  813. <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.
  814.  
  815. <blockquote><p style="font-family:calibri,helvetica,arial,sans-serif;">I'm willing to play Cherry at all points in their timeline, from childhood through adult years. If a sexually explicit thread occurs, please note that it takes place at a point where Cherry is at least eighteen.</blockquote>
  816.  
  817. <h1 style="letter-spacing:2px;text-align:center;padding:2px 5px;font-size:12px;"><b>LAST NOTES</b></h1>
  818.  
  819. <p style="font-family:calibri,helvetica,arial,sans-serif;">If Cherry 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.
  820. <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.
  821.  
  822. </div>
  823. </div></div></div></div></div></div>
  824. <div id="cred">theme by<br><a href="#?w=400" rel="credit" class="poplight" title="credit" style="color:#382c3f;">CHE</a></div>
  825.  
  826. <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};padding-left:8px;">
  827.  
  828. <div class="fancytitle">credit</div>
  829.  
  830. <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>
  831. with the assistance of <a href="http://octomoosey.tumblr.com/"><b>octomoosey</b></a><br>
  832. pop-ups by <a href="http://str-wrs.tumblr.com/"><b>str-wrs</b></a><br>
  833.  
  834. </div>
  835. </div></div></div></div></div></div>
  836. </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!