bridgetowakanda

narrativecrime's theme

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