API tools faq
paste
Advertisement
renxei

VIVI

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