Advertisement
renxei

Nimo x Bya :3c

Jun 24th, 2019
70
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.37 KB | None | 0 0
  1. <html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="https://66.media.tumblr.com/fc7d029105f6c526b999327332541d97/tumblr_mto9heqfUj1rfjowdo1_500.gif">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9. </head>
  10.  
  11. <!-- ~ code created by AWOKENHOPE.TUMBLR.COM
  12. ~ do not steal this code
  13. ~ do not use as a base code
  14. ~ feel free to ask any questions -->
  15.  
  16.  
  17.  
  18.  
  19. <!--TYPING/MOVING TITLE. IF YOU DON'T WANT A MOVING TITLE JUST DELETE UNTIL "END." -->
  20.  
  21. <script type="text/javascript">
  22. var rev = "fwd";
  23. function titlebar(val)
  24. {
  25. var msg = "{text:bar 1 text}"; // THIS IS WHERE YOU WOULD CHANGE YOUR TITLE //
  26. var res = " ";
  27. var speed = 125; // CHANGE THE SPEED HERE //
  28. var pos = val;
  29. msg = "{text:tab 2 text}"; // CHANGE THIS TO MATCH THE TITLE //
  30. var le = msg.length;
  31. if(rev == "fwd"){
  32. if(pos < le){
  33. pos = pos+1;
  34. scroll = msg.substr(0,pos);
  35. document.title = scroll;
  36. timer = window.setTimeout("titlebar("+pos+")",speed);}
  37. else{
  38. rev = "bwd";
  39. timer = window.setTimeout("titlebar("+pos+")",speed);}}
  40. else{
  41. if(pos > 0){
  42. pos = pos-1;
  43. var ale = le-pos;
  44. scrol = msg.substr(ale,le);
  45. document.title = scrol;
  46. timer = window.setTimeout("titlebar("+pos+")",speed);}
  47. else{
  48. rev = "fwd";
  49. timer = window.setTimeout("titlebar("+pos+")",speed);
  50. }}}
  51. titlebar(0);
  52. </script>
  53. </head>
  54.  
  55. <!-- END. -->
  56.  
  57. <!--POP UPS -->
  58.  
  59. <script type="text/javascript"
  60. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  61. <script>
  62. $(document).ready(function() {
  63. //
  64. $('a.poplight[href^=#]').click(function() {
  65. var popID = $(this).attr('rel'); //Get Popup Name
  66. var popURL = $(this).attr('href'); //Get Popup href to define size
  67. var query= popURL.split('?');
  68. var dim= query[1].split('&');
  69. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  70. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  71. var popMargTop = ($('#' + popID).height() + 80) / 2;
  72. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  73. //Apply Margin to Popup
  74. $('#' + popID).css({
  75. 'margin-top' : -popMargTop,
  76. 'margin-left' : -popMargLeft
  77. });
  78. $('body').append('<div id="fade"></div>');
  79. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  80. return false;
  81. });
  82. $('a.close, #fade').live('click', function() {
  83. $('#fade , .popup_block').fadeOut(function() {
  84. $('#fade, a.close').remove(); //fade them both out
  85. });
  86. return false;
  87. });
  88. });
  89. </script>
  90.  
  91.  
  92.  
  93.  
  94.  
  95. <!-- FONT AWESOME - DON'T TOUCH THIS IF YOU WANT TO USE FONT AWESOME -->
  96. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  97.  
  98.  
  99. <!-- TOOLTIP -->
  100. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>
  101. (function($){
  102. $(document).ready(function(){
  103. $("a[title]").style_my_tooltips({
  104. tip_follows_cursor:true,
  105. tip_delay_time:90,
  106. tip_fade_speed:600,
  107. attribute:"title"
  108. });
  109. });
  110. })(jQuery);
  111.  
  112. </script>
  113.  
  114. <!-- TABBED POP UP TITLES -->
  115. <script>
  116.  
  117. $(document).ready(function(){
  118. $("ul#tabs li").click(function(e){
  119. if (!$(this).hasClass("active")) {
  120. var tabNum = $(this).index();
  121. var nthChild = tabNum+1;
  122. $("ul#tabs li.active").removeClass("active");
  123. $(this).addClass("active");
  124. $("ul#tab li.active").removeClass("active");
  125. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  126. }
  127. });
  128. });
  129. </script>
  130.  
  131. <!-- PUT YOUR PLAYLIST BELOW THIS LINE -->
  132.  
  133.  
  134.  
  135.  
  136.  
  137. <!-- DROP DOWN VERSES. IF YOU DON'T WANT DROP DOWN VERSES THEN DELETE UNTIL "END." -->
  138. <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  139. <script type="text/javascript">
  140. $(document).ready(function(){
  141. $(".links_body").hide();
  142. $(".links_head").click(function(){
  143. $(this).next(".links_body").slideToggle('fast');
  144. }); }); </script>
  145.  
  146.  
  147. <!-- END. -->
  148.  
  149. <!-- EDITOR -->
  150.  
  151. <meta name="text:bar 1" content="tab stuff 1"/>
  152. <meta name="text:bar 2" content="tab stuff 2"/>
  153.  
  154.  
  155. <meta name="text:tab 1 title" content="side bar title 1"/>
  156. <meta name="text:tab 1 text" content="add anything you want here 1"/>
  157.  
  158. <meta name="text:tab 2 title" content="side bar title 2"/>
  159. <meta name="text:tab 2 text" content="add anything you want here 2"/>
  160.  
  161. <meta name="text:tab 3 title" content="side bar title 3"/>
  162. <meta name="text:tab 3 text" content="add anything you want here 3"/>
  163.  
  164.  
  165. <meta name="text:link 1 title" content="link one"/>
  166. <meta name="text:link 1 url" content="/"/>
  167. <meta name="text:link 2 title" content="link two"/>
  168. <meta name="text:link 2 url" content="/"/>
  169. <meta name="text:link 3 title" content="link three"/>
  170. <meta name="text:link 3 url" content="/"/>
  171. <meta name="text:link 4 title" content="link four"/>
  172. <meta name="text:link 4 url" content="/"/>
  173. <meta name="text:link 5 title" content="link five"/>
  174. <meta name="text:link 5 url" content="/"/>
  175. <meta name="text:link 6 title" content="link six"/>
  176. <meta name="text:link 6 url" content="/"/>
  177. <meta name="text:link 7 title" content="link seven"/>
  178. <meta name="text:link 7 url" content="/"/>
  179. <meta name="text:link 8 title" content="link eight"/>
  180. <meta name="text:link 8 url" content="/"/>
  181. <meta name="text:link 9 title" content="link nine"/>
  182. <meta name="text:link 9 url" content="/"/>
  183.  
  184. <meta name="text:law title" content="link one"/>
  185. <meta name="text:law url" content="/"/>
  186.  
  187.  
  188. <!-- END EDITOR -->
  189.  
  190.  
  191.  
  192. <!-- GOOGLE STYLE FONTS -->
  193.  
  194.  
  195.  
  196. <link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
  197.  
  198. <link href="https://fonts.googleapis.com/css?family=Playfair+Display+SC&display=swap" rel="stylesheet">
  199.  
  200.  
  201. <!-- END OF GOOGLE STYLE FONTS -->
  202.  
  203.  
  204. <script>
  205.  
  206. (function($){
  207.  
  208. $(document).ready(function(){
  209.  
  210. $("a[title]").style_my_tooltips({
  211.  
  212. tip_follows_cursor:true,
  213.  
  214. tip_delay_time:30,
  215.  
  216. tip_fade_speed:300,
  217.  
  218. attribute:"title"
  219.  
  220. });
  221.  
  222. });
  223.  
  224. })(jQuery);
  225.  
  226. </script>
  227.  
  228. <style type="text/css">
  229.  
  230.  
  231. /* SCROLLBAR */
  232. ::-webkit-scrollbar-thumb{
  233. background-color: transparent; /* CHANGE THE SCROLLBAR COLOR HERE */
  234. border: 1px solid transparent; /* CHANGE THE SCROLLBAR COLOR HERE */
  235. height: auto; }
  236.  
  237. ::-webkit-scrollbar {
  238. height: auto;
  239. width: 0px;
  240. background-color: transparent; }
  241.  
  242. *, body, a {cursor: url(https://78.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_okvj3mp7hR1t4i7gb_540.png), auto;}
  243. a:hover {cursor: url(https://78.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_okvj5qqS8G1t4i7gb_540.png), auto;}
  244.  
  245.  
  246. /* BACKGROUND IMAGE, FONT, FONT SIZE & FONT COLOR */
  247.  
  248.  
  249.  
  250.  
  251. body {
  252. background-color:#272727; /*BACKGROUND COLOR */
  253. background-image:url('https://i.imgur.com/rSJocGC.png'); /* BACKGROUND IMAGE. DELETE IF YOU DON'T WANT */
  254. background-repeat:no-repeat;
  255. background-position:fixed;
  256. background-attachment:fixed;
  257. font-size:11px;
  258. color:#000; /* FONT COLOR */
  259. text-align: justify;
  260. font-family: Arial;
  261. line-height: 19px;
  262. letter-spacing: 1px;
  263.  
  264. }
  265.  
  266.  
  267. /* DON'T TOUCH FROM HERE - */
  268.  
  269. small, sub, sup {
  270. font-size:100%;
  271. }
  272.  
  273. /* - TO HERE */
  274.  
  275.  
  276. /* CONTAINER POSITIONING */
  277.  
  278.  
  279. #container {
  280. position:absolute;
  281. background:#988e90; /* BACKGROUND COLOR OF CONTAINER */
  282. left:150px;
  283. top:0px;
  284. height:700px;
  285. width:400px; /* MAKE SURE YOU EDIT THE WIDTH IN POSTS TOO */
  286. line-height:100%;
  287. margin:auto;
  288. position:fixed;
  289. overflow-y:scroll;
  290. overflow-x:hidden;
  291. border-left: 2px solid #000;
  292. border-right: 2px solid #000;
  293. }
  294.  
  295. #container:hover {
  296. opacity:1;
  297. background-color:#c1b6b; /* MAKE SURE THIS MATCHES THE BACKGROUND OF CONTAINER */
  298. z-index:9999;
  299. }
  300.  
  301. /* POSTS */
  302.  
  303. .posts {
  304. width:379.5px; /*MAKE SURE THIS IS 20.5 PIXELS BELOW YOUR CONTAINER WIDTH */
  305. background-color:transparent;
  306. padding:10px;
  307. padding-top:20px;
  308. margin-bottom:30px; }
  309.  
  310. img {
  311. max-width:100%;
  312. border:none; }
  313.  
  314. .caption img {
  315. max-width:100%;
  316. height:auto; }
  317.  
  318. .posts img {
  319. max-width:100%;
  320. margin-top:5px;
  321. margin-bottom:5px;}
  322.  
  323.  
  324. /* LINKS IN POSTS */
  325.  
  326. a {
  327. text-decoration:none;
  328. color:#fff;
  329. text-transform:uppercase;}
  330.  
  331. a:hover {
  332. color:#fab4db; }
  333.  
  334. /* BOLD & ITALICS */
  335.  
  336. b, strong {
  337. color:#ed99b7;
  338. font-size:13px;
  339. font-family: times;
  340. text-transform:uppercase;
  341. line-height: 1em;
  342. }
  343.  
  344.  
  345. i, em {
  346. color:#d1b2e7;
  347. text-transform:lowercase;
  348. font-family: times;
  349. font-size: 13px;
  350.  
  351.  
  352. }
  353.  
  354. big {
  355. font-size:16px;
  356. text-transform:uppercase;
  357. letter-spacing:2px;
  358. font-family: 'Playfair Display SC', serif;
  359. color:#6e9ba7;
  360. text-shadow: 0px 0px 2px #000;
  361. }
  362.  
  363. /* BLOCKQUOTE */
  364.  
  365. blockquote {
  366. padding:5px;
  367. margin:5px 5px 5px 5px;
  368. border-left:2px solid #7a4398;
  369. border-radius: 10px;}
  370.  
  371. blockquote img {
  372. max-width:100%;
  373. height:auto; }
  374.  
  375. /* IMAGE - DO NOT TOUCH */
  376.  
  377. img {
  378. max-width: 100%;
  379. border:none; }
  380.  
  381. .caption img {
  382. max-width:315px;
  383. height:auto; }
  384.  
  385. /* HEADERS */
  386.  
  387. h1 {
  388. font-weight:normal;
  389. font-size:20px;
  390. text-align:center;
  391. font-family: 'Playfair Display SC', serif;
  392. color:#d67397;
  393. line-height:20px;
  394. text-transform:uppercase;}
  395.  
  396. h2 {
  397. font-weight:normal;
  398. font-size:14px;
  399. text-align:center;
  400. font-family: 'Playfair Display SC', serif;
  401. line-height:15px;
  402. text-transform:uppercase;}
  403.  
  404. h3 {
  405. font-family: 'Abril Fatface', cursive;
  406. font-size: 12px;
  407. padding: 3px 3px;
  408. margin: 5px 0px 0px;
  409. letter-spacing: 1px;
  410.  
  411. background-image:url(''); /* INFO BACKGROUND */
  412. background-repeat:repeat;
  413. background-attachment:fixed;
  414.  
  415. border:dotted 1px #000; /* BORDER */
  416. line-height: normal;
  417. text-transform: uppercase;
  418. color: #000; /* FONT COLOR */
  419. text-align: center;
  420. width:auto;
  421. position:relative;,
  422. border-radius: 20px 20px;
  423.  
  424. }
  425.  
  426. /* NOTES & TAGS */
  427.  
  428. #info {
  429. width:auto;
  430. height:10px;
  431. padding: 5px 5px 8px 5px;
  432. font-family: arial;
  433. background-color:transparent; /* INFO BACKGROUND COLOR */
  434. background-image:url('https://i.imgur.com/LN6NEj4.png'); /* INFO BACKGROUND */
  435. background-repeat:repeat;
  436. background-attachment:fixed;
  437. border-left:solid 3px #000; /* INFO BORDER */
  438. border-right:solid 3px #000; /* INFO BORDER */
  439. text-transform:uppercase;
  440. text-align:center;
  441. overflow-y:scroll;
  442. word-spacing:10px;
  443. font-size:12px;
  444. position:relative;
  445. border-radius: 0px 0px;}
  446.  
  447. #info a {
  448. color:#fff;
  449.  
  450. font-style:normal;}
  451.  
  452.  
  453. #info a:hover {
  454. color:#000;
  455. transition-duration:0.9s;
  456. -webkit-transition-duration:0.9s;
  457. -o-transition-duration:0.9s;}
  458.  
  459. .infooutline {
  460. width:auto;
  461. height:auto;
  462. padding:2px 2px;
  463. border:1px dotted #000;
  464.  
  465. background:#fff;
  466. background-attachment:fixed;
  467. background-color:transparent;
  468. background-repeat:repeat;
  469. font-style:normal;
  470. line-height:120%;
  471. font-size:10px;
  472. opacity:1;
  473. text-align:right;
  474.  
  475. -moz-transition-duration:0.5s;
  476. -webkit-transition-duration:0.5s;
  477. -o-transition-duration:0.5s;}
  478.  
  479. .tags {
  480. background:transparent; /* BACKGROUND COLOR FOR TAGS */
  481. text-align:right; /* IF YOU WANT YOU CAN MAKE THIS EITHER CENTER OR LEFT */
  482. font-family: arial;
  483. font-size:8px;
  484. padding-top:5px;
  485. padding-bottom:5px;
  486. height:auto;
  487. width:auto;
  488. }
  489.  
  490. /* NAVIGATION */
  491.  
  492. #link1 {
  493. position:absolute;
  494.  
  495. position:fixed;
  496. width:100px;
  497. font-family: 'Playfair Display SC', serif;
  498. margin-top: 110px; /* TOP/BOTTOM POSITIONING */
  499. margin-left:600px; /* LEFT/RIGHT POSITIONING */
  500. font-size:25px;
  501. line-height:100%;
  502. z-index: 99999;
  503. transform:rotate(0deg); /* IF YOU WANT THEM TO ROTATE CHANGE THE ZERO TO ANY NUMBER WITHIN 360 DEGREES OR -180 TO 180*/
  504. }
  505.  
  506. #link1 a {
  507. width:30px;
  508. line-height:100%;
  509. margin-bottom:10px;
  510. margin-left:2px;
  511. opacity:1;
  512. color:#fff; /* LINK COLOR */
  513. text-shadow: 0 0 15px #fff; /* LINK SHADOW */
  514. letter-spacing:0px;
  515. text-decoration:none; }
  516.  
  517.  
  518. #link1 a:hover {
  519.  
  520. width:60px;
  521. color: #cc465d;
  522. text-shadow: 0 0 15px #66a89e; /* LINK SHADOW */
  523.  
  524. }
  525.  
  526. #link2 {
  527. position:absolute;
  528. position:fixed;
  529. width:100px;
  530. font-family: 'Playfair Display SC', serif;
  531. margin-top: 80px; /* TOP/BOTTOM POSITIONING */
  532. margin-left:630px; /* LEFT/RIGHT POSITIONING */
  533. font-size:35px;
  534. line-height:100%;
  535. z-index: 99999;
  536. transform:rotate(0deg); /* IF YOU WANT THEM TO ROTATE CHANGE THE ZERO TO ANY NUMBER WITHIN 360 DEGREES OR -180 TO 180*/
  537. }
  538.  
  539. #link2 a {
  540. width:30px;
  541. line-height:100%;
  542. margin-bottom:10px;
  543. margin-left:2px;
  544. opacity:1;
  545. color:#fff; /* LINK COLOR */
  546. text-shadow: 0 0 15px #fff; /* LINK SHADOW */
  547. letter-spacing:0px;
  548. text-decoration:none; }
  549.  
  550. #link2 a:hover {
  551.  
  552. width:60px;
  553. color: #cf4866;
  554. text-shadow: 0 0 15px #66a89e; /* LINK SHADOW */
  555. }
  556.  
  557. #link3 {
  558. position:absolute;
  559. position:fixed;
  560. font-family: 'Playfair Display SC', serif;
  561. width:100px;
  562. margin-top: 150px; /* TOP/BOTTOM POSITIONING */
  563. margin-left:800px; /* LEFT/RIGHT POSITIONING */
  564. font-size:40px;
  565. line-height:100%;
  566. z-index: 99999;
  567. transform:rotate(0deg); /* IF YOU WANT THEM TO ROTATE CHANGE THE ZERO TO ANY NUMBER WITHIN 360 DEGREES OR -180 TO 180*/
  568. }
  569.  
  570. #link3 a {
  571. width:30px;
  572. line-height:100%;
  573. margin-bottom:10px;
  574. margin-left:2px;
  575. opacity:1;
  576. color:#fff; /* LINK COLOR */
  577. text-shadow: 0 0 15px #fff; /* LINK SHADOW */
  578. letter-spacing:0px;
  579. text-decoration:none; }
  580.  
  581. #link3 a:hover {
  582.  
  583. width:60px;
  584. color: #ce4863;
  585. text-shadow: 0 0 15px #66a89e; /* LINK SHADOW */
  586. }
  587. #link4 {
  588. position:absolute;
  589. position:fixed;
  590. font-family: 'Playfair Display SC', serif;
  591. width:120px;
  592. margin-top: 90px; /* TOP/BOTTOM POSITIONING */
  593. margin-left:750px; /* LEFT/RIGHT POSITIONING */
  594. font-size:35px;
  595. line-height:100%;
  596. z-index: 99999;
  597. transform:rotate(0deg); /* IF YOU WANT THEM TO ROTATE CHANGE THE ZERO TO ANY NUMBER WITHIN 360 DEGREES OR -180 TO 180*/
  598. }
  599.  
  600. #link4 a {
  601. width:30px;
  602. line-height:100%;
  603. margin-bottom:10px;
  604. margin-left:2px;
  605. opacity:1;
  606. color:#fff; /* LINK COLOR */
  607. text-shadow: 0 0 15px #fff; /* LINK SHADOW */
  608. letter-spacing:0px;
  609. text-decoration:none; }
  610.  
  611. #link4 a:hover {
  612.  
  613. width:60px;
  614. color: #ce4863;
  615. text-shadow: 0 0 15px #66a89e; /* LINK SHADOW */
  616. }
  617.  
  618.  
  619.  
  620.  
  621. /* CREDIT. DO NOT DELETE. YOU MAY MOVE & CHANGE COLOR BUT MAKE SURE IT IS STILL THERE */
  622.  
  623. #credit {
  624. position:absolute;
  625. position:fixed;
  626. font-family: 'Playfair Display SC', serif;
  627. text-transform:bold;
  628. width:auto;
  629. height:auto;
  630. bottom:25px;
  631. left:10px;
  632. padding: 2px 2px 2px;
  633. font-size:30px;
  634. line-height:100%;
  635. z-index:99999999;
  636. letter-spacing: 1px;
  637. }
  638.  
  639. #credit a {
  640. width:30px;
  641. line-height:100%;
  642. margin-bottom:10px;
  643. opacity:1;
  644. color:#000;
  645. letter-spacing:0px;
  646. text-decoration:none;
  647. -webkit-filter: blur(0px) ;
  648. -webkit-transition: 0.7s ease-in; >
  649. -moz-transition: }
  650.  
  651. #credit a:hover {
  652. width:60px;
  653. color: #d14966;
  654. text-shadow: 0 0 15px #66a89e; /* LINK SHADOW */
  655. }
  656.  
  657.  
  658.  
  659.  
  660.  
  661. /* PAGINATION */
  662.  
  663. #pagination {
  664. position:fixed;
  665. font-size:50px;
  666. top:510px; /* TOP/BOTTOM POSITIONING */
  667. left:730px; /* LEFT/RIGHT POSITIONING */}
  668.  
  669. #pagination a {
  670. width:140px;
  671. line-height:100%;
  672. color:#fff; /* PAGINATION COLORING */
  673. font-size:35px;
  674. text-decoration:none; }
  675.  
  676. #pagination a:hover {
  677. width:40px;
  678. color: #e39cc5;
  679. text-shadow: 0 0 15px #e39cc5; /* LINK SHADOW */
  680. -moz-transition-duration:.9s;
  681. -webkit-transition-duration:.9s;
  682. -o-transition-duration:.9s; }
  683.  
  684. #paginationb {
  685. position:fixed;
  686. font-size:35px;
  687. top:510px; /* TOP/BOTTOM POSITIONING */
  688. left:650px; /* LEFT/RIGHT POSITIONING */}
  689.  
  690. #paginationb a {
  691. width:140px;
  692. line-height:100%;
  693. color:#fff; /* PAGINATION COLORING */
  694. font-size:35px;
  695. text-decoration:none; }
  696.  
  697. #paginationb a:hover {
  698. width:40px;
  699. color: #e39cc5;
  700. text-shadow: 0 0 15px #e39cc5; /* LINK SHADOW */
  701. -moz-transition-duration:.9s;
  702. -webkit-transition-duration:.9s;
  703. -o-transition-duration:.9s; }
  704.  
  705. /* THINGS PERTAINING TO ASKS */
  706.  
  707. .ask {
  708. background-image:url(''); /* ASK BACKGROUND */
  709. background-color:#e0d8da;
  710. background-repeat:repeat;
  711. background-attachment: fixed;
  712. border: double 3px #000;
  713. }
  714.  
  715. .askerurl {
  716. height:10px;
  717. text-align: left;
  718. margin-top:-25px;}
  719.  
  720. .askerurl a {
  721. font-family: 'Playfair Display SC', serif;
  722. line-height: 1em;
  723. font-size:20px;
  724. letter-spacing:2px;
  725. color:#fff; /* ASKER'S URL COLOR */
  726. text-align:center;
  727.  
  728.  
  729. }
  730.  
  731. .askerurl a:hover {
  732. color:#d24a69; /* ASKER'S URL COLOR */
  733. letter-spacing: 3px;
  734. }
  735.  
  736. .question {
  737. text-align:center;
  738. background-color:transparent;
  739. padding: 15px 15px;
  740. letter-spacing: 2px;
  741. color:#fff; /* COLOR OF TEXT INSIDE ASK */
  742. opacity: 1;
  743. padding-top:15px;
  744. margin-top:10px;
  745. text-transform: uppercase;
  746. font-size:10px;
  747.  
  748. text-shadow:1px 1px 0px #000, /* TEXT SHADOW */
  749. 1px -1px 0px #000,
  750. -1px -1px 0px #000,
  751. -1px 1px 0px #000,
  752. 0px 1px 0px #000,
  753. 0px -1px 0px #000,
  754. 1px 0px 0px #000,
  755. -1px 0px 0px #000;
  756. }
  757.  
  758. /* THE LOOK OF QUOTE POSTS */
  759.  
  760. .quote {
  761. font-size:24px;
  762. letter-spacing:2px;
  763. text-align:center;
  764. font-family: 'Playfair Display SC', serif;
  765. border-bottom:dotted 1px #a3a5a9; /* BORDER COLOR */
  766. margin-bottom:5px;
  767. padding-bottom:5px;
  768. line-height: 1em;
  769. }
  770.  
  771. .quotesource {
  772. font-size:12px;
  773. letter-spacing:4px;
  774. text-align:right;
  775. color:#000; /* QUOTE SOURCE COLOR */
  776. margin-top:5px;
  777. margin-bottom:5px;
  778. text-transform:uppercase;
  779. font-style:bold;
  780. font-family: inconsolata }
  781.  
  782.  
  783. /* SIDEBAR FOR YOUR INFORMATION */
  784.  
  785.  
  786. #descriptionbox {
  787. position:fixed;
  788. font-family: arial;
  789. text-transform:uppercase;
  790. font-size:11px;
  791. border-left: 3px double #000;
  792. border-right: 3px double #000;
  793. background:#988e90; /* BACKGROUND COLOR OF CONTAINER */
  794. width:200px;
  795. height:300px;
  796. top:200px; /* TOP/BOTTOM POSITIONING */
  797. margin-left:600px; /* LEFT/RIGHT POSITIONING */
  798. color:#fff; /* FONT COLOR */
  799. text-align:center;
  800. overflow:scroll;
  801. opacity:.9;
  802. padding: 1px 1px 1px;}
  803.  
  804. #descriptionbox:hover {
  805. opacity: 1;
  806.  
  807. transition-duration:.5s;
  808. -webkit-transition-duration:.5s;
  809. -o-transition-duration:.5s;}
  810.  
  811.  
  812. /* TITLES IN RULES, SIDEBAR, ETC., */
  813.  
  814. #titles {
  815. font-family: inconsolata;
  816. font-size: 10px;
  817. padding: 3px 3px;
  818. margin: 5px 0px 0px;
  819. letter-spacing: 1px;
  820. background-image:url('https://i.imgur.com/LN6NEj4.png'); /* ASK BACKGROUND */
  821. background-repeat:repeat;
  822. background-attachment: fixed;
  823. border-left: 3px solid #000;
  824. border-right: 3px solid #000;
  825. line-height: normal;
  826. text-transform: uppercase;
  827. color: #fff; /* FONT COLOR */
  828. text-align: center;
  829. width:auto;
  830. position:relative;
  831.  
  832. text-shadow:1px 1px 0px #000, /* TEXT SHADOW */
  833. 1px -1px 0px #000,
  834. -1px -1px 0px #000,
  835. -1px 1px 0px #000,
  836. 0px 1px 0px #000,
  837. 0px -1px 0px #000,
  838. 1px 0px 0px #000,
  839. -1px 0px 0px #000;
  840.  
  841.  
  842. }
  843.  
  844. .outlinetitles {
  845. width:auto;
  846. height:auto;
  847. padding: 0px 2px 5px;
  848. border:1px dotted #000;
  849. background:#fff;
  850. background-attachment:fixed;
  851. background-color:transparent;
  852. background-repeat:repeat;
  853. font-style:normal;
  854. line-height:90%;
  855. font-size:10px;
  856. opacity:1;
  857. text-align:right;
  858. -moz-transition-duration:0.5s;
  859. -webkit-transition-duration:0.5s;
  860. -o-transition-duration:0.5s;}
  861.  
  862. /* THE TITLE ON YOUR POP UP ASK, IF YOU WANT TO MAKE IT DIFFERENT, IF NOT THEN DELETE THIS AND CHANGE THE POP UP ID TO "TITLES" */
  863.  
  864. #asktitle {
  865. font-family: 'Playfair Display SC', serif;
  866. font-size: 16px;
  867. padding: 3px 3px;
  868. margin: 5px 0px 0px;
  869. letter-spacing: 1px;
  870. background: url('https://i.imgur.com/LN6NEj4.png'); /* BACKGROUND IMAGE */
  871. background-repeat:repeat;
  872. background-attachment:fixed;
  873. border: 3px double #000;
  874. line-height: normal;
  875. text-transform: uppercase;
  876. color:#fff; /* FONT COLOR */
  877. text-align: center;
  878. width:auto;
  879.  
  880. text-shadow:1px 1px 0px #000, /* TEXT SHADOW */
  881. 1px -1px 0px #000,
  882. -1px -1px 0px #000,
  883. -1px 1px 0px #000,
  884. 0px 1px 0px #000,
  885. 0px -1px 0px #000,
  886. 1px 0px 0px #000,
  887. -1px 0px 0px #000;
  888. }
  889.  
  890.  
  891.  
  892. /* PRE WRAP - DO NOT TOUCH */
  893.  
  894. pre {
  895. font-family: 'Yanone Kaffeesatz', sans-serif;
  896. text-transform:uppercase;
  897. font-style:normal;
  898. white-space: pre-wrap;
  899. white-space: -moz-pre-wrap;
  900. white-space: -pre-wrap;
  901. white-space: -o-pre-wrap;
  902. word-wrap: break-word; }
  903.  
  904.  
  905. /* TOOLTIP */
  906.  
  907. #s-m-t-tooltip {
  908. max-width:500px; /* CHANGE THE MAX WIDTH OF THE TOOLTIP */
  909. padding: 5px 8px;
  910. margin: 10px;
  911. font-size: 11px; /* FONT SIZE */
  912. font-family: inconsolata;
  913. letter-spacing: 1px;
  914. text-transform: uppercase;
  915.  
  916. background-repeat:repeat;
  917. background-attachment:fixed;
  918. color: #fff; /* FONT COLOR */
  919. border-left: 4px solid #000;
  920. z-index: 99999;
  921. transition: 0.5s ease-in-out;
  922. -webkit-transition: 0.5s ease-in-out;
  923. -moz-transition: 0.5s ease-in-out;
  924. -ms-transition: 0.5s ease-in-out;
  925. -o-transition: 0.5s ease-in-out;
  926. text-shadow:1px 1px 0px #000, /* SHADOW OF TEXT */
  927. 1px -1px 0px #000,
  928. -1px -1px 0px #000,
  929. -1px 1px 0px #000,
  930. 0px 1px 0px #000,
  931. 0px -1px 0px #000,
  932. 1px 0px 0px #000,
  933. -1px 0px 0px #000;
  934. }
  935.  
  936.  
  937. /* POP UP BLOCKS */
  938.  
  939. .popup_block{
  940. display:none;
  941. background:#bab6bb; /* BACKGROUND COLOR */
  942. padding:20px;
  943. height:370px; /* HEIGHT */
  944. width:220px; /* CHANGE THE WIDTH BY CHANGING IT IN "POPLIGHT" */
  945. position:fixed;
  946. z-index: 99999;
  947. top:339px; /* TOP/BOTTOM POSITIONING */
  948. left: 1050px; /* LEFT/RIGHT POSITIONING */
  949. overflow-y:scroll;
  950. overflow-x:hidden;
  951. font-family: inconsolata;
  952. font-size:12px; /* FONT SIZE */
  953. padding:10px;
  954. border: double 3px #000;
  955.  
  956. }
  957.  
  958.  
  959. *html #fade {position: absolute;}
  960. *html .popup_block {position: absolute;}
  961. #fade {
  962. display:none;
  963. position:fixed;
  964. left:0px;
  965. top:0px;
  966. width:100%;
  967. height:100%; }
  968.  
  969.  
  970. /* TABBED TITLES ON POP UP */
  971.  
  972. ul#tabs {
  973. list-style-type: none;
  974. padding: 0;
  975. text-align: center;
  976. font-size:11px;
  977. font-family: 'Playfair Display SC', serif;
  978. letter-spacing:1px;
  979. text-shadow:1px 1px 0px #000, /* TEXT SHADOW */
  980. 1px -1px 0px #000,
  981. -1px -1px 0px #000,
  982. -1px 1px 0px #000,
  983. 0px 1px 0px #000,
  984. 0px -1px 0px #000,
  985. 1px 0px 0px #000,
  986. -1px 0px 0px #000;
  987.  
  988. }
  989.  
  990.  
  991.  
  992. ul#tabs li {
  993. background:#fff;
  994. background-image:url('https://i.imgur.com/LN6NEj4.png'); /* BACKGROUND IMAGE FOR TABS */
  995. background-repeat:repeat;
  996. background-attachment:fixed;
  997. border: double 3px #000; /* BORDER COLOR */
  998.  
  999. display: inline-block;
  1000. cursor: pointer;
  1001. padding:5px 5px 5px;
  1002. font-size:9px;
  1003. font-family: inconsolata;
  1004. color:#fff;
  1005. text-transform:uppercase;
  1006. line-height:150%;
  1007. }
  1008.  
  1009.  
  1010.  
  1011. ul#tabs li:hover {
  1012. color:#fff; /* TEXT COLOR UPON HOVER */
  1013. }
  1014.  
  1015. ul#tabs li.active {
  1016. background:#000; /* BACKGROUND COLOR WHEN ACTIVE */
  1017. background-repeat:repeat;
  1018. background-attachment:fixed;
  1019. border: double 3px #a3a5a9; /* BORDER COLOR */
  1020. color:#fff; /* TEXT COLOR WHEN ACTIVE */
  1021. display: inline-block;
  1022. padding: 5px 5px 5px;
  1023. font-size:9px;
  1024. text-transform:uppercase;
  1025. }
  1026.  
  1027.  
  1028.  
  1029. ul#tab {
  1030. list-style-type: none;
  1031. margin: 0;
  1032. padding: 0; }
  1033.  
  1034. ul#tab li {
  1035. display: none; }
  1036.  
  1037. ul#tab li.active {
  1038. display: block; }
  1039.  
  1040. /* POP UP TAGS / NAVIGATION PAGE */
  1041.  
  1042. .popuptags {
  1043. padding-top:5px;
  1044. text-align:center; }
  1045.  
  1046. .popuptags a {
  1047. display:inline-block;
  1048. width:75px;
  1049. height:15px;
  1050. margin:2px;
  1051. padding:4px 2px 2px;
  1052. text-align:center;
  1053. background:transparent;
  1054. background-position:fixed;
  1055. background-repeat:repeat;
  1056. background-image: url('https://i.imgur.com/LN6NEj4.png'); /* BACKGROUND IMAGE */
  1057. border:double 3px #000; /* BORDER COLOR */
  1058. font-size:10px;
  1059. font-family: 'Inconsolata', monospace;
  1060. text-transform:uppercase;
  1061. text-shadow:1px 1px 0px #000, /* TEXT SHADOW */
  1062. 1px -1px 0px #000,
  1063. -1px -1px 0px #000,
  1064. -1px 1px 0px #000,
  1065. 0px 1px 0px #000,
  1066. 0px -1px 0px #000,
  1067. 1px 0px 0px #000,
  1068. -1px 0px 0px #000;
  1069. }
  1070.  
  1071. /* DROP DOWN VERSES */
  1072.  
  1073. .links_list {
  1074. margin:0px;
  1075. padding:0px;
  1076. width:100%; }
  1077.  
  1078.  
  1079. .links_head {
  1080. padding-top:5px;
  1081. padding-bottom:5px;
  1082. background-image:url('https://i.imgur.com/LN6NEj4.png');; /* BACKGROUND IMAGE */
  1083. background-repeat:repeat;
  1084. background-attachment:fixed;
  1085. font-size:20px;
  1086. font-family: 'Playfair Display SC', serif;
  1087. color:#fff; /* TEXT COLOR */
  1088. border: double 3px #000; /* BORDER COLOR */
  1089. text-transform:uppercase;
  1090. cursor:pointer;
  1091. position:relative;
  1092. margin:1px;
  1093. text-align:center; }
  1094.  
  1095.  
  1096. .links_body {
  1097. padding:10px;
  1098. text-align:left;
  1099. display:none; }
  1100.  
  1101.  
  1102. #audio {
  1103. width: 220px;
  1104. height:auto;
  1105. min-height:60px;
  1106. padding-bottom:0px;
  1107.  
  1108. }
  1109.  
  1110.  
  1111. .cover {
  1112. position:absolute;
  1113. z-index:1;
  1114. width:60px;
  1115. height:60px;
  1116.  
  1117. }
  1118.  
  1119. .cover img {
  1120. float:left;
  1121. width:60px;
  1122. height:60px;
  1123.  
  1124. }
  1125. .playbox {
  1126. opacity:0.6;
  1127. width:28px;
  1128. height:31px;
  1129. overflow:hidden;
  1130. position:absolute;
  1131. z-index:1000;
  1132. margin-left:18px;
  1133. margin-top:18px;
  1134. text-align:center;
  1135.  
  1136. }
  1137. .info {
  1138. margin-left:73px;
  1139. margin-top:5px;
  1140. line-height:13px;
  1141.  
  1142.  
  1143. }
  1144.  
  1145. .infooo{
  1146. position:relative;
  1147. background:#000;
  1148. border-left:4px solid #000;
  1149. border-right:4px solid #000;
  1150. padding:8px;
  1151. font-family:arial;
  1152. font-size:10px;
  1153. overflow-x:auto;
  1154. letter-spacing:2px;
  1155. height:64px;
  1156. margin-top:-20px;
  1157. margin-bottom:20px;
  1158. margin-left:85px;
  1159. padding-left:5px;
  1160. line-height:10px;
  1161. background-image:url('https://i.imgur.com/LN6NEj4.png');
  1162. background-size: auto;
  1163. background-position:center;
  1164. color:white;
  1165.  
  1166. text-transform: uppercase;
  1167.  
  1168. text-shadow:1px 1px 0px #000, /* TEXT SHADOW */
  1169. 1px -1px 0px #000,
  1170. -1px -1px 0px #000,
  1171. -1px 1px 0px #000,
  1172. 0px 1px 0px #000,
  1173. 0px -1px 0px #000,
  1174. 1px 0px 0px #000,
  1175. -1px 0px 0px #000;
  1176. opacity: 0.8;
  1177. filter: alpha(opacity=50); /* For IE8 and earlier */
  1178.  
  1179. }
  1180.  
  1181. .audioplayerr{
  1182. position:absolute;
  1183. border:1px solid ;
  1184. padding:1px;
  1185. padding-top:1px;
  1186. background: #000;
  1187. text-align:center;
  1188. margin-left:27px;
  1189. margin-top:8px;
  1190. width:29px;
  1191. height:28px;
  1192. opacity:0.9;
  1193. overflow:hidden;
  1194. -webkit-transition: all 0.5s ease-in-out;
  1195. -moz-transition: all 0.5s ease-in-out;
  1196. -o-transition: all 0.5s ease-in-out;
  1197. -ms-transition: all 0.5s ease-in-out;
  1198. transition: all 0.5s ease-in-out;}
  1199.  
  1200.  
  1201. .albumartt{
  1202. margin-left:0px;
  1203. margin-bottom:25px;
  1204. }
  1205.  
  1206. .albumartt img{
  1207. background-color:#000;
  1208. width:60px;
  1209. float:left;
  1210. padding:10px;
  1211. border:1px dotted #f0f0f0;
  1212. }
  1213.  
  1214. audioshit{
  1215. border-bottom:1px solid #000;
  1216. font-style:normal;
  1217. font-size:10px;
  1218. }
  1219.  
  1220. .slider {
  1221. overflow-y: hidden;
  1222. max-height: 500px; /* approximate max height */
  1223.  
  1224. transition-property: all;
  1225. transition-duration: .5s;
  1226. transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  1227. }
  1228.  
  1229. /* blogroll */
  1230.  
  1231. #brcontent {
  1232. position:fixed;
  1233. width:775px;
  1234. max-height:405px;
  1235. overflow-x:hidden;
  1236. overflow-y:scroll;
  1237. top:50%;
  1238. top:125px;
  1239. left:50%;
  1240. margin-left:-390px; /*---border colour---*/
  1241. }
  1242.  
  1243. #brcontent img{
  1244. margin-left:5px;
  1245. width:42px;
  1246. padding:10px;
  1247. /*-you can change the percentage of these for how much greyscale you want-*/
  1248. -webkit-filter: grayscale(60%);
  1249. -moz-filter: grayscale(60%);
  1250. -o-filter: grayscale(60%);
  1251. -ms-filter: grayscale(60%);
  1252. /*----or delete the above section if you don't want it at all---*/
  1253. -webkit-transition-duration:.6s;
  1254. -moz-transition-duration:.6s;
  1255. -o-transition-duration:.6s;
  1256. -ms-transition-duration:.6s;
  1257. }
  1258.  
  1259. #bgcontent img:hover {
  1260. border-radius:50%;
  1261. /*---same with this section. the default returns the colour to normal---*/
  1262. -webkit-filter: grayscale(0%);
  1263. -moz-filter: grayscale(0%);
  1264. -o-filter: grayscale(0%);
  1265. -ms-filter: grayscale(0%);
  1266. /*---or delete the above section if you don't want any colour changes upon hover---*/
  1267. -webkit-transition-duration:.6s;
  1268. -moz-transition-duration:.6s;
  1269. -o-transition-duration:.6s;
  1270. -ms-transition-duration:.6s;
  1271. }
  1272.  
  1273. /* end blogroll */
  1274.  
  1275.  
  1276. /* --------------------ANIMATION------------------ */
  1277.  
  1278.  
  1279.  
  1280. .floating {
  1281. animation-name: floating;
  1282. animation-duration: 3s;
  1283. animation-iteration-count: infinite;
  1284. animation-timing-function: ease-in-out;
  1285. margin-left: 30px;
  1286. margin-top: 5px;
  1287. }
  1288.  
  1289. @keyframes floating {
  1290. from { transform: translate(0, 0px); }
  1291. 65% { transform: translate(0, 15px); }
  1292. to { transform: translate(0, -0px); }
  1293. }
  1294.  
  1295.  
  1296. /* --------------------END OF ANIMATION------------------ */
  1297.  
  1298.  
  1299.  
  1300. </style>
  1301.  
  1302. <body>
  1303.  
  1304. <!-- THIS IS THE INFORMATION IN THE HOVER TEXT BOX, YOU CAN PUT WHATEVER IN HERE IT WILL SCROLL. -->
  1305.  
  1306. <div id="descriptionbox">
  1307.  
  1308. <div class="outlinetitles"><div id="titles">{text:tab 1 title} </div></div>
  1309. <p>{text:tab 1 text}</p>
  1310.  
  1311. <div class="outlinetitles"><div id="titles">{text:tab 2 title} </div></div>
  1312. <p>{text:tab 2 text}</p>
  1313.  
  1314. <div class="outlinetitles"><div id="titles">{text:tab 3 title} </div></div>
  1315. <p>{text:tab 3 text}</p>
  1316.  
  1317.  
  1318. </div></div></div>
  1319.  
  1320.  
  1321. <!-- YOUR POP UP ASK BOX -->
  1322.  
  1323. <div id="ask" class="popup_block">
  1324.  
  1325. <div id="asktitle"> MAIL </div><p>
  1326. <iframe frameborder="0" height="270" id="ask_form" scrolling="yes" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  1327.  
  1328. <div id="asktitle"> GIFT BOX </div>
  1329. <p>
  1330. <iframe frameborder="0" scrolling="yes" height="270" id="submit_form" src="https://www.tumblr.com/submit_form/{Name}.tumblr.com" width="100%"></iframe>
  1331. </p>
  1332. </div>
  1333.  
  1334. </div></div></div></div></div></div></div></div></div></div>
  1335.  
  1336. <!-- RULES / OR FIRST POP UP -->
  1337. <div id="rules" class="popup_block"><p>
  1338.  
  1339.  
  1340.  
  1341. <div class="outlinetitles"><div id="titles"> 001 </div></div>
  1342.  
  1343. <p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd </p>
  1344.  
  1345.  
  1346.  
  1347. <div class="outlinetitles"><div id="titles"> 002 </div></div>
  1348.  
  1349. <p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd </p>
  1350.  
  1351. </li>
  1352.  
  1353. </div>
  1354. </div>
  1355. </div></div></div></div></div></div></div></div></div></div>
  1356.  
  1357. <!-- NAVIGATION / OR SECOND POP UP W/ TABS -->
  1358.  
  1359. <div id="nav" class="popup_block">
  1360. <div id="titles">NAVIGATION</div>
  1361.  
  1362.  
  1363.  
  1364. <!-- AGS TAB STARTS HERE -->
  1365.  
  1366. <li>
  1367.  
  1368. <div class="popuptags">
  1369.  
  1370. <a href="{text:link 1 url}">{text:link 1 title}</a>
  1371. <a href="{text:link 2 url}">{text:link 2 title}</a>
  1372. <a href="{text:link 3 url}">{text:link 3 title}</a>
  1373. <br><br><br>
  1374. <a href="{text:link 4 url}">{text:link 4 title}</a>
  1375. <a href="{text:link 5 url}">{text:link 5 title}</a>
  1376. <a href="{text:link 6 url}">{text:link 6 title}</a>
  1377. <br><br><br>
  1378. <a href="{text:link 7 url}">{text:link 7 title}</a>
  1379. <a href="{text:link 8 url}">{text:link 8 title}</a>
  1380. <a href="{text:link 9 url}">{text:link 9 title}</a>
  1381.  
  1382.  
  1383. <br>
  1384.  
  1385.  
  1386. </li>
  1387. <!-- TAGS TAB ENDS HERE -->
  1388.  
  1389.  
  1390.  
  1391.  
  1392. </div>
  1393. </div>
  1394. </div></div></div></div></div></div></div></div></div></div>
  1395. <!-- contact / OR FIRST POP UP -->
  1396. <div id="contact" class="popup_block">
  1397. <p>
  1398. <div class="outlinetitles"><div id="titles"> HIT LIST </div></div>
  1399. <p>
  1400. <center>
  1401. <div id="blcontent">
  1402. {block:Following}{block:Followed}<a href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-48}">{/block:Followed}{/block:Following}
  1403. </center>
  1404. </p>
  1405. </div>
  1406.  
  1407. </p>
  1408.  
  1409.  
  1410.  
  1411. </div></div></div></div></div></div></div></div></div></div>
  1412.  
  1413. <!-- END OF POP UPS -->
  1414.  
  1415.  
  1416. <!-- LINKS & LINK TITLES -->
  1417.  
  1418. <div id="link1"><a href="/" title="REFRESH"><div class="floating">◆</div></div>
  1419.  
  1420. <div id="link2"><a href="#?w=278" rel="ask" class="poplight" title="messenger"><div class="floating">◆</a></div></div>
  1421.  
  1422. <div id="link3"><a href="{text:law url}" rel="rules" class="poplight" title="{text:law title}"><div class="floating">◆</a></div></div>
  1423.  
  1424. <div id="link4"><a href="#?w=278" rel="nav" class="poplight" title="map"><div class="floating">◆</a></div></div>
  1425.  
  1426.  
  1427.  
  1428. <!--DO NOT TOUCH CREDIT -->
  1429. <div id="credit"><a href="https://awokenhope.tumblr.com/" title="THEME BY AWOKENHOPE.">A</a></div>
  1430.  
  1431.  
  1432.  
  1433.  
  1434.  
  1435.  
  1436.  
  1437. <!-- DO NOT TOUCH BELOW THIS -->
  1438.  
  1439. <div id="pagination">{block:Pagination}
  1440. {block:NextPage}<a class="next page"> <a href="{NextPage}" title="Next Page">⮞</a>{/block:NextPage}{/block:Pagination}
  1441. </div>
  1442.  
  1443. <div id="paginationb">{block:Pagination}
  1444. {block:PreviousPage}<a class="previous page"> <a href="{PreviousPage}" title="Previous Page">⮜</a>{/block:PreviousPage}{/block:Pagination}</a></a>
  1445. </div>
  1446.  
  1447.  
  1448. <div id="container">
  1449.  
  1450. {block:Posts}
  1451.  
  1452. <div class="posts">
  1453.  
  1454. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1455.  
  1456. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="350px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1457. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1458.  
  1459.  
  1460. {block:Quote}<div class="quote">❝ {Quote} ❞</div>{block:Source}<div class="quotesource">-{Source}</div>{/block:Source}{/block:Quote}
  1461.  
  1462. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  1463.  
  1464. {block:Chat}{block:Title}{Title}</a>{/block:Title}
  1465. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  1466.  
  1467. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1468.  
  1469. {block:Audio}
  1470.  
  1471. <div class="albumartt">{block:AlbumArt} <img src="{AlbumArtURL}"> {/block:AlbumArt}</div><div class="audioplayerr">{AudioPlayer}</div> <div class="infooo">
  1472. {block:Artist} <audioshit>Artist:</audioshit>{Artist} {/block:Artist}<br>
  1473. {block:TrackName}<audioshit>TrackName:</audioshit>"{TrackName}" {/block:TrackName}</br>
  1474. {block:Album}<audioshit>Album Name:</audioshit>{Album} {/block:Album}</br>
  1475. <audioshit>Play Count:</audioshit> {block:PlayCount}{PlayCount} times{/block:PlayCount}</div>
  1476.  
  1477. {/block:Audio}
  1478.  
  1479.  
  1480. {block:Answer}
  1481.  
  1482. <div class="askpost">
  1483.  
  1484.  
  1485. <div class="ask">
  1486. <div class="askerurl">
  1487. <center><a href="{AskerURL}">{AskerName}</a></center>
  1488. </div>
  1489. <div class="question">
  1490. {Question}
  1491. </div>
  1492. </div>
  1493.  
  1494. {Answer}
  1495.  
  1496. </div>
  1497.  
  1498. {/block:Answer}
  1499.  
  1500. {block:date}
  1501. <div class="infooutline">
  1502. <div id="info">
  1503. <a href="{Permalink}" title="{ShortMonth} {DayOfMonth}"> ❖ </a>
  1504. <a href="{Permalink}" title="{NoteCount} killed"> ❖ </a>
  1505. <a href='{ReblogParentURL}' title="via{ReblogParentURL}"> ❖ </a>
  1506. <a href='{ReblogRootURL}' title="source{ReblogRootURL}"> ❖ </a>
  1507. <a href='{ReblogURL}' title="Reblog"> ❖ </a>
  1508. </div>
  1509. </div>
  1510. {/block:date}
  1511. <div class="tags">
  1512. {block:HasTags}
  1513. {block:Tags} <a href="{TagURL}" title="{Tag}" data-tooltip="{Tag}" > ❪ {Tag} ❫ &nbsp; </a> {/block:Tags}
  1514. {/block:HasTags}
  1515. </div></div>
  1516. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1517. <!-- {block:NoRebloggedFrom}
  1518. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1519. {/block:NoRebloggedFrom} -->
  1520.  
  1521. {block:ContentSource}
  1522. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1523. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1524. {/block:SourceLogo}
  1525. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1526. {/block:ContentSource}
  1527.  
  1528. {/block:Posts}
  1529. </body>
  1530. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement