14kgolds

NOT BY THE MOON

May 1st, 2020
787
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.98 KB | None | 0 0
  1.  
  2.  
  3. <!-- THEME CREATED BY 14KGOLDS™ -->
  4.  
  5.  
  6. <head>
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="desrcription" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <meta name="color:background" content="#eaeaea"/>
  13. <meta name="color:text" content="#3c3c3c"/>
  14. <meta name="color:links" content="#aab8e7"/>
  15. <meta name="color:hover" content="#c6c6c6"/>
  16. <meta name="color:borders" content="#ededed"/>
  17. <meta name="color:posts" content="#fefefe"/>
  18. <meta name="color:container" content="#f5f5f5"/>
  19. <meta name="color:accent" content="#8696ce"/>
  20. <meta name="color:accent 2" content="#fbfbfb"/>
  21.  
  22. <meta name="if:grayscale" content="1"/>
  23.  
  24. <meta name="image:background" content=""/>
  25. <meta name="image:player" content="https://via.placeholder.com/125x75"/>
  26. <meta name="image:window" content="https://via.placeholder.com/420x300"/>
  27. <meta name="image:icon" content="https://via.placeholder.com/30"/>
  28. <meta name="image:locked" content="https://via.placeholder.com/205x100"/>
  29.  
  30. <meta name="text:title" content="title goes here">
  31. <meta name="text:desc" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.">
  32. <meta name="text:username" content="username">
  33. <meta name="text:watching now" content="24,012">
  34. <meta name="text:total views" content="105,929,388">
  35.  
  36. <meta name="text:sidelink" content="link">
  37. <meta name="text:sidelink url" content="/">
  38. <meta name="text:sidelink 2" content="link">
  39. <meta name="text:sidelink 2 url" content="/">
  40.  
  41.  
  42. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  43. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  44. <script>
  45. (function($){
  46. $(document).ready(function() {
  47. $("a[title]").style_my_tooltips({
  48. tip_follows_cursor:false,
  49. tip_delay_time:90,
  50. tip_fade_speed:600,
  51. attribute:"title"
  52. });
  53. });
  54. })(jQuery);
  55. </script>
  56.  
  57. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  58.  
  59. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  60.  
  61. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  62.  
  63. <script src="https://code.iconify.design/1/1.0.5/iconify.min.js"></script>
  64.  
  65. <link href="https://fonts.googleapis.com/css2?family=Muli:ital,wght@0,200;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
  66.  
  67. <link href="https://fonts.googleapis.com/css2?family=Signika:wght@400;600;700&display=swap" rel="stylesheet">
  68.  
  69. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
  70.  
  71. <style type="text/css">
  72.  
  73.  
  74. @keyframes animated-text{
  75. from{width: 0;}
  76. to{max-width: 150px;}
  77. }
  78.  
  79. /* cursor animations */
  80.  
  81. @keyframes animated-cursor{
  82. from{border-right-color:{color:accent};}
  83. to{border-right-color: transparent;}
  84. }
  85.  
  86.  
  87. /* SCROLLBAR & TOOLTIP */
  88.  
  89.  
  90. ::-webkit-scrollbar { display:none; width:15px; height:5px; background-color:{color:background}; }
  91.  
  92. ::-webkit-scrollbar-track { background-color:{color:background}; }
  93.  
  94. ::-webkit-scrollbar-thumb { border-left:10px solid {color:background}; background-color: {color:links}; }
  95.  
  96. #s-m-t-tooltip { max-width:230px; padding:0px 8px 0px 8px; margin:20px 15px; color:{color:posts}; background-color:{color:accent}; z-index:999999999999999; text-transform:uppercase; text-align:justify; letter-spacing:1px; font-size:8px; font-weight:700; }
  97.  
  98.  
  99. /* BODY */
  100.  
  101.  
  102. body { background-color:{color:background}; color:{color:text}; font-family: 'Muli', sans-serif; font-size:10px; overflow:hidden; line-height:18px; letter-spacing:1px; background-image:url('{image:background}'); }
  103.  
  104. a { text-decoration:none; color:{color:links}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  105.  
  106. a:hover { color:{color:hover}; text-shadow: 0 0 1px {color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  107.  
  108. blockquote { border-left:1px solid {color:borders}; margin-left:20px; padding-left:15px; width:85%; }
  109.  
  110. blockquote blockquote { border-left:1px solid {color:borders}; margin-left:5px; }
  111.  
  112. h1 { text-align:center; font-family: 'Signika', sans-serif; font-weight:600; font-size:30px; line-height:32px; }
  113.  
  114. h2 { font-size:14px; font-weight:800; }
  115.  
  116. pre { font-family: 'Muli', sans-serif; letter-spacing:2px; word-spacing:2px; font-size:7.5px; line-height:18px; text-transform:uppercase; }
  117.  
  118. small, sup, sub { font-size:9px; }
  119.  
  120. b, strong { font-weight:800; color:{color:text}; }
  121.  
  122. i, em { font-weight:700; color:{color:accent}; }
  123.  
  124.  
  125. /* HOLDER */
  126.  
  127.  
  128. #container { position:absolute; margin:auto; left:0px; right:0px; top:0px; bottom:0px; padding-right:40px; width:810px; height:510px; overflow-x:hidden; overflow-y:auto; background-color:{color:container}; box-shadow: 1px 3px 7px rgba(0,0,0,0.1); }
  129.  
  130.  
  131. /* SIDEBAR */
  132.  
  133.  
  134. #sidebar { position:absolute; z-index:9; width:320px; height:510px; right:0px; overflow:visible; }
  135.  
  136. .chat { position:absolute; z-index:999; top:75px; left:0px; width:205px; height:200px; background-color:{color:posts}; overflow:hidden; }
  137.  
  138. .comment { position:absolute; top:50px; left:25px; width:155px; height:100px; text-align:left; line-height:17px; overflow:hidden; }
  139.  
  140. .enter { position:absolute; z-index:999; top:235px; left:11px; width:175px; height:23px; padding-left:10px; padding-top:5px; text-align:left; overflow:hidden; background-color:{color:container}; }
  141.  
  142. .txt { position:absolute; z-index:9999; top:240px; left:11px; width:95px; padding-left:10px; text-align:left; color:{color:text}; border-right: solid 3px {color:accent}; white-space: nowrap; overflow: hidden; animation: animated-text 4s steps(29,end) 1s 1 normal both, animated-cursor 600ms steps(29,end) infinite; }
  143.  
  144. .sidelinks { position:absolute; z-index:9999999; width:75px; height:510px; bottom:0px; right:0px; line-height:17px; background-color:{color:posts}; }
  145.  
  146. .sidelinks a { font-size:8.5px; color:{color:text}; padding-top:9px; padding-bottom:9px; padding-left:11px; padding-right:11px; text-transform:uppercase; }
  147.  
  148. .sidelinks span { margin-left:1px; font-size:20px; color:{color:links}; }
  149.  
  150. .sidelinks a:hover { color:{color:hover}; webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  151.  
  152. .sidelinks li { width:45px; height:45px; float:left; list-style-type:none; padding-left:15px; padding-right:15px; padding-top:20px; padding-bottom:10px; }
  153.  
  154. .locked { margin-top:295px; width:205px; height:100px; line-height:18px; background-color:#b3b3b3; background-image:url('{image:locked}'); background-blend-mode: color-burn; }
  155.  
  156. .pagination { font-size:8px; width:450px; padding-right:10px; position:absolute; margin-bottom:50px; text-align:center; z-index:99999; }
  157.  
  158. .pagination a { color:{color:text}; letter-spacing:50px; text-align:center; font-size:15px; border-radius:100%; }
  159.  
  160.  
  161. /* POSTS STYLING */
  162.  
  163.  
  164. .box { margin-top:75px; margin-left:20px; padding-bottom:70px; width:450px; }
  165.  
  166. .entries { text-align:justify; position:absolute; height:510px; width:450px; overflow:auto; margin:auto; left:50px; top:0px; bottom:0px; overflow-x:hidden; overflow-y:auto; }
  167.  
  168. .posts { width:380px; margin-bottom:20px; margin-top:50px; margin-left:20px; text-align:justify; padding-left:20px; padding-right:20px; overflow:hidden; background-color:{color:posts}; }
  169.  
  170. .like-b { position:relative; display:inline-block; height:1em; line-height:1em; overflow:hidden; margin-bottom:-1px; }
  171.  
  172. .like-b .like_button iframe { position:absolute; top:0; left:0; bottom:0; right:0; z-index:2; opacity:0; }
  173.  
  174. .like-b .liked + .b { color:inherit; }
  175.  
  176. .like-b .liked + .b:after { content:'d'; }
  177.  
  178. .posts img { padding-left:0px; margin-left:0px; max-width:420px; height:auto; {block:ifGrayscale} -webkit-filter: grayscale(100%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  179.  
  180. .posts img:hover { {block:ifGrayscale}-webkit-filter: grayscale(0%);{/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  181.  
  182. .posts iframe { margin-left:-20px; margin-top:-20px; max-width:420px; }
  183.  
  184. .media img, .media iframe { {block:ifGrayscale} -webkit-filter: grayscale(100%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  185.  
  186. .media img:hover, .media iframe:hover { {block:ifGrayscale} -webkit-filter: grayscale(0%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  187.  
  188. .html_photoset { padding-top:20px; {block:ifGrayscale} -webkit-filter: grayscale(100%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  189.  
  190. .html_photoset:hover { {block:ifGrayscale} -webkit-filter: grayscale(0%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  191.  
  192. .caption { padding-top:25px; max-width:300px; }
  193.  
  194. .more { width:100%; text-align:center; padding:5px 0px; margin-top:20px; margin-bottom:5px; }
  195.  
  196. .more a { text-transform:uppercase; font-size:8.5px; color:{color:text}; background-color:{color:links}; padding-top:5px; padding-bottom:5px; padding-left:9px; padding-right:9px; border-radius:10px; }
  197.  
  198. #permalink { width:390px; text-transform:uppercase; text-align:left; font-size:9px; font-weight:400; padding-top:10px; padding-bottom:9px; padding-left:15px; padding-right:15px; margin-top:20px; margin-left:-20px; color:{color:links}; border-top:1px solid {color:borders}; }
  199.  
  200. #permalink a { color:{color:text}; }
  201.  
  202. #tags { width:420px; margin-top:-10px; margin-left:25px; margin-bottom:30px; text-align:center; line-height:16px; color:{color:text}; }
  203.  
  204. #tags span { font-size:7px; }
  205.  
  206. #tags a { font-size:9px; color:{color:links}; padding-left:2px; padding-right:2px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  207.  
  208. #tags a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  209.  
  210.  
  211. /* CHAT STYLING */
  212.  
  213.  
  214. .convo { overflow:hidden; list-style-type:none; padding:0; margin:0; }
  215.  
  216. .convo li:nth-of-type(odd){ background-color:{color:borders}; padding-top:10px; padding-bottom:10px; padding-left:10px; }
  217.  
  218. .convo li:nth-of-type(even){ background-color:{color:container}; padding-top:10px; padding-bottom:10px; padding-left:10px; }
  219.  
  220.  
  221. /* QUOTE STYLING */
  222.  
  223.  
  224. #q { font-family: 'Signika', sans-serif; font-size:25px; line-height:30px; text-align:center; padding-top:40px; padding-left:20px; padding-right:20px; }
  225.  
  226. .source { font-size:9px; color:{color:text}; letter-spacing:1px; margin-top:15px; text-transform:uppercase; text-align:center; padding-bottom:5px; }
  227.  
  228. .source a { font-weight:700; }
  229.  
  230. .source a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  231.  
  232.  
  233. /* ASK STYLING */
  234.  
  235.  
  236. #wrapper { width:420px; margin-top:0px; margin-left:-20px; line-height:18px; font-size:9px; text-align:justify; color:{color:text}; background-color:{color:accent 2}; overflow:hidden; }
  237.  
  238. .question { width:330px; margin-top:-10px; margin-left:0px; line-height:18px; font-size:10px; text-align:justify; padding-left:30px; padding-bottom:5px; color:{color:text}; }
  239.  
  240. .asker { font-family: 'Signika', sans-serif; font-weight:600; margin-left:-20px; padding-top:10px; padding-bottom:10px; width:420px; text-transform:uppercase; text-align:center; text-shadow: 2px 0.2px 5px rgba(0,0,0,0.1); font-size:11px; color:{color:posts}; background-color:{color:accent}; }
  241.  
  242. .asker a { font-family: 'Signika', sans-serif; font-weight:600; text-transform:uppercase; font-size:11px; color:{color:posts}; text-shadow: 2px 0.2px 5px rgba(0,0,0,0.1); -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  243.  
  244. .asker a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  245.  
  246. #answer { margin-top:15px; }
  247.  
  248. #answer img { margin-left:0px; }
  249.  
  250.  
  251. /* AUDIO STYLING */
  252.  
  253.  
  254. .playbutton { width:30px; height:30px; overflow:hidden; position:relative; margin-top:40px; margin-left:25px; z-index:9; opacity:.7; }
  255.  
  256. .albumart img { height:60px; width:60px; position:relative; margin-top:-75px; margin-left:0px; margin-left:10px; {block:ifGrayscale} -webkit-filter: grayscale(100%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  257.  
  258. .albumart img:hover { {block:ifGrayscale} -webkit-filter: grayscale(0%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  259.  
  260. .albumdetails { margin-top:-65px; text-align:right; margin-left:75px; padding:5px; text-transform:uppercase; font-size:9px; }
  261.  
  262. .albumdetails lame { font-size:9px; line-height:70%; display:inline-block; text-transform:uppercase; color:{color:accent}; background-color:{color:posts}; margin-right:5px; font-weight:800; }
  263.  
  264.  
  265. /* CREDIT */
  266.  
  267.  
  268. #credit { right:20px; bottom:20px; position:fixed; text-align:center; line-height:18px; padding-top:10px; padding-bottom:9px; padding-left:12px; padding-right:12px; }
  269.  
  270. #credit a { background-color:{color:background}; color:{color:links}; padding-top:8px; padding-bottom:9px; padding-left:12px; padding-right:11px; border-radius:100%; font-size:23px; font-family: 'Muli', sans-serif; text-align:center; }
  271.  
  272. #credit:hover { color:{color:hover}; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  273.  
  274.  
  275. {CustomCSS}
  276.  
  277.  
  278. </style>
  279. </head>
  280. <body>
  281.  
  282. <div id="container">
  283.  
  284. <div class="sidelinks">
  285. <li><a href="/"><span class="th th-home-o"></span> <center>home</center></a></li>
  286. <li><a href="/ask"><span class="th th-envelope-o"></span> <center>inbox</center></a></li>
  287. <li><a href="{text:sidelink url}"><span class="th th-app-o"></span><center>{text:sidelink}</center></a></li>
  288. <li><a href="{text:sidelink 2 url}"><span class="th th-star-o"></span><center>{text:sidelink 2}</center></a></li>
  289. </div>
  290.  
  291. <div id="sidebar">
  292.  
  293. <div class="chat">
  294. <span style="position:absolute; top:10px; left:10px; width:180px; font-size:17px; padding-left:3px; padding-bottom:10px; border-bottom:1px solid {color:borders}; font-family: 'Signika', sans-serif; font-weight:600;">stream chat</span>
  295. <span class="comment">
  296. <b style="color:{color:accent};">{text:username}:</b> {text:desc}
  297. </div>
  298. <div class="txt"><span style="opacity:0.5;">Send a message</span></div>
  299. <div class="enter"><span style="float:right; font-size:14px; padding-top:2px; padding-right:5px;"><span class="iconify" data-icon="mdi:emoticon-neutral-outline"></span></span>
  300. </div>
  301.  
  302. <div class="locked">
  303. <span class="th th-closed-lock" style="margin-left:90px; margin-top:30px; font-size:20px; color:{color:accent};"></span><br>
  304. <span style="margin-left:40px; font-size:15px; color:{color:posts}; font-family: 'Signika', sans-serif; font-weight:700; text-align:center;">premium content</span>
  305. </div>
  306.  
  307. </div>
  308.  
  309.  
  310. <div class="entries">
  311.  
  312. {block:IndexPage}
  313. <span style="position:absolute; top:75px; left:20px; background-color:{color:posts}; width:420px; height:55px;"></span>
  314. <img src="{image:icon}" style="position:absolute; top:88px; left:35px; width:30px; height:30px; border-radius:100%;">
  315. <span style="position:absolute; top:93px; left:75px; font-size:14px; font-family: 'Signika', sans-serif; font-weight:600;">{text:username} &nbsp;<span class="iconify" data-icon="octicon:verified"></span>&nbsp; <span style="font-size:10px; font-weight:400; background-color:{color:accent}; color:{color:posts}; padding-top:2px; padding-bottom:2px; padding-left:6px; padding-right:5px; border-radius:5px;">LIVE</span>
  316. </span>
  317. <span style="position:absolute; top:92px; right:25px; font-family: 'Signika', sans-serif; font-weight:400; font-size:10px; background-color:{color:links}; color:{color:posts}; padding-top:2px; padding-bottom:2px; padding-left:7px; padding-right:6px; border-radius:5px;"><span class="th th-heart-1-o" style="font-size:9px;"></span>&nbsp; FOLLOW</span>
  318. <img src="{image:player}" style="position:absolute; top:150px; left:40px; width:125px; height:75px; box-shadow: 2px 0.2px 5px rgba(0,0,0,0.1);">
  319. <span style="position:absolute; top:415px; left:20px; font-family: 'Signika', sans-serif; font-weight:600; font-size:17px;">{text:title}</span>
  320. <span style="position:absolute; z-index:9; top:415px; right:10px; width:200px; font-size:13px; color:{color:text}; text-align:right;"><span class="th th-user-o" style="color:{color:accent};"></span> {text:watching now} &nbsp;&nbsp;<span class="th th-eye-o" style="color:{color:accent};"></span> {text:total views}</span>
  321. <div class="box">
  322. <img src="{image:window}" style="margin-top:20px; margin-left:0px; width:420px; height:300px;">
  323. </div>
  324. {/block:IndexPage}
  325.  
  326. {block:posts}
  327.  
  328. <div class="posts" id="{PostID}" style="margin-top:75px;">
  329.  
  330. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  331.  
  332. {block:Photo}<div style="margin-left:-20px;">{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  333.  
  334. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  335.  
  336. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  337.  
  338. {block:Quote}<div id="q">{Quote}</div>{/block:Quote}{block:Source}
  339. <div class="source">— {Source}</div>
  340. {/block:Source}
  341.  
  342. {block:Audio}
  343. {block:AudioPlayer}
  344. <div class="playbutton">{AudioPlayerGrey}</div>{/block:AudioPlayer}
  345. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  346. <div class="albumdetails">
  347. {block:TrackName}<lame>song:</lame> {TrackName}{/block:TrackName}<br>
  348. {block:Artist}<lame>artist:</lame> {Artist}{/block:Artist}<br>
  349. {block:Album}<lame>album:</lame> {Album}{/block:Album}
  350. </div>
  351. {/block:AudioPlayer}
  352. {/block:Audio}
  353.  
  354. {block:Video}<div style="margin-left:-20px;">{Video-500}</div><div class="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  355.  
  356. {block:Chat}
  357. <br><ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label" style="letter-spacing:1px; font-weight:900;">{Label}</span>{/block:Label}
  358. {Line}</li>{/block:Lines}</ul>
  359. {/block:Chat}
  360.  
  361. {block:Answer}
  362. <div id="wrapper">
  363. <div class="question"><br>{Question}</q></div><span></center></div>
  364. <div class="asker">{Asker}</div>
  365. <div id="answer">{Answer}</div>{/block:Answer}
  366.  
  367. {block:More}<div class="more"><a href="{Permalink}" class="more-btn">read more</a></div>{/block:More}
  368.  
  369. <div id="permalink">
  370. <span class="th th-calendar-1-o"></span> &nbsp;<a href="{Permalink}" title="{NoteCountWithLabel}">{ShortMonth} {DayOfMonthWithZero}</a> <span style="box-shadow:none; float:right;"><span class="th th-heart-1-o"></span>&nbsp; <a class="like-b" href="#" title="like this post">{LikeButton}<span class="b">LIKE</span></a> &nbsp;<span class="th th-reload"></span>&nbsp; <a href="{ReblogURL}" title="reblog this post">REBLOG</a></span>
  371. </div></div>
  372.  
  373. {block:HasTags}<div id="tags">{block:Tags}<span class="th th-hashtag"></span><a href="{TagURL}">{Tag}</a>&nbsp;&nbsp; {/block:Tags}</div>{/block:HasTags}
  374. {/block:Posts}
  375. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  376. {/block:Posts}
  377.  
  378. <div class="pagination">
  379. {block:PreviousPage}
  380. <a href="{PreviousPage}" class="pagi"><span class="th th-chevron-left"></span></a>{/block:PreviousPage}
  381. {block:NextPage} &nbsp;&nbsp;&nbsp; <a href="{NextPage}" class="pagi"><span class="th th-chevron-right"></span></a> {/block:NextPage} {/block:Pagination}
  382. </div>
  383. </div>
  384.  
  385. <div id="credit"><a href="https://14kgolds.tumblr.com" title="made by ness"><span class="th th-strawberry-o"></span></a></div>
  386.  
  387. </body>
  388. </html>
Add Comment
Please, Sign In to add comment