API tools faq
paste
Advertisement
sunmetahors

for layla

sunmetahors
Apr 2nd, 2017
91
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.09 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <!--
  5.  
  6. WINTER'S LADY THEMES
  7. ♛ this code was made by AGIRLINGREY@TUMBLR.
  8. ♛ do not remove credit or claim as your own.
  9.  
  10. -->
  11.  
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head>
  15.  
  16.  
  17.  
  18. <!--
  19. POP UP SCRIPT
  20. -->
  21.  
  22.  
  23. <script type="text/javascript"
  24. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  25. <script>
  26. $(document).ready(function() {
  27. //
  28. $('a.poplight[href^=#]').click(function() {
  29. var popID = $(this).attr('rel'); //Get Popup Name
  30. var popURL = $(this).attr('href'); //Get Popup href to define size
  31. var query= popURL.split('?');
  32. var dim= query[1].split('&');
  33. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  34. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  35. var popMargTop = ($('#' + popID).height() + 80) / 2;
  36. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  37. //Apply Margin to Popup
  38. $('#' + popID).css({
  39. 'margin-top' : -popMargTop,
  40. 'margin-left' : -popMargLeft
  41. });
  42. $('body').append('<div id="fade"></div>');
  43. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  44. return false;
  45. });
  46. $('a.close, #fade').live('click', function() {
  47. $('#fade , .popup_block').fadeOut(function() {
  48. $('#fade, a.close').remove(); //fade them both out
  49. });
  50. return false;
  51. });
  52. });
  53. </script>
  54.  
  55.  
  56.  
  57. <!--
  58. VERSE TABS SCRIPT
  59. -->
  60.  
  61.  
  62. <script>
  63.  
  64. $(document).ready(function(){
  65. $("ul#tabs li").click(function(e){
  66. if (!$(this).hasClass("active")) {
  67. var tabNum = $(this).index();
  68. var nthChild = tabNum+1;
  69. $("ul#tabs li.active").removeClass("active");
  70. $(this).addClass("active");
  71. $("ul#tab li.active").removeClass("active");
  72. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  73. }
  74. });
  75. });
  76. </script>
  77.  
  78.  
  79.  
  80. <!--
  81. TOOLTIP STYLING SCRIPT
  82. -->
  83.  
  84.  
  85. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  86. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  87. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  88. <script>
  89. (function($){
  90. $(document).ready(function(){
  91. $("[title]").style_my_tooltips({
  92. tip_follows_cursor:true,
  93. tip_delay_time:200,
  94. tip_fade_speed:500
  95. });
  96. });
  97. })(jQuery);
  98. </script>
  99.  
  100.  
  101.  
  102.  
  103. <title>{Title}</title>
  104. <link rel="shortcut icon" href="{Favicon}">
  105. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  106. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  107.  
  108.  
  109.  
  110. <!--
  111. CUSTOM FONTS
  112. -->
  113.  
  114.  
  115. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  116.  
  117. <link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
  118.  
  119.  
  120. <link href="https://fonts.googleapis.com/css?family=Bad+Script" rel="stylesheet">
  121.  
  122.  
  123.  
  124. <style type="text/css">
  125.  
  126.  
  127.  
  128. /* THE CUSTOM SIDEBAR THING */
  129.  
  130.  
  131.  
  132. #bite
  133. #bite a{
  134. display:block
  135. }
  136. #bite .death {
  137. margin-top:0px;filter: alpha(opacity = 1.0);
  138. opacity:1.0;-webkit-transition: all 0.5s ease-out;
  139. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  140. }
  141.  
  142. #bite:hover .death {
  143. margin-top:0px;
  144. -webkit-transition: all 0.8s ease-out;
  145. -moz-transition: all 0.8s ease-out;
  146. transition: all 0.8s ease-out;
  147. filter: alpha(opacity = 100);
  148. filter: alpha(opacity = 100);
  149. opacity:100;
  150. }
  151.  
  152.  
  153.  
  154. /* SELECTION FONT AND BACKGROUND */
  155.  
  156.  
  157. ::selection {
  158. background: #c2c2c2;
  159. color:#fff; }
  160.  
  161.  
  162. ::-moz-selection {
  163. background: #c2c2c2;
  164. color:#fff; }
  165.  
  166.  
  167.  
  168. /* SCROLLBAR DETAILS */
  169.  
  170.  
  171.  
  172. ::-webkit-scrollbar {
  173. height: 0px;
  174. width: 2px;
  175. background:transparent;
  176. border-left:0px solid transparent;
  177. border-right:0px solid transparent;}
  178.  
  179.  
  180. ::-webkit-scrollbar-thumb {
  181. background:transparent;}
  182.  
  183.  
  184.  
  185.  
  186. /* THE CURSOR */
  187.  
  188.  
  189. {block:iftinycursor}
  190. body, a, a:hover{
  191. cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;}
  192. {/block:iftinycursor}
  193.  
  194. iframe#tumblr_controls {
  195. right:3px !important;
  196. position: fixed !important;
  197. -webkit-transition: opacity 0.7s
  198. linear;opacity: 0.2;
  199. -webkit-transition: all 0.8s ease-out;
  200. -moz-transition: all 0.8s ease-out;
  201. transition: all 0.8s ease-out;}
  202.  
  203. iframe#tumblr_controls:hover{
  204. -webkit-transition: opacity 0.7s linear;
  205. opacity: 1;
  206. -webkit-transition: all 0.4s ease-out;
  207. -moz-transition: all 0.4s ease-out;
  208. transition: all 0.4s ease-out;}
  209.  
  210.  
  211.  
  212. /* GENERAL LOOK AND BACKGROUND */
  213.  
  214.  
  215. body {
  216. background:#ffffff;
  217. background-image:url('http://static.tumblr.com/hl3l7tf/Wglonst5c/test.png');
  218. background-attachment: fixed;
  219. background-repeat: no-repeat;
  220. background-position: left top;
  221. color:#3e2c37;
  222. font-family: calibri;
  223. text-align:justify;
  224. font-size: 11px;
  225. letter-spacing:1px;
  226. line-height:135%;
  227. }
  228.  
  229.  
  230.  
  231. /* THE VERSES TABS */
  232.  
  233.  
  234. ul#tabs {
  235. list-style-type: none;
  236. padding: 0;
  237. text-align: center;
  238. font-size:8px;
  239. letter-spacing:1px;
  240. text-shadow:1px 1px 1px #ff9c71;
  241.  
  242. }
  243.  
  244.  
  245.  
  246. ul#tabs li {
  247. background-image: url('http://static.tumblr.com/hl3l7tf/Y1eonsuru/4bad6c851accc25af9433c77f85ae827.jpg');
  248. background-repeat:repeat;
  249. background-attachment:fixed;
  250. border-left: double 3px #ff9c71;
  251. border-top: double 3px #ff9c71;
  252. border-right: double 3px #ff9c71;
  253. border-bottom: double 3px #ff9c71;
  254. color:#ff9c71;
  255. text-shadow:1px 1px 1px #ff9c71;
  256. display: inline-block;
  257. padding: 4px 10px;
  258. margin-bottom: 4px;
  259. cursor: pointer;
  260. }
  261.  
  262.  
  263.  
  264. ul#tabs li:hover {
  265. background-color: transparent;
  266. color: #eaeaea;
  267. }
  268.  
  269. ul#tabs li.active {
  270. background-image: url('');
  271. background:#ffffff;
  272. background-repeat:repeat;
  273. background-attachment:fixed;
  274. border-left: double 3px #ff9c71;
  275. border-top: double 3px #ff9c71;
  276. border-right: double 3px #ff9c71;
  277. border-bottom: double 3px #ff9c71;
  278. color:#ff9c71;
  279. text-shadow:1px 1px 1px #ff9c71;
  280. display: inline-block;
  281. padding: 4px 10px;
  282. margin-bottom: 4px;
  283. cursor: pointer;
  284. }
  285.  
  286.  
  287.  
  288. ul#tab {
  289. list-style-type: none;
  290. margin: 0;
  291. padding: 0;
  292. }
  293.  
  294. ul#tab li {
  295. display: none;
  296. }
  297.  
  298. ul#tab li.active {
  299. display: block;
  300. }
  301.  
  302.  
  303.  
  304.  
  305. /* LINKS */
  306.  
  307.  
  308. a:link, a:active, a:visited {
  309. text-decoration: none;
  310. color: #ff9c71;
  311. -moz-transition-duration:.6s;
  312. -webkit-transition-duration:.6s;
  313. -o-transition-duration:.6s;
  314. -webkit-filter: blur(0px);}
  315.  
  316. a:hover {
  317. color: #ffffff;
  318. -moz-transition-duration:.6s;
  319. -webkit-transition-duration:.6s;
  320. -o-transition-duration:.6s;
  321. -webkit-filter: blur(1px);}
  322.  
  323.  
  324.  
  325. #links a {
  326. padding:5px;
  327. margin-right:0px;
  328. text-shadow: 1px 0px 1px #ffffff;
  329. }
  330.  
  331.  
  332. #links a:hover {
  333. padding:5px;
  334. margin-right:0px;
  335. text-shadow: 2px 0px 10px #ffffff;
  336. -moz-transition-duration:0.6s;
  337. -webkit-transition-duration:0.6s;
  338. -o-transition-duration:0.6s;
  339. }
  340.  
  341.  
  342.  
  343.  
  344. /* OTHER TEXT STUFF */
  345.  
  346.  
  347.  
  348. h1 {
  349. background-color: transparent;
  350. font-family: 'Josefin Sans', sans-serif;
  351. font-size: 16px;
  352. line-height: 20px;
  353. letter-spacing: 2px;
  354. text-align: center;
  355. text-transform:uppercase;
  356. color: #ff9c71;
  357. }
  358.  
  359.  
  360. h2 {
  361. background-color: transparent;
  362. font-family: 'Josefin Sans', sans-serif;
  363. font-size: 15px;
  364. line-height: 16px;
  365. letter-spacing: 2px;
  366. text-align: left;
  367. text-transform:uppercase;
  368. color: #ff9c71;
  369. }
  370.  
  371.  
  372.  
  373. h3 {
  374. background-image: url('http://static.tumblr.com/hl3l7tf/Y1eonsuru/4bad6c851accc25af9433c77f85ae827.jpg');
  375. background-repeat:repeat;
  376. background-attachment:fixed;
  377. border-left: double 3px #ff9c71;
  378. border-top: double 3px #ff9c71;
  379. border-right: double 3px #ff9c71;
  380. border-bottom: double 3px #ff9c71;
  381. padding:2px;
  382. padding-bottom:3px;
  383. color:#ff9c71;
  384. text-shadow:1px 1px 1px #ffffff;
  385. font-size:10.5px;
  386. font-family:calibri;
  387. text-transform:uppercase;
  388. letter-spacing:3px;
  389. text-align:center;}
  390.  
  391.  
  392.  
  393.  
  394. h4 {
  395. background-image: url('http://static.tumblr.com/hl3l7tf/Y1eonsuru/4bad6c851accc25af9433c77f85ae827.jpg');
  396. background-repeat:repeat;
  397. border-left: double 3px #ff9c71;
  398. border-top: double 3px #ff9c71;
  399. border-right: double 3px #ff9c71;
  400. border-bottom: double 3px #ff9c71;
  401. padding:2px;
  402. padding-bottom:3px;
  403. color:#ff9c71;
  404. text-shadow:1px 1px 1px #ff9c71;
  405. font-size:10.5px;
  406. font-family:calibri;
  407. text-transform:uppercase;
  408. letter-spacing:2px;
  409. text-align:center;}
  410.  
  411.  
  412.  
  413. hr {
  414. color:#818181;
  415. display: block;
  416. margin-top: 0.5em;
  417. margin-bottom: 0.5em;
  418. margin-left: auto;
  419. margin-right: auto;
  420. border-style: inset;
  421. border-width: 1px;
  422. }
  423.  
  424.  
  425.  
  426.  
  427. quotetext {
  428. background-color: transparent;
  429. font-family: 'Josefin Sans', sans-serif;
  430. font-size: 12px;
  431. line-height: 10px;
  432. letter-spacing: 1px;
  433. text-align: center;
  434. text-transform:uppercase;
  435. color: #ff9c71;
  436. }
  437.  
  438.  
  439.  
  440. blockquote {
  441. word-wrap: break-word;
  442. padding:1px 7px;
  443. margin:3px 0 3px 10px;
  444. border-left:1px solid #ff9c71;
  445. background-color:transparent;}
  446.  
  447.  
  448. blockquote img{
  449. max-width:100%;
  450. height:auto;
  451. }
  452.  
  453. blockquote blockquote img{
  454. max-width:100%;
  455. height:auto;
  456. }
  457.  
  458.  
  459.  
  460.  
  461. b, bold, strong {
  462. font-size:11px;
  463. letter-spacing:1px;
  464. font-family: 'Josefin Sans', sans-serif;
  465. color: #ff9c71;
  466. text-shadow:1px 1px 0px #ffffff;
  467. }
  468.  
  469.  
  470.  
  471. i, italic, em {
  472. font-size:10.5px;
  473. color: #ff9c71;
  474. font-family: 'Josefin Sans', sans-serif;
  475. text-shadow: 0px 0px 2px #ffffff;
  476. letter-spacing:1px;
  477. }
  478.  
  479.  
  480.  
  481. p {
  482. margin-top:5px;
  483. margin-bottom:5px;}
  484.  
  485.  
  486. ol {
  487. list-style:normal;}
  488.  
  489.  
  490. ul {
  491. list-style:square;}
  492.  
  493.  
  494. small {
  495. font-size:10px}
  496.  
  497.  
  498. sup,sub {
  499. font-size:11px}
  500.  
  501.  
  502. pre {
  503. font-size: 10px;
  504. letter-spacing:3px;
  505. background-color:#000;
  506. font-family: "Times New Roman", Times, serif;
  507. font-style: none;
  508. text-align:center;
  509. white-space: pre-wrap; /* css-3 */
  510. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  511. white-space: -pre-wrap; /* Opera 4-6 */
  512. white-space: -o-pre-wrap; /* Opera 7 */
  513. word-wrap: break-word; /* Internet Explorer 5.5+ */ }
  514.  
  515.  
  516.  
  517. big {
  518. font-size:14px;
  519. text-transform:uppercase;
  520. letter-spacing:2px;
  521. font-family: "Times New Roman", Times, serif;
  522. color: #ffffff;
  523. text-shadow: 0px 0px 2px #383838;
  524. }
  525.  
  526.  
  527.  
  528. /* IMAGES, PHOTOSETS AND WHATNOT */
  529.  
  530.  
  531.  
  532. {block:IfGreyscale}
  533.  
  534. img {
  535. -webkit-filter:grayscale(100%);
  536. -webkit-transition: all 0.9s ease-in-out;
  537. -moz-transition: all 0.9s ease-in-out;
  538. -o-transition: all 0.9s ease-in-out;
  539. -ms-transition: all 0.9s ease-in-out;
  540. transition: all 0.9s ease-in-out;}
  541.  
  542. img:hover {
  543. -webkit-filter:none;}
  544.  
  545. .html_photoset {
  546. -webkit-filter: grayscale(100%);
  547. -webkit-transition: all 0.9s ease-in-out;
  548. -moz-transition: all 0.9s ease-in-out;
  549. -o-transition: all 0.9s ease-in-out;
  550. -ms-transition: all 0.9s ease-in-out;
  551. transition: all 0.9s ease-in-out;}
  552.  
  553. .html_photoset:hover {
  554. -webkit-filter: none;}
  555.  
  556. {/block:IfGreyscale}
  557.  
  558.  
  559.  
  560. /* CONTAINER AND POSTS */
  561.  
  562.  
  563.  
  564. #container {
  565. background-color:transparent;
  566. width:425px;
  567. height:460px;
  568. padding: 20px;
  569. top:115px;
  570. margin-left: 620px;
  571. position:relative;
  572. overflow-y:scroll;
  573. overflow-x:hidden;
  574. -webkit-mask-image: -webkit-gradient(
  575. linear, center 95%, center bottom,
  576. from(rgba(0,0,0,20)),
  577. to(rgba(20,0,0,0)));
  578. border:1px solid transparent;}
  579.  
  580. #container img {
  581. height:auto;
  582. max-width:100%;
  583. }
  584.  
  585. #content {
  586. margin-left:62px;
  587. width:410px;
  588. margin-top: -110px;
  589. }
  590.  
  591. #posts {
  592. width:400px;
  593. padding:10px;
  594. margin-top: 90px;
  595. margin-left:-72px;
  596. padding-bottom:0px;
  597. overflow-y:scroll;
  598. overflow-x:hidden;
  599. }
  600.  
  601.  
  602. #description {
  603. margin-left: 0px;
  604. margin-top: -50px;
  605. width:180px;
  606. color:transparent;}
  607.  
  608.  
  609.  
  610.  
  611. /* CUSTOM SIDEBAR SETTINGS */
  612.  
  613.  
  614.  
  615. #actualnews {
  616. font-family: calibri;
  617. font-size:10px;
  618. background:transparent;
  619. color: #3e2c37;
  620. width:400px;
  621. height:125px;
  622. padding-top:3px;
  623. border:0px solid #131313;
  624. margin-left: 640px;
  625. top:520px;
  626. text-align:center;
  627. position:fixed;
  628.  
  629. }
  630.  
  631.  
  632.  
  633. #actualnews:hover {
  634. -webkit-filter:none;
  635. -webkit-transition: all 0.6s ease-in-out;
  636. opacity:1;
  637. -webkit-transition: all 0.6s ease-in-out;
  638. -moz-transition: all 0.6s ease-in-out;
  639. -o-transition: all 0.6s ease-in-out;
  640. -ms-transition: all 0.6s ease-in-out;
  641. transition: all 0.6s ease-in-out;
  642. }
  643.  
  644.  
  645.  
  646.  
  647. #thekey {
  648. position:fixed;
  649. color:#ffffff;
  650. text-shadow: 0px 0px 2px #fff;
  651. margin-top:175px;
  652. margin-left:55px;
  653. width:710px;
  654. padding:9px;
  655. letter-spacing:2px;
  656. word-spacing:5px; /*this defines the separation of each word of the links*/
  657. font-family: helvetica;
  658. font-size:12px;
  659. text-align:center;
  660. background:transparent;
  661. text-transform:uppercase;
  662. -webkit-transform: rotate(-90deg);
  663. -moz-transform: rotate(-90deg);
  664. -o-transform: rotate(-90deg);
  665. }
  666.  
  667.  
  668.  
  669.  
  670. /* JUMBLED LINKS */
  671.  
  672.  
  673.  
  674. .alinks {
  675. position:fixed;
  676. font-size:20px;
  677. text-decoration:none;
  678. transform: rotate(-30deg);
  679. -ms-transform: rotate(-30deg);
  680. -webkit-transform: rotate(-30deg);
  681. -o-transform: rotate(-30deg);
  682. -moz-transform: rotate(-30deg);
  683. margin-left:580px;
  684. margin-top:320px;
  685. }
  686.  
  687. .alinks a {
  688. text-shadow:0px 0px 7px #ff9c71;
  689. text-decoration:none;
  690. color:#ff9c71;
  691. -webkit-transition: all 0.5s ease-out;
  692. -moz-transition: all 0.5s ease-out;
  693. transition: all 0.5s ease-out;
  694. }
  695.  
  696. .alinks:hover {
  697. -webkit-filter:blur(1px);
  698. -webkit-transition: all 0.5s ease-out;
  699. -moz-transition: all 0.5s ease-out;
  700. transition: all 0.5s ease-out;
  701. transform: rotate(110deg);
  702. -ms-transform: rotate(110deg);
  703. -webkit-transform: rotate(110deg);
  704. -o-transform: rotate(110deg);
  705. -moz-transform: rotate(110deg);
  706. }
  707.  
  708.  
  709.  
  710. .blinks {
  711. position:fixed;
  712. font-size:20px;
  713. text-decoration:none;
  714. margin-left:580px;
  715. margin-top:360px;
  716. }
  717.  
  718. .blinks a {
  719. text-shadow:0px 0px 7px #ff9c71;
  720. text-decoration:none;
  721. color:#ff9c71;
  722. -webkit-transition: all 0.5s ease-out;
  723. -moz-transition: all 0.5s ease-out;
  724. transition: all 0.5s ease-out;
  725. }
  726.  
  727. .blinks:hover {
  728. -webkit-filter:blur(1px);
  729. -webkit-transition: all 0.5s ease-out;
  730. -moz-transition: all 0.5s ease-out;
  731. transition: all 0.5s ease-out;
  732. transform: rotate(-60deg);
  733. -ms-transform: rotate(-60deg);
  734. -webkit-transform: rotate(-60deg);
  735. -o-transform: rotate(-60deg);
  736. -moz-transform: rotate(-60deg);
  737. }
  738.  
  739.  
  740.  
  741.  
  742. .clinks {
  743. position:fixed;
  744. font-size:20px;
  745. text-decoration:none;
  746. transform: rotate(-30deg);
  747. -ms-transform: rotate(-30deg);
  748. -webkit-transform: rotate(-30deg);
  749. -o-transform: rotate(-30deg);
  750. -moz-transform: rotate(-30deg);
  751. margin-left:580px;
  752. margin-top:400px;
  753. }
  754.  
  755. .clinks a {
  756. text-shadow:0px 0px 7px #ff9c71;
  757. text-decoration:none;
  758. color:#ff9c71;
  759. -webkit-transition: all 0.5s ease-out;
  760. -moz-transition: all 0.5s ease-out;
  761. transition: all 0.5s ease-out;
  762. }
  763.  
  764. .clinks:hover {
  765. -webkit-filter:blur(1px);
  766. -webkit-transition: all 0.5s ease-out;
  767. -moz-transition: all 0.5s ease-out;
  768. transition: all 0.5s ease-out;
  769. transform: rotate(110deg);
  770. -ms-transform: rotate(110deg);
  771. -webkit-transform: rotate(110deg);
  772. -o-transform: rotate(110deg);
  773. -moz-transform: rotate(110deg);
  774. }
  775.  
  776.  
  777.  
  778. .dlinks {
  779. position:fixed;
  780. font-size:20px;
  781. text-decoration:none;
  782. margin-left:580px;
  783. margin-top:440px;
  784. }
  785.  
  786. .dlinks a {
  787. text-shadow:0px 0px 7px #ff9c71;
  788. text-decoration:none;
  789. color:#ff9c71;
  790. -webkit-transition: all 0.5s ease-out;
  791. -moz-transition: all 0.5s ease-out;
  792. transition: all 0.5s ease-out;
  793. }
  794.  
  795. .dlinks:hover {
  796. -webkit-filter:blur(1px);
  797. -webkit-transition: all 0.5s ease-out;
  798. -moz-transition: all 0.5s ease-out;
  799. transition: all 0.5s ease-out;
  800. transform: rotate(-60deg);
  801. -ms-transform: rotate(-60deg);
  802. -webkit-transform: rotate(-60deg);
  803. -o-transform: rotate(-60deg);
  804. -moz-transform: rotate(-60deg);
  805. }
  806.  
  807.  
  808.  
  809. .elinks {
  810. position:fixed;
  811. font-size:20px;
  812. text-decoration:none;
  813. transform: rotate(-90deg);
  814. -ms-transform: rotate(-90deg);
  815. -webkit-transform: rotate(-90deg);
  816. -o-transform: rotate(-90deg);
  817. -moz-transform: rotate(-90deg);
  818. margin-left:580px;
  819. margin-top:480px;
  820. }
  821.  
  822. .elinks a {
  823. text-shadow:0px 0px 7px #ff9c71;
  824. text-decoration:none;
  825. color:#ff9c71;
  826. -webkit-transition: all 0.5s ease-out;
  827. -moz-transition: all 0.5s ease-out;
  828. transition: all 0.5s ease-out;
  829. }
  830.  
  831. .elinks:hover {
  832. -webkit-filter:blur(1px);
  833. -webkit-transition: all 0.5s ease-out;
  834. -moz-transition: all 0.5s ease-out;
  835. transition: all 0.5s ease-out;
  836. transform: rotate(70deg);
  837. -ms-transform: rotate(70deg);
  838. -webkit-transform: rotate(70deg);
  839. -o-transform: rotate(70deg);
  840. -moz-transform: rotate(70deg);
  841. }
  842.  
  843.  
  844.  
  845.  
  846.  
  847. .flinks {
  848. position:fixed;
  849. font-size:20px;
  850. text-decoration:none;
  851. margin-left:580px;
  852. margin-top:520px;
  853. }
  854.  
  855. .flinks a {
  856. text-shadow:0px 0px 7px #ff9c71;
  857. text-decoration:none;
  858. color:#ff9c71;
  859. -webkit-transition: all 0.5s ease-out;
  860. -moz-transition: all 0.5s ease-out;
  861. transition: all 0.5s ease-out;
  862. }
  863.  
  864. .flinks:hover {
  865. -webkit-filter:blur(1px);
  866. -webkit-transition: all 0.5s ease-out;
  867. -moz-transition: all 0.5s ease-out;
  868. transition: all 0.5s ease-out;
  869. transform: rotate(-60deg);
  870. -ms-transform: rotate(-60deg);
  871. -webkit-transform: rotate(-60deg);
  872. -o-transform: rotate(-60deg);
  873. -moz-transform: rotate(-60deg);
  874. }
  875.  
  876.  
  877.  
  878. .credit {
  879. position:fixed;
  880. text-shadow: 0px 0px 11px #ff9c71;
  881. right:15px;
  882. bottom:15px;
  883. transform: rotate(0deg);
  884. font-family: 'Josefin Sans', sans-serif;
  885. font-size: 17px; }
  886.  
  887.  
  888. .credit a {
  889. padding:10px;
  890. color:#ff9c71;
  891. margin-right:0px;
  892. -webkit-filter: blur(1px);
  893. -webkit-transition: 0.8s ease-in;
  894. -moz-transition: 1s ease-in;
  895. transition: 1s ease-in;
  896. }
  897.  
  898. .credit a:hover {
  899. -webkit-transition: all 0.6s ease-in-out;
  900. -moz-transition: all 0.6s ease-in-out;
  901. -o-transition: all 0.6s ease-in-out;
  902. -ms-transition: all 0.6s ease-in-out;
  903. transition: all 0.6s ease-in-out;
  904. color: #000000;
  905. text-shadow: 7px 7px 3px #000000;
  906. }
  907.  
  908.  
  909.  
  910.  
  911. /* PAGINATION */
  912.  
  913.  
  914.  
  915.  
  916. #pagination {
  917. position:fixed;
  918. font-family: 'Josefin Sans', sans-serif;
  919. width:400px;
  920. font-size:35px;
  921. top:550px;
  922. left:460px;
  923. letter-spacing:3px;
  924. text-align:center;
  925. z-index:999999999999;
  926. }
  927.  
  928. #pagination a {
  929. text-transform:uppercase;
  930. color:#ff9c71;
  931. -webkit-filter: blur(0px);
  932. -webkit-transition: 0.8s ease-in;
  933. -moz-transition: 1s ease-in;
  934. transition: 1s ease-in;
  935. z-index:999999999999;
  936. }
  937.  
  938. #pagination a:hover {
  939. color:#fff;
  940. -webkit-filter: blur(1px);
  941. -webkit-transition: 0.2s ease-in;
  942. -moz-transition: 1s ease-in;
  943. transition: 1s ease-in;
  944. }
  945.  
  946.  
  947.  
  948.  
  949. /* MISC */
  950.  
  951.  
  952.  
  953. .audio {
  954. width:400px;
  955. padding-bottom:10px;
  956. background-color:{color:#0b0b0b};}
  957.  
  958. .albumart {
  959. float:left;
  960. padding:0px 10px 10px 0px;}
  961.  
  962. .albumart img {
  963. width:65px;
  964. height:65px;}
  965.  
  966. .playercontainer {
  967. text-align:left;
  968. padding:10px;
  969. background-color:#ffffff;
  970. width:400px;}
  971.  
  972. .audioinfo {
  973. padding:10px;
  974. color:#a1a0a0;}
  975.  
  976.  
  977.  
  978.  
  979. /* QUESTIONS & ANSWERS DETAILS */
  980.  
  981.  
  982. #asker {
  983. font-family: 'Raleway', sans-serif;
  984. text-align:center;
  985. padding-top: 10px;
  986. margin-left:0px;
  987. text-transform:uppercase;
  988. color:#3e2c37;
  989. text-shadow:1px 1px 1px #ff9c71;;
  990. font-size:20px;
  991. padding:5px;
  992. letter-spacing:0px;
  993. }
  994.  
  995.  
  996. #asker a{
  997. font-family: 'Raleway', sans-serif;
  998. text-transform:uppercase;
  999. font-size:20px;
  1000. letter-spacing: 0px;
  1001. color:#ff9c71;
  1002. text-shadow:1px 1px 1px #ff9c71;
  1003. -webkit-filter: blur(0.5px);
  1004. }
  1005.  
  1006.  
  1007. #asker a:hover {
  1008. color: #656565;
  1009. letter-spacing: 2px;
  1010. text-shadow:0 0 2px #000;
  1011. -webkit-filter: blur(1px);
  1012. -webkit-transition:all .5s ease-in-out;
  1013. -moz-transition:all .5s ease-in-out;
  1014. transition:all .5s ease-in-out;
  1015. }
  1016.  
  1017.  
  1018.  
  1019. #ask {
  1020. border-left: double 3px #ff9c71;
  1021. border-top: double 3px #ff9c71;
  1022. border-right: double 3px #ff9c71;
  1023. border-bottom: double 3px #ff9c71;
  1024. padding:2px;
  1025. color:#3e2c37;
  1026. text-shadow:1px 1px 1px #ff9c71;
  1027. font-size:8px;
  1028. text-align:center;
  1029. padding-top: 5px;
  1030. margin-left:0px;
  1031. text-transform:auto;
  1032. letter-spacing:3px
  1033. margin-top:-10px;
  1034. padding:5px;
  1035. background: #000;
  1036. background: url("http://static.tumblr.com/hl3l7tf/Y1eonsuru/4bad6c851accc25af9433c77f85ae827.jpg");
  1037. background-repeat:repeat;
  1038. padding:2px;
  1039. text-transform: uppercase;
  1040. border-bottom-left-radius: 20px;
  1041. border-top-right-radius: 20px;
  1042. padding:10px;
  1043. letter-spacing:2px;
  1044. border-bottom:solid 1px #ff9c71;
  1045. border-top:solid 1px #ff9c71;
  1046. }
  1047.  
  1048.  
  1049. .ans {
  1050. text-align:center;
  1051. padding:10px;
  1052. }
  1053.  
  1054.  
  1055.  
  1056. /* POST INFO DETAILS */
  1057.  
  1058.  
  1059. #info {
  1060. width:405px;
  1061. padding-top:4px;
  1062. padding-bottom:1px;
  1063. font-size:12px;
  1064. color:#adadab;
  1065. text-transform:uppercase;
  1066. letter-spacing:1px;
  1067. font-style:normal;
  1068. text-align:center;
  1069. padding:5px;
  1070. border-top:1px solid #ffffff;
  1071. -moz-transition-duration:0.2s;
  1072. -webkit-transition-duration:0.2s;
  1073. -o-transition-duration:0.2s;}
  1074.  
  1075.  
  1076. #info a {
  1077. font-family:calibri;
  1078. font-size:8px;
  1079. color:#ff9c71;
  1080. text-shadow: 0px 0px 3px #ff9c71;
  1081. padding:5px;
  1082. font-style:normal;}
  1083.  
  1084.  
  1085. #info a:hover {
  1086. color:#ffffff;
  1087. -webkit-filter: blur(0px);
  1088. -moz-transition-duration:0.2s;
  1089. -webkit-transition-duration:0.2s;
  1090. -o-transition-duration:0.2s;}
  1091.  
  1092.  
  1093. #tags {
  1094. color:#ff9c71;
  1095. margin-top:5px;
  1096. padding-left:15px;
  1097. text-align:right;
  1098. line-height:9px;
  1099. text-transform:uppercase;
  1100. font-size:9px;
  1101. padding-right:10px;}
  1102.  
  1103. #tags a {
  1104. font-family:calibri;
  1105. color:#ff9c71;}
  1106.  
  1107. #tags a:hover {
  1108. color:#ffffff;}
  1109.  
  1110.  
  1111.  
  1112. /* MISC 02. */
  1113.  
  1114.  
  1115.  
  1116. .note {
  1117. text-transform:uppercase;
  1118. font-style:normal;
  1119. letter-spacing:0px;
  1120. font-size: 10px;
  1121. text-align:left;
  1122. line-height:90%;
  1123. margin-left:-40px;}
  1124.  
  1125. .note li {
  1126. list-style-type:none;
  1127. border-bottom:0px solid #ff9c71;
  1128. padding:10px 25px 10px 25px;
  1129. text-align:left;
  1130. margin:0px;
  1131. -moz-transition-duration:0.5s;
  1132. -webkit-transition-duration:0.5s;
  1133. -o-transition-duration:0.5s;}
  1134.  
  1135. .note img.avatar {
  1136. margin-right: 10px;
  1137. width: 16px;
  1138. height: 16px;}
  1139.  
  1140.  
  1141.  
  1142.  
  1143. /* BASIC POP-UP DETAILS */
  1144.  
  1145.  
  1146.  
  1147. .popup_block{
  1148. display:none;
  1149. background:#ffffff;
  1150. padding:20px;
  1151. border:0px solid #eee; /* if you want a solid white pop-up, delete this */
  1152. float:left;
  1153. height: 473px;
  1154. top:302px; left:925px;
  1155. position:fixed;
  1156. z-index: 99999;
  1157. -webkit-box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  1158. -moz-box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  1159. box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  1160. }
  1161.  
  1162.  
  1163. *html #fade {position: absolute;}
  1164. *html .popup_block {position: absolute;}
  1165. #fade {
  1166. display:none;
  1167. position:fixed;
  1168. left:0px;
  1169. top:0px;
  1170. width:100%;
  1171. height:100%;
  1172. z-index:9999;
  1173. background:#000; /* change to #fff for solid white */
  1174. opacity:0; /* change to opacity:1; */
  1175. }
  1176.  
  1177.  
  1178.  
  1179. .popupnavlinks {
  1180. padding-top:5px;
  1181. text-align:center;
  1182. display:inline-block;}
  1183.  
  1184.  
  1185. .popupnavlinks a {
  1186. display:inline-block;
  1187. width:100px; height:4px;
  1188. margin:2px; padding:2px 6px 10px;
  1189. text-align:center;
  1190. background-image: url('http://static.tumblr.com/hl3l7tf/Y1eonsuru/4bad6c851accc25af9433c77f85ae827.jpg');
  1191. background-repeat:repeat;
  1192. background-attachment:fixed;
  1193. background:#ffffff;
  1194. border-left: double 1px #ff9c71;
  1195. border-top: double 1px #ff9c71;
  1196. border-right: double 1px #ff9c71;
  1197. border-bottom: double 1px #ff9c71;
  1198. color:#ff9c71;
  1199. font-size:9px;
  1200. font-family:calibri;
  1201. text-transform:uppercase;
  1202. cursor: pointer;
  1203. }
  1204.  
  1205.  
  1206.  
  1207. .popupnavlinks a:hover {
  1208. letter-spacing:2px; }
  1209.  
  1210.  
  1211.  
  1212. .popupclose {
  1213. float:right; top:0px; right:0px;
  1214. margin-top:-10px; margin-right:-10px;
  1215. font-family:'Scada', sans serif;
  1216. font-size:10px;
  1217. font-weight:bold }
  1218.  
  1219. .popupclose a {
  1220. color:#aaa }
  1221.  
  1222.  
  1223.  
  1224. /* TOOLTIP DETAILS */
  1225.  
  1226.  
  1227.  
  1228. #s-m-t-tooltip{
  1229. max-width:400px;
  1230. margin:15px;
  1231. padding:2px 8px;
  1232. background: #0b0b0b;
  1233. background-image:url('http://static.tumblr.com/hl3l7tf/Y1eonsuru/4bad6c851accc25af9433c77f85ae827.jpg');
  1234. background-repeat:repeat;
  1235. background-attachment:fixed;
  1236. border-left: double 3px #ff9c71;
  1237. border-top: double 3px #ff9c71;
  1238. border-right: double 3px #ff9c71;
  1239. border-bottom: double 3px #ff9c71;
  1240. color:#ff9c71;
  1241. text-shadow:1px 1px 1px #ffffff;
  1242. z-index:99999999999999999999;
  1243. font-size:9px;
  1244. letter-spacing:2px;
  1245. font-weight:bold;
  1246. letter-spacing:2px;
  1247. font-family: calibri;
  1248. text-transform:uppercase;
  1249. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  1250.  
  1251.  
  1252.  
  1253. </style>
  1254.  
  1255. </head>
  1256.  
  1257. <body>
  1258.  
  1259.  
  1260.  
  1261. <!--
  1262. ♛ The part below is basically the 'skeleton' of the theme, if that makes sense? I wouldn't recommend editing these parts ( EXCEPT THE CUSTOM LINKS AND POP UPS !!! ) unless you know what you're doing. If you spot a glitch in this part of the code, please let me know.
  1263. -->
  1264.  
  1265.  
  1266. <div id="content">
  1267.  
  1268. <div id="sidebar">
  1269.  
  1270. <img src="{image:Sidebar}" />
  1271.  
  1272. <div id="description">{description}</div>
  1273.  
  1274. </div>
  1275.  
  1276. <div id="pagination">
  1277. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  1278. </div>
  1279.  
  1280.  
  1281. <!--
  1282. ♛ CUSTOM LINKS
  1283. -->
  1284.  
  1285.  
  1286.  
  1287. <div id="links">
  1288.  
  1289.  
  1290. <div class="alinks">
  1291. <a href="/" title="refresh.">
  1292. ✽
  1293. </a>
  1294. </div>
  1295.  
  1296.  
  1297. <div class="blinks">
  1298. <a href="#?w=410" rel="box1" class="poplight" title="message.">
  1299. ✦
  1300. </a>
  1301. </div>
  1302.  
  1303.  
  1304. <div class="clinks">
  1305. <a href="#?w=410" rel="box2" class="poplight" title="please read."> ✽ </a>
  1306. </div>
  1307.  
  1308.  
  1309. <div class="dlinks">
  1310. <a href="#?w=410" rel="box4" class="poplight" title="about."> ✦ </a>
  1311. </div>
  1312.  
  1313.  
  1314. <div class="elinks">
  1315. <a href="#?w=410" rel="box5" class="poplight" title="navigation."> ✽ </a>
  1316. </div>
  1317.  
  1318.  
  1319. <div class="flinks">
  1320. <a href="https://hiraeth-academy.tumblr.com/" rel="box5" class="poplight" title="masterlist."> ✦ </a>
  1321. </div>
  1322.  
  1323.  
  1324. <div class="credit">
  1325. <a href="http://agirlingrey.tumblr.com/" title="theme by agirlingrey.">A.</a>
  1326. </div>
  1327.  
  1328.  
  1329. </div>
  1330.  
  1331.  
  1332. <!--
  1333. ♛ CUSTOM LINKS ENDS
  1334. -->
  1335.  
  1336.  
  1337.  
  1338. <div id="container">
  1339.  
  1340. <div id="content"><div id="posts">
  1341. {block:Posts}
  1342.  
  1343.  
  1344. {block:Quote}&nbsp;&nbsp;&nbsp;<quotetext>✤ &nbsp; {Quote}</quotetext>&nbsp; <br><br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; — {Source} {/block:Quote}
  1345. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  1346. {block:Text}{Body}{/block:Text}
  1347.  
  1348. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  1349.  
  1350. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  1351.  
  1352. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="360px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1353. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1354.  
  1355. {block:Chat}<ul class="chat"><BR>{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li><BR>{/block:Lines}</ul>{/block:Chat}
  1356.  
  1357. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1358.  
  1359.  
  1360. {block:Answer}<div id="asker" style="margin-left:-5px;width:400px; color:#ff9c71;text-shadow:1px 1px 1px #ff9c71;">{Asker} <div id="ask"> <p><p><p><p><p>{Question}</div></span></div><font face="calibri"><span style="font-family:calibri;font-size:10px; marging-left:0px;">{Answer}</span>{/block:Answer}
  1361.  
  1362.  
  1363. {block:Audio}<div class="audio">
  1364.  
  1365. {block:AlbumArt}
  1366. {/block:AlbumArt}
  1367.  
  1368.  
  1369. <div class="audioinfo">{block:TrackName}<b>TITLE:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>ARTIST:</b> {Artist}<br />{/block:Artist}
  1370. {/block:ExternalAudio}<b>PLAYED:</b> {PlayCount} times</div>
  1371. <div class="playercontainer">{AudioPlayerBlack}</div></div>
  1372. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1373.  
  1374.  
  1375. <!--
  1376. ♛ INFO AND SYMBOLS
  1377. -->
  1378.  
  1379. <div id="info">
  1380. {block:Date}
  1381. <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero} - {TimeAgo}" style="position:absolute; font-size:12px; margin-left:-90px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #ff9c71;"> ✦ </a> {/block:Date}
  1382.  
  1383. {block:RebloggedFrom}
  1384. <a title="via. {ReblogParentName}" href="{ReblogParentURL}" style="position:absolute; font-size:12px; margin-left:-55px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #ff9c71;"> ✽ </a>
  1385. {/block:RebloggedFrom}
  1386.  
  1387. {block:ContentSource}
  1388. <a title="src. {SourceTitle}" href="{SourceURL}" style="position:absolute; font-size:12px; margin-left:-20px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #ff9c71;"> ✦ </a>
  1389. {/block:ContentSource}
  1390.  
  1391. {block:NoteCount}
  1392. <a href="{Permalink}" title="{NoteCount} notes" style="position:absolute; font-size:12px; margin-left:15px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #ff9c71;"> ✽ </a>
  1393. {/block:NoteCount}
  1394.  
  1395. <a href="{ReblogURL}"target="_blank" title="reblog" style="position:absolute; font-size:12px; margin-left:50px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #ff9c71;"> ✦ </a></br>
  1396. {/block:RebloggedFrom}
  1397.  
  1398.  
  1399. <br>
  1400.  
  1401.  
  1402. <!--
  1403. ♛ INFO AND SYMBOLS ENDS
  1404. -->
  1405.  
  1406.  
  1407. <div id="tags" style="margin-bottom:50px">{block:HasTags}{block:Tags} // <a href="{TagURL}" title="{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</div></div>
  1408.  
  1409. <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1410. {/block:Posts}
  1411. </div>
  1412. </div>
  1413. </div>
  1414.  
  1415.  
  1416.  
  1417. </body>
  1418.  
  1419.  
  1420.  
  1421. <!--
  1422. ♛ POP UP PAGES !!!
  1423. -->
  1424.  
  1425.  
  1426.  
  1427. <div id="box1" class="popup_block">
  1428.  
  1429. <div style="width:auto;height:465px;margin-top:-10px;overflow:scroll;padding:0px 5px 0px 5px;">
  1430.  
  1431. <h3>
  1432. </h3>
  1433.  
  1434. <blockquote>words here maybe about ask stuff</blockquote>
  1435.  
  1436. <center><p><iframe frameborder="0" height="350" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/filia-florum.tumblr.com" width="100%"></iframe></p>
  1437.  
  1438. </div></div>
  1439.  
  1440. </center>
  1441.  
  1442.  
  1443.  
  1444. <div id="box2" class="popup_block">
  1445.  
  1446. <div style="width:auto;height:475px;margin-top:-10px;overflow:scroll;padding:0px 5px 0px 5px;">
  1447.  
  1448. rules or whatever go here!!!
  1449.  
  1450.  
  1451. </div>
  1452. </div>
  1453.  
  1454.  
  1455.  
  1456.  
  1457. <div id="box3" class="popup_block">ignore this</div>
  1458.  
  1459.  
  1460.  
  1461. <div id="box4" class="popup_block">
  1462.  
  1463. <div style="width:auto;height:475px;margin-top:-10px;overflow:scroll;padding:0px 5px 0px 5px;">
  1464.  
  1465.  
  1466. <div style="text-align:center;text-transform:uppercase;font-weight:bold;font-size:13px;letter-spacing:1px;font-family: 'Josefin Sans', sans-serif;color: #ff9c71;text-shadow:1px 1px 0px #ffffff;padding-bottom:10px;">don't bloom there — </div>
  1467.  
  1468. <center><img src="http://static.tumblr.com/ounwujr/z3oonn9kw/02.png"> &nbsp;<img src="http://static.tumblr.com/ounwujr/0Mponn9ke/01.png"> &nbsp;<img src="http://static.tumblr.com/ounwujr/z3oonn9kw/02.png"> <br>
  1469.  
  1470. <div style="width:250px;font-size:9px;letter-spacing:1px;color:#ff9c71;text-shaow:1px 1px 0px #ffffff;text-transform:uppercase;"> i saw a bright world. i can't go back to a time when i didn't know such a thing existed. </div>
  1471.  
  1472. </center>
  1473.  
  1474. <table style="width:100%;line-height:90%;padding-top:10px;">
  1475.  
  1476. <tr style="line-height:100%;">
  1477. <td style="width:10%;text-align:right;vertical-align:top;"><b>NAME.</b></td>
  1478. <td>泉 鏡花 <b>(</b> izumi kyōka <b>)</b></td>
  1479. </tr>
  1480.  
  1481. <tr>
  1482. <td style="width:10%;text-align:right;vertical-align:top;"><b>NICKNAMES.</b></td>
  1483. <td>kyouka-chan, flower girl, etc.</td>
  1484. </tr>
  1485.  
  1486. <tr>
  1487. <td style="width:10%;text-align:right;vertical-align:top;"><b>GENDER.</b></td>
  1488. <td>cis female — she/her.</td>
  1489. </tr>
  1490.  
  1491. <tr>
  1492. <td style="width:10%;text-align:right;vertical-align:top;"><b>AGE.</b></td>
  1493. <td>fourteen.</td>
  1494. </tr>
  1495.  
  1496. <tr style="height:3px;">
  1497. <td style="width:10%;text-align:right;vertical-align:top;"><b>BIRTHDATE.</b></td>
  1498. <td>november 4th — scorpio.</td>
  1499. </tr>
  1500.  
  1501. <tr style="height:3px;">
  1502. <td style="width:10%;text-align:right;vertical-align:top;"><b>ETHINICITY.</b></td>
  1503. <td>japanese.</td>
  1504. </tr>
  1505.  
  1506. <tr>
  1507. <td style="width:10%;text-align:right;vertical-align:top;"><b>AFFILIATION.</b></td>
  1508. <td>armed detective agency. <i>previously</i> a member of port mafia</i>.</td>
  1509. </tr>
  1510.  
  1511. <tr>
  1512. <td style="width:10%;text-align:right;vertical-align:top;"><b>OCCUPATION.</b></td>
  1513. <td>detective. <i>previously</i> an assassin.</td>
  1514. </tr>
  1515.  
  1516. <tr>
  1517. <td style="width:10%;text-align:right;vertical-align:top;"><b>ABILITY.</b></td>
  1518. <td>夜叉白雪 <b>(</b> demon snow <b>)</b> — the ability to materialize a sword-weilding phantom, that only obeys commands given to it through the cellphone kyouka always carries. after joining the armed detective agency and falling under fukuzawa yukichi's ability, she can now control it herself, although it is somewhat weaker than before.</td>
  1519. </tr>
  1520.  
  1521. <tr>
  1522. <td style="width:10%;text-align:right;vertical-align:top;"><b>HEIGHT.</b></td>
  1523. <td>148 cm. — 4 ft. 10 in.</td>
  1524. </tr>
  1525.  
  1526. <tr>
  1527. <td style="width:10%;text-align:right;vertical-align:top;"><b>WEIGHT.</b></td>
  1528. <td>40 kg. — 88.2 lb.</td>
  1529. </tr>
  1530.  
  1531. <tr>
  1532. <td style="width:10%;text-align:right;vertical-align:top;"><b>HAIR.</b></td>
  1533. <td>raven — tied into two low twintails with a pair of flower pins. her bangs are messy and often fall into her eyes, despite her headband.</td>
  1534. </tr>
  1535.  
  1536. <tr>
  1537. <td style="width:10%;text-align:right;vertical-align:top;"><b>EYES.</b></td>
  1538. <td>clear blue.</td>
  1539. </tr>
  1540.  
  1541. <tr>
  1542. <td style="width:10%;text-align:right;vertical-align:top;"><b>SKIN.</b></td>
  1543. <td>fair — marked with faint scars.</td>
  1544. </tr>
  1545.  
  1546. <tr>
  1547. <td style="width:10%;text-align:right;vertical-align:top;"><b>BLOOD TYPE.</b></td>
  1548. <td>b.</td>
  1549. </tr>
  1550.  
  1551. <tr>
  1552. <td style="width:10%;text-align:right;vertical-align:top;"><b>ALIGNMENT.</b></td>
  1553. <td>neutral good.</td>
  1554. </tr>
  1555.  
  1556. <tr>
  1557. <td style="width:10%;text-align:right;vertical-align:top;"><b>MBTI.</b></td>
  1558. <td>infj <b>(</b> the protector <b>)</b></td>
  1559. </tr>
  1560.  
  1561. <tr>
  1562. <td style="width:10%;text-align:right;vertical-align:top;"><b>LIKES.</b></td>
  1563. <td>rabbits, tofu, hydrangeas, ghosts.</td>
  1564. </tr>
  1565.  
  1566. <tr>
  1567. <td style="width:10%;text-align:right;vertical-align:top;"><b>DISLIKES.</b></td>
  1568. <td>dogs, thunder, flies.</td>
  1569. </tr>
  1570.  
  1571. </table>
  1572.  
  1573. <div style="text-align:center;text-transform:uppercase;font-weight:bold;font-size:15px;letter-spacing:1px;font-family: 'Josefin Sans', sans-serif;color: #ff9c71;text-shadow:1px 1px 0px #ffffff;padding-top:10px;">you are not a flower of hell.</div>
  1574.  
  1575. </div>
  1576. </div>
  1577.  
  1578.  
  1579.  
  1580. <div id="box5" class="popup_block">
  1581.  
  1582. <div style="width:auto;height:475px;margin-top:-10px;overflow:scroll;padding:0px 5px 0px 5px;">
  1583.  
  1584. <center>
  1585.  
  1586. <h3>navigation</h3>
  1587.  
  1588. <div class="popupnavlinks">
  1589.  
  1590. <a href="/tagged/LINK HERE">LINK HERE.</a>
  1591. <a href="/tagged/LINK HERE">LINK HERE.</a>
  1592. <a href="/tagged/LINK HERE">LINK HERE.</a>
  1593. <br>
  1594. <a href="/tagged/LINK HERE">LINK HERE.</a>
  1595. <a href="/tagged/LINK HERE">LINK HERE.</a>
  1596. <a href="/tagged/LINK HERE">LINK HERE.</a>
  1597. <br>
  1598. <a href="/tagged/LINK HERE">LINK HERE.</a>
  1599. <a href="/tagged/LINK HERE">LINK HERE.</a>
  1600. <a href="/tagged/LINK HERE">LINK HERE.</a>
  1601. <br>
  1602. <a href="/tagged/LINK HERE">LINK HERE.</a>
  1603. <a href="/tagged/LINK HERE">LINK HERE.</a>
  1604. <a href="/tagged/LINK HERE">LINK HERE.</a>
  1605. <br>
  1606. <a href="/tagged/LINK HERE">LINK HERE.</a>
  1607. <a href="/tagged/LINK HERE">LINK HERE.</a>
  1608. <a href="/tagged/LINK HERE">LINK HERE.</a>
  1609. <br>
  1610. <a href="/tagged/LINK HERE">LINK HERE.</a>
  1611. <a href="/tagged/LINK HERE">LINK HERE.</a>
  1612. <a href="/tagged/LINK HERE">LINK HERE.</a>
  1613.  
  1614. </div>
  1615.  
  1616.  
  1617. </div>
  1618. </div>
  1619.  
  1620.  
  1621. <!--
  1622. ♛ CUSTOM SIDEBAR TEXT
  1623. -->
  1624.  
  1625.  
  1626.  
  1627. <div id="bite">
  1628. <div id="thekey"></div>
  1629. <div class="death">
  1630. <div id="actualnews">
  1631.  
  1632. <center>
  1633.  
  1634. <div style="width:auto;height:125px;overflow:scroll;padding:5px;">
  1635.  
  1636. <h4></h4>
  1637.  
  1638. summary goes here or w/e
  1639.  
  1640. <p>background image by <a href="http://www.pixiv.net/member_illust.php?id=73789">pixiv id 73789</a></p>
  1641.  
  1642. <br>
  1643.  
  1644.  
  1645.  
  1646. </center>
  1647.  
  1648.  
  1649. </div>
  1650. </div></div>
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!