API tools faq
paste
Advertisement
tsiappoworks

Ciel's Whip

tsiappoworks
Dec 14th, 2015
85
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.20 KB | None | 0 0
raw download clone embed print report
  1. <!-----THEME MADE BY YOUMAKEMENAUXIOUS SPECIFICALLY FOR PROJECTIST.
  2. DO NOT STEAL OR COPY THIS CODE IN ANY CAPACITY. THANKS.----->
  3.  
  4. <!DOCTYPE html>
  5. <html>
  6.  
  7. <!-----------------------------TOOLTIPS------------------------------->
  8. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  9. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  10. <script>
  11. (function($){
  12.  
  13. $(document).ready(function(){
  14.  
  15. $("a[title]").style_my_tooltips({
  16.  
  17. tip_follows_cursor:true,
  18.  
  19. tip_delay_time:0,
  20.  
  21. tip_fade_speed:0,
  22.  
  23. attribute:"title"
  24.  
  25. });
  26.  
  27. });
  28.  
  29. })(jQuery);
  30. </script>
  31.  
  32. <!----------------------POPUP_BLOCK SCRIPT BELOW-------------------------->
  33. <script type="text/javascript"
  34. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  35. <script>
  36. $(document).ready(function() {
  37. //
  38. $('a.poplight[href^=#]').click(function() {
  39. var popID = $(this).attr('rel'); //Get Popup Name
  40. var popURL = $(this).attr('href'); //Get Popup href to define size
  41. var query= popURL.split('?');
  42. var dim= query[1].split('&');
  43. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  44. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  45. var popMargTop = ($('#' + popID).height() + 80) / 2;
  46. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  47. //Apply Margin to Popup
  48. $('#' + popID).css({
  49. 'margin-top' : -popMargTop,
  50. 'margin-left' : -popMargLeft
  51. });
  52. $('body').append('<div id="fade"></div>');
  53. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  54. return false;
  55. });
  56. $('a.close, #fade').live('click', function() {
  57. $('#fade , .popup_block').fadeOut(function() {
  58. $('#fade, a.close').remove(); //fade them both out
  59. });
  60. return false;
  61. });
  62. });
  63. </script>
  64.  
  65. <head>
  66.  
  67. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  68. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  69. <link rel="shortcut icon" href="{Favicon}" />
  70.  
  71. <meta name="color:Accent" content="#b6897f" />
  72. <meta name="color:Accent2" content="#eacc7e" />
  73. <meta name="color:Accent3" content="#fdfeff" />
  74. <meta name="color:body font" content="#62272e" />
  75. <meta name="color:Page BG" content="#fee1cd" />
  76. <meta name="color:ask bg" content="#FAFAFA" />
  77.  
  78. <meta name="text:LinkSymbol" content="❧" />
  79. <meta name="text:URL1" content="/" />
  80. <meta name="text:URL2" content="/ask" />
  81. <meta name="text:URL3" content="/submit" />
  82. <meta name="text:URL4" content="/rules" />
  83. <meta name="text:URL5" content="/bio" />
  84. <meta name="text:URL6" content="/map" />
  85.  
  86. <style type="text/css">
  87. /*---------------------BODY--------------------*/
  88. ::-webkit-scrollbar-thumb:vertical {
  89. background-color:transparent;
  90. height:7px;}
  91. ::-webkit-scrollbar {
  92. background-color:transparent;
  93. height:7px;
  94. width:5px;}
  95.  
  96. html {
  97. background: url('http://static.tumblr.com/xozato3/XrAnwcl6k/uchuubito.png') no-repeat top left fixed;
  98. background-color:{color:Page BG};
  99. }
  100.  
  101. body {
  102. margin: 0;
  103. word-wrap: break-word;
  104. color:Calibri, helvetica, arial, sans-serif;
  105. }
  106.  
  107. body a{
  108. text-decoration:none;
  109. font-weight:700;
  110. }
  111.  
  112. small, sub {
  113. font-size:12px;
  114. font-family: calibri,helvetica,arial,sans-serif;
  115. }
  116.  
  117. s,strike {
  118. color:{color:accent2};
  119. }
  120.  
  121. u,underline {
  122. color:{color:accent2};
  123. }
  124.  
  125. /*------------------- "SIDEBAR" ------------------*/
  126. #links{width:400px;height:500px;margin-top:-20px;margin-left:520px;}
  127.  
  128. .alink{
  129. position:fixed;
  130. width:10px;
  131. margin-left:200px;
  132. margin-top:100px;
  133. font-size:20px;
  134. text-align:center;
  135. }
  136.  
  137. .alink a{color:{color:accent}; margin-top:1px; margin-left:2px;}
  138.  
  139. .alink a:hover{color:{color:accent2};}
  140.  
  141. .blink{
  142. position:fixed;
  143. width:10px;
  144. margin-left:160px;
  145. margin-top:117px;
  146. font-size:25px;
  147. text-align:center;
  148. }
  149.  
  150. .blink a{color:{color:accent2}; margin-top:1px; margin-left:2px;}
  151.  
  152. .blink a:hover{color:{color:accent};}
  153.  
  154. .clink{
  155. position:fixed;
  156. width:10px;
  157. margin-left:195px;
  158. margin-top:140px;
  159. font-size:20px;
  160. text-align:center;
  161. }
  162.  
  163. .clink a{color:{color:accent2}; margin-top:1px; margin-left:2px;}
  164.  
  165. .clink a:hover{color:{color:accent};}
  166.  
  167. .dlink{
  168. position:fixed;
  169. width:10px;
  170. margin-left:140px;
  171. margin-top:150px;
  172. font-size:30px;
  173. text-align:center;
  174. }
  175.  
  176. .dlink a{color:{color:accent}; margin-top:1px; margin-left:2px;}
  177.  
  178. .dlink a:hover{color:{color:accent2};}
  179.  
  180. .elink{
  181. position:fixed;
  182. width:10px;
  183. margin-left:182px;
  184. margin-top:170px;
  185. font-size:20px;
  186. text-align:center;
  187. }
  188.  
  189. .elink a{color:{color:accent2}; margin-top:1px; margin-left:2px;}
  190.  
  191. .elink a:hover{color:{color:accent};}
  192.  
  193. .flink{
  194. position:fixed;
  195. width:10px;
  196. margin-left:130px;
  197. margin-top:110px;
  198. font-size:20px;
  199. text-align:center;
  200. }
  201.  
  202. .flink a{color:{color:accent}; margin-top:1px; margin-left:2px;}
  203.  
  204. .flink a:hover{color:{color:accent2};}
  205.  
  206. .glink{
  207. position:fixed;
  208. width:10px;
  209. margin-left:110px;
  210. margin-top:140px;
  211. font-size:20px;
  212. text-align:center;
  213. }
  214.  
  215. .glink a{color:{color:accent2}; margin-top:1px; margin-left:2px;}
  216.  
  217. .glink a:hover{color:{color:accent};}
  218.  
  219.  
  220. #pagination{
  221. position:fixed;
  222. margin-top:150px;
  223. margin-left:20px;
  224. font-family:Calibri, Helvetica, Arial, sans-serif;
  225. font-size:12px;
  226. text-align:center;
  227. color:{color:accent2};
  228. text-transform:uppercase;
  229. letter-spacing:3px;
  230. -ms-transform: rotate(22deg); /* IE 9 */
  231. -webkit-transform: rotate(22deg); /* Chrome, Safari, Opera */
  232. transform: rotate(22deg);
  233. }
  234.  
  235. #pagination a{color:{color:accent}; padding:0px 2px;}
  236.  
  237. /*-------------------------MAIN BODY STUFF HERE-----------------------*/
  238. img{border:0; max-width:100%;}
  239.  
  240. #body{
  241. position:absolute;
  242. z-index:70;
  243. margin-left:0px;
  244. }
  245.  
  246. #body a{text-decoration:none;color:{color:Accent2};}
  247. #body a:hover{color:black;border-bottom:1px solid {color:Accent};}
  248. #body blockquote{border-left:2px solid black;margin:0;padding-left:7px;}
  249. /*--------------------CONTAINER BOX THING---------------------------*/
  250. #container{
  251. position:fixed;
  252. margin-top:278px;
  253. width:425px;
  254. height:400px;
  255. overflow-y:auto;
  256. overflow-x:hidden;
  257. margin-left:324px;
  258. }
  259.  
  260. /*-------------------------INDIVID POSTS------------------------*/
  261. #post{
  262. width:400px;
  263. margin:0px 0px;
  264. padding:10px 10px;
  265. background-color:transparent;
  266. font-family:calibri,helvetica,arial,sans-serif;
  267. color:{color:body font};
  268. }
  269.  
  270. #post .text{font-size:11px; line-height:16px;}
  271. #post .title{font-size:20px;}
  272. .text ul li{list-style-type:circle;}
  273.  
  274. /*-------------------------PERMALINKS AND TAGS------------------------*/
  275. #permalink{
  276. position:absolute;
  277. z-index:999999;
  278. margin-left:0px;
  279. margin-top:-5px;
  280. padding:3px;
  281. font-size:10px;
  282. text-align:center;
  283. font-family:calibri,helvetica,arial,sans-serif;
  284. color:{color:accent};
  285. background:{color:accent2};
  286. }
  287.  
  288. #permalink a{color:{color:accent3};vertical-align:middle;}
  289. #permalink a:hover{color:{color:accent};}
  290.  
  291. #tags{
  292. margin-top:15px;
  293. margin-left:3px;
  294. font-size:10px;
  295. font-family:calibri,helvetica,arial,sans-serif;
  296. width:500px;
  297. text-align:left;
  298. margin-bottom:40px;
  299. }
  300.  
  301. #notesbox{width:400px;margin:20px auto;font-size:11px;font-family:calibri,helvetica,arial,sans-serif;}
  302. #notesbox ol.notes{list-style-type:none;margin:7px 0px;padding:0px 0px;}
  303. #notesbox img.avatar{display:none;}
  304.  
  305. /*------------------------EXTRA BITS AND BOBBLES----------------------*/
  306. .chat ul {list-style:none; margin:0; padding:0;}
  307. .chat li {font-size:11px;list-style-type: none;margin-left: 0px;padding: 3px;}
  308.  
  309. /*------------------------CUSTOM TOOLTIP--------------------------*/
  310. #s-m-t-tooltip {
  311. max-width:150px;
  312. padding:5px;
  313. margin:0px 0px 0px 17px;
  314. background-color:{color:accent2};
  315. font-family:calibri,helvetica,arial,sans-serif;
  316. font-size:9px;
  317. letter-spacing:2px;
  318. text-transform:lowercase;
  319. color:{color:accent3};
  320. z-index:9999;
  321. }
  322.  
  323. /*-----------------------------SCROLLBAR-----------------------------*/
  324.  
  325. ::-webkit-scrollbar {
  326. background-color:{color:accent2};border: 4.5px solid #FFFAF6;width:9px;
  327. }
  328. ::-webkit-scrollbar-thumb:vertical {
  329. background-color:{color:accent2};height:auto;
  330. }
  331.  
  332. /************** FLAGS UPDATES TAB **************/
  333. /* tutorial by deanlirium|tumblr (clarence.tk) */
  334.  
  335. #flags {
  336. position:fixed;
  337. top:-10px;
  338. right:150px; /* distance from the left of the page - adjust as you wish! */
  339. text-align:center;
  340. text-transform:uppercase; /* the text is in all caps - delete this line and it won't be */
  341. color:#8C8C8C; /* change text color: use sites like http://www.colorpicker.com/ or the tumblr thing, copy the code it gives you and paste it! remember the #! */
  342. font-size:8px; /* adjust font size */
  343. letter-spacing:1px;
  344. z-index:2147483607;
  345. font-family:calibri;
  346. }
  347.  
  348. /* okay real talk - this updates tab is currently to the top top of your page - if you want to move it to the bottom of the page, switch every 'top' with 'bottom' and vice versa. That's really it! c: */
  349.  
  350. #flag1 {
  351. border:solid 6px {color:accent2}; /* flag color */
  352. border-bottom:solid 6px transparent; /* IMPORTANT! -- to make the flag thicker increase the border and border-right value; it looks better if they both have the same number! */
  353. padding-top:20px;
  354. right:40px;
  355. width:0px;
  356. height:20px; /* increase or decrease to change the lenght of the CLOSED flag */
  357. position:absolute;
  358. -moz-transition:all 0.7s ease-out;
  359. -webkit-transition:all 0.7s ease-out;
  360. -o-transition:all 0.7s ease-out;}
  361.  
  362. #flag1:hover {
  363. height:180px;} /* lenght of the OPEN flag */
  364.  
  365. #upd1 {
  366. position:absolute;
  367. width:110px;
  368. height:200px; /* adjust to fit the text if you write a lot! */
  369. padding:10px;
  370. padding-top:60px; /* adjust this if you've changed the length of the closed flag */
  371. top:-270px; /* IMPORTANT! keep this number equal to the sum of the padding-top, padding and height values!!!! */
  372. margin-left:-136px; /* keep this number equal to the 'border' value for the flag */
  373. opacity:0;
  374. overflow:hidden;
  375. background-color:{color:page bg};
  376. -moz-transition:all 0.7s ease-out;
  377. -webkit-transition:all 0.7s ease-out;
  378. -o-transition:all 0.7s ease-out;}
  379.  
  380. #flag1:hover #upd1{
  381. top:0px;
  382. opacity:1;}
  383.  
  384. /* following is the coding for the other flags - same as above! */
  385.  
  386. #flag2 {
  387. border:solid 6px {color:accent};
  388. right:20px;
  389. position:absolute;
  390. border-bottom:solid 6px transparent;
  391. padding-top:20px;
  392. width:0px;
  393. height:20px;
  394. -moz-transition:all 0.7s ease-out;
  395. -webkit-transition:all 0.7s ease-out;
  396. -o-transition:all 0.7s ease-out;}
  397.  
  398. #flag2:hover {
  399. height:180px;}
  400.  
  401. #upd2 {
  402. position:absolute;
  403. width:110px;
  404. padding:10px;
  405. padding-top:60px;
  406. height:200px; /* adjust to fit the text if you write a lot! */
  407. top:-270px; /* IMPORTANT! keep this number equal to the sum of the padding-top, padding and height values!!!! */
  408. overflow:hidden;
  409. margin-left:-136px;
  410. opacity:0;
  411. background-color:{color:page bg};
  412. -moz-transition:all 0.7s ease-out;
  413. -webkit-transition:all 0.7s ease-out;
  414. -o-transition:all 0.7s ease-out;}
  415.  
  416. #flag2:hover #upd2{
  417. top:0px;
  418. opacity:1;}
  419.  
  420. /*if you want more flags, just copy the part of the code below and change the numbers - then increase the margin-left value for the #flag(number) adding 20px each new flag! copy from here: */
  421.  
  422. #flag3 {
  423. border:solid 6px {color:accent3};
  424. position:absolute;
  425. right:0px;
  426. border-bottom:solid 6px transparent;
  427. padding-top:20px;
  428. height:20px;
  429. width:0px;
  430. -moz-transition:all 0.7s ease-out;
  431. -webkit-transition:all 0.7s ease-out;
  432. -o-transition:all 0.7s ease-out;}
  433.  
  434. #flag3:hover {
  435. height:180px;}
  436.  
  437. #upd3 {
  438. position:absolute;
  439. width:110px;
  440. padding:10px;
  441. padding-top:60px;
  442. height:200px; /* adjust to fit the text if you write a lot! */
  443. top:-270px; /* IMPORTANT! keep this number equal to the sum of the padding-top, padding and height values!!!! */
  444. overflow:hidden;
  445. margin-left:-136px;
  446. opacity:0;
  447. background-color:{color:page bg};
  448. -moz-transition:all 0.7s ease-out;
  449. -webkit-transition:all 0.7s ease-out;
  450. -o-transition:all 0.7s ease-out;}
  451.  
  452. #flag3:hover #upd3{
  453. top:0px;
  454. opacity:1;}
  455.  
  456. /* to here */
  457.  
  458. /*-----------------------------POPUP BOXES---------------------------*/
  459. #fade { /*--Transparent background layer--*/
  460. display: none; /*--hidden by default--*/
  461. background: #000;
  462. position: fixed; left: 0; top: 0;
  463. width: 100%; height: 100%;
  464. opacity: .80;
  465. z-index: 9999;
  466. }
  467. .popup_block{
  468. display: none; /*--hidden by default--*/
  469. color:{font:body font};
  470. padding: 10px;
  471. float: left;
  472. font-size: 11.5;
  473. position: fixed;
  474. top: 50%; left: 50%;
  475. z-index: 9999999;
  476. background:url('http://static.tumblr.com/xozato3/96Lnxbwvx/cielbg.png');
  477.  
  478. img.btn_close {
  479. float: right;
  480. margin: -20 -20px 0 0;
  481. }
  482. /*--Making IE6 Understand Fixed Positioning--*/
  483. *html #fade {
  484. position: absolute;
  485. }
  486. *html .popup_block {
  487. position: absolute;
  488. }
  489.  
  490. {CustomCSS}</style>
  491. </head>
  492. <body>
  493.  
  494. <div id="flags">
  495. <div id="flag1"><div id="upd1">
  496.  
  497. <b><span style="font-size:10px">ciel lavoie</span></b><br>
  498. <b><span style="font-size:9px">(rokuta sora)</span></b><br>
  499. 16 | ♂ | ikebukuro<br>
  500. fashionista, pacifist, optimist, exile.<br>
  501.  
  502. </div></div>
  503.  
  504. <div id="flag2"><div id="upd2">
  505.  
  506. <i>pan-fandom</i><br>
  507. est. feb 2012<br>
  508. reboot oct 2015<br>
  509. mun 21+<br><br>
  510. <span style="font-size:11px">written by <a href="http://checantstop.tumblr.com" style="color:#4a4a4a;text-decoration:underline;"><i>Che</i></a></span><br>
  511. do not steal content<br><br>
  512. theme optimized for windows, 1366 x 768
  513.  
  514. </div></div>
  515.  
  516. <!---- if you want more flags, copy from here ---->
  517.  
  518. <div id="flag3"><div id="upd3">
  519. <span style="font-size:11px;text-decoration:underline;">OPEN</span><br>
  520. plots, chats, para<br><br>
  521.  
  522. <span style="font-size:11px;text-decoration:underline;">CLOSED</span><br>
  523. unplotted novella,<br>
  524. rp through asks
  525.  
  526. </div></div>
  527.  
  528. <!---- to here and change the numbers according to your css! ---->
  529.  
  530. <!---- thanks for passing by and using this tutorial you're raaaaaaaaad c: ---->
  531.  
  532. </div>
  533. <!----------------------------MAIN BODY----------------------------->
  534. <div id="body">
  535. <div id="container">
  536. {block:Posts}
  537.  
  538. <!--------------------------TYPES OF POSTS----------------------------->
  539. <div id="post">
  540.  
  541. {block:Photo}
  542. <img src="{PhotoURL-400}" />
  543. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  544. {/block:Photo}
  545.  
  546. {block:Photoset}
  547. {Photoset-400}
  548. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  549. {/block:Photoset}
  550.  
  551. {block:Video}
  552. {Video-400}
  553. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  554. {/block:Video}
  555.  
  556. {block:Audio}
  557. <div class="musicbox">
  558. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  559. {block:TrackName}<div class="text" style="color:{color:Accent};"><strong>{TrackName}</strong></div>{/block:TrackName}<br/>
  560. {block:Artist}<div class="text" style="margin-top:-17px;"><strong>Artist:&nbsp;</strong>{Artist}</div>{/block:Artist}<br/>
  561. {block:Album}<div class="text" style="margin-top:-17px;"><strong>Album:&nbsp;</strong>{Album}</div>{/block:Album}<br/>
  562. <div class="text" style="margin-top:-17px;">{PlayCountWithLabel}</div></div>
  563. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  564. {/block:Audio}
  565.  
  566. {block:Quote}
  567. <div class="title" style="width:380px;text-align:justify;">{Quote}</div>
  568. {block:Source}<div class="text" style="text-align:right;padding-right:10px;"><br/>&mdash;{Source}</div>{/block:Source}
  569. {/block:Quote}
  570.  
  571. {block:Text}
  572. {block:Title}<div class="title">{Title}<br/></div>{/block:Title}
  573. <div class="text">{Body}</div>
  574. {/block:Text}
  575.  
  576. {block:Answer}
  577. <div style="background-color:{color:ask bg}; padding:10px 10px 10px 10px;"><div class="title" style="font-size:12px;">{Question}<br/></div>
  578. <div class="text" style="text-align:right;">&mdash;{Asker}<br/></div></div>
  579. <div class="text">{Answer}</div>
  580. {/block:Answer}
  581.  
  582. {block:Chat}
  583. {block:Title}<div class="title">{Title}<br/></div>{/block:Title}
  584. {block:Lines}<div class="chat"><li class="line_{Alt}">
  585. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li></div>
  586. {/block:Lines}
  587. {/block:Chat}
  588.  
  589. {block:Link}
  590. <div class="title"><a href="{URL}">{Name}</a></div>
  591. {block:Description}<div class="text">{Description}</div>{/block:Description}
  592. {/block:Link}
  593.  
  594. </div>
  595. <!---------------------PERMALINK + REBLOG STUFF---------------------->
  596. <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>
  597.  
  598. <!----------------------------TAG STUFF----------------------------->
  599. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  600.  
  601. {block:PostNotes}
  602. <div id="notesbox">{PostNotes}</div>
  603. {/block:PostNotes}
  604. {/block:Posts}
  605. </div></div>
  606.  
  607. </body>
  608. <!-------------------------NAVIGATION STUFF------------------------->
  609. <div id="links">
  610. <div class="alink"><a href="/" title="refresh">{text:LinkSymbol}</a></div>
  611. <div class="blink"><a href="/ask" title="ask">{text:LinkSymbol}</a></div>
  612. <div class="clink"><a href="#?w=589" rel="story" class="poplight" title="story">{text:LinkSymbol}</a></div>
  613. <div class="dlink"><a href="#?w=589" rel="guide" class="poplight" title="guide">{text:LinkSymbol}</a></div>
  614. <div class="elink"><a href="/verselanding" title="verses">{text:LinkSymbol}</a></div>
  615. <div class="flink"><a href="/tagged/trivia" title="trivia">{text:LinkSymbol}</a></div>
  616. <div class="glink"><a href="/compass" title="compass">{text:LinkSymbol}</a></div>
  617. </div>
  618.  
  619. <!---------------------------PAGINATION---------------------------->
  620. {block:Pagination}<div id="pagination">
  621. {block:NextPage}<a href="{NextPage}">back</a>{/block:NextPage}
  622. &middot;
  623. {block:PreviousPage}<a href="{PreviousPage}">forth</a>{/block:PreviousPage}
  624. </div>{/block:Pagination}</div>
  625.  
  626. </div></div></div></div></div></div></div></div></div></div>
  627.  
  628.  
  629. </div>
  630.  
  631. <!-------HERE BEGIN THE POPUP BOXES------->
  632.  
  633. <div id="ask" class="popup_block">
  634. <div style="width:320px;height:360px;overflow:auto;">
  635. <iframe frameborder="0" scrolling="yes" width="310" height="250;" src="https://www.tumblr.com/ask_form/noborijo.tumblr.com" style="background-color:transparent; overflow:auto; display:block; float:left;" id="ask_form"></iframe>
  636. <br><br>
  637. <div style="margin-top:15px;">
  638. <iframe frameborder="0" scrolling="yes" width="310" height="250" src="https://www.tumblr.com/submit_form/noborijo.tumblr.com" style="background-color:transparent; overflow:auto; display: block; float:right; margin-left:20px;" id="submit_form"></iframe>
  639. </div></div>
  640. </div>
  641.  
  642. <div id="guide" class="popup_block" style="margin:10px auto;font-family:calibri, helvetica, arial, sans-serif;line-height:15px;color:#d6632a;">
  643. <div style="width:320px;height:325px;overflow:auto;background:#FFFAF6;padding:5px 5px;border-top:1px solid {color:accent2};border-bottom:1px solid {color:accent2};border-left:1px solid {color:accent2};font-size:10.5px;">
  644. <h1 style="text-align:center; background:#d6632a;color:white;letter-spacing:2px;padding-top:5px;height:20px;font-size:20px;">GUIDELINES</h1>
  645.  
  646. <p style="font-family:calibri,helvetica,arial,sans-serif;">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.
  647.  
  648. <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.
  649. Sora is currently single in all verses. He is allowed to take one lover per verse. However, shipping is not my main focus…but I’m still more than willing to give a ship a try. It just needs buildup and it needs to make sense. Nothing instant over here.
  650.  
  651. <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.
  652.  
  653. <h1 style="letter-spacing:2px;text-align:center;padding:2px 5px;font-size:12px;background-color:#d6632a;"><b><span style="color:white;">LAST NOTES</span></b></h1>
  654.  
  655. <p style="font-family:calibri,helvetica,arial,sans-serif;">If Sora 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.
  656. <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.
  657.  
  658. </div></div>
  659.  
  660. <div id="story" class="popup_block">
  661. <div style="width:320px;height:325px;overflow:auto;background:#FFFAF6;padding:5px 5px;border-top:1px solid {color:accent2};border-bottom:1px solid {color:accent2};border-left:1px solid {color:accent2};font-size:10.5px;">
  662. <table><tr>
  663. <td><div id="stats" style="color:#d6632a;font-family:calibri, helvetica, sans-serif;font-size: 11px;line-height:15px;width: 280px;height: 300px;float: left;padding:16px;">
  664. <table style="width:280px;">
  665. <tr><h1 style="text-align:center;background-color:#d6632a;color:white;letter-spacing:2px;padding-top:5px;height:20px;font-size:20px;">ROKUTA SORA</h1></tr>
  666. <tr><td style="width:140px;">
  667. <b>name:</b> <a title="six fields sky">六田空</a><br>
  668. <b>birthday:</b> 20 april (16 years) <br>
  669. <b>orientation:</b> pansex hetro<br>
  670. <b>location:</b> ikebukuro, tokyo<br>
  671. <b>pets:</b> cats (oscar, josephine)<br>
  672. <b>height:</b> 178 cm <br>
  673. <b>mbti:</b> enfp <br>
  674. <b>allergies:</b> meat, supposedly
  675. </td><td style="width:140px;">
  676. <b>handle:</b> <a title="mandarin orange / incomplete">蜜柑</a> (mikan)<br>
  677. <b>alias:</b> ciel lavoie<br>
  678. <b>job:</b> student, <a href="http://noborijo.tumblr.com/dolce" style="color:#d6632a;text-decoration:underline;">chef</a>, clothier<br>
  679. <b>p.o.b:</b> osaka city, osaka <br>
  680. <b>species:</b> human, supposedly<br>
  681. <b>weight:</b> 62 kg, give or take<br>
  682. <b>intelligence:</b> languages <br>
  683. <b>trivia:</b> pacifist
  684. </td></tr></table>
  685. <table><tr><td>
  686. <b>likes:</b> fashion, Sinatra, action films, shoujo manga.<br>
  687. <b>dislikes:</b> rain, snakes, opera, modern art.<br>
  688. <b>disposition:</b> amiable, energetic, flaky, gullible.<br>
  689. <b>phobias:</b> magicians, Cumberbatch, losing loved ones.<br>
  690. <b>strengths:</b> savate, capoeira, empathy, sewing, cooking, dancing, technology. Good listener.<br>
  691. <b>weaknesses:</b> penmanship, loud sounds, planning ahead, singing, navigating. Can be too clingy. Flippant, casual.<br>
  692. <b>extras:</b> carries guitar on back; can't play it well.<br>
  693. <b>current concern:</b> he smells too girly (like vanilla).
  694. </td></tr>
  695. <tr><td><center><b>PHYSICAL</b></center></td></tr>
  696. <tr><td>With smiling honey eyes and shaggy brown hair, Sora looks every bit an overgrown energetic puppy. With broad shoulders and long limbs, he is particularly athletic, as evidenced by the myriad of scars littering his body. <br><br>He keeps his nails long and sometimes painted. His canines are partiularly sharp. He tends to dress for warmer weather, including turtlenecks, scarves, or fur-lined jackets.</td></tr>
  697. <tr><td><center><b>HISTORY</b></center></td></tr>
  698. <tr><td> Despite what he says or what others might tell you, Sora is not an alien. A space cadet, maybe, but not an alien. He was born on Earth to parents that might have been more loving had he been their first son. Instead, the duo of politicians focused their fawning on his older brother, priming him to take their places. <br><br>
  699. A gap grew between Sora and the rest of his family. The only one he was close to was his little sister. Because of this, he took an interest in many of the things she did, including makeup and fashion. Under the name &ldquo;Ciel Lavoie&rdquo;, Sora started an online clothing boutique featuring garments of his own design.<br><br>
  700. Nowadays he tends to stay with family friend and renowned science fiction author Kanzaki Naota in Ikebukuro. It's easier on both him and his family if he doesn't interfere with their lives. Currently, he is a second year student at Nekoma High School.</tr>
  701. </div></td>
  702.  
  703. </table>
  704. </div>
  705.  
  706. </div>
  707. </div>
  708. </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!