Advertisement
Guest User

maybe this will work 2.0

a guest
Dec 12th, 2018
89
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.17 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. theme by jenesis aka vielenes - made from a base code by neonbikethemes.
  8.  
  9. -->
  10.  
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}" />
  13. {/block:Description}
  14. <meta charset="utf-8">
  15. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  16. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.  
  20.  
  21.  
  22. <meta name="color:Background" content="#ffffff" />
  23. <meta name="color:Selection" content="#000000" />
  24. <meta name="color:Scrollbar" content="#947979" />
  25. <meta name="color:Text" content="#555" />
  26. <meta name="color:Bold" content="#947979" />
  27. <meta name="color:Italic" content="#947979" />
  28. <meta name="color:Header" content="#947979" />
  29. <meta name="color:Blockquote" content="#555" />
  30. <meta name="color:PostInfoText" content="#555" />
  31. <meta name="color:Tags" content="#555" />
  32. <meta name="color:Active Tab" content="#947979" />
  33. <meta name="color:Active Tab Text" content="#ffffff" />
  34.  
  35.  
  36. <meta name="image:sidepic" content=""/>
  37.  
  38.  
  39. <!-- FONT SCRIPTS -->
  40.  
  41. <link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
  42.  
  43.  
  44.  
  45.  
  46.  
  47.  
  48. <!-- IMPORTANT SCRIPTS - DO NOT REMOVE -->
  49.  
  50. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  51.  
  52. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  53.  
  54. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  55.  
  56.  
  57.  
  58. <!-- TOOLTIP SCRIPT -->
  59.  
  60. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  61. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  62. <script>
  63. (function($){
  64. $(document).ready(function(){
  65. $("a[title]").style_my_tooltips({
  66. tip_follows_cursor:true,
  67. tip_delay_time:90,
  68. tip_fade_speed:600,
  69. attribute:"title"
  70. });
  71. });
  72. })(jQuery);
  73. </script>
  74.  
  75.  
  76.  
  77. <style type="text/css">
  78.  
  79.  
  80. /* -------- SELECTION COLOR ------- */
  81.  
  82. ::-moz-selection {
  83. background: {color:selection};
  84. color: #ffffff;
  85. }
  86.  
  87. ::selection {
  88. background: {color:selection};
  89. color: #ffffff;
  90. }
  91.  
  92. /* -------- SCROLLBAR ------- */
  93.  
  94. ::-webkit-scrollbar {
  95. width: 4px;
  96. }
  97.  
  98. /* Track */
  99. ::-webkit-scrollbar-track {
  100. background:transparent;
  101. }
  102.  
  103. /* Handle */
  104. ::-webkit-scrollbar-thumb {
  105. background:{color:Scrollbar};
  106. }
  107. ::-webkit-scrollbar-thumb:window-inactive {
  108. background: transparent;
  109. }
  110.  
  111. /* ------- TOOLTIP ------ */
  112.  
  113. #s-m-t-tooltip {
  114. max-width:300px;
  115. margin:22px 20px 0px 10px;
  116. background:url('https://i.imgur.com/uBUkSVF.png');
  117. background-repeat:repeat;
  118. background-attachment:fixed;
  119. border:1px solid #ffffff;
  120. border-radius:10px;
  121. padding:5px;
  122. font-family: 'Playfair Display', serif;
  123. font-size: 10px;
  124. letter-spacing: 1px;
  125. text-transform: uppercase;
  126. color:#ffffff;
  127. font-weight:bold;
  128. text-shadow: 1px 1px 1px #000000;
  129. text-shadow: -1px -1px -1px #000000;
  130. z-index:999999999999999999999999999999999999;
  131. }
  132.  
  133.  
  134. /* -------- BODY STYLING ------- */
  135.  
  136. body {
  137. color:{color:text};
  138. background-color:{color:background};
  139. font-style:normal;
  140. font-family:'arial';
  141. font-size:9px;
  142. letter-spacing:1px;
  143. text-decoration:none;
  144. line-height:18px;
  145. text-align:justify;
  146.  
  147. }
  148.  
  149. /* -------- BOLD, ITALIC, LINK, H1, H2 STYLING ------- */
  150.  
  151. b,bold,strong {
  152. font-family: 'Playfair Display', serif;
  153. font-size: 10px;
  154. letter-spacing: 1px;
  155. text-transform: uppercase;
  156. color:{color:bold};
  157. font-weight:bold;
  158. text-shadow: 1px 1px 1px #ddd;
  159. text-shadow: -1px -1px -1px #ddd;
  160. }
  161.  
  162. i,italic,em {
  163. color:{color:italic};
  164. font-family: 'Playfair Display', serif;
  165. font-size: 10px;
  166. letter-spacing: 1px;
  167. text-transform: uppercase;
  168. font-weight:bold;
  169. text-shadow: 1px 1px 1px #ddd;
  170. text-shadow: -1px -1px -1px #ddd;
  171. }
  172.  
  173. a {
  174. color: #555;
  175. text-decoration: none;
  176. -moz-transition-duration:.6s;
  177. -webkit-transition-duration:.6s;
  178. -o-transition-duration:.6s;
  179. -webkit-filter: blur(0px);
  180.  
  181. }
  182.  
  183. a:hover{
  184. color:none;
  185. -moz-transition-duration:.6s;
  186. -webkit-transition-duration:.6s;
  187. -o-transition-duration:.6s;
  188. -webkit-filter: blur(1px);
  189.  
  190.  
  191. }
  192.  
  193. small,s,sup{
  194. font-size:9px;
  195. }
  196.  
  197. blockquote {
  198. border-left:1px solid {color:blockquote};
  199. padding-left:10px;
  200. padding-right:25px;
  201. margin:5px 5px 5px 10px;
  202. line-height:auto;
  203.  
  204. }
  205.  
  206. iframe, img, embed, object, video {
  207. max-width: 100%;
  208. }
  209.  
  210. p{
  211. margin-bottom:10px;
  212. }
  213.  
  214. img {
  215. height: auto;
  216. width:auto;
  217. max-width:100%;
  218. }
  219.  
  220. h1{
  221. font-family: 'Playfair Display', serif;
  222. font-size: 10px;
  223. letter-spacing: 1px;
  224. text-transform: uppercase;
  225. color:{color:header};
  226. font-weight:bold;
  227. text-shadow: 1px 1px 1px #ddd;
  228. text-shadow: -1px -1px -1px #ddd;
  229. }
  230.  
  231. h2{
  232. font-family: 'Playfair Display', serif;
  233. font-size: 10px;
  234. letter-spacing: 1px;
  235. text-transform: uppercase;
  236. color:{color:header};
  237. font-weight:bold;
  238. text-shadow: 1px 1px 1px #ddd;
  239. text-shadow: -1px -1px -1px #ddd;
  240. }
  241.  
  242. ul{
  243. list-style-type:square;
  244. }
  245.  
  246. ol{
  247. list-style-type:;
  248. }
  249.  
  250. #bigcon{
  251. width:520px;
  252. margin-left:auto;
  253. margin-right:auto;
  254. }
  255.  
  256.  
  257. /* -------- POSTS CONTAINER ------- */
  258.  
  259. #postcontainer {
  260. position:static;
  261. margin-right:auto;
  262. width: 320px;
  263. overflow:hidden;
  264. margin-top:40px;
  265. margin-left:860px;
  266. margin-bottom:50px;
  267. }
  268.  
  269.  
  270. /* -------- TOP IMAGE - 200px wide ------- */
  271.  
  272. #sidepic img {
  273. position:fixed;
  274. width:170px;
  275. margin-left:-40px;
  276. margin-top:75px;
  277.  
  278.  
  279. }
  280.  
  281. /* -------- DESCRIPTION - keep the same length as icons for aesthetic!! ------- */
  282.  
  283. #description{
  284. opacity:0;
  285. -webkit-transition: all 0.6s ease-in-out;
  286. -moz-transition: all 0.6s ease-in-out;
  287. -o-transition: all 0.6s ease-in-out;
  288. -ms-transition: all 0.6s ease-in-out;
  289. transition: all 0.6s ease-in-out;
  290. position:fixed;
  291. width:150px;
  292. height:590px;
  293. overflow-x:;
  294. line-height:16px;
  295. text-align:justify;
  296. margin-left:-40px;
  297. margin-top:75px;
  298. padding:10px;
  299. overflow-y:scroll;
  300. overflow-x:hidden;
  301.  
  302. }
  303.  
  304. #description:hover {
  305. opacity:0.9;
  306. background-color:#ffffff;
  307. -webkit-transition: all 0.6s ease-in-out;
  308. -moz-transition: all 0.6s ease-in-out;
  309. -o-transition: all 0.6s ease-in-out;
  310. -ms-transition: all 0.6s ease-in-out;
  311. transition: all 0.6s ease-in-out;
  312.  
  313. }
  314.  
  315. /* -------- LINKS STYLING ( icons ) ------- */
  316.  
  317. #navbar{
  318. margin-left:-45px;
  319. width:200px;
  320. display:inline-block;
  321. text-align:center;
  322.  
  323.  
  324. }
  325.  
  326.  
  327.  
  328. /* -------- HEADER STYLING ------- */
  329.  
  330. #header{
  331. background:url('https://i.imgur.com/uBUkSVF.png');
  332. background-repeat:repeat;
  333. background-attachment:fixed;
  334. border-radius:10px;
  335. text-align:center;
  336. padding:8px;
  337. font-family: 'Playfair Display', serif;
  338. font-size: 10px;
  339. letter-spacing: 1px;
  340. text-transform: uppercase;
  341. font-weight:bold;
  342. color:#ffffff;
  343. text-shadow: 1px 1px 1px #000000;
  344. text-shadow: -1px -1px -1px #000000;
  345. }
  346.  
  347.  
  348.  
  349. /* -------- POST STYLING ( article contains your individual post styling ) ------- */
  350.  
  351. article {
  352. float:left;
  353. background:transparent;
  354. padding: 20px;
  355. width: 300px;
  356. text-align:justify;
  357. margin-bottom:80px;
  358.  
  359. }
  360.  
  361.  
  362. #borders {
  363. width:300px;
  364. border-top:1px solid #ededed;
  365. margin-top:0px;
  366. margin-left:0px;
  367. margin-bottom:-9px;
  368. }
  369.  
  370. /* -------- POST INFO STYLING ------- */
  371.  
  372. .postinfo{
  373. background-color:transparent;
  374. width:280px;
  375. padding:5px;
  376. margin-top:10px;
  377. text-align:center;
  378. font-family: 'Playfair Display', serif;
  379. font-size: 8px;
  380. letter-spacing: 1px;
  381. text-transform: uppercase;
  382. font-weight:bold;
  383. text-shadow: 1px 1px 1px #ddd;
  384. text-shadow: -1px -1px -1px #ddd;
  385. }
  386.  
  387. .postinfo a{
  388. color:{color:PostInfoText};
  389. }
  390.  
  391. /* -------- TAGS ------- */
  392.  
  393. .tags {
  394. margin-top:5px;
  395. font-weight:normal;
  396. }
  397.  
  398. .tags a{
  399. color:{color:tags};
  400. }
  401.  
  402. /* -------- POST NOTES ------- */
  403.  
  404. ol.notes {
  405. display:block;
  406. text-align:left;
  407. list-style-type:none;
  408. margin-left:-40px;
  409. }
  410.  
  411. ol.notes li.note{
  412. margin-bottom:5px;
  413. }
  414.  
  415. .pagenotes {
  416. text-align:left;
  417. margin-top:15px;
  418. }
  419.  
  420. .pagenotes img{
  421. padding-right:5px;
  422. padding-top:5px;
  423. margin-bottom:-5px;
  424. }
  425.  
  426.  
  427. /* -------- CHAT POST ------- */
  428.  
  429. ul.chat{
  430. list-style:none;
  431. margin-left:-40px;
  432. }
  433.  
  434. .chat span {
  435. float: left;
  436. }
  437.  
  438. /* -------- QUOTE POST ------- */
  439.  
  440. .quote{
  441. font-family:'Playfair Display', serif;
  442. font-size:12px;
  443. line-height:150%;
  444. }
  445.  
  446. .quotesource{
  447. text-align:right;
  448. margin-bottom:10px;
  449. }
  450.  
  451. /* -------- ASK POST ------- */
  452.  
  453. .question{
  454. margin-bottom:15px;
  455. padding:15px;
  456. border-bottom:1px solid #ededed;
  457. }
  458.  
  459. .answer {
  460. font-size:11px;
  461. }
  462.  
  463.  
  464.  
  465. /* -------- AUDIO POST ------- */
  466.  
  467. .songart{
  468. float:left;
  469. margin-right:10px;
  470. }
  471.  
  472. .songart img{
  473. width:80px;
  474. height:80px;
  475. }
  476.  
  477. .songtitle{
  478. margin-bottom:10px;
  479. margin-left:90px;
  480. }
  481.  
  482. .songauthor{
  483. margin-bottom:10px;
  484. font-size:8px;
  485. margin-left:90px;
  486. }
  487.  
  488. .tumblr_audio_player {
  489. height: 50px;
  490. }
  491.  
  492. /* -------- PAGINATION ------- */
  493.  
  494. #pagination{
  495. position:static;
  496. margin-top:30px;
  497. text-align:center;
  498. }
  499.  
  500. .pagibutton{
  501. font-family:'Playfair Display', serif;
  502. font-weight:bold;
  503. position:relative;
  504. display:inline-block;
  505. background:transparent;
  506. padding:15px;
  507. }
  508.  
  509. /* -------- JUMP CODE ( coding for the click and jump feature in verses / bio ) ------- */
  510.  
  511. .jump {
  512. display:inline-block;
  513. background-color:#b7b6b5;
  514. width:132px;
  515. text-align:center;
  516. padding:8px;
  517. font-family: 'Playfair Display', serif;
  518. font-size: 10px;
  519. letter-spacing: 1px;
  520. text-transform: uppercase;
  521. color:#ffffff;
  522. font-weight:bold;
  523. text-shadow: 1px 1px 1px #000000;
  524. text-shadow: -1px -1px -1px #000000;
  525.  
  526. }
  527.  
  528. .jump2 {
  529. display:inline-block;
  530. background-color:#b7b6b5;
  531. width:284px;
  532. text-align:center;
  533. padding:8px;
  534. font-family: 'Playfair Display', serif;
  535. font-size: 10px;
  536. letter-spacing: 1px;
  537. text-transform: uppercase;
  538. color:#ffffff;
  539. font-weight:bold;
  540. text-shadow: 1px 1px 1px #000000;
  541. text-shadow: -1px -1px -1px #000000;
  542.  
  543. }
  544.  
  545.  
  546. /* -------- LINKS ------- */
  547.  
  548. /* Clearfix */
  549. .nav-links:after {
  550. display:block;
  551. clear:both;
  552. content:'';
  553. }
  554.  
  555. .nav-links li {
  556.  
  557. margin-right:0px;
  558. display:inline-block;
  559. list-style:none;
  560. text-transform:uppercase;
  561. }
  562.  
  563. .nav-links a {
  564. font-family:'Playfair Display';
  565. border:1px solid #555;
  566. width:50px;
  567. padding:6px;
  568. border-radius:10px;
  569. font-weight:bold;
  570. font-size:8px;
  571. display:inline-block;
  572. transition:all linear 0.15s;
  573. }
  574.  
  575. /* -------- TAB LINKS HOVER STYLING ------- */
  576.  
  577. .nav-links a:hover {
  578. text-decoration:none;
  579. }
  580.  
  581. li.active a, li.active a:hover {
  582. background:{color:Active Tab};
  583. color:{color:Active Tab Text};
  584. font-family: 'Playfair Display', serif;
  585. font-size: 8px;
  586. letter-spacing: 1px;
  587. text-transform: uppercase;
  588. font-weight:bold;
  589. text-shadow: 1px 1px 1px #000000;
  590. text-shadow: -1px -1px -1px #000000;
  591. -webkit-transition: all .3s;
  592. -moz-transition: all .3s;
  593. -o-transition: all .3s;
  594. -ms-transition: all .3s;
  595. transition: all .3s;
  596. }
  597.  
  598. .navigationlink {
  599. color:#ffffff;
  600. display:inline-block;
  601. background-color:{color:navigation link};
  602. width:132px;
  603. text-align:center;
  604. padding:8px;
  605. font-family: 'Playfair Display', serif;
  606. font-size: 10px;
  607. letter-spacing: 1px;
  608. text-transform: uppercase;
  609. font-weight:bold;
  610. text-shadow: 1px 1px 1px #000000;
  611. text-shadow: -1px -1px -1px #000000;
  612.  
  613. }
  614.  
  615. .navigationlink2 {
  616. display:inline-block;
  617. background-color:{color:navigation link};
  618. width:284px;
  619. text-align:center;
  620. padding:8px;
  621. font-family: 'Playfair Display', serif;
  622. font-size: 10px;
  623. letter-spacing: 1px;
  624. text-transform: uppercase;
  625. color:#ffffff;
  626. font-weight:bold;
  627. text-shadow: 1px 1px 1px #000000;
  628. text-shadow: -1px -1px -1px #000000;
  629.  
  630. }
  631.  
  632. .hover-animation{
  633. position:fixed;
  634. margin-left:-15px;
  635. margin-top:-15px;
  636. /* Safari 4+, Android, Chrome */
  637. -webkit-animation: bbounce linear 2.5s;
  638. -webkit-animation-iteration-count: infinite;
  639. -webkit-transform-origin: 50% 50%;
  640.  
  641. /* Fx 5+ */
  642. -moz-animation: bbounce linear 2.5s;
  643. -moz-animation-iteration-count: infinite;
  644. -moz-transform-origin: 50% 50%;
  645.  
  646. /* Opera 12+ */
  647. -o-animation: bbounce linear 2.5s;
  648. -o-animation-iteration-count: infinite;
  649. -o-transform-origin: 50% 50%;
  650.  
  651. /* IE 10+, Fx 29+ */
  652. -ms-animation: bbounce linear 2.5s;
  653. -ms-animation-iteration-count: infinite;
  654. -ms-transform-origin: 50% 50%;}
  655. }
  656.  
  657. @keyframes bbounce{
  658. 0% {transform:translate(0px,0px);}
  659. 50% {transform:translate(0px,10px);}
  660. 100% {transform:translate(0px, 0px);}
  661. }
  662.  
  663. @-moz-keyframes bbounce{
  664. 0% {-moz-transform:translate(0px,0px);}
  665. 50% {-moz-transform:translate(0px,10px);}
  666. 100% {-moz-transform:translate(0px,0px);}
  667. }
  668.  
  669. @-webkit-keyframes bbounce {
  670. 0% {-webkit-transform:translate(0px,0px);}
  671. 50% {-webkit-transform:translate(0px,10px);}
  672. 100% {-webkit-transform:translate(0px,0px);}
  673. }
  674.  
  675. @-o-keyframes bbounce {
  676. 0% {-o-transform:translate(0px,0px);}
  677. 50% {-o-transform:translate(0px,10px);}
  678. 100% {-o-transform:translate(0px,0px);}
  679. }
  680.  
  681. @-ms-keyframes bbounce {
  682. 0% {-ms-transform:translate(0px,0px);}
  683. 50% {-ms-transform:translate(0px,10px);}
  684. 100% {-ms-transform:translate(0px,0px);}
  685. }
  686.  
  687. /* -------- CREDIT ( do NOT touch otherwise I will send fire-breathing worms after you ) ------- */
  688.  
  689. .credit {
  690. font-family:'Playfair Display', serif;
  691. font-size:15px;
  692. position:fixed;
  693. right:15px;
  694. bottom:15px;
  695. opacity:1;
  696.  
  697. }
  698.  
  699.  
  700.  
  701. /* --------------------------- Custom CSS -------------------------- */
  702. {CustomCSS}
  703. </style>
  704. </head>
  705. <body>
  706.  
  707.  
  708.  
  709. <div id="bigcon">
  710.  
  711.  
  712. <!--TOPBAR-->
  713.  
  714.  
  715.  
  716. <div id="sidepic">
  717. <img src="{image:sidepic}" draggable="false">
  718. </div>
  719.  
  720. <div class="hover-animation"><img src="https://i.imgur.com/EjnbLot.png" draggable="false"></div>
  721.  
  722.  
  723.  
  724. <div id="description">
  725.  
  726. <p><center><b>VALLEY OF KINGS</b> <br>do you walk in the <i>SHADOW OF MEN </i> who sold their lives to a dream<b> ? </b>do you ponder the manner of things in the dark <b>? </b>in the dark <b>? </b>in the <br>d a r k <b>!!</b></center>
  727.  
  728. <blockquote>
  729.  
  730. <p>a dependent multimuse blog for <b>OUTLAWHQS</b>, nikolas petran , madden coyle , giovanni marino , serah kraylick
  731.  
  732.  
  733.  
  734. </blockquote>
  735.  
  736. <p><i>penned by nicole</i> ( sometimes )
  737.  
  738.  
  739. </blockquote>
  740.  
  741.  
  742. <div id="navbar">
  743. <ul class="nav-links">
  744. <li class="active" >
  745. <a href="/" title="index">one</a></li> &nbsp;
  746. <li><a href="/ask" title="contact">two</a></li>
  747. <p><li><a href="/tagged/outlaw.intro" title="introductions.">three</a></li> &nbsp;
  748. <li><a href="/navigate." title="navigate.">four</a></li>
  749. <p> <li><a href="/tagged/outlaw.start" title="opens.">five</a></li> &nbsp;
  750. <li><a href="http://outlawhqs.tumblr.com" title="outlaws.">six</a></li>
  751. </ul>
  752. </div>
  753. </div>
  754.  
  755. </div>
  756.  
  757.  
  758.  
  759.  
  760.  
  761.  
  762.  
  763.  
  764. <div class="credit">
  765. <a href="http://vielenes.tumblr.com/" title="theme made by jenesis!">J</a>
  766. </div>
  767.  
  768.  
  769. <!-- --------------------------- TABS -------------------------- -->
  770.  
  771.  
  772. <div class="tabs">
  773.  
  774.  
  775. <!-- --------------------------- TAB 1 -------------------------- -->
  776.  
  777.  
  778.  
  779. <div id="postcontainer">
  780.  
  781. {block:Posts}
  782. <article>
  783.  
  784. <!--TEXT POST-->
  785. {block:Text}
  786. {block:Title}
  787. <h1 class="title">
  788. <a href="{Permalink}">{Title}</a></h1>
  789. {/block:Title}
  790. {Body}
  791. {/block:Text}
  792.  
  793.  
  794. <!--PHOTO POST-->
  795. {block:Photo}
  796. {block:IndexPage}
  797. {LinkOpenTag}
  798. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  799. {LinkCloseTag}
  800. {/block:IndexPage}
  801. {block:PermalinkPage}
  802. {LinkOpenTag}
  803. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  804. {LinkCloseTag}{/block:PermalinkPage}
  805. <div class="text">{Caption}</div>{/block:Caption}
  806. {/block:Photo}
  807.  
  808.  
  809. <!--PHOTOSET POST-->
  810. {block:Photoset}
  811. {block:IndexPage}{Photoset-500}{/block:IndexPage}
  812. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  813. <div class="text">{Caption}</div>{/block:Caption}
  814. {/block:Photoset}
  815.  
  816.  
  817.  
  818. <!--QUOTE POST-->
  819. {block:Quote}
  820. <div class="quote">❝ {Quote} ❞</div>
  821. {block:Source}
  822. <div class="quotesource">{Source}</div>
  823. {/block:Source}
  824. {/block:Quote}
  825.  
  826.  
  827. <!--LINK POST-->
  828. {block:Link}
  829. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  830. {block:Description}{Description}{/block:Description}
  831. {/block:Link}
  832.  
  833.  
  834. <!--CHAT POST-->
  835. {block:Chat}
  836. <ul class="chat">
  837. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
  838. </ul>
  839. {/block:Chat}
  840.  
  841.  
  842. <!--AUDIO POST-->
  843. {block:Audio}
  844. {block:AlbumArt}
  845. <div class="songart">
  846. <img src="{AlbumArtURL}">
  847. </div>
  848. {/block:AlbumArt}
  849. <div class="songtitle">
  850. {block:TrackName}
  851. {TrackName}
  852. {/block:TrackName}
  853. </div>
  854. <div class="songauthor">
  855. By
  856. {block:Artist}
  857. {Artist}
  858. {/block:Artist}
  859. </div>
  860. {AudioPlayerWhite}
  861. <div class="text">{Caption}</div>{/block:Caption}
  862. {/block:Audio}
  863.  
  864.  
  865. <!--VIDEO POST-->
  866. {block:Video}
  867. <div class="video">
  868. <div class="video-player">{Video-500}</div>
  869. <div class="text">{Caption}</div>{/block:Caption}
  870. {/block:Video}
  871.  
  872.  
  873. <!--ANSWER POST-->
  874. {block:Answer}
  875.  
  876. <center><b>{Asker} asked:</b>
  877. <div class="question">{Question}</div></center>
  878. <br>
  879. <p><div class="answer">{Answer}</div>
  880. {/block:Answer}
  881.  
  882.  
  883.  
  884. <!--POST INFORMATION-->
  885.  
  886. <div id="borders"></div>
  887. <div class="postinfo">
  888.  
  889. <!--PERMALINK-->
  890. <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero} - {TimeAgo}">
  891. {block:Date}
  892. 🕒 {ShortMonth} {DayOfMonth}
  893. {/block:Date}
  894. </a>
  895.  
  896.  
  897. <!--NOTES-->
  898. {block:NoteCount}
  899. &nbsp; <a href="{Permalink}" title="{NoteCount} notes">❤ {NoteCount} notes </a>
  900. {/block:NoteCount}
  901.  
  902.  
  903. &nbsp;
  904.  
  905.  
  906. <a href="{ReblogURL}"target="_blank" title="reblog">↻ reblog</a>
  907.  
  908.  
  909.  
  910.  
  911. </div>
  912.  
  913. <!--TAGS-->
  914. {block:HasTags}
  915. <div class="tags">
  916. {block:Tags}
  917. <a href="{TagURL}">#{Tag},</a>
  918. {/block:Tags}
  919. </div>
  920. {/block:HasTags}
  921.  
  922. <!--POST NOTES-->
  923. {block:PostNotes}
  924. <div class="pagenotes">{PostNotes-16}</div>
  925. {/block:PostNotes}
  926.  
  927.  
  928. </article>
  929. {/block:Posts}
  930. <!--Close of article-->
  931.  
  932.  
  933. <!--PAGINATION-->
  934. {block:Pagination}
  935. <div class="pagination">
  936. {block:PreviousPage}
  937. <a href="{PreviousPage}">
  938. <div class="pagibutton" style="float:left">PREVIOUS</div></a>
  939. {/block:PreviousPage}
  940. {block:NextPage}
  941. <a href="{NextPage}">
  942. <div class="pagibutton" style="float:right">NEXT</div></a>
  943. {/block:NextPage}
  944. </div>
  945. {/block:Pagination}
  946.  
  947. </div>
  948.  
  949. </div>
  950.  
  951.  
  952.  
  953. </div>
  954. </div>
  955.  
  956.  
  957.  
  958.  
  959.  
  960.  
  961.  
  962.  
  963.  
  964. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement