API tools faq
paste
Advertisement
bridgetowakanda

yon-rogg

bridgetowakanda
Jun 9th, 2019
171
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.86 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 002. 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="classified files"/>
  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="zorra"/>
  125.  
  126. <meta name="color:background" content="#333333" />
  127. <meta name="color:text" content="#ffffff" />
  128. <meta name="color:italic" content="#abbc57" />
  129. <meta name="color:bold" content="#84cccb" />
  130. <meta name="color:question" content="#111111" />
  131. <meta name="color:question font" content="#fffff" />
  132. <meta name="color:mainlinks" content="#fffff" />
  133. <meta name="color:mainlinkshover" content="#gggggg" />
  134.  
  135. <meta name="image:body" content="" />
  136. <meta name="image:popup" content="" />
  137. <meta name="image:headerbackground" content="" />
  138. <meta name="image:m1" content="" />
  139. <meta name="image:m2" content="" />
  140. <meta name="image:a1" content="" />
  141. <meta name="image:a2" content="" />
  142.  
  143. <meta name="if:containerhover" content="1"/>
  144.  
  145.  
  146. <style type="text/css">
  147.  
  148.  
  149.  
  150.  
  151.  
  152. /*---------------------------- SCROLL BAR ---------------------------*/
  153. ::-webkit-scrollbar {
  154. width: 2px;
  155. height: 2px;
  156. }
  157. ::-webkit-scrollbar-button {
  158. width: 0px;
  159. height: 0px;
  160. }
  161. ::-webkit-scrollbar-thumb {
  162. background: transparent;
  163. border: 0px none #a68b7c;
  164. border-radius: 50px;
  165. }
  166. ::-webkit-scrollbar-thumb:hover {
  167. background: transparent;
  168. }
  169. ::-webkit-scrollbar-thumb:active {
  170. background: transparent;
  171. }
  172. ::-webkit-scrollbar-track {
  173. background: transparent;
  174. border: 0px none #a68b7c;
  175. border-radius: 0px;
  176. }
  177. ::-webkit-scrollbar-track:hover {
  178. background:transparent;
  179. }
  180. ::-webkit-scrollbar-track:active {
  181. background: transparent;
  182. }
  183. ::-webkit-scrollbar-corner {
  184. background: transparent;
  185. }
  186.  
  187.  
  188. /*---------------------------- SELECTION ---------------------------*/
  189.  
  190. ::SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
  191. ::-MOZ-SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
  192.  
  193.  
  194.  
  195. /*---------------------------- BODY ---------------------------*/
  196.  
  197. body {
  198. background-color:{color:background};
  199. background-image:url('{image:body}');
  200. background-repeat: no-repeat;
  201. font-family: calibri;
  202. font-size: 11px;
  203. text-align: justify;
  204. color:{color:text};
  205. }
  206.  
  207.  
  208.  
  209. /*---------------------- QUESTIONS & ANSWERS ------------------------*/
  210.  
  211. #askerurl {
  212. text-transform:uppercase;
  213. font-weight:400;
  214. font-size:20px;
  215. margin-top:30px;
  216. margin-left:50px;
  217. padding-bottom:5px;
  218. width:250px;
  219. font-family: 'Orbitron', sans-serif;
  220. text-align:center;
  221. }
  222.  
  223. #asking img {
  224. padding: 5px;
  225. }
  226.  
  227. #question {
  228. background-attachment:auto;
  229. background-image: url('');
  230. padding:5px;
  231. margin:3px 0 3px 10px;
  232. border-right:1px solid {color:bold};
  233. background-color:{color:question};
  234. color: {color:question font};
  235. font-family: 'Open Sans Condensed';
  236. text-shadow: 1px 1px 5px {color:question font};
  237. }
  238.  
  239. #answer {
  240. word-spacing: 0px;
  241. }
  242.  
  243. #border {
  244. border: 1px solid #222222;
  245. padding: 10px;
  246. max-width: 220px;
  247. margin-top: 20px;
  248. }
  249.  
  250.  
  251. /*------------------------ CONTAINER & POSTS ------------------------*/
  252.  
  253. #entries {
  254. width:250px;
  255. height:350px;
  256. top:165px;
  257. padding: 5px;
  258. margin-left: 555px;
  259. position:relative;
  260. overflow-y:scroll;
  261. overflow-x:hidden;
  262.  
  263. {block:ifcontainerhover}
  264. opacity:0;
  265. {/block:ifcontainerhover}
  266. background:{color:background};
  267. -webkit-mask-image: -webkit-gradient(
  268. linear, center 75%, center bottom,
  269. from(rgba(0,0,0,20)),
  270. to(rgba(20,0,0,0)));
  271. -webkit-transition:all .7s ease-in-out;
  272. -moz-transition:all .7s ease-in-out;
  273. transition:all .7s ease-in-out;
  274. }
  275.  
  276. {block:ifcontainerhover}
  277. #entries:hover {
  278. opacity:1;
  279. }{/block:ifcontainerhover}
  280.  
  281.  
  282. #entries img {
  283. height:auto;
  284. max-width:100%;
  285. }
  286.  
  287. #post img {
  288. height: auto;
  289. max-width: 100%;
  290. }
  291.  
  292.  
  293. #posts {
  294. width:250px;
  295. background-color: #222;
  296. padding-bottom:0px;
  297. overflow-y:scroll;
  298. overflow-x:hidden;
  299. }
  300.  
  301.  
  302. /*----------------------- MAINS AND EXCLUSIVES ----------------------*/
  303.  
  304. #me {
  305. width: 250px;
  306. height: 100px;
  307. overflow:auto;
  308. background-color:#383838;
  309. padding: 2px;
  310. }
  311.  
  312. #meimg {
  313. width: 75px;
  314. height: 75px;
  315. padding: 1px;
  316. }
  317.  
  318. #mename {
  319. margin-top: -35px;
  320. }
  321.  
  322.  
  323.  
  324.  
  325.  
  326. /*---------------------------- SIDEBOX ---------------------------*/
  327.  
  328. #sidebox {
  329. position: fixed;
  330. background-color: {color:background};
  331. border: 0px solid #3b3b3b;
  332. padding: 5px;
  333. top: 80px;
  334. left: 565px;
  335. width: 250px;
  336. height: 66px;
  337. overflow: auto;
  338. z-index: 1;
  339. opacity:0;
  340. -moz-transition-duration:.6s;
  341. -webkit-transition-duration:.6s;
  342. -o-transition-duration:.6s;
  343. }
  344.  
  345. #sidebox:hover {
  346. opacity: 1;
  347. -moz-transition-duration:.6s;
  348. -webkit-transition-duration:.6s;
  349. -o-transition-duration:.6s;
  350. }
  351.  
  352. .sideboxtitle {
  353. position: fixed;
  354. text-align: center;
  355. color: #fff;
  356. font-family: 'Marck Script', cursive;
  357. font-size: 12px;
  358. text-shadow: 1px 1px 5px #fff;
  359. text-transform: none;
  360. top: 110px;
  361. left: 650px;
  362. }
  363.  
  364. .sideboxtitle:hover {
  365. opacity: 0;
  366. -moz-transition-duration:.6s;
  367. -webkit-transition-duration:.6s;
  368. -o-transition-duration:.6s;
  369. }
  370. /*---------------------------- CREDIT ---------------------------*/
  371.  
  372. .credit {
  373. left: 98%;
  374. top: 95%;
  375. width: 50px;
  376. height: 50px;
  377. position: fixed;
  378. }
  379.  
  380. a.credit, a.credit:link, a.credit:active, a.credit:visited{
  381. text-decoration: none;
  382. color: #312a2a;
  383. text-transform: none;
  384. font-family: 'Contrail One', cursive;
  385. font-size: 14px;
  386. -moz-transition-duration:.6s;
  387. -webkit-transition-duration:.6s;
  388. -o-transition-duration:.6s;
  389. -webkit-filter: blur(0px);
  390.  
  391. }
  392.  
  393. a.credit:hovor {
  394. color: #2e2727;
  395. font-family: 'Contrail One', cursive;
  396. letter-spacing: 0px;
  397. -moz-transition-duration:.6s;
  398. -webkit-transition-duration:.6s;
  399. -o-transition-duration:.6s;
  400. -webkit-filter: blur(0px); }
  401.  
  402.  
  403.  
  404. /*---------------------------- FANCY FONT ---------------------------*/
  405.  
  406. h1 {
  407. font-size:30px;
  408. font-family: times;
  409. font-weight:400;
  410. color:#fff;
  411. text-shadow: 1px 1px 5px #fff;
  412. background-color: #33403c;
  413. border-right: 15px solid #556a64;
  414. display:block;
  415. margin-top: 20px;
  416. text-align:right;
  417. text-transform:uppercase;
  418. padding-right:20px;
  419. letter-spacing:1px;
  420.  
  421. }
  422.  
  423. h2 {
  424. font-size:12px
  425. font-family: 'Marck Script', cursive;
  426. color:#ffffff;
  427. text-shadow: 0px 0px 5px #ffffff;
  428. text-align: center;
  429. text-transform:none;
  430. letter-spacing:2px;
  431. margin:0, 0, 5px, 0;
  432. padding:5px;
  433. }
  434.  
  435.  
  436. h3 {
  437. background-image: url('{image:headerbackground}');
  438. background-position:top;
  439. background-attachment:fixed;
  440. border: double 3px #000;
  441. padding:10px;
  442. color:#ffffff;
  443. overflow: auto;
  444. text-shadow:1px 1px 2px #000,
  445. font-size:15px;
  446. font-family:calibri;
  447. text-transform:uppercase;
  448. letter-spacing:1px;
  449. text-align:center;
  450. }
  451.  
  452.  
  453.  
  454. i, italic, em {
  455. font-family: 'IM Fell English SC', serif;
  456. font-size: 15px;
  457. text-transform: italic;
  458. text-transform: uppercase;
  459. color:{color:italic};
  460. text-transform:lowercase;
  461. letter-spacing:1px;
  462.  
  463. }
  464.  
  465. b, bold, strong {
  466. font-size:10px;
  467. font-family: 'Permanent Marker', cursive;
  468. color:{color:bold};
  469. text-transform:lowercase;
  470.  
  471. }
  472. u, underline {font:8px 'Fjalla One'; font-weight:400; color:#79b4a8; text-transform:uppercase; letter-spacing:1px;}
  473.  
  474. p {
  475. margin-top:5px;
  476. margin-bottom:5px;}
  477.  
  478.  
  479. ol {
  480. list-style:normal;}
  481.  
  482.  
  483. ul {
  484. list-style:square;}
  485.  
  486.  
  487. small {
  488. font-size:10px}
  489.  
  490.  
  491. sup,sub {
  492. font-size:11px}
  493.  
  494.  
  495. pre {
  496. font-size: 12px;
  497. border-left: 3px solid #fe9f63;
  498. padding: 5px;
  499. font-family: courier new;
  500. font-style: none;
  501. text-transform: uppercase;
  502. text-align:left;
  503. white-space: pre-wrap;
  504. white-space: -moz-pre-wrap;
  505. white-space: -pre-wrap;
  506. white-space: -o-pre-wrap;
  507. word-wrap: break-word;
  508. }
  509.  
  510.  
  511.  
  512.  
  513. blockquote {
  514. padding:2px 7px;
  515. padding-right:17px;
  516. margin:3px 0 3px 10px;
  517. border-left:1px solid #0cddd3;
  518. -webkit-border-radius: 10px;
  519. }
  520.  
  521.  
  522. blockquote img{
  523. max-width:100%;
  524. height:auto;
  525. }
  526.  
  527. blockquote blockquote img{
  528. max-width:100%;
  529. height:auto;
  530. }
  531.  
  532.  
  533.  
  534.  
  535. t, title {
  536. size: 15px;
  537. color: 222;
  538. letter-spacing: 2px;
  539. font: times;
  540. }
  541.  
  542. quotetext {
  543. font-family: times;
  544. font-size: 20px;
  545. line-height: 21px;
  546. letter-spacing: 2px;
  547. text-align: center;
  548. text-transform:uppercase;
  549. color: #fff;
  550. text-shadow: 3px 1px 1px #79b4a8;
  551. }
  552.  
  553. quotations {
  554. font: courier;
  555. font-size: 30px;
  556. color: {color:bold};
  557. }
  558.  
  559. quote {
  560. font-size: 13px;
  561. }
  562.  
  563. img {
  564. max-width:100%;
  565. }
  566.  
  567. hr {
  568. width:100px;
  569. border: 0;
  570. height: 0.5px;
  571. margin-right:10px;
  572. background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 255), rgba(255, 255, 255, 0));
  573. }
  574.  
  575. code {
  576. text-transform: uppercase;
  577. }
  578.  
  579. #borders {
  580. border-bottom: 1px solid #3e3e3e;
  581. }
  582.  
  583. /*---------------------------- NAVIGATION ---------------------------*/
  584.  
  585. .hala {
  586. top: 100px;
  587. left: 400px;
  588. height: 100px;
  589. width: 100px;
  590. position: fixed;
  591. background-color: transparent;
  592. font-size: 25px;
  593. }
  594.  
  595. .suprimeintellegence {
  596. top: 150px;
  597. left: 350px;
  598. height: 50px;
  599. width: 50px;
  600. position: fixed;
  601. background-color: transparent;
  602. font-size: 40px;
  603. }
  604.  
  605. .starcharts {
  606. top: 125px;
  607. left: 450px;
  608. height: 50px;
  609. width: 50px;
  610. position: fixed;
  611. background-color: transparent;
  612. font-size: 40px;
  613. }
  614.  
  615. a:link, a:active, a:visited {
  616. text-decoration: none;
  617. color: {color:mainlinks};
  618. text-transform: uppercase;
  619. font-family: 'Unica One', cursive;
  620. font-size: 14px;
  621. -moz-transition-duration:.6s;
  622. -webkit-transition-duration:.6s;
  623. -o-transition-duration:.6s;
  624. -webkit-filter: blur(0px);}
  625.  
  626. a:hover {
  627. color: {color:mainlinkshover};
  628. font-family: 'Unica One', cursive;
  629. letter-spacing: 0px;
  630. -moz-transition-duration:.6s;
  631. -webkit-transition-duration:.6s;
  632. -o-transition-duration:.6s;
  633. -webkit-filter: blur(0px);}
  634.  
  635.  
  636.  
  637. a.navi, a.navi:link, a.navi:active, a.navi:visited {
  638. color: #a68b7c;
  639. text-shadow: 0px 0px 10px #a68b7c;
  640. font-family: times;
  641. font-size: 12px;
  642.  
  643. }
  644.  
  645. a.navi:hover {
  646. -moz-transition-duration:.6s;
  647. -webkit-transition-duration:.6s;
  648. -o-transition-duration:.6s;
  649. -webkit-filter: blur(0px);
  650. }
  651.  
  652.  
  653. /*---------------------------- PAGINATION ---------------------------*/
  654.  
  655.  
  656. .pag {
  657. position: fixed;
  658. left: 800px;
  659. top: 50px;
  660. width: auto;
  661. height: auto;
  662. }
  663.  
  664. a.pag, a.pag:link, a.pag:active, a.pag:visited {
  665. color: #fff;
  666. font-family: 'Marck Script', cursive;
  667. font-size: 12px;
  668. text-shadow: 1px 1px 5px #fff;
  669. text-transform: none;
  670. }
  671.  
  672. a.pag:hover {
  673. opacity: .5;
  674. -moz-transition-duration:.6s;
  675. -webkit-transition-duration:.6s;
  676. -o-transition-duration:.6s;
  677. -webkit-filter: blur(0px);
  678. }
  679.  
  680. /*--------------------------- TAGS & INFO ---------------------------*/
  681.  
  682.  
  683. #infobox {
  684. border:1px solid transparent;
  685. margin-bottom:10px;
  686. padding-top:10px;
  687. overflow: auto;
  688. }
  689.  
  690.  
  691. #info {
  692. margin-left:20px;
  693. background-color: #312a2a;
  694. background-image: url('');
  695. background-position: fixed;
  696. background-repeat: repeat;
  697. border: 1px solid #3f3f3f;
  698. height: 20px;
  699. margin-left:0px;
  700. margin-bottom: 75px;
  701. }
  702.  
  703. #info a {
  704. color:#373737;
  705. text-shadow: 0px 0px 2px #000000;
  706. opacity: 1;
  707. font-family:consolas;
  708. text-transform: uppercase;
  709. }
  710.  
  711. #info a:hover {
  712. color:#222;
  713. opacity: 1;
  714. }
  715.  
  716.  
  717. #tags {
  718. width:200px;
  719. height: 25px;
  720. overflow: auto;
  721. padding:2px;
  722. font-size:5px;
  723. text-align:center;
  724. font-family:courier;
  725. text-transform:uppercase;
  726. background:transparent;
  727. margin-bottom: 5px;
  728. margin-top: 5px;
  729. }
  730.  
  731.  
  732. #tags a {
  733. font-family:consolas;
  734. font-size:8px;
  735. line-height:8pt;
  736. letter-spacing:0px;
  737. color:#d4cec3;
  738. text-decoration:none;
  739. text-transform:uppercase;
  740. text-align:center;
  741. display:inline-block;
  742. margin:1px 0px 3px 0px;
  743. -webkit-transition: all 0.4s ease-out;
  744. -moz-transition: all 0.4s ease-out;
  745. transition: all 0.4s ease-out;
  746. -moz-transition-duration: 0.4s;
  747. -webkit-transition-duration: 0.4s;
  748. -o-transition-duration: 0.4s;
  749. transition-duration: 0.4s; }
  750.  
  751.  
  752. #tags a:hover {
  753. color:#555;
  754. text-shadow:0px 0px 1px #777;
  755. -webkit-filter:none;
  756. -webkit-transition: all 0.6s ease-in-out;
  757. -moz-transition: all 0.6s ease-in-out;
  758. -o-transition: all 0.6s ease-in-out;
  759. -ms-transition: all 0.6s ease-in-out;
  760. transition: all 0.6s ease-in-out;
  761. }
  762.  
  763.  
  764.  
  765.  
  766. /*---------------------------- EXTRA 1 ---------------------------*/
  767.  
  768.  
  769.  
  770. .note {
  771. text-transform:uppercase;
  772. font-style:normal;
  773. letter-spacing:0px;
  774. font-size: 10px;
  775. text-align:left;
  776. line-height:90%;
  777. margin-left:-40px;}
  778.  
  779. .note li {
  780. list-style-type:none;
  781. border-bottom:0px solid {color:border};
  782. padding:10px 25px 10px 25px;
  783. text-align:left;
  784. margin:0px;
  785. -moz-transition-duration:0.5s;
  786. -webkit-transition-duration:0.5s;
  787. -o-transition-duration:0.5s;}
  788.  
  789. .note img.avatar {
  790. margin-right: 10px;
  791. width: 16px;
  792. height: 16px;}
  793.  
  794.  
  795.  
  796.  
  797. /*-------------------------- MUSIC PLAYER ---------------------------*/
  798.  
  799.  
  800.  
  801. .songart{
  802. float:left;
  803. margin-right:10px;
  804. }
  805.  
  806. .songart img{
  807. width:80px;
  808. height:80px;
  809. }
  810.  
  811. .songtitle{
  812. margin-bottom:10px;
  813. margin-left:90px;
  814. }
  815.  
  816. .songauthor{
  817. margin-bottom:10px;
  818. font-size:8px;
  819. margin-left:90px;
  820. }
  821.  
  822. .tumblr_audio_player {
  823. height: 50px;
  824. }
  825.  
  826. /* ----------------------------- CHAT CODE --------------------------- */
  827.  
  828. /* chat cred: https://dear-indies.tumblr.com/post/125257866576/animalites-imessage-chat-post-ive-seen-a-lot */
  829.  
  830. /* IMESSAGE CHAT POST */
  831. .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}
  832. .asked p {
  833. text-align: left;
  834. margin: 0 0px 10px 0px;
  835. padding: 0;
  836. color: #666666;
  837. font-family: 'Inconsolata', Inconsolata;
  838. font-size: 12px;
  839. line-height: 0px;
  840. }
  841. .footerright .viasrc {
  842. float: left;
  843. }
  844. .asked a {
  845. margin:0;padding:0;
  846. }
  847. .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}
  848. .convo {
  849. overflow: hidden;
  850. list-style-type: none;
  851. padding: 0;
  852. margin: 0;
  853. }
  854.  
  855. /*---------------------------- TOOLTIP ---------------------------*/
  856.  
  857.  
  858.  
  859. #s-m-t-tooltip{
  860. max-width:400px;
  861. margin:15px;
  862. padding:2px 8px;
  863. background: #1c0915;
  864. background-image:url('{image:headerbackground}');
  865. background-repeat:repeat;
  866. background-attachment:fixed;
  867. border: double 3px #000;
  868. color:#fff;
  869. text-shadow:1px 1px 0px #000,
  870. z-index:99999999999999999999;
  871. font-size:9px;
  872. letter-spacing:2px;
  873. font-style:bold;
  874. letter-spacing:2px;
  875. font-family: calibri;
  876. text-transform:uppercase;
  877. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  878.  
  879.  
  880.  
  881. /*--------------------------- POPUP ------------------------------ */
  882.  
  883.  
  884. /*--Making IE6 Understand Fixed Positioning--*/
  885. *html #fade {
  886. position: absolute;
  887. }
  888. *html .popup_block {
  889. position: absolute;
  890. }
  891.  
  892. .popup_block{
  893. background-color:{color:background};
  894. border: 0px solid #3b3b3b;
  895. width:250px;
  896. height:485px;
  897. top:450px;
  898. padding: 5px;
  899. left: 700px;
  900. display: none; /*--hidden by default--*/
  901. float: left;
  902. font-size: 10px; /*font size of the words inside the box */
  903. position: fixed;
  904. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  905. }
  906.  
  907.  
  908. #fade { /*--Transparent background layer--*/
  909. display: none; /*--hidden by default--*/
  910. background: {color:background};
  911. background-repeat: no-repeat;
  912. background-position: center;
  913. background-image: url('{image:popup}'); /*if you want to add a background image to go behind your popup */
  914. position: fixed; left: 0; top: 0;
  915. width: 100%; height: 100%;
  916. opacity: 1.0;
  917. z-index: 9999;
  918. }
  919.  
  920. .popupnavlinks {
  921. padding-top:5px;
  922. text-align:center; }
  923.  
  924.  
  925. .popupnavlinks a {
  926. display:inline-block;
  927. background-color: #333333;
  928. border-top: 1px solid #0cddd3;
  929. border-bottom: 1px solid #0cddd3;
  930. text-align: center;
  931. font-size: 9px;
  932. font-family:courier;
  933. color: #fff;
  934. display: inline-block;
  935. width:90px; height:4px;
  936. margin:2px; padding:3px 6px 10px;
  937. -webkit-mask-image: -webkit-linear-gradient(left, rgba(24,24,30,0), rgba(24,24,30,1), rgba(24,24,30,0))
  938. }
  939.  
  940. .popupnavlinks a:hover {
  941. display:inline-block;
  942. letter-spacing:2px;
  943. -moz-transition-duration: 0.4s;
  944. -webkit-transition-duration: 0.4s;
  945. -o-transition-duration: 0.4s;
  946. transition-duration: 0.4s;
  947. }
  948.  
  949.  
  950.  
  951. .popupclose {
  952. float:right; top:0px; right:0px;
  953. margin-top:-10px; margin-right:-10px;
  954. font-family:'Scada', sans serif;
  955. font-size:10px;
  956. font-weight:bold }
  957.  
  958. .popupclose a {
  959. color:#aaa }
  960.  
  961.  
  962.  
  963.  
  964.  
  965. /*--------------------------- POPUP ------------------------------ */
  966.  
  967. ul#tabs {
  968. list-style-type: none;
  969. padding: 0;
  970. text-align: justify;
  971. font-size:8px;
  972. letter-spacing:1px;
  973. display: inline;
  974. }
  975. ul#tabs li {
  976. background-color: #2f2f2f;
  977. border: 0px solid #222222;
  978. border-radius: 2px;
  979. background-repeat:repeat;
  980. background-attachment:fixed;
  981. background-image: url('');
  982. display: inline-block;
  983. padding: 4px;
  984. margin-bottom: 4px;
  985. margin-left: 2px;
  986. cursor: pointer;
  987. color: #3e9c3e;
  988. text-align: center;
  989. }
  990. ul#tabs li:hover {
  991. background-color: #272727;
  992. border-radius: 2px;
  993. color: #388b38;
  994. text-shadow: 1px 1px 3px #fff;
  995. }
  996. ul#tabs li.active {
  997. background-image: url('');
  998. background:#388b38;
  999. background-repeat:repeat;
  1000. background-attachment:fixed;
  1001. border: 0px solid #222222;
  1002. color:#272727;
  1003. display: inline-block;
  1004. padding: 4px;
  1005. margin-bottom: 4px;
  1006. cursor: pointer;
  1007. border-radius: 2px;
  1008. text-align: center;
  1009. }
  1010. ul#tab {
  1011. list-style-type: none;
  1012. margin: 0;
  1013. padding: 0;
  1014. }
  1015. ul#tab li {
  1016. display: none;
  1017. }
  1018. ul#tab li.active {
  1019. display: block;
  1020. }
  1021.  
  1022.  
  1023. #esperanza {
  1024. position: fixed;
  1025. background-color: {color:background};
  1026. border-bottom: 1px solid #3b3b3b;
  1027. padding: 5px;
  1028. width: 250px;
  1029. height: 25px;
  1030. overflow: auto;
  1031. text-align: center;
  1032. z-index: 1;
  1033.  
  1034. }
  1035.  
  1036.  
  1037.  
  1038. </style>
  1039.  
  1040.  
  1041.  
  1042.  
  1043.  
  1044.  
  1045. <body>
  1046.  
  1047. <!--------------------------- SIDEBOX -------------------------------->
  1048. <div class="sideboxtitle">{text:hover sidebox}</div>
  1049. <div id="sidebox">
  1050.  
  1051. {text:sidebox text}
  1052.  
  1053. <p>
  1054. <h3>DEBTS</h3>
  1055. <center>
  1056. <b>Starters:</b> {text:Starters} <br> <b>Drafts:</b> {text:Drafts} <br> <b>Memes:</b> {text:Memes} <br> <b>Queue:</b> {text:Queue}
  1057. </center>
  1058.  
  1059.  
  1060. <br>
  1061. <center>
  1062. <b>Penned By:</b>
  1063. <i>{text:penname}</i>
  1064.  
  1065. </center>
  1066. </div>
  1067.  
  1068.  
  1069.  
  1070.  
  1071. <!---TAB NAVIGATION STARTS-->
  1072. <div id="box4" class="popup_block">
  1073.  
  1074. <div style="width:auto; height:450px; overflow:auto; padding:5px 5px 15px 5px;">
  1075.  
  1076. <div id="esperanza" style="margin-left: -10px; margin-top: -10px;">
  1077. <ul id="tabs">
  1078. <li class="active">Rules</li>
  1079. <li>Basics</li>
  1080. <li>Main V</li>
  1081. <li>AU V</li>
  1082. <li>Connections</li>
  1083. <li>Atlas</li>
  1084. </ul>
  1085. </div>
  1086.  
  1087. <!---RULES START--->
  1088. <ul id="tab" style="margin-top: 50px;">
  1089. <li class="active">
  1090.  
  1091.  
  1092. <h2>WE FIGHT TO WIN.</h1>
  1093. <p><b>...</b>
  1094. <p><i>kree guidelines</i>
  1095. <p>
  1096. <b>1.)</b> Hullo my wonderful friends! Just your neighborhood Zorra at it again with another blog. Basically, this blog is going to be super chill, dash only until I find a theme I like, and mutuals only. Primarily, threads will be plot based once I get into the mindframe of writing Yon-Rogg. Till thing, things might be dialogue based.<p>
  1097. <b>2.)</b> I will not be following everyone back. Things could be primarily on a queue basis. Basically, I’ll pop on when I have time and muse. No doubt, plotted threads will be the ones I answer first, simply because I remember those threads the most.<p>
  1098. <b>3.)</b> Age old saying, drama is a no no on this blog. No callout posts, drama, hate, etc. The usual stuff. I don’t care what the issue is. If I see it more than once on your blog, I’ll unfollow/softblock you. <p>
  1099. <b>4.)</b> Yon-Rogg + Chemistry, that’s how it’s going to be. Though I’m not sure how my Kree dude feels about relationships at this point. Obviously, he was close with Vers (Carol) as a mentor figure but other than that….<p>
  1100. <b>5.)</b> I do have Carol Danvers Blog & a CM Multi. <a href="https://wcrstopper.tumblr.com">Carol</a> & <a href="https://chnghistory.tumblr.com">Multi</a><p>
  1101. <b>6.)</b> Mun Stats: She/her, 21+, EST time zone, full time worker with a family.<p>
  1102. <b>7.)</b> Bottomline...Let’s have fun!
  1103.  
  1104.  
  1105.  
  1106.  
  1107. </li>
  1108. <!---RULES ENDS--->
  1109.  
  1110. <!---BASIC INFO STARTS--->
  1111. <li>
  1112.  
  1113. <h1>BASICS</h1>
  1114.  
  1115. <h2>The Basics</h2>
  1116. <p><strong>FULL NAME:</strong> INPUT HERE<br />
  1117. <strong>RANK:</strong> INPUT HERE<br />
  1118. <strong>DOB:</strong> INPUT HERE<br />
  1119. <strong>POB:</strong> INPUT HERE<br />
  1120. <strong>HOME TOWN:</strong> INPUT HERE<br />
  1121. <strong>SEX:</strong> INPUT HERE<br />
  1122. <strong>ORIENTATION:</strong> INPUT HERE<br />
  1123. <strong>MARITAL STATUS:</strong> INPUT HERE<br />
  1124. <strong>KNOWN LANGUAGES:</strong> INPUT HERE<br />
  1125. <strong>EDUCATION:</strong> INPUT HERE<br />
  1126. <strong>CURRENT OCCUPATION:</strong> INPUT HERE<br />
  1127. <strong>PREVIOUS LOCATIONS:</strong> INPUT HERE</p>
  1128. <h2>Family</h2>
  1129. <p><strong>MOTHER:</strong> INPUT HERE<br />
  1130. <strong>FATHER:</strong> INPUT HERE<br />
  1131. <strong>BROTHER:</strong> INPUT HERE<br />
  1132. <strong>SISTER:</strong> INPUT HERE <br />
  1133. <h2>Traits</h2>
  1134. <p><strong>HAIR / EYES:</strong> INPUT HERE<br />
  1135. <strong>HEIGHT / WEIGHT:</strong> INPUT HERE<br />
  1136. <strong>BODY TYPE / SKINTONE:</strong> INPUT HERE<br />
  1137. <strong>NOTABLE MARKINGS:</strong>INPUT HERE<br />
  1138. <strong>FACE CLAIMS:</strong> INPUT HERE</p>
  1139.  
  1140. <BR>
  1141. <P><h2>ABOUT YOUR CHARACTER</h2>
  1142.  
  1143. 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.
  1144.  
  1145. </li>
  1146.  
  1147. <!---BASIC INFO ENDS--->
  1148.  
  1149.  
  1150. <!---MAIN VERSES STARTS--->
  1151. <li>
  1152.  
  1153.  
  1154.  
  1155. <h1>Main Verse 1</h1>
  1156. <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.
  1157.  
  1158. <p><h1>Main Verse 2</h1>
  1159. <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.
  1160.  
  1161.  
  1162.  
  1163.  
  1164. </li>
  1165. <!---MAIN VERSES ENDS--->
  1166.  
  1167. <!---AU VERSES STARTS--->
  1168. <li>
  1169.  
  1170. <h2>AU VERSES</h2>
  1171. <h1>AU Verse 1</h1>
  1172. <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.
  1173.  
  1174. <p><h1>AU Verse 2</h1>
  1175. <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.
  1176.  
  1177.  
  1178.  
  1179. </li>
  1180. <!---AU VERSES ENDS--->
  1181.  
  1182. <!---MAINS AND EXCLUSIVES STARTS--->
  1183. <li>
  1184. <h2>Mains & Exclusives</h2>
  1185.  
  1186. <p><h3>Mains</h3>
  1187. <center>
  1188. <a href="http://binarybuilt.tumblr.com/">binarybuilt</a>
  1189. <br><i>Name:</i> Vers / Carol Danvers
  1190. <br><b>Relationship:</b> Warrior & confidant
  1191.  
  1192. <p>
  1193. <br><a href="">URL</a>
  1194. <br><i>Name:</i> Input
  1195. <br><b>Relationship:</b> Input
  1196. </center>
  1197.  
  1198.  
  1199. <p><h3>Priorities</h3>
  1200. <center>
  1201. <br><a href="">URL</a>
  1202. <br><i>Name:</i> Input
  1203. <br><b>Relationship:</b> Input
  1204.  
  1205. <p>
  1206. <br><a href="">URL</a>
  1207. <br><i>Name:</i> Input
  1208. <br><b>Relationship:</b> Input
  1209.  
  1210.  
  1211. <p>
  1212. <br><a href="">URL</a>
  1213. <br><i>Name:</i> Input
  1214. <br><b>Relationship:</b> Input
  1215.  
  1216.  
  1217. <p>
  1218. <br><a href="">URL</a>
  1219. <br><i>Name:</i> Input
  1220. <br><b>Relationship:</b> Input
  1221.  
  1222. <p>
  1223. <br><a href="">URL</a>
  1224. <br><i>Name:</i> Input
  1225. <br><b>Relationship:</b> Input
  1226.  
  1227.  
  1228.  
  1229. </center>
  1230.  
  1231.  
  1232. <p><h3>Exclusives</h3>
  1233. <center>
  1234. <a href="">URL</a>
  1235. <br><i>Name:</i> Input
  1236. <br><b>Relationship:</b> Input
  1237.  
  1238. <p>
  1239. <br><a href="">URL</a>
  1240. <br><i>Name:</i> Input
  1241. <br><b>Relationship:</b> Input
  1242.  
  1243. <p>
  1244. <br><a href="">URL</a>
  1245. <br><i>Name:</i> Input
  1246. <br><b>Relationship:</b> Input
  1247.  
  1248. <p>
  1249. <br><a href="">URL</a>
  1250. <br><i>Name:</i> Input
  1251. <br><b>Relationship:</b> Input
  1252.  
  1253. <p>
  1254. <br><a href="">URL</a>
  1255. <br><i>Name:</i> Input
  1256. <br><b>Relationship:</b> Input
  1257.  
  1258. </center>
  1259. </li>
  1260. <!---MAINS AND EXCLUSIVES ENDS--->
  1261.  
  1262.  
  1263. <!---NAVIGATION STARTS--->
  1264. <li>
  1265. <div class="popupnavlinks">
  1266.  
  1267. <h2>WRITING</h2>
  1268.  
  1269. <a href="/tagged/meme">MEMES</a>
  1270. <a href="/tagged/open">OPEN</a>
  1271. <br>
  1272. <a href="/tagged/whatever">LINK</a>
  1273. <a href="/tagged/whatever">LINK</a>
  1274. <br>
  1275.  
  1276. <H2>MUSE</H2>
  1277. <a href="/tagged/visage">VISAGE</a>
  1278. <a href="/tagged/carol">VERS/CAROL</a>
  1279. <br>
  1280. <a href="/tagged/whatever">LINK</a>
  1281. <a href="/tagged/whatever">LINK</a>
  1282. <br>
  1283.  
  1284. <h2>MISC</h2>
  1285. <a href="/tagged/saved">MEMORIES</a>
  1286. <a href="/tagged/whatever">LINK</a>
  1287. <br>
  1288. <a href="https://silencexwillxfallx.tumblr.com">RESOURCE BLOG</a>
  1289. <a href="https://commissionsbyzorra.tumblr.com">COMMISSIONS</a>
  1290. <br>
  1291. <a href="https://themesbyzorra.tumblr.com">THEMES</a>
  1292. <a href="/tagged/resources">RESOURCES</a>
  1293. <br>
  1294.  
  1295.  
  1296. </div>
  1297. </li>
  1298. <!---NAVIGATION ENDS--->
  1299.  
  1300. </ul>
  1301. </div></div>
  1302. <!---TAB NAVIGATION ENDS--->
  1303.  
  1304.  
  1305. <!---NAVIGATION LINKS STARTS--->
  1306. <div class="hala">
  1307. <a href="/" class="poplight" title="hala" style="padding-right: 1px; margin-top: -15px; font-size: 35px;">★</a>
  1308. </div>
  1309. <div class="suprimeintellegence">
  1310. <a href="/ask" class="poplight" style="martin-top: 4px; font-size: 20px;" title="ask">★</a>
  1311. </div>
  1312. <div class="starcharts">
  1313. <a href="#?w=260" rel="box4" class="poplight third" style="font-size: 25px;" title="star charts">★</a>
  1314. </div>
  1315.  
  1316. <!---NAVIGATION LINKS ENDS--->
  1317.  
  1318. <!----------------------------- CREDIT ------------------------------>
  1319.  
  1320. <div class="credit">
  1321. <a href="https://bridgetowakanda.tumblr.com" title="bridgetowakanda">c</a>
  1322. </div>
  1323.  
  1324.  
  1325.  
  1326.  
  1327. <!------------------------- POSTS & CONTENT -------------------------->
  1328.  
  1329.  
  1330.  
  1331. <div class="pag">{block:Pagination}
  1332. {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>
  1333. {/block:NextPage}
  1334. {/block:Pagination}</div>
  1335.  
  1336.  
  1337.  
  1338.  
  1339. <div id="entries">
  1340.  
  1341. {block:Posts}
  1342.  
  1343. <div class="posts">
  1344.  
  1345. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1346.  
  1347. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  1348. {/block:Photo}
  1349.  
  1350. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1351.  
  1352. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1353.  
  1354. {block:Video}
  1355. <div class="video">{Video-250}</div>
  1356. {/block:Video}
  1357.  
  1358. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1359.  
  1360.  
  1361. {block:Quote}<quotetext>❝{Quote}❞</quotetext>{block:Source}<h3>{Source}</h3>{/block:Source}{/block:Quote}
  1362.  
  1363.  
  1364. {block:Chat}
  1365. {block:Title}
  1366. <h1>{Title}</h1>{/block:Title}<br>
  1367. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1368. {Line}</li>{/block:Lines}</ul>
  1369. {/block:Chat}
  1370.  
  1371.  
  1372. <!--AUDIO POST-->
  1373. {block:Audio}
  1374. {block:AlbumArt}
  1375. <div class="songart">
  1376. <img src="{AlbumArtURL}">
  1377. </div>
  1378. {/block:AlbumArt}
  1379. <div class="songtitle">
  1380. {block:TrackName}
  1381. {TrackName}
  1382. {/block:TrackName}
  1383. </div>
  1384. <div class="songauthor">
  1385. By
  1386. {block:Artist}
  1387. {Artist}
  1388. {/block:Artist}
  1389. </div>
  1390. {AudioPlayerWhite}
  1391. {/block:Audio}
  1392.  
  1393.  
  1394.  
  1395. {block:Answer}
  1396. <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>
  1397.  
  1398. <div id="border">
  1399. <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>
  1400. </div>
  1401.  
  1402. <div id="question" style="margin-top: 20px">{Question}</div>
  1403. <div id="answer" style="margin-top: 20px;">{Answer}</div>
  1404. {/block:Answer}
  1405.  
  1406.  
  1407. <div id="infobox">
  1408. <div id="info">
  1409. <br>
  1410.  
  1411. &nbsp; &nbsp;
  1412.  
  1413.  
  1414. {block:Date}
  1415. <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>
  1416. {/block:Date}
  1417.  
  1418.  
  1419.  
  1420. <a href="{ReblogURL}" style="position:absolute; margin-left:60px; margin-top:-9px; font-size:12px; font-family:consolas;" title="reblog"> Reblog </a>
  1421.  
  1422.  
  1423.  
  1424. {block:NoRebloggedFrom}
  1425. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1426. {/block:NoRebloggedFrom}
  1427.  
  1428.  
  1429. {block:ContentSource}
  1430. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1431. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1432. {/block:SourceLogo}
  1433. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1434. {/block:ContentSource}
  1435.  
  1436.  
  1437. <br>
  1438.  
  1439.  
  1440. <!------------------------ INFO AND SYMBOLS ENDS ---------------------->
  1441.  
  1442.  
  1443. <div id="tags">{block:HasTags}{block:Tags}&nbsp;☽&nbsp; <a href="{TagURL}" title="{Tag}"> {Tag}</a> {/block:Tags}{/block:HasTags}</div>
  1444. </div>&nbsp;
  1445.  
  1446. <br><br><br><br>
  1447.  
  1448. {/block:Posts}
  1449. <div class="note">
  1450. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1451. </div></div>
  1452.  
  1453. {/block:Posts}
  1454.  
  1455.  
  1456. </div>
  1457. </div>
  1458. </div>
  1459.  
  1460.  
  1461.  
  1462. </body>
  1463.  
  1464.  
  1465.  
  1466.  
  1467.  
  1468. </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!