API tools faq
paste
Advertisement
tiffxny21

new luna theme

tiffxny21
Aug 25th, 2019
194
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.00 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!------------------------------ FONTS ------------------------------>
  4.  
  5. <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
  6. <link href="https://fonts.googleapis.com/css?family=Contrail+One" rel="stylesheet">
  7. <link href="https://fonts.googleapis.com/css?family=Permanent+Marker" rel="stylesheet">
  8. <link href="https://fonts.googleapis.com/css?family=IM+Fell+English+SC" rel="stylesheet">
  9. <link href="https://fonts.googleapis.com/css?family=Unica+One" rel="stylesheet">
  10. <link href="https://fonts.googleapis.com/css?family=Marck+Script" rel="stylesheet">
  11.  
  12. <html>
  13. <!--
  14. BASE CODE
  15. https://fratdadbase.tumblr.com/
  16.  
  17. * BASE CODE 003. BY ZORRA VIA BRIDGETOWAKANDA
  18. * IF YOU HAVE ANY QUESTIONS, PLEASE SEND ME AN ASK
  19. * THIS CODE IS FOR ROLELAY USE. YOU MAY ADJUST AND MODIFY ANY WAY YOU'D LIKE
  20. * BUT PLEASE DO NOT CLAIME AS YOUR OWN, STEAL PARTS OF MY CODE, OR REDISTRUBE.
  21. -->
  22.  
  23.  
  24. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  25. <head>
  26. <title>{Title}</title>
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29. {block:Description}
  30. <meta name="description" content="{MetaDescription}" />
  31. {/block:Description}
  32.  
  33.  
  34. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  35.  
  36. <!------------------------------ SCRIPTS ----------------------------->
  37. <!------------------------------ POPUP ------------------------------>
  38.  
  39.  
  40. <script type="text/javascript"
  41. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  42. <script>
  43. $(document).ready(function() {
  44. //
  45. $('a.poplight[href^=#]').click(function() {
  46. var popID = $(this).attr('rel'); //Get Popup Name
  47. var popURL = $(this).attr('href'); //Get Popup href to define size
  48. var query= popURL.split('?');
  49. var dim= query[1].split('&');
  50. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  51. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">');
  52. var popMargTop = ($('#' + popID).height() + 80) / 2;
  53. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  54. //Apply Margin to Popup
  55. $('#' + popID).css({
  56. 'margin-top' : -popMargTop,
  57. 'margin-left' : -popMargLeft
  58. });
  59. $('body').append('<div id="fade"></div>');
  60. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  61. return false;
  62. });
  63. $('a.close, #fade').live('click', function() {
  64. $('#fade , .popup_block').fadeOut(function() {
  65. $('#fade, a.close').remove(); //fade them both out
  66. });
  67. return false;
  68. });
  69. });
  70. </script>
  71.  
  72.  
  73.  
  74.  
  75. <!----------------------------- TOOLTLIP ----------------------------->
  76.  
  77.  
  78. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  79. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  80. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  81. <script>
  82. (function($){
  83. $(document).ready(function(){
  84. $("[title]").style_my_tooltips({
  85. tip_follows_cursor:true,
  86. tip_delay_time:200,
  87. tip_fade_speed:500
  88. });
  89. });
  90. })(jQuery);
  91. </script>
  92.  
  93.  
  94.  
  95. <!------------------------------ TABS ------------------------------>
  96.  
  97.  
  98. <script>
  99. $(document).ready(function(){
  100. $("ul#tabs li").click(function(e){
  101. if (!$(this).hasClass("active")) {
  102. var tabNum = $(this).index();
  103. var nthChild = tabNum+1;
  104. $("ul#tabs li.active").removeClass("active");
  105. $(this).addClass("active");
  106. $("ul#tab li.active").removeClass("active");
  107. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  108. }
  109. });
  110. });
  111. </script>
  112.  
  113.  
  114.  
  115.  
  116. </head>
  117.  
  118. <!---------------------------- META DATA -----------------------------> <meta name="text:hover sidebox" content="hover title here"/>
  119. <meta name="text:sidebox text" content=""/>
  120. <meta name="text:Starters" content="00"/>
  121. <meta name="text:Drafts" content="00"/>
  122. <meta name="text:Memes" content="00"/>
  123. <meta name="text:Queue" content="00"/>
  124. <meta name="text:Penname" content="Penname Here"/>
  125.  
  126. <meta name="color:background" content="##343434" />
  127. <meta name="color:text" content="#ffffff" />
  128. <meta name="color:italic" content="##ac7cd8" />
  129. <meta name="color:bold" content="##7d54a2" />
  130. <meta name="color:question" content="#111111" />
  131. <meta name="color:question font" content="#fffff" />
  132. <meta name="color:mainlinks" content="##c38c7f" />
  133. <meta name="color:mainlinkshover" content="#845448" />
  134. <meta name="color:info" content="" />
  135. <meta name="color:infohover" conent= "" />
  136.  
  137. <meta name="image:body" content="https://i.imgur.com/IZ0Qy5f.png" />
  138. <meta name="image:popup" content="https://i.imgur.com/5nO55Ur.png" />
  139. <meta name="image:headerbackground" content="https://i.imgur.com/lud3Qqv.png" />
  140. <meta name="image:m1" content="" />
  141. <meta name="image:m2" content="" />
  142. <meta name="image:a1" content="" />
  143. <meta name="image:a2" content="" />
  144.  
  145. <meta name="if:containerhover" content="1"/>
  146.  
  147.  
  148. <style type="text/css">
  149.  
  150.  
  151.  
  152.  
  153.  
  154. /*---------------------------- SCROLL BAR ---------------------------*/
  155. ::-webkit-scrollbar {
  156. width: 2px;
  157. height: 2px;
  158. }
  159. ::-webkit-scrollbar-button {
  160. width: 0px;
  161. height: 0px;
  162. }
  163. ::-webkit-scrollbar-thumb {
  164. background: transparent;
  165. border: 0px none #a68b7c;
  166. border-radius: 50px;
  167. }
  168. ::-webkit-scrollbar-thumb:hover {
  169. background: transparent;
  170. }
  171. ::-webkit-scrollbar-thumb:active {
  172. background: transparent;
  173. }
  174. ::-webkit-scrollbar-track {
  175. background: transparent;
  176. border: 0px none #a68b7c;
  177. border-radius: 0px;
  178. }
  179. ::-webkit-scrollbar-track:hover {
  180. background:transparent;
  181. }
  182. ::-webkit-scrollbar-track:active {
  183. background: transparent;
  184. }
  185. ::-webkit-scrollbar-corner {
  186. background: transparent;
  187. }
  188.  
  189.  
  190. /*---------------------------- SELECTION ---------------------------*/
  191.  
  192. ::SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
  193. ::-MOZ-SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
  194.  
  195.  
  196.  
  197. /*---------------------------- BODY ---------------------------*/
  198.  
  199. body {
  200. background-color:{color:background};
  201. background-image:url('{image:body}');
  202. background-repeat: no-repeat;
  203. font-family: calibri;
  204. font-size: 11px;
  205. text-align: justify;
  206. color:{color:text};
  207. }
  208.  
  209.  
  210.  
  211. /*---------------------- QUESTIONS & ANSWERS ------------------------*/
  212.  
  213. #askerurl {
  214. text-transform:uppercase;
  215. font-weight:400;
  216. font-size:20px;
  217. margin-top:30px;
  218. margin-left:50px;
  219. padding-bottom:5px;
  220. width:250px;
  221. font-family: 'Orbitron', sans-serif;
  222. text-align:center;
  223. }
  224.  
  225. #asking img {
  226. padding: 5px;
  227. }
  228.  
  229. #question {
  230. background-attachment:auto;
  231. background-image: url('');
  232. padding:5px;
  233. margin:3px 0 3px 10px;
  234. border-right:1px solid {color:bold};
  235. background-color:{color:question};
  236. color: {color:question font};
  237. font-family: 'Open Sans Condensed';
  238. text-shadow: 1px 1px 5px {color:question font};
  239. }
  240.  
  241. #answer {
  242. word-spacing: 0px;
  243. }
  244.  
  245. #border {
  246. border: 1px solid #222222;
  247. padding: 10px;
  248. max-width: 220px;
  249. margin-top: 20px;
  250. }
  251.  
  252.  
  253. /*------------------------ CONTAINER & POSTS ------------------------*/
  254.  
  255. #entries {
  256. width:250px;
  257. height:350px;
  258. top:165px;
  259. padding: 5px;
  260. margin-left: 555px;
  261. position:relative;
  262. overflow-y:scroll;
  263. overflow-x:hidden;
  264.  
  265. {block:ifcontainerhover}
  266. opacity:0;
  267. {/block:ifcontainerhover}
  268. background:{color:background};
  269. -webkit-mask-image: -webkit-gradient(
  270. linear, center 75%, center bottom,
  271. from(rgba(0,0,0,20)),
  272. to(rgba(20,0,0,0)));
  273. -webkit-transition:all .7s ease-in-out;
  274. -moz-transition:all .7s ease-in-out;
  275. transition:all .7s ease-in-out;
  276. }
  277.  
  278. {block:ifcontainerhover}
  279. #entries:hover {
  280. opacity:1;
  281. }{/block:ifcontainerhover}
  282.  
  283.  
  284. #entries img {
  285. height:auto;
  286. max-width:100%;
  287. }
  288.  
  289. #post img {
  290. height: auto;
  291. max-width: 100%;
  292. }
  293.  
  294.  
  295. #posts {
  296. width:250px;
  297. background-color: #222;
  298. padding-bottom:0px;
  299. overflow-y:scroll;
  300. overflow-x:hidden;
  301. }
  302.  
  303.  
  304. /*----------------------- MAINS AND EXCLUSIVES ----------------------*/
  305.  
  306. #me {
  307. width: 250px;
  308. height: 100px;
  309. overflow:auto;
  310. background-color:#383838;
  311. padding: 2px;
  312. }
  313.  
  314. #meimg {
  315. width: 75px;
  316. height: 75px;
  317. padding: 1px;
  318. }
  319.  
  320. #mename {
  321. margin-top: -35px;
  322. }
  323.  
  324.  
  325.  
  326.  
  327.  
  328. /*---------------------------- SIDEBOX ---------------------------*/
  329.  
  330. #sidebox {
  331. position: fixed;
  332. background-color: {color:background};
  333. border: 0px solid #3b3b3b;
  334. padding: 5px;
  335. top: 80px;
  336. left: 565px;
  337. width: 250px;
  338. height: 66px;
  339. overflow: auto;
  340. z-index: 1;
  341. opacity:0;
  342. -moz-transition-duration:.6s;
  343. -webkit-transition-duration:.6s;
  344. -o-transition-duration:.6s;
  345. }
  346.  
  347. #sidebox:hover {
  348. opacity: 1;
  349. -moz-transition-duration:.6s;
  350. -webkit-transition-duration:.6s;
  351. -o-transition-duration:.6s;
  352. }
  353.  
  354. .sideboxtitle {
  355. position: fixed;
  356. text-align: center;
  357. color: #fff;
  358. font-family: 'Marck Script', cursive;
  359. font-size: 12px;
  360. text-shadow: 1px 1px 5px #fff;
  361. text-transform: none;
  362. top: 110px;
  363. left: 650px;
  364. }
  365.  
  366. .sideboxtitle:hover {
  367. opacity: 0;
  368. -moz-transition-duration:.6s;
  369. -webkit-transition-duration:.6s;
  370. -o-transition-duration:.6s;
  371. }
  372. /*---------------------------- CREDIT ---------------------------*/
  373.  
  374. .credit {
  375. left: 98%;
  376. top: 95%;
  377. width: 50px;
  378. height: 50px;
  379. position: fixed;
  380. }
  381.  
  382. a.credit, a.credit:link, a.credit:active, a.credit:visited{
  383. text-decoration: none;
  384. color: #312a2a;
  385. text-transform: none;
  386. font-family: 'Contrail One', cursive;
  387. font-size: 14px;
  388. -moz-transition-duration:.6s;
  389. -webkit-transition-duration:.6s;
  390. -o-transition-duration:.6s;
  391. -webkit-filter: blur(0px);
  392.  
  393. }
  394.  
  395. a.credit:hovor {
  396. color: #2e2727;
  397. font-family: 'Contrail One', cursive;
  398. letter-spacing: 0px;
  399. -moz-transition-duration:.6s;
  400. -webkit-transition-duration:.6s;
  401. -o-transition-duration:.6s;
  402. -webkit-filter: blur(0px); }
  403.  
  404.  
  405.  
  406. /*---------------------------- FANCY FONT ---------------------------*/
  407.  
  408. h1 {
  409. font-size:30px;
  410. font-family: times;
  411. font-weight:400;
  412. color:#fff;
  413. text-shadow: 1px 1px 5px #fff;
  414. background-color: {color:mainlinks};
  415. border-right: 15px solid {color:mainlinkshover};
  416. display:block;
  417. margin-top: 20px;
  418. text-align:right;
  419. text-transform:uppercase;
  420. padding-right:20px;
  421. letter-spacing:1px;
  422.  
  423. }
  424.  
  425. h2 {
  426. font-size:12px
  427. font-family: 'Marck Script', cursive;
  428. color:#ffffff;
  429. text-shadow: 0px 0px 5px #ffffff;
  430. text-align: center;
  431. text-transform:none;
  432. letter-spacing:2px;
  433. margin:0, 0, 5px, 0;
  434. padding:5px;
  435. }
  436.  
  437.  
  438. h3 {
  439. background-image: url('{image:headerbackground}');
  440. background-position:top;
  441. background-attachment:fixed;
  442. border: double 3px #000;
  443. padding:10px;
  444. color:#ffffff;
  445. overflow: auto;
  446. text-shadow:1px 1px 2px #000,
  447. font-size:15px;
  448. font-family:calibri;
  449. text-transform:uppercase;
  450. letter-spacing:1px;
  451. text-align:center;
  452. }
  453.  
  454.  
  455.  
  456. i, italic, em {
  457. font-family: 'IM Fell English SC', serif;
  458. font-size: 15px;
  459. text-transform: italic;
  460. text-transform: uppercase;
  461. color:{color:italic};
  462. text-transform:lowercase;
  463. letter-spacing:1px;
  464.  
  465. }
  466.  
  467. b, bold, strong {
  468. font-size:10px;
  469. font-family: 'Permanent Marker', cursive;
  470. color:{color:bold};
  471. text-transform:lowercase;
  472.  
  473. }
  474. u, underline {font:8px 'Fjalla One'; font-weight:400; color:#79b4a8; text-transform:uppercase; letter-spacing:1px;}
  475.  
  476. p {
  477. margin-top:5px;
  478. margin-bottom:5px;}
  479.  
  480.  
  481. ol {
  482. list-style:normal;}
  483.  
  484.  
  485. ul {
  486. list-style:square;}
  487.  
  488.  
  489. small {
  490. font-size:10px}
  491.  
  492.  
  493. sup,sub {
  494. font-size:11px}
  495.  
  496.  
  497. pre {
  498. font-size: 12px;
  499. border-left: 3px solid #fe9f63;
  500. padding: 5px;
  501. font-family: courier new;
  502. font-style: none;
  503. text-transform: uppercase;
  504. text-align:left;
  505. white-space: pre-wrap;
  506. white-space: -moz-pre-wrap;
  507. white-space: -pre-wrap;
  508. white-space: -o-pre-wrap;
  509. word-wrap: break-word;
  510. }
  511.  
  512.  
  513.  
  514.  
  515. blockquote {
  516. padding:2px 7px;
  517. padding-right:17px;
  518. margin:3px 0 3px 10px;
  519. border-left:1px solid {color:bold};
  520. -webkit-border-radius: 10px;
  521. }
  522.  
  523.  
  524. blockquote img{
  525. max-width:100%;
  526. height:auto;
  527. }
  528.  
  529. blockquote blockquote img{
  530. max-width:100%;
  531. height:auto;
  532. }
  533.  
  534.  
  535.  
  536.  
  537. t, title {
  538. size: 15px;
  539. color: 222;
  540. letter-spacing: 2px;
  541. font: times;
  542. }
  543.  
  544. quotetext {
  545. font-family: times;
  546. font-size: 20px;
  547. line-height: 21px;
  548. letter-spacing: 2px;
  549. text-align: center;
  550. text-transform:uppercase;
  551. color: #fff;
  552. text-shadow: 3px 1px 1px #79b4a8;
  553. }
  554.  
  555. quotations {
  556. font: courier;
  557. font-size: 30px;
  558. color: {color:bold};
  559. }
  560.  
  561. quote {
  562. font-size: 13px;
  563. }
  564.  
  565. img {
  566. max-width:100%;
  567. }
  568.  
  569. hr {
  570. width:100px;
  571. border: 0;
  572. height: 0.5px;
  573. margin-right:10px;
  574. background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 255), rgba(255, 255, 255, 0));
  575. }
  576.  
  577. code {
  578. text-transform: uppercase;
  579. }
  580.  
  581. #borders {
  582. border-bottom: 1px solid #3e3e3e;
  583. }
  584.  
  585. /*---------------------------- NAVIGATION ---------------------------*/
  586.  
  587. .hala {
  588. top: 100px;
  589. left: 400px;
  590. height: 100px;
  591. width: 100px;
  592. position: fixed;
  593. background-color: transparent;
  594. font-size: 25px;
  595. }
  596.  
  597. .suprimeintellegence {
  598. top: 150px;
  599. left: 350px;
  600. height: 50px;
  601. width: 50px;
  602. position: fixed;
  603. background-color: transparent;
  604. font-size: 40px;
  605. }
  606.  
  607. .starcharts {
  608. top: 125px;
  609. left: 450px;
  610. height: 50px;
  611. width: 50px;
  612. position: fixed;
  613. background-color: transparent;
  614. font-size: 40px;
  615. }
  616.  
  617. a:link, a:active, a:visited {
  618. text-decoration: none;
  619. color: {color:mainlinks};
  620. text-transform: uppercase;
  621. font-family: 'Unica One', cursive;
  622. font-size: 14px;
  623. -moz-transition-duration:.6s;
  624. -webkit-transition-duration:.6s;
  625. -o-transition-duration:.6s;
  626. -webkit-filter: blur(0px);}
  627.  
  628. a:hover {
  629. color: {color:mainlinkshover};
  630. font-family: 'Unica One', cursive;
  631. letter-spacing: 0px;
  632. -moz-transition-duration:.6s;
  633. -webkit-transition-duration:.6s;
  634. -o-transition-duration:.6s;
  635. -webkit-filter: blur(0px);}
  636.  
  637.  
  638.  
  639. a.navi, a.navi:link, a.navi:active, a.navi:visited {
  640. color: #a68b7c;
  641. text-shadow: 0px 0px 10px #a68b7c;
  642. font-family: times;
  643. font-size: 12px;
  644.  
  645. }
  646.  
  647. a.navi:hover {
  648. -moz-transition-duration:.6s;
  649. -webkit-transition-duration:.6s;
  650. -o-transition-duration:.6s;
  651. -webkit-filter: blur(0px);
  652. }
  653.  
  654.  
  655. /*---------------------------- PAGINATION ---------------------------*/
  656.  
  657.  
  658. .pag {
  659. position: fixed;
  660. left: 800px;
  661. top: 50px;
  662. width: auto;
  663. height: auto;
  664. }
  665.  
  666. a.pag, a.pag:link, a.pag:active, a.pag:visited {
  667. color: #fff;
  668. font-family: 'Marck Script', cursive;
  669. font-size: 12px;
  670. text-shadow: 1px 1px 5px #fff;
  671. text-transform: none;
  672. }
  673.  
  674. a.pag:hover {
  675. opacity: .5;
  676. -moz-transition-duration:.6s;
  677. -webkit-transition-duration:.6s;
  678. -o-transition-duration:.6s;
  679. -webkit-filter: blur(0px);
  680. }
  681.  
  682. /*--------------------------- TAGS & INFO ---------------------------*/
  683.  
  684.  
  685. #infobox {
  686. border:1px solid transparent;
  687. margin-bottom:10px;
  688. padding-top:10px;
  689. overflow: auto;
  690. }
  691.  
  692.  
  693. #info {
  694. margin-left:20px;
  695. background-color: {color:bold};
  696. background-image: url('');
  697. background-position: fixed;
  698. background-repeat: repeat;
  699. border: 1px solid #3f3f3f;
  700. height: 20px;
  701. margin-left:0px;
  702. margin-bottom: 75px;
  703. }
  704.  
  705. #info a {
  706. color:{color:info};
  707. text-shadow: 0px 0px 2px #000000;
  708. opacity: 1;
  709. font-family:consolas;
  710. text-transform: uppercase;
  711. }
  712.  
  713. #info a:hover {
  714. color:{color:infohover};
  715. opacity: 1;
  716. }
  717.  
  718.  
  719. #tags {
  720. width:200px;
  721. height: 25px;
  722. overflow: auto;
  723. padding:2px;
  724. font-size:5px;
  725. text-align:center;
  726. font-family:courier;
  727. text-transform:uppercase;
  728. background:transparent;
  729. margin-bottom: 5px;
  730. margin-top: 5px;
  731. }
  732.  
  733.  
  734. #tags a {
  735. font-family:consolas;
  736. font-size:8px;
  737. line-height:8pt;
  738. letter-spacing:0px;
  739. color:#d4cec3;
  740. text-decoration:none;
  741. text-transform:uppercase;
  742. text-align:center;
  743. display:inline-block;
  744. margin:1px 0px 3px 0px;
  745. -webkit-transition: all 0.4s ease-out;
  746. -moz-transition: all 0.4s ease-out;
  747. transition: all 0.4s ease-out;
  748. -moz-transition-duration: 0.4s;
  749. -webkit-transition-duration: 0.4s;
  750. -o-transition-duration: 0.4s;
  751. transition-duration: 0.4s; }
  752.  
  753.  
  754. #tags a:hover {
  755. color:#555;
  756. text-shadow:0px 0px 1px #777;
  757. -webkit-filter:none;
  758. -webkit-transition: all 0.6s ease-in-out;
  759. -moz-transition: all 0.6s ease-in-out;
  760. -o-transition: all 0.6s ease-in-out;
  761. -ms-transition: all 0.6s ease-in-out;
  762. transition: all 0.6s ease-in-out;
  763. }
  764.  
  765.  
  766.  
  767.  
  768. /*---------------------------- EXTRA 1 ---------------------------*/
  769.  
  770.  
  771.  
  772. .note {
  773. text-transform:uppercase;
  774. font-style:normal;
  775. letter-spacing:0px;
  776. font-size: 10px;
  777. text-align:left;
  778. line-height:90%;
  779. margin-left:-40px;}
  780.  
  781. .note li {
  782. list-style-type:none;
  783. border-bottom:0px solid {color:border};
  784. padding:10px 25px 10px 25px;
  785. text-align:left;
  786. margin:0px;
  787. -moz-transition-duration:0.5s;
  788. -webkit-transition-duration:0.5s;
  789. -o-transition-duration:0.5s;}
  790.  
  791. .note img.avatar {
  792. margin-right: 10px;
  793. width: 16px;
  794. height: 16px;}
  795.  
  796.  
  797.  
  798.  
  799. /*-------------------------- MUSIC PLAYER ---------------------------*/
  800.  
  801.  
  802.  
  803. .songart{
  804. float:left;
  805. margin-right:10px;
  806. }
  807.  
  808. .songart img{
  809. width:80px;
  810. height:80px;
  811. }
  812.  
  813. .songtitle{
  814. margin-bottom:10px;
  815. margin-left:90px;
  816. }
  817.  
  818. .songauthor{
  819. margin-bottom:10px;
  820. font-size:8px;
  821. margin-left:90px;
  822. }
  823.  
  824. .tumblr_audio_player {
  825. height: 50px;
  826. }
  827.  
  828. /* ----------------------------- CHAT CODE --------------------------- */
  829.  
  830. /* chat cred: https://dear-indies.tumblr.com/post/125257866576/animalites-imessage-chat-post-ive-seen-a-lot */
  831.  
  832. /* IMESSAGE CHAT POST */
  833. .answer span,.convo li{margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:#e5e5ea;color:#000;left:3px}.me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid #e5e5ea;border-bottom-right-radius:1em .5em}.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{right:3px;float:right;background-color:#e8f3f9;color:#000}.them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid #e8f3f9;border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  834. .asked p {
  835. text-align: left;
  836. margin: 0 0px 10px 0px;
  837. padding: 0;
  838. color: #666666;
  839. font-family: 'Inconsolata', Inconsolata;
  840. font-size: 12px;
  841. line-height: 0px;
  842. }
  843. .footerright .viasrc {
  844. float: left;
  845. }
  846. .asked a {
  847. margin:0;padding:0;
  848. }
  849. .user_4{background-color:#55caff;color:#fff}.user_4::after{border-color:#55caff}.user_6{background-color:#60f246;color:#fff}.user_6::after{border-color:#60f246}.user_5{background-color:#9ff3fc;color:#000}.user_5::after{border-color:#9ff3fc}.user_3{background-color:#25c413;color:#fff}.user_3::after{border-color:#25c413}.user_7{background-color:#9b9b9b;color:#fff}.user_7::after{border-color:#9b9b9b}.user_8{background-color:#0d9321;color:#fff}.user_8::after{border-color:#0d9321}.user_9{background-color:#606060;color:#fff}.user_9::after{border-color:#606060}
  850. .convo {
  851. overflow: hidden;
  852. list-style-type: none;
  853. padding: 0;
  854. margin: 0;
  855. }
  856.  
  857. /*---------------------------- TOOLTIP ---------------------------*/
  858.  
  859.  
  860.  
  861. #s-m-t-tooltip{
  862. max-width:400px;
  863. margin:15px;
  864. padding:2px 8px;
  865. background: #1c0915;
  866. background-image:url('{image:headerbackground}');
  867. background-repeat:repeat;
  868. background-attachment:fixed;
  869. border: double 3px #000;
  870. color:#fff;
  871. text-shadow:1px 1px 0px #000,
  872. z-index:99999999999999999999;
  873. font-size:9px;
  874. letter-spacing:2px;
  875. font-style:bold;
  876. letter-spacing:2px;
  877. font-family: calibri;
  878. text-transform:uppercase;
  879. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  880.  
  881.  
  882.  
  883. /*--------------------------- POPUP ------------------------------ */
  884.  
  885.  
  886. /*--Making IE6 Understand Fixed Positioning--*/
  887. *html #fade {
  888. position: absolute;
  889. }
  890. *html .popup_block {
  891. position: absolute;
  892. }
  893.  
  894. .popup_block{
  895. background-color:{color:background};
  896. border: 0px solid #3b3b3b;
  897. width:250px;
  898. height:485px;
  899. top:350px;
  900. padding: 5px;
  901. left: 800px;
  902. display: none; /*--hidden by default--*/
  903. float: left;
  904. font-size: 10px; /*font size of the words inside the box */
  905. position: fixed;
  906. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  907. }
  908.  
  909.  
  910. #fade { /*--Transparent background layer--*/
  911. background-color:#343434;
  912. display: none; /*--hidden by default--*/
  913. background: {color:background};
  914. background-repeat: no-repeat;
  915. background-position: center;
  916. background-image: url(''); /*if you want to add a background image to go behind your popup */
  917. position: fixed; left: 0; top: 0;
  918. width: 100%; height: 100%;
  919. opacity: 1.0;
  920. z-index: 9999;
  921. }
  922.  
  923.  
  924. .importante {
  925. background-color:transparent;
  926. left: 450px;
  927. top:100px;
  928. height: 380px;
  929. width: 232px;
  930. position: fixed;
  931. font-size:11px;
  932. overflow: auto;
  933. padding: 10px;
  934. z-index:2;
  935. }
  936.  
  937. .pops {
  938. background-image:url('{image:popup}');
  939. background-repeat:no-repeat;
  940. top:75px;
  941. left: 400px;
  942. text-align:justify;
  943. height:500px;
  944. width:600px;
  945. position:fixed;
  946. transition:0.7s ease-in-out;
  947. -o-transition:0.7s ease-in-out;
  948. -ms-transition:0.7s ease-in-out;
  949. -moz-transition:0.7s ease-in-out;
  950. -webkit-transition:0.7s ease-in-out;
  951. transition: all 0.4s ease-out;
  952. -moz-transition-duration: 0.4s;
  953. -webkit-transition-duration: 0.4s;
  954. -o-transition-duration: 0.4s;
  955. transition-duration: 0.4s;
  956.  
  957. }
  958.  
  959. .popupnavlinks {
  960. padding-top:5px;
  961. text-align:center; }
  962.  
  963.  
  964. .popupnavlinks a {
  965. display:inline-block;
  966. background-color: {color:background};
  967. border-top: 1px solid {color:bold};
  968. border-bottom: 1px solid {color:bold};
  969. text-align: center;
  970. font-size: 9px;
  971. font-family:courier;
  972. color: #fff;
  973. display: inline-block;
  974. width:90px; height:4px;
  975. margin:2px; padding:3px 6px 10px;
  976. -webkit-mask-image: -webkit-linear-gradient(left, rgba(24,24,30,0), rgba(24,24,30,1), rgba(24,24,30,0))
  977. }
  978.  
  979. .popupnavlinks a:hover {
  980. display:inline-block;
  981. letter-spacing:2px;
  982. -moz-transition-duration: 0.4s;
  983. -webkit-transition-duration: 0.4s;
  984. -o-transition-duration: 0.4s;
  985. transition-duration: 0.4s;
  986. }
  987.  
  988.  
  989.  
  990. .popupclose {
  991. float:right; top:0px; right:0px;
  992. margin-top:-10px; margin-right:-10px;
  993. font-family:'Scada', sans serif;
  994. font-size:10px;
  995. font-weight:bold }
  996.  
  997. .popupclose a {
  998. color:#aaa }
  999.  
  1000.  
  1001.  
  1002.  
  1003.  
  1004. /*--------------------------- POPUP ------------------------------ */
  1005.  
  1006. ul#tabs {
  1007. list-style-type: none;
  1008. padding: 0;
  1009. text-align: justify;
  1010. font-size:8px;
  1011. letter-spacing:1px;
  1012. display: inline;
  1013. }
  1014. ul#tabs li {
  1015. background-color: #2f2f2f;
  1016. border: 0px solid #222222;
  1017. border-radius: 2px;
  1018. background-repeat:repeat;
  1019. background-attachment:fixed;
  1020. background-image: url('');
  1021. display: inline-block;
  1022. padding: 4px;
  1023. margin-bottom: 4px;
  1024. margin-left: 2px;
  1025. cursor: pointer;
  1026. color: {color:mainlinks};
  1027. text-align: center;
  1028. }
  1029. ul#tabs li:hover {
  1030. background-color: #272727;
  1031. border-radius: 2px;
  1032. color: #388b38;
  1033. text-shadow: 1px 1px 3px #fff;
  1034. }
  1035. ul#tabs li.active {
  1036. background-image: url('');
  1037. background:{color:mainlinks};
  1038. background-repeat:repeat;
  1039. background-attachment:fixed;
  1040. border: 0px solid #222222;
  1041. color:#ffffff;
  1042. display: inline-block;
  1043. padding: 4px;
  1044. margin-bottom: 4px;
  1045. cursor: pointer;
  1046. border-radius: 2px;
  1047. text-align: center;
  1048. }
  1049. ul#tab {
  1050. list-style-type: none;
  1051. margin: 0;
  1052. padding: 0;
  1053. }
  1054. ul#tab li {
  1055. display: none;
  1056. }
  1057. ul#tab li.active {
  1058. display: block;
  1059. }
  1060.  
  1061.  
  1062. #esperanza {
  1063. position: fixed;
  1064. background-color: {color:background};
  1065. border-bottom: 1px solid #3b3b3b;
  1066. padding: 5px;
  1067. width: 250px;
  1068. height: 25px;
  1069. overflow: auto;
  1070. text-align: center;
  1071. z-index: 1;
  1072.  
  1073. }
  1074.  
  1075.  
  1076.  
  1077. </style>
  1078.  
  1079.  
  1080.  
  1081.  
  1082.  
  1083.  
  1084. <body>
  1085.  
  1086. <!--------------------------- SIDEBOX -------------------------------->
  1087. <div class="sideboxtitle">{text:hover sidebox}</div>
  1088. <div id="sidebox">
  1089.  
  1090. {text:sidebox text}
  1091.  
  1092. <p>
  1093. <h3>DEBTS</h3>
  1094. <center>
  1095. <b>Starters:</b> {text:Starters} <br> <b>Drafts:</b> {text:Drafts} <br> <b>Memes:</b> {text:Memes} <br> <b>Queue:</b> {text:Queue}
  1096. </center>
  1097.  
  1098.  
  1099. <br>
  1100. <center>
  1101. <b>Penned By:</b> <i>{text:penname}</i>
  1102.  
  1103. </center>
  1104. </div>
  1105.  
  1106.  
  1107.  
  1108.  
  1109. <!---TAB NAVIGATION STARTS-->
  1110. <div id="box4" class="popup_block">
  1111.  
  1112. <div style="width:auto; height:450px; overflow:auto; padding:5px 5px 15px 5px;">
  1113.  
  1114. <div class="pops">
  1115. <div class="importante">
  1116.  
  1117. <div id="esperanza" style="margin-left: -10px; margin-top: -10px;">
  1118. <ul id="tabs">
  1119. <li class="active">Rules</li>
  1120. <li>Basics</li>
  1121. <li>Main V</li>
  1122. <li>AU V</li>
  1123. <li>Connections</li>
  1124. <li>Atlas</li>
  1125. </ul>
  1126. </div>
  1127.  
  1128. <!---RULES START--->
  1129. <ul id="tab" style="margin-top: 50px;">
  1130. <li class="active">
  1131.  
  1132.  
  1133. RULES RULES RULES RULES RULES RULES <P>
  1134. HERE HERE HERE HERE HERE HERE HERE HERE <P>
  1135. RULES RULES RULES RULES RULES RULES <P>
  1136. HERE HERE HERE HERE HERE HERE HERE HERE <P>
  1137. RULES RULES RULES RULES RULES RULES <P>
  1138. HERE HERE HERE HERE HERE HERE HERE HERE <P>
  1139. RULES RULES RULES RULES RULES RULES <P>
  1140. HERE HERE HERE HERE HERE HERE HERE HERE <P>
  1141. RULES RULES RULES RULES RULES RULES <P>
  1142. HERE HERE HERE HERE HERE HERE HERE HERE <P>
  1143. RULES RULES RULES RULES RULES RULES <P>
  1144. HERE HERE HERE HERE HERE HERE HERE HERE <P>
  1145.  
  1146.  
  1147.  
  1148.  
  1149. </li>
  1150. <!---RULES ENDS--->
  1151.  
  1152. <!---BASIC INFO STARTS--->
  1153. <li>
  1154.  
  1155. <h1>BASICS</h1>
  1156.  
  1157. <h2>The Basics</h2>
  1158. <p><strong>FULL NAME:</strong> INPUT HERE<br />
  1159. <strong>RANK:</strong> INPUT HERE<br />
  1160. <strong>DOB:</strong> INPUT HERE<br />
  1161. <strong>POB:</strong> INPUT HERE<br />
  1162. <strong>HOME TOWN:</strong> INPUT HERE<br />
  1163. <strong>SEX:</strong> INPUT HERE<br />
  1164. <strong>ORIENTATION:</strong> INPUT HERE<br />
  1165. <strong>MARITAL STATUS:</strong> INPUT HERE<br />
  1166. <strong>KNOWN LANGUAGES:</strong> INPUT HERE<br />
  1167. <strong>EDUCATION:</strong> INPUT HERE<br />
  1168. <strong>CURRENT OCCUPATION:</strong> INPUT HERE<br />
  1169. <strong>PREVIOUS LOCATIONS:</strong> INPUT HERE</p>
  1170. <h2>Family</h2>
  1171. <p><strong>MOTHER:</strong> INPUT HERE<br />
  1172. <strong>FATHER:</strong> INPUT HERE<br />
  1173. <strong>BROTHER:</strong> INPUT HERE<br />
  1174. <strong>SISTER:</strong> INPUT HERE <br />
  1175. <h2>Traits</h2>
  1176. <p><strong>HAIR / EYES:</strong> INPUT HERE<br />
  1177. <strong>HEIGHT / WEIGHT:</strong> INPUT HERE<br />
  1178. <strong>BODY TYPE / SKINTONE:</strong> INPUT HERE<br />
  1179. <strong>NOTABLE MARKINGS:</strong>INPUT HERE<br />
  1180. <strong>FACE CLAIMS:</strong> INPUT HERE</p>
  1181.  
  1182. <BR>
  1183. <P><h2>ABOUT YOUR CHARACTER</h2>
  1184.  
  1185. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  1186.  
  1187. </li>
  1188.  
  1189. <!---BASIC INFO ENDS--->
  1190.  
  1191.  
  1192. <!---MAIN VERSES STARTS--->
  1193. <li>
  1194.  
  1195.  
  1196.  
  1197. <h1>Main Verse 1</h1>
  1198. <p><img src="{image:m1}" style="float: left; padding: 3px;">ELorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  1199.  
  1200. <p><h1>Main Verse 2</h1>
  1201. <p><img src="{image:m2}" style="float: right; padding: 3px;">ELorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  1202.  
  1203.  
  1204.  
  1205.  
  1206. </li>
  1207. <!---MAIN VERSES ENDS--->
  1208.  
  1209. <!---AU VERSES STARTS--->
  1210. <li>
  1211.  
  1212. <h2>AU VERSES</h2>
  1213. <h1>AU Verse 1</h1>
  1214. <p><img src="{image:a1}" style="float: left; padding: 3px;">ELorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  1215.  
  1216. <p><h1>AU Verse 2</h1>
  1217. <p><img src="{image:a2}" style="float: right; padding: 3px;">ELorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  1218.  
  1219.  
  1220.  
  1221. </li>
  1222. <!---AU VERSES ENDS--->
  1223.  
  1224. <!---MAINS AND EXCLUSIVES STARTS--->
  1225. <li>
  1226. <h2>Mains & Exclusives</h2>
  1227.  
  1228. <p><h3>Mains</h3>
  1229. <center>
  1230. <br><a href="">URL</a>
  1231. <br><i>Name:</i> Input
  1232. <br><b>Relationship:</b> Input
  1233.  
  1234. <p>
  1235. <br><a href="">URL</a>
  1236. <br><i>Name:</i> Input
  1237. <br><b>Relationship:</b> Input
  1238. </center>
  1239.  
  1240.  
  1241. <p><h3>Priorities</h3>
  1242. <center>
  1243. <br><a href="">URL</a>
  1244. <br><i>Name:</i> Input
  1245. <br><b>Relationship:</b> Input
  1246.  
  1247. <p>
  1248. <br><a href="">URL</a>
  1249. <br><i>Name:</i> Input
  1250. <br><b>Relationship:</b> Input
  1251.  
  1252.  
  1253. <p>
  1254. <br><a href="">URL</a>
  1255. <br><i>Name:</i> Input
  1256. <br><b>Relationship:</b> Input
  1257.  
  1258.  
  1259. <p>
  1260. <br><a href="">URL</a>
  1261. <br><i>Name:</i> Input
  1262. <br><b>Relationship:</b> Input
  1263.  
  1264. <p>
  1265. <br><a href="">URL</a>
  1266. <br><i>Name:</i> Input
  1267. <br><b>Relationship:</b> Input
  1268.  
  1269.  
  1270.  
  1271. </center>
  1272.  
  1273.  
  1274. <p><h3>Exclusives</h3>
  1275. <center>
  1276. <a href="">URL</a>
  1277. <br><i>Name:</i> Input
  1278. <br><b>Relationship:</b> Input
  1279.  
  1280. <p>
  1281. <br><a href="">URL</a>
  1282. <br><i>Name:</i> Input
  1283. <br><b>Relationship:</b> Input
  1284.  
  1285. <p>
  1286. <br><a href="">URL</a>
  1287. <br><i>Name:</i> Input
  1288. <br><b>Relationship:</b> Input
  1289.  
  1290. <p>
  1291. <br><a href="">URL</a>
  1292. <br><i>Name:</i> Input
  1293. <br><b>Relationship:</b> Input
  1294.  
  1295. <p>
  1296. <br><a href="">URL</a>
  1297. <br><i>Name:</i> Input
  1298. <br><b>Relationship:</b> Input
  1299.  
  1300. </center>
  1301. </li>
  1302. <!---MAINS AND EXCLUSIVES ENDS--->
  1303.  
  1304.  
  1305. <!---NAVIGATION STARTS--->
  1306. <li>
  1307. <div class="popupnavlinks">
  1308.  
  1309. <h2>WRITING</h2>
  1310.  
  1311. <a href="/tagged/whatever">LINK</a>
  1312. <a href="/tagged/whatever">LINK</a>
  1313. <br>
  1314. <a href="/tagged/whatever">LINK</a>
  1315. <a href="/tagged/whatever">LINK</a>
  1316. <br>
  1317.  
  1318. <H2>MUSE</H2>
  1319. <a href="/tagged/whatever">LINK</a>
  1320. <a href="/tagged/whatever">LINK</a>
  1321. <br>
  1322. <a href="/tagged/whatever">LINK</a>
  1323. <a href="/tagged/whatever">LINK</a>
  1324. <br>
  1325.  
  1326. <h2>MISC</h2>
  1327. <a href="/tagged/whatever">LINK</a>
  1328. <a href="/tagged/whatever">LINK</a>
  1329. <br>
  1330. <a href="/tagged/whatever">LINK</a>
  1331. <a href="/tagged/whatever">LINK</a>
  1332. <br>
  1333. <a href="/tagged/whatever">LINK</a>
  1334. <a href="/tagged/whatever">LINK</a>
  1335. <br>
  1336.  
  1337.  
  1338. </div>
  1339. </li>
  1340. <!---NAVIGATION ENDS--->
  1341.  
  1342. </ul>
  1343. </div></div>
  1344. </div></div>
  1345. <!---TAB NAVIGATION ENDS--->
  1346.  
  1347.  
  1348. <!---NAVIGATION LINKS STARTS--->
  1349. <div class="hala">
  1350. <a href="/" class="poplight" title="hala" style="padding-right: 1px; margin-top: -15px; font-size: 35px;">★</a>
  1351. </div>
  1352. <div class="suprimeintellegence">
  1353. <a href="/ask" class="poplight" style="martin-top: 4px; font-size: 20px;" title="ask">★</a>
  1354. </div>
  1355. <div class="starcharts">
  1356. <a href="#?w=260" rel="box4" class="poplight third" style="font-size: 25px;" title="star charts">★</a>
  1357. </div>
  1358.  
  1359. <!---NAVIGATION LINKS ENDS--->
  1360.  
  1361. <!----------------------------- CREDIT ------------------------------>
  1362.  
  1363. <div class="credit">
  1364. <a href="https://bridgetowakandabasecodes.tumblr.com/" title="bridgetowakanda base codes">c</a>
  1365. </div>
  1366.  
  1367.  
  1368.  
  1369.  
  1370. <!------------------------- POSTS & CONTENT -------------------------->
  1371.  
  1372.  
  1373.  
  1374. <div class="pag">{block:Pagination}
  1375. {block:PreviousPage}<a href="{PreviousPage}" class="pag" style="margin-left: -250px;">backward</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" class="pag" style="margin-right: 0x;">forward</a>
  1376. {/block:NextPage}
  1377. {/block:Pagination}</div>
  1378.  
  1379.  
  1380.  
  1381.  
  1382. <div id="entries">
  1383.  
  1384. {block:Posts}
  1385.  
  1386. <div class="posts">
  1387.  
  1388. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1389.  
  1390. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  1391. {/block:Photo}
  1392.  
  1393. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1394.  
  1395. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1396.  
  1397. {block:Video}
  1398. <div class="video">{Video-250}</div>
  1399. {/block:Video}
  1400.  
  1401. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1402.  
  1403.  
  1404. {block:Quote}<quotetext>❝{Quote}❞</quotetext>{block:Source}<h3>{Source}</h3>{/block:Source}{/block:Quote}
  1405.  
  1406.  
  1407. {block:Chat}
  1408. {block:Title}
  1409. <h1>{Title}</h1>{/block:Title}<br>
  1410. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1411. {Line}</li>{/block:Lines}</ul>
  1412. {/block:Chat}
  1413.  
  1414.  
  1415. <!--AUDIO POST-->
  1416. {block:Audio}
  1417. {block:AlbumArt}
  1418. <div class="songart">
  1419. <img src="{AlbumArtURL}">
  1420. </div>
  1421. {/block:AlbumArt}
  1422. <div class="songtitle">
  1423. {block:TrackName}
  1424. {TrackName}
  1425. {/block:TrackName}
  1426. </div>
  1427. <div class="songauthor">
  1428. By
  1429. {block:Artist}
  1430. {Artist}
  1431. {/block:Artist}
  1432. </div>
  1433. {AudioPlayerWhite}
  1434. {/block:Audio}
  1435.  
  1436.  
  1437.  
  1438. {block:Answer}
  1439. <div id="asking" style="margin-left: 250px; margin-bottom: -40px; -ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg);"><img src="{image:asking}" height="64px;" draggable="false"></div>
  1440.  
  1441. <div id="border">
  1442. <div id="askerurl" style="margin-left:0px; margin-top:0px; text-transform:uppercase; color: {color:bold}; word-wrap: break-word; max-width: 100%;">{asker}</div><div style="max-width:150px; margin-left:45px; margin-top:-5px; letter-spacing:2px; word-spacing: 1px; text-align:justify;">sent a transmission</div>
  1443. </div>
  1444.  
  1445. <div id="question" style="margin-top: 20px">{Question}</div>
  1446. <div id="answer" style="margin-top: 20px;">{Answer}</div>
  1447. {/block:Answer}
  1448.  
  1449.  
  1450. <div id="infobox">
  1451. <div id="info">
  1452. <br>
  1453.  
  1454. &nbsp; &nbsp;
  1455.  
  1456.  
  1457. {block:Date}
  1458. <a href="{Permalink}"style="position:absolute; width: autopx; margin-left:110px; margin-top:-9px; font-size: 12px; font-family:consolas;" title="{TimeAgo}, {ShortMonth} {DayOfMonthWithZero} with {NoteCount} notes ">{ShortMonth} {DayOfMonthWithZero} </a>
  1459. {/block:Date}
  1460.  
  1461.  
  1462.  
  1463. <a href="{ReblogURL}" style="position:absolute; margin-left:60px; margin-top:-9px; font-size:12px; font-family:consolas;" title="reblog"> Reblog </a>
  1464.  
  1465.  
  1466.  
  1467. {block:NoRebloggedFrom}
  1468. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1469. {/block:NoRebloggedFrom}
  1470.  
  1471.  
  1472. {block:ContentSource}
  1473. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1474. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1475. {/block:SourceLogo}
  1476. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1477. {/block:ContentSource}
  1478.  
  1479.  
  1480. <br>
  1481.  
  1482.  
  1483. <!------------------------ INFO AND SYMBOLS ENDS ---------------------->
  1484.  
  1485.  
  1486. <div id="tags">{block:HasTags}{block:Tags}&nbsp;☽&nbsp; <a href="{TagURL}" title="{Tag}"> {Tag}</a> {/block:Tags}{/block:HasTags}</div>
  1487. </div>&nbsp;
  1488.  
  1489. <br><br><br><br>
  1490.  
  1491. {/block:Posts}
  1492. <div class="note">
  1493. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1494. </div></div>
  1495.  
  1496. {/block:Posts}
  1497.  
  1498.  
  1499. </div>
  1500. </div>
  1501. </div>
  1502.  
  1503.  
  1504.  
  1505. </body>
  1506.  
  1507.  
  1508.  
  1509.  
  1510.  
  1511. </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!