bridgetowakanda

winchesterxmercedixserafina theme

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