API tools faq
paste
Advertisement
lupine88

Diend Tumblr

lupine88
Feb 26th, 2017
120
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.81 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. /* THE CURSOR */
  186.  
  187.  
  188. {block:iftinycursor}
  189. body, a, a:hover{
  190. cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;}
  191. {/block:iftinycursor}
  192.  
  193. iframe#tumblr_controls {
  194. right:3px !important;
  195. position: fixed !important;
  196. -webkit-transition: opacity 0.7s
  197. linear;opacity: 0.2;
  198. -webkit-transition: all 0.8s ease-out;
  199. -moz-transition: all 0.8s ease-out;
  200. transition: all 0.8s ease-out;}
  201.  
  202. iframe#tumblr_controls:hover{
  203. -webkit-transition: opacity 0.7s linear;
  204. opacity: 1;
  205. -webkit-transition: all 0.4s ease-out;
  206. -moz-transition: all 0.4s ease-out;
  207. transition: all 0.4s ease-out;}
  208.  
  209.  
  210.  
  211. /* GENERAL LOOK AND BACKGROUND */
  212.  
  213.  
  214. body {
  215. background:#939190;
  216. background-image:url('http://i66.tinypic.com/v5bmup.jpg');
  217. background-attachment: fixed;
  218. background-repeat: no-repeat;
  219. background-position: left top;
  220. color:#383C3A;
  221. font-family: calibri;
  222. text-align:justify;
  223. font-size: 10px;
  224. letter-spacing:1px;
  225. line-height:135%;
  226. }
  227.  
  228.  
  229.  
  230. /* THE VERSES TABS */
  231.  
  232.  
  233. ul#tabs {
  234. list-style-type: none;
  235. padding: 0;
  236. text-align: center;
  237. font-size:8px;
  238. letter-spacing:1px;
  239. text-shadow:1px 1px 0px #4c4c4c,
  240. 1px -1px 0px #4c4c4c,
  241. -1px -1px 0px #4c4c4c,
  242. -1px 1px 0px #4c4c4c,
  243. 0px 1px 0px #4c4c4c,
  244. 0px -1px 0px #4c4c4c,
  245. 1px 0px 0px #4c4c4c,
  246. -1px 0px 0px #4c4c4c;
  247.  
  248. }
  249.  
  250.  
  251.  
  252. ul#tabs li {
  253. background-image: url('https://66.media.tumblr.com/2c197e62689eac4fbb4c730663c0bd14/tumblr_oc4aa3bqcg1ud4mdwo2_r1_400.gif');
  254. background-repeat:repeat;
  255. background-attachment:fixed;
  256. border-left: double 3px #000;
  257. border-top: double 3px #000;
  258. border-right: double 3px #000;
  259. border-bottom: double 3px #000;
  260. color:#e6e6e6;
  261. text-shadow:1px 1px 0px #000,
  262. 1px -1px 0px #000,
  263. -1px -1px 0px #000,
  264. -1px 1px 0px #000,
  265. 0px 1px 0px #000,
  266. 0px -1px 0px #000,
  267. 1px 0px 0px #000,
  268. -1px 0px 0px #000;
  269. display: inline-block;
  270. padding: 4px 10px;
  271. margin-bottom: 4px;
  272. cursor: pointer;
  273. }
  274.  
  275.  
  276.  
  277. ul#tabs li:hover {
  278. background-color: transparent;
  279. color: #eaeaea;
  280. }
  281.  
  282. ul#tabs li.active {
  283. background-image: url('');
  284. background:#151515;
  285. background-repeat:repeat;
  286. background-attachment:fixed;
  287. border-left: double 3px #000;
  288. border-top: double 3px #000;
  289. border-right: double 3px #000;
  290. border-bottom: double 3px #000;
  291. color:#e6e6e6;
  292. text-shadow:1px 1px 0px #000,
  293. 1px -1px 0px #000,
  294. -1px -1px 0px #000,
  295. -1px 1px 0px #000,
  296. 0px 1px 0px #000,
  297. 0px -1px 0px #000,
  298. 1px 0px 0px #000,
  299. -1px 0px 0px #000;
  300. display: inline-block;
  301. padding: 4px 10px;
  302. margin-bottom: 4px;
  303. cursor: pointer;
  304. }
  305.  
  306.  
  307.  
  308. ul#tab {
  309. list-style-type: none;
  310. margin: 0;
  311. padding: 0;
  312. }
  313.  
  314. ul#tab li {
  315. display: none;
  316. }
  317.  
  318. ul#tab li.active {
  319. display: block;
  320. }
  321.  
  322.  
  323.  
  324.  
  325. /* LINKS */
  326.  
  327.  
  328. a:link, a:active, a:visited {
  329. text-decoration: none;
  330. color: #93a7aa;
  331. -moz-transition-duration:.6s;
  332. -webkit-transition-duration:.6s;
  333. -o-transition-duration:.6s;
  334. -webkit-filter: blur(0px);}
  335.  
  336. a:hover {
  337. color: #8f8f8f;
  338. -moz-transition-duration:.6s;
  339. -webkit-transition-duration:.6s;
  340. -o-transition-duration:.6s;
  341. -webkit-filter: blur(1px);}
  342.  
  343.  
  344.  
  345. #links a {
  346. padding:5px;
  347. margin-right:0px;
  348. text-shadow: 1px 0px 1px #7a7a7a;
  349. }
  350.  
  351.  
  352. #links a:hover {
  353. padding:5px;
  354. margin-right:0px;
  355. text-shadow: 2px 0px 10px #7a7a7a;
  356. -moz-transition-duration:0.6s;
  357. -webkit-transition-duration:0.6s;
  358. -o-transition-duration:0.6s;
  359. }
  360.  
  361.  
  362.  
  363.  
  364. /* OTHER TEXT STUFF */
  365.  
  366.  
  367.  
  368. h1 {
  369. background-color: transparent;
  370. font-family: 'Josefin Sans', sans-serif;
  371. font-size: 16px;
  372. line-height: 20px;
  373. letter-spacing: 2px;
  374. text-align: center;
  375. text-transform:uppercase;
  376. color: #333F02;
  377. }
  378.  
  379.  
  380. h2 {
  381. background-color: transparent;
  382. font-family: 'Josefin Sans', sans-serif;
  383. font-size: 15px;
  384. line-height: 16px;
  385. letter-spacing: 2px;
  386. text-align: left;
  387. text-transform:uppercase;
  388. color: #293201;
  389. }
  390.  
  391.  
  392.  
  393. h3 {
  394. background-image: url('https://66.media.tumblr.com/2c197e62689eac4fbb4c730663c0bd14/tumblr_oc4aa3bqcg1ud4mdwo2_r1_400.gif');
  395. background-repeat:repeat;
  396. background-attachment:fixed;
  397. border-left: double 3px #000;
  398. border-top: double 3px #000;
  399. border-right: double 3px #000;
  400. border-bottom: double 3px #000;
  401. padding:2px;
  402. color:#e6e6e6;
  403. text-shadow:1px 1px 0px #000,
  404. 1px -1px 0px #000,
  405. -1px -1px 0px #000,
  406. -1px 1px 0px #000,
  407. 0px 1px 0px #000,
  408. 0px -1px 0px #000,
  409. 1px 0px 0px #000,
  410. -1px 0px 0px #000;
  411. font-size:12px;
  412. font-family:calibri;
  413. text-transform:uppercase;
  414. letter-spacing:1px;
  415. text-align:center;}
  416.  
  417.  
  418.  
  419.  
  420. h4 {
  421. background-image: url('https://66.media.tumblr.com/2c197e62689eac4fbb4c730663c0bd14/tumblr_oc4aa3bqcg1ud4mdwo2_r1_400.gif');
  422. background-repeat:repeat;
  423. background-attachment:fixed;
  424. border-left: double 3px #000;
  425. border-top: double 3px #000;
  426. border-right: double 3px #000;
  427. border-bottom: double 3px #000;
  428. padding:2px;
  429. color:#e6e6e6;
  430. text-shadow:1px 1px 0px #000,
  431. 1px -1px 0px #000,
  432. -1px -1px 0px #000,
  433. -1px 1px 0px #000,
  434. 0px 1px 0px #000,
  435. 0px -1px 0px #000,
  436. 1px 0px 0px #000,
  437. -1px 0px 0px #000;
  438. font-size:9px;
  439. font-family:calibri;
  440. text-transform:uppercase;
  441. letter-spacing:1px;
  442. text-align:center;}
  443.  
  444.  
  445.  
  446. hr {
  447. color:#818181;
  448. display: block;
  449. margin-top: 0.5em;
  450. margin-bottom: 0.5em;
  451. margin-left: auto;
  452. margin-right: auto;
  453. border-style: inset;
  454. border-width: 1px;
  455. }
  456.  
  457.  
  458.  
  459.  
  460. quotetext {
  461. background-color: transparent;
  462. font-family: times;
  463. font-size: 16px;
  464. line-height: 20px;
  465. letter-spacing: 2px;
  466. text-align: center;
  467. text-transform:uppercase;
  468. color: #384101;
  469. }
  470.  
  471.  
  472.  
  473. blockquote {
  474. word-wrap: break-word;
  475. padding:2px 7px;
  476. margin:3px 0 3px 10px;
  477. border-left:1px solid {color:border};
  478. background-color:transparent;}
  479.  
  480.  
  481. blockquote img{
  482. max-width:100%;
  483. height:auto;
  484. }
  485.  
  486. blockquote blockquote img{
  487. max-width:100%;
  488. height:auto;
  489. }
  490.  
  491.  
  492.  
  493.  
  494. b, bold {
  495. font-size:10px;
  496. text-transform:uppercase;
  497. letter-spacing:1px;
  498. font-family: 'Josefin Sans', sans-serif;
  499. color: #2D2F04;
  500. text-shadow:1px 1px 0 #000;
  501. }
  502.  
  503.  
  504.  
  505. i, italic {
  506. font-size:13px;
  507. color: #c2cbcc;
  508. font-family: 'Bad Script', cursive;
  509. text-shadow: 0px 0px 2px #5a5a5a;
  510. letter-spacing:1px;
  511. text-transform:lowercase;
  512. }
  513.  
  514.  
  515.  
  516. p {
  517. margin-top:5px;
  518. margin-bottom:5px;}
  519.  
  520.  
  521. ol {
  522. list-style:normal;}
  523.  
  524.  
  525. ul {
  526. list-style:square;}
  527.  
  528.  
  529. small {
  530. font-size:10px}
  531.  
  532.  
  533. sup,sub {
  534. font-size:11px}
  535.  
  536.  
  537. pre {
  538. font-size: 10px;
  539. letter-spacing:3px;
  540. background-color:#000;
  541. font-family: "Times New Roman", Times, serif;
  542. font-style: none;
  543. text-align:center;
  544. white-space: pre-wrap; /* css-3 */
  545. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  546. white-space: -pre-wrap; /* Opera 4-6 */
  547. white-space: -o-pre-wrap; /* Opera 7 */
  548. word-wrap: break-word; /* Internet Explorer 5.5+ */ }
  549.  
  550.  
  551.  
  552. big {
  553. font-size:14px;
  554. text-transform:uppercase;
  555. letter-spacing:2px;
  556. font-family: "Times New Roman", Times, serif;
  557. color: #152F0B;
  558. text-shadow: 0px 0px 2px #383838;
  559. }
  560.  
  561.  
  562.  
  563. /* IMAGES, PHOTOSETS AND WHATNOT */
  564.  
  565.  
  566.  
  567. {block:IfGreyscale}
  568.  
  569. img {
  570. -webkit-filter:grayscale(100%);
  571. -webkit-transition: all 0.9s ease-in-out;
  572. -moz-transition: all 0.9s ease-in-out;
  573. -o-transition: all 0.9s ease-in-out;
  574. -ms-transition: all 0.9s ease-in-out;
  575. transition: all 0.9s ease-in-out;}
  576.  
  577. img:hover {
  578. -webkit-filter:none;}
  579.  
  580. .html_photoset {
  581. -webkit-filter: grayscale(100%);
  582. -webkit-transition: all 0.9s ease-in-out;
  583. -moz-transition: all 0.9s ease-in-out;
  584. -o-transition: all 0.9s ease-in-out;
  585. -ms-transition: all 0.9s ease-in-out;
  586. transition: all 0.9s ease-in-out;}
  587.  
  588. .html_photoset:hover {
  589. -webkit-filter: none;}
  590.  
  591. {/block:IfGreyscale}
  592.  
  593.  
  594.  
  595. /* CONTAINER AND POSTS */
  596.  
  597.  
  598.  
  599. #container {
  600. background-color:transparent;
  601. width:255px;
  602. height:350px;
  603. padding: 20px;
  604. top:290px;
  605. margin-left: 568px;
  606. position:relative;
  607. overflow-y:scroll;
  608. overflow-x:hidden;
  609. -webkit-mask-image: -webkit-gradient(
  610. linear, center 75%, center bottom,
  611. from(rgba(0,0,0,20)),
  612. to(rgba(20,0,0,0)));
  613. border:1px solid transparent;}
  614.  
  615. #container img {
  616. height:auto;
  617. max-width:100%;
  618. }
  619.  
  620. #content {
  621. margin-left:62px;
  622. width:310px;
  623. margin-top: -110px;
  624. }
  625.  
  626. #posts {
  627. width:255px;
  628. padding:10px;
  629. margin-top: 90px;
  630. margin-left:-72px;
  631. padding-bottom:0px;
  632. overflow-y:scroll;
  633. overflow-x:hidden;
  634. }
  635.  
  636.  
  637. #description {
  638. margin-left: 0px;
  639. margin-top: -50px;
  640. width:180px;
  641. color:transparent;}
  642.  
  643.  
  644.  
  645.  
  646. /* CUSTOM SIDEBAR SETTINGS */
  647.  
  648.  
  649.  
  650. #actualnews {
  651. font-family: calibri;
  652. font-size:10px;
  653. background:transparent;
  654. color: #262101;
  655. width:165px;
  656. height:420px;
  657. padding-top:3px;
  658. border:0px solid #131313;
  659. left: 450px;
  660. top: 275px;
  661. text-align:center;
  662. position:fixed;
  663. -webkit-filter: blur(0px);
  664. -webkit-transition: 0.8s ease-in;
  665. -moz-transition: 1s ease-in;
  666. transition: 1s ease-in;
  667. opacity:0.5;
  668. -webkit-transition: all 0.6s ease-in-out;
  669. -moz-transition: all 0.6s ease-in-out;
  670. -o-transition: all 0.6s ease-in-out;
  671. -ms-transition: all 0.6s ease-in-out;
  672. transition: all 0.6s ease-in-out;
  673. }
  674.  
  675.  
  676.  
  677. #actualnews:hover {
  678. -webkit-filter:none;
  679. -webkit-transition: all 0.6s ease-in-out;
  680. opacity:1;
  681. -webkit-transition: all 0.6s ease-in-out;
  682. -moz-transition: all 0.6s ease-in-out;
  683. -o-transition: all 0.6s ease-in-out;
  684. -ms-transition: all 0.6s ease-in-out;
  685. transition: all 0.6s ease-in-out;
  686. }
  687.  
  688.  
  689.  
  690.  
  691. #thekey {
  692. position:fixed;
  693. color:#343019;
  694. text-shadow: 0px 0px 2px #fff;
  695. margin-top:175px;
  696. margin-left:55px;
  697. width:710px;
  698. padding:9px;
  699. letter-spacing:2px;
  700. word-spacing:5px; /*this defines the separation of each word of the links*/
  701. font-family: helvetica;
  702. font-size:12px;
  703. text-align:center;
  704. background:transparent;
  705. text-transform:uppercase;
  706. -webkit-transform: rotate(-90deg);
  707. -moz-transform: rotate(-90deg);
  708. -o-transform: rotate(-90deg);
  709. }
  710.  
  711.  
  712.  
  713.  
  714. /* JUMBLED LINKS */
  715.  
  716.  
  717.  
  718. .alinks {
  719. position:fixed;
  720. text-shadow: 0px 0px 0px #000;
  721. left:460px;
  722. top:215px;
  723. transform: rotate(0deg);
  724. text-align: right;
  725. line-height:20px;
  726. font-family: 'Josefin Sans', sans-serif;
  727. font-size: 17px;}
  728.  
  729.  
  730. .alinks a {
  731. padding:10px;
  732. color:#483E04;
  733. margin-right:0px;
  734. -webkit-filter: blur(0px);
  735. -webkit-transition: 0.8s ease-in;
  736. -moz-transition: 1s ease-in;
  737. transition: 1s ease-in;
  738. }
  739.  
  740. .alinks a:hover {
  741. -webkit-filter: blur(1px);
  742. -webkit-transition: all 0.6s ease-in-out;
  743. -moz-transition: all 0.6s ease-in-out;
  744. -o-transition: all 0.6s ease-in-out;
  745. -ms-transition: all 0.6s ease-in-out;
  746. transition: all 0.6s ease-in-out;
  747. color: #483E04;
  748. text-shadow: 7px 7px 3px #000000;
  749. }
  750.  
  751.  
  752.  
  753. .blinks {
  754. position:fixed;
  755. text-shadow: 0px 0px 11px #7C6868;
  756. left:775px;
  757. top:380px;
  758. transform: rotate(90deg);
  759. text-align: center;
  760. font-family: 'Josefin Sans', sans-serif;
  761. line-height:20px;
  762. font-size: 19px;}
  763.  
  764.  
  765. .blinks a {
  766. padding:10px;
  767. color:#483E04;
  768. margin-right:0px;
  769. -webkit-filter: blur(0px);
  770. -webkit-transition: 0.8s ease-in;
  771. -moz-transition: 1s ease-in;
  772. transition: 1s ease-in;
  773. }
  774.  
  775. .blinks a:hover {
  776. -webkit-transition: all 0.6s ease-in-out;
  777. -moz-transition: all 0.6s ease-in-out;
  778. -o-transition: all 0.6s ease-in-out;
  779. -ms-transition: all 0.6s ease-in-out;
  780. transition: all 0.6s ease-in-out;
  781. color: #483E04;
  782. text-shadow: 7px 7px 3px #000000;
  783. }
  784.  
  785.  
  786.  
  787.  
  788. .clinks {
  789. position:fixed;
  790. font-size:35px;
  791. text-decoration:none;
  792. transform: rotate(-30deg);
  793. -ms-transform: rotate(-30deg);
  794. -webkit-transform: rotate(-30deg);
  795. -o-transform: rotate(-30deg);
  796. -moz-transform: rotate(-30deg);
  797. margin-left:345px;
  798. margin-top:230px;
  799. }
  800.  
  801. .clinks a {
  802. text-shadow:0px 0px 7px #483E04;
  803. text-decoration:none;
  804. color:#483E04;
  805. -webkit-transition: all 0.5s ease-out;
  806. -moz-transition: all 0.5s ease-out;
  807. transition: all 0.5s ease-out;
  808. }
  809.  
  810. .clinks:hover {
  811. -webkit-filter:blur(1px);
  812. -webkit-transition: all 0.5s ease-out;
  813. -moz-transition: all 0.5s ease-out;
  814. transition: all 0.5s ease-out;
  815. transform: rotate(110deg);
  816. -ms-transform: rotate(110deg);
  817. -webkit-transform: rotate(110deg);
  818. -o-transform: rotate(110deg);
  819. -moz-transform: rotate(110deg);
  820. }
  821.  
  822.  
  823.  
  824. .dlinks {
  825. position:fixed;
  826. font-size:17px;
  827. text-decoration:none;
  828. transform: rotate(30deg);
  829. -ms-transform: rotate(30deg);
  830. -webkit-transform: rotate(30deg);
  831. -o-transform: rotate(30deg);
  832. -moz-transform: rotate(30deg);
  833. margin-left:315px;
  834. margin-top:285px;
  835. }
  836.  
  837. .dlinks a {
  838. text-shadow:0px 0px 7px #483E04;
  839. text-decoration:none;
  840. color:#483E04;
  841. -webkit-transition: all 0.5s ease-out;
  842. -moz-transition: all 0.5s ease-out;
  843. transition: all 0.5s ease-out;
  844. }
  845.  
  846. .dlinks:hover {
  847. -webkit-filter:blur(1px);
  848. -webkit-transition: all 0.5s ease-out;
  849. -moz-transition: all 0.5s ease-out;
  850. transition: all 0.5s ease-out;
  851. transform: rotate(-60deg);
  852. -ms-transform: rotate(-60deg);
  853. -webkit-transform: rotate(-60deg);
  854. -o-transform: rotate(-60deg);
  855. -moz-transform: rotate(-60deg);
  856. }
  857.  
  858.  
  859.  
  860. .elinks {
  861. position:fixed;
  862. font-size:22px;
  863. text-decoration:none;
  864. transform: rotate(-90deg);
  865. -ms-transform: rotate(-90deg);
  866. -webkit-transform: rotate(-90deg);
  867. -o-transform: rotate(-90deg);
  868. -moz-transform: rotate(-90deg);
  869. margin-left:305px;
  870. margin-top:245px;
  871. }
  872.  
  873. .elinks a {
  874. text-shadow:0px 0px 7px #483E04;
  875. text-decoration:none;
  876. color:#483E04;
  877. -webkit-transition: all 0.5s ease-out;
  878. -moz-transition: all 0.5s ease-out;
  879. transition: all 0.5s ease-out;
  880. }
  881.  
  882. .elinks:hover {
  883. -webkit-filter:blur(1px);
  884. -webkit-transition: all 0.5s ease-out;
  885. -moz-transition: all 0.5s ease-out;
  886. transition: all 0.5s ease-out;
  887. transform: rotate(70deg);
  888. -ms-transform: rotate(70deg);
  889. -webkit-transform: rotate(70deg);
  890. -o-transform: rotate(70deg);
  891. -moz-transform: rotate(70deg);
  892. }
  893.  
  894.  
  895.  
  896.  
  897.  
  898. .flinks {
  899. position:fixed;
  900. font-size:17px;
  901. text-decoration:none;
  902. transform: rotate(10deg);
  903. -ms-transform: rotate(10deg);
  904. -webkit-transform: rotate(10deg);
  905. -o-transform: rotate(10deg);
  906. -moz-transform: rotate(10deg);
  907. margin-left:360px;
  908. margin-top:300px;
  909. }
  910.  
  911. .flinks a {
  912. text-shadow:0px 0px 7px #483E04;
  913. text-decoration:none;
  914. color:#483E04;
  915. -webkit-transition: all 0.5s ease-out;
  916. -moz-transition: all 0.5s ease-out;
  917. transition: all 0.5s ease-out;
  918. }
  919.  
  920. .flinks:hover {
  921. -webkit-filter:blur(1px);
  922. -webkit-transition: all 0.5s ease-out;
  923. -moz-transition: all 0.5s ease-out;
  924. transition: all 0.5s ease-out;
  925. transform: rotate(-60deg);
  926. -ms-transform: rotate(-60deg);
  927. -webkit-transform: rotate(-60deg);
  928. -o-transform: rotate(-60deg);
  929. -moz-transform: rotate(-60deg);
  930. }
  931.  
  932.  
  933.  
  934. .credit {
  935. position:fixed;
  936. text-shadow: 0px 0px 11px #7C6868;
  937. right:15px;
  938. bottom:15px;
  939. transform: rotate(0deg);
  940. font-family: 'Josefin Sans', sans-serif;
  941. font-size: 17px; }
  942.  
  943.  
  944. .credit a {
  945. padding:10px;
  946. color:#6e6e6e;
  947. margin-right:0px;
  948. -webkit-filter: blur(1px);
  949. -webkit-transition: 0.8s ease-in;
  950. -moz-transition: 1s ease-in;
  951. transition: 1s ease-in;
  952. }
  953.  
  954. .credit a:hover {
  955. -webkit-transition: all 0.6s ease-in-out;
  956. -moz-transition: all 0.6s ease-in-out;
  957. -o-transition: all 0.6s ease-in-out;
  958. -ms-transition: all 0.6s ease-in-out;
  959. transition: all 0.6s ease-in-out;
  960. color: #000000;
  961. text-shadow: 7px 7px 3px #000000;
  962. }
  963.  
  964.  
  965.  
  966.  
  967. /* PAGINATION */
  968.  
  969.  
  970.  
  971.  
  972. #pagination {
  973. position:fixed;
  974. font-family: 'Josefin Sans', sans-serif;
  975. width:300px;
  976. font-size:35px;
  977. top:170px;
  978. left:430px;
  979. letter-spacing:3px;
  980. text-align:center;
  981. z-index:999999999999;
  982. }
  983.  
  984. #pagination a {
  985. text-transform:uppercase;
  986. color:#112927;
  987. -webkit-filter: blur(0px);
  988. -webkit-transition: 0.8s ease-in;
  989. -moz-transition: 1s ease-in;
  990. transition: 1s ease-in;
  991. z-index:999999999999;
  992. }
  993.  
  994. #pagination a:hover {
  995. color:#fff;
  996. -webkit-filter: blur(1px);
  997. -webkit-transition: 0.2s ease-in;
  998. -moz-transition: 1s ease-in;
  999. transition: 1s ease-in;
  1000. }
  1001.  
  1002.  
  1003.  
  1004.  
  1005. /* MISC */
  1006.  
  1007.  
  1008.  
  1009. .audio {
  1010. width:300px;
  1011. padding-bottom:10px;
  1012. background-color:{color:#0b0b0b};}
  1013.  
  1014. .albumart {
  1015. float:left;
  1016. padding:0px 10px 10px 0px;}
  1017.  
  1018. .albumart img {
  1019. width:65px;
  1020. height:65px;}
  1021.  
  1022. .playercontainer {
  1023. text-align:left;
  1024. padding:10px;
  1025. background-color:#0b0b0b;
  1026. width:300px;}
  1027.  
  1028. .audioinfo {
  1029. padding:10px;
  1030. color:#a1a0a0;}
  1031.  
  1032.  
  1033.  
  1034.  
  1035. /* QUESTIONS & ANSWERS DETAILS */
  1036.  
  1037.  
  1038. #asker {
  1039. font-family: 'Raleway', sans-serif;
  1040. text-align:center;
  1041. padding-top: 10px;
  1042. margin-left:0px;
  1043. text-transform:uppercase;
  1044. color: #91a3ac;
  1045. font-size:20px;
  1046. padding:5px;
  1047. letter-spacing:0px
  1048. text-shadow:0 0 2px #aeaeae;
  1049. }
  1050.  
  1051.  
  1052. #asker a{
  1053. font-family: 'Raleway', sans-serif;
  1054. text-transform:uppercase;
  1055. font-size:20px;
  1056. letter-spacing: 0px;
  1057. text-shadow: none;
  1058. color: #91a3ac;
  1059. text-shadow:0 0 2px #1a1a1a;
  1060. -webkit-filter: blur(0.5px);
  1061. }
  1062.  
  1063.  
  1064. #asker a:hover {
  1065. color: #656565;
  1066. letter-spacing: 2px;
  1067. text-shadow:0 0 2px #000;
  1068. -webkit-filter: blur(1px);
  1069. -webkit-transition:all .5s ease-in-out;
  1070. -moz-transition:all .5s ease-in-out;
  1071. transition:all .5s ease-in-out;
  1072. }
  1073.  
  1074.  
  1075.  
  1076. #ask {
  1077. border-left: double 3px #000;
  1078. border-top: double 3px #000;
  1079. border-right: double 3px #000;
  1080. border-bottom: double 3px #000;
  1081. padding:2px;
  1082. color:#e6e6e6;
  1083. text-shadow:1px 1px 0px #000,
  1084. 1px -1px 0px #000,
  1085. -1px -1px 0px #000,
  1086. -1px 1px 0px #000,
  1087. 0px 1px 0px #000,
  1088. 0px -1px 0px #000,
  1089. 1px 0px 0px #000,
  1090. -1px 0px 0px #000;
  1091. font-size:7px;
  1092. text-align:center;
  1093. padding-top: 5px;
  1094. margin-left:0px;
  1095. text-transform:auto;
  1096. letter-spacing:3px
  1097. margin-top:-10px;
  1098. padding:5px;
  1099. background: #000;
  1100. background: url("https://66.media.tumblr.com/2c197e62689eac4fbb4c730663c0bd14/tumblr_oc4aa3bqcg1ud4mdwo2_r1_400.gif");
  1101. background-repeat:repeat;
  1102. padding:2px;
  1103. color:#cacaca;
  1104. text-transform: uppercase;
  1105. border-bottom-left-radius: 20px;
  1106. border-top-right-radius: 20px;
  1107. padding:10px;
  1108. letter-spacing:2px;
  1109. border-bottom:solid 1px #1e1e1e;
  1110. border-top:solid 1px #1e1e1e;
  1111. }
  1112.  
  1113.  
  1114. .ans {
  1115. text-align:center;
  1116. padding:10px;
  1117. }
  1118.  
  1119.  
  1120.  
  1121. /* POST INFO DETAILS */
  1122.  
  1123.  
  1124. #info {
  1125. width:255px;
  1126. padding-top:4px;
  1127. padding-bottom:1px;
  1128. font-size:12px;
  1129. color:#262101;
  1130. text-transform:lowercase;
  1131. letter-spacing:1px;
  1132. font-style:normal;
  1133. text-align:center;
  1134. padding:5px;
  1135. border-top:1px solid #1c1c1c;
  1136. -moz-transition-duration:0.2s;
  1137. -webkit-transition-duration:0.2s;
  1138. -o-transition-duration:0.2s;}
  1139.  
  1140.  
  1141. #info a {
  1142. font-family:calibri;
  1143. font-size:8px;
  1144. color:#262101;
  1145. text-shadow: 0px 0px 3px #7c1f1f;
  1146. padding:5px;
  1147. font-style:normal;}
  1148.  
  1149.  
  1150. #info a:hover {
  1151. color:#eee;
  1152. -webkit-filter: blur(0px);
  1153. -moz-transition-duration:0.2s;
  1154. -webkit-transition-duration:0.2s;
  1155. -o-transition-duration:0.2s;}
  1156.  
  1157.  
  1158. #tags {
  1159. color:#453E11;
  1160. margin-top:5px;
  1161. padding-left:15px;
  1162. text-align:right;
  1163. line-height:9px;
  1164. text-transform:lowercase;
  1165. font-size:9px;
  1166. padding-right:10px;}
  1167.  
  1168. #tags a {
  1169. font-family:calibri;
  1170. color:#453E11;}
  1171.  
  1172. #tags a:hover {
  1173. color:#eee;}
  1174.  
  1175.  
  1176.  
  1177. /* MISC 02. */
  1178.  
  1179.  
  1180.  
  1181. .note {
  1182. text-transform:uppercase;
  1183. font-style:normal;
  1184. letter-spacing:0px;
  1185. font-size: 10px;
  1186. text-align:left;
  1187. line-height:90%;
  1188. margin-left:-40px;}
  1189.  
  1190. .note li {
  1191. list-style-type:none;
  1192. border-bottom:0px solid {color:border};
  1193. padding:10px 25px 10px 25px;
  1194. text-align:left;
  1195. margin:0px;
  1196. -moz-transition-duration:0.5s;
  1197. -webkit-transition-duration:0.5s;
  1198. -o-transition-duration:0.5s;}
  1199.  
  1200. .note img.avatar {
  1201. margin-right: 10px;
  1202. width: 16px;
  1203. height: 16px;}
  1204.  
  1205.  
  1206.  
  1207.  
  1208. /* BASIC POP-UP DETAILS */
  1209.  
  1210.  
  1211.  
  1212. .popup_block{
  1213.  
  1214. display:none;
  1215. background:#a5a1a0;
  1216. padding:20px;
  1217. border:1px solid #888986; /* if you want a solid white pop-up, delete this */
  1218. float:left;
  1219. height: 360px;
  1220. top:395px; left:1155px;
  1221. position:fixed;
  1222. z-index: 99999;
  1223. -webkit-box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  1224. -moz-box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  1225. box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  1226.  
  1227.  
  1228.  
  1229.  
  1230. ::-webkit-scrollbar {
  1231. width: 2px;
  1232. height: 0px;
  1233. background-color:#a5a1a0;
  1234.  
  1235. }
  1236. #scrollbardolliecrave {
  1237. width:2px;
  1238. height:0px;
  1239. position: fixed;
  1240. left: 0px;
  1241. bottom: 0px;
  1242.  
  1243. }
  1244.  
  1245.  
  1246. *html #fade {position: absolute;}
  1247. *html .popup_block {position: absolute;}
  1248. #fade {
  1249. display:none;
  1250. position:fixed;
  1251. left:0px;
  1252. top:0px;
  1253. width:100%;
  1254. height:100%;
  1255. z-index:99999;
  1256. background:#000; /* change to #fff for solid white */
  1257. opacity:0; /* change to opacity:1; */
  1258. }
  1259.  
  1260.  
  1261.  
  1262. .popupnavlinks {
  1263. padding-top:5px;
  1264. text-align:center; }
  1265.  
  1266.  
  1267. .popupnavlinks a {
  1268. display:inline-block;
  1269. width:90px; height:4px;
  1270. margin:2px; padding:3px 6px 10px;
  1271. text-align:center;
  1272. background-image: url('');
  1273. background:#0d0d0d;
  1274. background-repeat:repeat;
  1275. background-attachment:fixed;
  1276. border-left: double 3px #000;
  1277. border-top: double 3px #000;
  1278. border-right: double 3px #000;
  1279. border-bottom: double 3px #000;
  1280. color:#e6e6e6;
  1281. font-size:9px;
  1282. font-family:calibri;
  1283. text-shadow:1px 1px 0px #000,
  1284. 1px -1px 0px #000,
  1285. -1px -1px 0px #000,
  1286. -1px 1px 0px #000,
  1287. 0px 1px 0px #000,
  1288. 0px -1px 0px #000,
  1289. 1px 0px 0px #000,
  1290. -1px 0px 0px #000;
  1291. display: inline-block;
  1292. cursor: pointer;
  1293. }
  1294.  
  1295.  
  1296.  
  1297. .popupnavlinks a:hover {
  1298. display:inline-block;
  1299. letter-spacing:2px; }
  1300.  
  1301.  
  1302.  
  1303. .popupclose {
  1304. float:right; top:0px; right:0px;
  1305. margin-top:-10px; margin-right:-10px;
  1306. font-family:'Scada', sans serif;
  1307. font-size:10px;
  1308. font-weight:bold }
  1309.  
  1310. .popupclose a {
  1311. color:#aaa }
  1312.  
  1313.  
  1314.  
  1315. /* TOOLTIP DETAILS */
  1316.  
  1317.  
  1318.  
  1319. #s-m-t-tooltip{
  1320. max-width:400px;
  1321. margin:15px;
  1322. padding:2px 8px;
  1323. background: #0b0b0b;
  1324. background-image:url('https://66.media.tumblr.com/2c197e62689eac4fbb4c730663c0bd14/tumblr_oc4aa3bqcg1ud4mdwo2_r1_400.gif');
  1325. background-repeat:repeat;
  1326. background-attachment:fixed;
  1327. border-left: double 3px #000;
  1328. border-top: double 3px #000;
  1329. border-right: double 3px #000;
  1330. border-bottom: double 3px #000;
  1331. color:#e6e6e6;
  1332. text-shadow:1px 1px 0px #000,
  1333. 1px -1px 0px #000,
  1334. -1px -1px 0px #000,
  1335. -1px 1px 0px #000,
  1336. 0px 1px 0px #000,
  1337. 0px -1px 0px #000,
  1338. 1px 0px 0px #000,
  1339. -1px 0px 0px #000;
  1340. z-index:99999999999999999999;
  1341. font-size:9px;
  1342. letter-spacing:2px;
  1343. font-style:bold;
  1344. letter-spacing:2px;
  1345. font-family: calibri;
  1346. text-transform:uppercase;
  1347. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  1348.  
  1349.  
  1350.  
  1351. </style>
  1352.  
  1353. </head>
  1354.  
  1355. <body>
  1356.  
  1357.  
  1358.  
  1359. <!--
  1360. ♛ 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.
  1361. -->
  1362.  
  1363.  
  1364. <div id="content">
  1365.  
  1366. <div id="sidebar">
  1367.  
  1368. <img src="{image:Sidebar}" />
  1369.  
  1370. <div id="description">{description}</div>
  1371.  
  1372. </div>
  1373.  
  1374. <div id="pagination">
  1375. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  1376. </div>
  1377.  
  1378.  
  1379. <!--
  1380. ♛ CUSTOM LINKS
  1381. -->
  1382.  
  1383.  
  1384.  
  1385. <div id="links">
  1386.  
  1387.  
  1388. <div class="alinks">
  1389. <a href="https://www.youtube.com/watch?v=KSH-FVVtTf0" title="it is the gods that have woven our destinies, not ourselves.">
  1390. OVERTURN<br> <strong>TEAR DOWN</strong> <br> AND <strong><em>SWALLOW</em></strong>
  1391. </a>
  1392. </div>
  1393.  
  1394.  
  1395. <div class="blinks">
  1396. <a href="#?w=255" rel="box1" class="poplight" title="messages.">
  1397. THERE IS <em>PEACEFUL</em>. THERE IS <strong>WILD</strong>.<br>I am both at the same time.
  1398. </a>
  1399. </div>
  1400.  
  1401.  
  1402. <div class="clinks">
  1403. <a href="#?w=255" rel="box2" class="poplight" title="laws."> ☆ </a>
  1404. </div>
  1405.  
  1406.  
  1407. <div class="dlinks">
  1408. <a href="#?w=255" rel="box3" class="poplight" title="verses."> ✦ </a>
  1409. </div>
  1410.  
  1411.  
  1412. <div class="elinks">
  1413. <a href="#?w=255" rel="box4" class="poplight" title="about."> ☽ </a>
  1414. </div>
  1415.  
  1416.  
  1417. <div class="flinks">
  1418. <a href="#?w=255" rel="box5" class="poplight" title="the map."> ✦ </a>
  1419. </div>
  1420.  
  1421.  
  1422. <div class="credit">
  1423. <a href="http://agirlingrey.tumblr.com/" title="theme by agirlingrey.">A.</a>
  1424. </div>
  1425.  
  1426.  
  1427. </div>
  1428.  
  1429.  
  1430. <!--
  1431. ♛ CUSTOM LINKS ENDS
  1432. -->
  1433.  
  1434.  
  1435.  
  1436. <div id="container">
  1437.  
  1438. <div id="content"><div id="posts">
  1439. {block:Posts}
  1440.  
  1441.  
  1442. {block:Quote}<quotetext>"{Quote}"</quotetext>&nbsp; <br><br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; — {Source} {/block:Quote}
  1443. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  1444. {block:Text}{Body}{/block:Text}
  1445.  
  1446. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  1447.  
  1448. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  1449.  
  1450. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="360px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1451. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1452.  
  1453. {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}
  1454.  
  1455. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1456.  
  1457.  
  1458. {block:Answer}<div id="asker" style="margin-left:-5px;width:250px; color:#91a3ac; text-shadow:0 0 2px #000; ">{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}
  1459.  
  1460.  
  1461. {block:Audio}<div class="audio">
  1462.  
  1463. {block:AlbumArt}
  1464. {/block:AlbumArt}
  1465.  
  1466.  
  1467. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1468. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  1469. <br><div class="playercontainer">{AudioPlayerBlack}</div></div>
  1470. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  1471.  
  1472.  
  1473. <!--
  1474. ♛ INFO AND SYMBOLS
  1475. -->
  1476.  
  1477. <div id="info">
  1478. {block:Date}
  1479. <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 #919191;"> ☆ </a> {/block:Date}
  1480.  
  1481. {block:RebloggedFrom}
  1482. <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 #919191;"> ✦ </a>
  1483. {/block:RebloggedFrom}
  1484.  
  1485. {block:ContentSource}
  1486. <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 #919191;"> ☽ </a>
  1487. {/block:ContentSource}
  1488.  
  1489. {block:NoteCount}
  1490. <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 #919191;"> ✧ </a>
  1491. {/block:NoteCount}
  1492.  
  1493. <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 #919191;"> ✧ </a></br>
  1494. {/block:RebloggedFrom}
  1495.  
  1496.  
  1497. <br>
  1498.  
  1499.  
  1500. <!--
  1501. ♛ INFO AND SYMBOLS ENDS
  1502. -->
  1503.  
  1504.  
  1505. <div id="tags" style="margin-bottom:50px">{block:HasTags}{block:Tags} • <a href="{TagURL}" title="{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</div></div>
  1506.  
  1507. <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1508. {/block:Posts}
  1509. </div>
  1510. </div>
  1511. </div>
  1512.  
  1513.  
  1514.  
  1515. </body>
  1516.  
  1517. <!--
  1518. Circle Image Code
  1519. -->
  1520.  
  1521. <style>.img{width:100px; height:100;
  1522. top:05%; margin-top:10px; left:40%; margin-left:-20px; position:fixed;
  1523. background:#ffffff;
  1524. text-align:center; font-family:times new roman; font-size:40px; letter-spacing:9px; line-height:9px;}
  1525.  
  1526. .circle{border-radius:100px; -webkit-filter: grayscale(1);}
  1527.  
  1528. .asd{width:100%; height:145;
  1529. top:0%; margin-top:0px; left:0%; margin-left:0px; position:fixed;
  1530. background:#ffffff; color:ffffff;}
  1531. </style>
  1532.  
  1533.  
  1534. <!--
  1535. ♛ POP UP PAGES !!!
  1536. -->
  1537.  
  1538.  
  1539. <div id="box1" class="popup_block">
  1540.  
  1541. <h3>
  1542. Knock, knock
  1543. </h3>
  1544.  
  1545. <center>
  1546.  
  1547.  
  1548. <p><iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/lupine88.tumblr.com" width="100%"></iframe></p>
  1549.  
  1550. </div>
  1551.  
  1552. </center>
  1553.  
  1554.  
  1555.  
  1556. <div id="box2" class="popup_block">
  1557.  
  1558. <div style="width:auto;height:350px;overflow:scroll;padding:5px;">
  1559.  
  1560.  
  1561. <h3>Rules of the House</h3>
  1562.  
  1563. <ul><li>Mostly IC. Do not ask for ooc contact.</li>
  1564. <li>Seeks literate writers & creative minds to work with.</li>
  1565. <li>OC but keeping the 'Kai' alias (because I like it) and some general info of the playby.</li>
  1566. <li>Loosely based on the EXO concept.</li></ul>
  1567.  
  1568. <h3>About the Mun</h3>
  1569.  
  1570. <ul><li>Roleplay Veteran of 10 years, numerous hiatuses.</li>
  1571. <li>Interested in fantasy and supernatural.</li></ul>
  1572.  
  1573.  
  1574.  
  1575. </div>
  1576. </div>
  1577.  
  1578.  
  1579.  
  1580.  
  1581. <div id="box3" class="popup_block">
  1582.  
  1583. <h3>Timeline Verses</h3>
  1584.  
  1585. <ul id="tabs">
  1586. <li class="active">MAIN.</li>
  1587. &nbsp;
  1588. <li>OC.</li>
  1589. &nbsp;
  1590. <li>AU.</li>
  1591. &nbsp;
  1592. <li>GROUP.</li>
  1593. </ul>
  1594.  
  1595. <div style="width:auto;height:270px;overflow:scroll;padding:5px;">
  1596.  
  1597.  
  1598.  
  1599. <ul id="tab">
  1600. <li class="active">
  1601.  
  1602.  
  1603. <img src="http://i68.tinypic.com/14t93c6.jpg" align="right" style="height:170px;width:85px;padding-right:5px;padding-bottom:0px;">
  1604. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">Arc 1: Creation.</a></big>
  1605.  
  1606. <br>
  1607.  
  1608. As we begin our story, Kim Jihoon, a 19-year-old heir to a conglomerate and performing arts dancer, comes across an unknown red-headed female wounded in the woods nearby his home. Deciding to take the girl into his care to heal when she refused to admit into a hospital; the young man finds himself dragged into a dangerous situation. J3A0091, otherwise known as Aethra, is being hunted down by her 'father' from the lab she was created and raised. Will the two manage to defeat him? Will Aethra finally enjoy life's simpliest things?
  1609.  
  1610. <br><br>
  1611.  
  1612. <img src="http://i63.tinypic.com/dcpk3p.jpg" align="left" style="height:170px;width:85px;padding-right:5px;padding-bottom:0px;">
  1613. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">Arc 2: Rebirth.</a></big>
  1614.  
  1615. <br>
  1616.  
  1617. After the events of Arc 1, Jihoon's trials and tribulations has only begun. Isolating himself within the confines of his home for the next two months after Arc 1, childhood friend and fellow performer, Lee Haneul, effectively influences him to study abroad in the performing arts in London together. Needing the change of scenery to reevaluate his life and take his mind off, Jihoon gets acceptance from his father with the compromise of taking some business classes as well. With Haneul at his side, Jihoon enrolls in a London university for his freshmen year. Meant to be a period of healing and to develop his talent; Jihoon and his circle encounters an infamous danger of London that unravels his plans.
  1618.  
  1619. <br><br>
  1620.  
  1621. <img src="http://i67.tinypic.com/2s6nf9z.jpg" align="right" style="height:170px;width:85px;padding-right:5px;padding-bottom:0px;">
  1622. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">Arc 3: <i>TBD</i>.</a></big>
  1623.  
  1624. <br>
  1625.  
  1626. Proin blandit sollicitudin aliquet. Donec sed malesuada nibh. Sed quis fermentum velit. Praesent tincidunt, lectus in bibendum ornare, odio odio mattis purus, sit amet molestie orci velit et justo. Nunc cursus porta vestibulum. Curabitur elementum volutpat tortor, ut maximus enim. In hac habitasse platea dictumst. Sed tincidunt non tellus at efficitur. Sed id est tincidunt, euismod metus quis, aliquam mauris. Nulla nunc magna, fermentum semper pulvinar quis, facilisis eu tortor. Duis facilisis nulla et nunc fermentum ultricies. Pellentesque quis vulputate dolor. In non gravida arcu. Nunc nec libero fringilla, hendrerit leo sed, imperdiet purus.
  1627.  
  1628.  
  1629. <br><br>
  1630.  
  1631. <img src="https://67.media.tumblr.com/e96479e79dfc7c4d439cd8bf87e11a4a/tumblr_oc48lgd1hg1ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1632. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">Arc 4: <i>TBD</i>.</a></big>
  1633.  
  1634. <br>
  1635.  
  1636. Phasellus consectetur vitae sapien sed maximus. Phasellus vel nulla non purus ultricies euismod. Phasellus non orci tincidunt, commodo ligula id, elementum augue. Quisque at elit at justo mattis tristique eget non turpis. Duis euismod, mi ut sollicitudin sollicitudin, sapien lorem dapibus orci, id scelerisque ipsum dui non augue. Donec tortor mauris, venenatis nec finibus in, eleifend ac justo. Morbi a vulputate turpis. Proin hendrerit, urna sed iaculis euismod, est nisi vehicula nisi, vel convallis nibh tellus ac nibh. Vestibulum volutpat pellentesque sapien, nec pretium nulla aliquam nec. Cras ultrices nisl sit amet nulla consequat efficitur.
  1637.  
  1638. <br><br>
  1639.  
  1640. <img src="https://66.media.tumblr.com/6b6b80e2545ce4977586403217aacdb5/tumblr_oc495wFwrl1ud4mdwo1_100.png" align="right" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1641. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">Arc 5: <i>TBD</i>.</a></big>
  1642.  
  1643. <br>
  1644.  
  1645. Nulla tincidunt felis non venenatis euismod. Fusce odio tellus, consectetur vitae erat non, feugiat tincidunt metus. Mauris suscipit ex sit amet arcu fermentum, eu fringilla diam consequat. Nullam imperdiet suscipit turpis, ac semper enim fringilla sit amet. Nullam ac magna pharetra, elementum sapien quis, pharetra elit. Suspendisse faucibus neque ligula, sit amet tempor est venenatis a. Praesent eleifend fringilla enim, vel varius libero laoreet eget. Aliquam erat volutpat. Phasellus tempor mi vitae enim consequat tempor. Cras condimentum quis tellus vel mattis. Cras sit amet est at neque luctus congue.
  1646.  
  1647.  
  1648. <br><br>
  1649.  
  1650. <img src="https://66.media.tumblr.com/6b6b80e2545ce4977586403217aacdb5/tumblr_oc495wFwrl1ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1651. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">Arc 6: <i>TBD</i>.</a></big>
  1652.  
  1653. <br>
  1654.  
  1655. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce scelerisque nec orci ac elementum. Etiam dictum leo in leo fringilla, at ultricies arcu venenatis. Ut dignissim pretium volutpat. Nullam pharetra, nunc volutpat porttitor congue, libero felis tincidunt quam, at hendrerit velit augue vel odio. Praesent tincidunt lorem vitae maximus porta. Suspendisse hendrerit ut velit eget mattis. Proin malesuada efficitur ligula, a posuere sapien mollis et. Etiam volutpat in lectus at malesuada. Nunc et interdum leo.
  1656.  
  1657.  
  1658. </li>
  1659. </ul>
  1660.  
  1661.  
  1662. </div>
  1663. </div>
  1664.  
  1665.  
  1666.  
  1667. <div id="box4" class="popup_block">
  1668.  
  1669. <div style="width:auto;height:350px;overflow:scroll;padding:5px;">
  1670.  
  1671.  
  1672.  
  1673. <span style="line-height:5px">
  1674.  
  1675.  
  1676. <h3>Kim Jihoon<p>Bradley William Kim</p></h3>
  1677.  
  1678. <img src="http://i66.tinypic.com/28tfgwj.jpg" height="100" class="circle" align="right">Light-hearted laughs to a unamused lip. The sharpness in his eyes to the softness of his brow. The language in which his body gestures tell you when words from his thoughts were unspoken. The man that is Jihoon displays numerous characteristics that can leave others befuddled on his true nature. Whimsical at times upon those he familiarizes himself with, other times, he can be found as a lone wolf. Giving in completely during situations is not upon his nature, but compromise can be reached. He is friendly at first, so don't make him bite.
  1679.  
  1680. <br><Br>
  1681. <img src="http://i64.tinypic.com/2mea0s0.jpg" height="100" class="circle" align="left">The rebel that he is, he ventured away from his chaebol position in his household in pursuit of his own interests. His family is a multinational conglomerate that branches from manufacturing to crude oil. He is currently a freelance artist of sorts, living a few blocks away from a performing theater he frequently visits to dance. He is an active member in a dance troupe. Jongin still keeps in contact with his family, but he still rejects the thought of taking over the family business. Jihoon holds a secret about his origin that no one has yet to discover.
  1682.  
  1683.  
  1684. <h3>Beneath my skin; the Beast</h3>
  1685.  
  1686. <a href="https://www.youtube.com/watch?v=tCraTquoTMU"><img src="http://i61.tinypic.com/1rcfoz.jpg" height="100" class="circle" align="right"></a>
  1687. <b>Given Name:</b> Kim Jihoon<br>
  1688. <b>English Name:</b> Bradley William Kim<br>
  1689. <b>Alias:</b> Kai<br>
  1690. <b>Original Name:</b> Diend
  1691. <br><b>Nicknames:</b> sunshine, wolfboy, Luigi, Nini, Caretaker
  1692. <br><b>Species:</b> Half-human hybrid<br>
  1693. <b>Family dynamic:</b> Self, mother, father, two sisters, two dogs. <br>
  1694. <b>Origin:</b> Unclassified Exoplanet<br>
  1695. <b>Current Residence:</b> Seoul, South Korea<br>
  1696. <b>Powers:</b> Teleportation, super strength/speed/sense of smell, henshin, high body heat. Others unknown.
  1697.  
  1698.  
  1699. <h3>A little deeper</h3>
  1700.  
  1701. Honest, benevolent, brilliant and often inventive, full of high inspirations. Courageous, honest, determined, original and creative. A leader, especially for a cause. Sometimes does not care to finish what is started, and may leave details to others. Can do well in position of authority, and prospers in intellectual and professional fields. Intuitive and might be interested in the arts, drama or science.
  1702. <br><br>
  1703.  
  1704. Position and social status is very important for ones' self and are always looking for way to improve one's position in society. Has power and ability to chose one's own destiny and achieve anything wanted in life. Can expand in any direction according to one's will and the set of values. You have passion for justice and belong to the position of authority. You have an inherent courage and endurance to accomplish "The Impossible Dream". With the power comes responsibility. You hold keys to the material world, but with this gift comes high spiritual responsibility to be fair and true to others. You are philosophical and mature, determined and intense with a desire to endure, often religious.
  1705.  
  1706.  
  1707. </div>
  1708. </div>
  1709.  
  1710.  
  1711.  
  1712. <div id="box5" class="popup_block">
  1713.  
  1714. <div style="width:auto;height:350px;overflow:scroll;padding:5px;">
  1715.  
  1716. <center>
  1717.  
  1718. <h3>NAVIGATION</h3>
  1719.  
  1720.  
  1721. <div class="popupnavlinks">
  1722.  
  1723. <a href="/tagged/whatever">LINK</a>
  1724. <a href="/tagged/whatever">LINK</a>
  1725. <br>
  1726. <a href="/tagged/whatever">LINK</a>
  1727. <a href="/tagged/whatever">LINK</a>
  1728. <br>
  1729. <a href="/tagged/whatever">LINK</a>
  1730. <a href="/tagged/whatever">LINK</a>
  1731. <br>
  1732. <a href="/tagged/whatever">LINK</a>
  1733. <a href="/tagged/whatever">LINK</a>
  1734. <br>
  1735. <a href="/tagged/whatever">LINK</a>
  1736. <a href="/tagged/whatever">LINK</a>
  1737. <br>
  1738. <a href="/tagged/whatever">LINK</a>
  1739. <a href="/tagged/whatever">LINK</a>
  1740. <br>
  1741. <a href="/tagged/whatever">LINK</a>
  1742. <a href="/tagged/whatever">LINK</a>
  1743.  
  1744.  
  1745. <br><br><br>
  1746.  
  1747.  
  1748. </div>
  1749. </div>
  1750. </div>
  1751.  
  1752.  
  1753. <!--
  1754. ♛ CUSTOM SIDEBAR TEXT
  1755. -->
  1756.  
  1757.  
  1758.  
  1759. <div id="bite">
  1760. <div id="thekey"></div>
  1761. <div class="death">
  1762. <div id="actualnews">
  1763.  
  1764. <center>
  1765.  
  1766.  
  1767. <div style="width:auto;height:280px;overflow:scroll;padding:5px;">
  1768.  
  1769. <h4>
  1770. I'd rather bend than break
  1771. </h4>
  1772.  
  1773. <b>Kai</b>: Short from the chinese 开门 (kāimén) which means ‘to open doors’.
  1774.  
  1775. <h4>
  1776. I'm creepin' in your heart
  1777. </h4>
  1778.  
  1779. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=https://dl.dropboxusercontent.com/u/79033642/02.%20Monster.mp3&t0=Monster&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  1780.  
  1781. <br><br><b>A/N:</b> <i>Best viewed through Chrome.</i>
  1782.  
  1783.  
  1784. </center>
  1785.  
  1786.  
  1787. </div>
  1788. </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!