API tools faq
paste
Advertisement
zainmalik

THEME VIII: "TOMORROW (DAY VER.)" BY GLTTER

zainmalik
Jan 31st, 2017
2,131
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.17 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5.  
  6. (c) gltter
  7.  
  8. ----->
  9.  
  10. <meta charset="utf-8">
  11. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15.  
  16. <title>{Title}</title>
  17.  
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  21.  
  22. <meta name="if:translucent" content="0"/>
  23. <meta name="if:grayscale" content="0"/>
  24. <meta name="if:use avatar" content="0"/>
  25.  
  26. <meta name="color:bg" content="#ffffff"/>
  27. <meta name="color:text" content="#444444"/>
  28. <meta name="color:shadow" content="#848484"/>
  29. <meta name="color:wrapper" content="#f5f5f5"/>
  30. <meta name="color:posts" content="#ffffff"/>
  31. <meta name="color:borders" content="#ededed"/>
  32. <meta name="color:accent1" content="#a6bb83"/>
  33. <meta name="color:accent2" content="#dab490"/>
  34. <meta name="color:accent3" content="#c0c199"/>
  35.  
  36. <meta name="image:sidebar" content=""/>
  37. <meta name="image:bg" content=""/>
  38. <meta name="image:icon" content=""/>
  39.  
  40. <meta name="text:title" content="title" />
  41. <meta name="text:subtitle" content="subtitle" />
  42. <meta name="text:subtitle width" content="100" />
  43.  
  44. <meta name="text:link 1" content="/" />
  45. <meta name="text:link 1 label" content="link 1" />
  46. <meta name="text:link 2" content="/" />
  47. <meta name="text:link 2 label" content="link 2" />
  48. <meta name="text:link 3" content="/" />
  49. <meta name="text:link 3 label" content="link 3" />
  50. <meta name="text:link 4" content="/" />
  51. <meta name="text:link 4 label" content="link 4" />
  52. <meta name="text:link 5" content="/" />
  53. <meta name="text:link 5 label" content="link 5" />
  54. <meta name="text:link 6" content="/" />
  55. <meta name="text:link 6 label" content="link 6" />
  56. <meta name="text:desc title" content="desc title" />
  57.  
  58. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  59. <link href="https://fonts.googleapis.com/css?family=Roboto:500" rel="stylesheet">
  60. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  61.  
  62. <script type="text/javascript">
  63. <!--
  64. function handleThis(formElm)
  65. {
  66. window.location="{blogURL}search/"+formElm.number.value+"";
  67. return false;
  68. }
  69. // -->
  70. </script>
  71.  
  72. <script language="javascript">
  73. function send()
  74. {document.theform.submit()}
  75. </script>
  76.  
  77. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  78. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  79. <script>
  80. (function($){
  81. $(document).ready(function(){
  82. $("a[title]").style_my_tooltips({
  83. tip_follows_cursor:true,
  84. tip_delay_time:90,
  85. tip_fade_speed:600,
  86. attribute:"title"
  87. });
  88. });
  89. })(jQuery);
  90. </script>
  91.  
  92.  
  93. <style type="text/css">
  94.  
  95. ::-webkit-scrollbar-thumb {
  96. height:auto;
  97. background-color:{color:accent2};
  98. }
  99.  
  100. ::-webkit-scrollbar {
  101. height:9px;
  102. width:3px;
  103. background-color:{color:posts};
  104. }
  105.  
  106. #s-m-t-tooltip {
  107. max-width:300px;
  108. margin:6px 0px 0px 10px;
  109. background-color:{color:posts};
  110. font-family:droid sans mono;
  111. font-size:9px;
  112. padding:3px;
  113. border:1px solid {color:borders};
  114. color:{color:text};
  115. z-index:999999999999999999999999999999999999;
  116. text-transform:lowercase;
  117. }
  118.  
  119. /*
  120. general text styles, fonts and colours
  121. */
  122.  
  123. body {
  124. text-shadow: 0px 0px 2px #dadada;
  125. margin:0px;
  126. font-family: droid sans mono;
  127. font-size:9px;
  128. line-height:150%;
  129. color:{color:text};
  130. background-color:{color:bg};
  131. background-image:url('{image:bg}')
  132. }
  133.  
  134. pre {
  135. white-space: pre-wrap;
  136. white-space: -moz-pre-wrap;
  137. white-space: -pre-wrap;
  138. white-space: -o-pre-wrap;
  139. word-wrap: break-word;
  140. }
  141.  
  142. small, sub, sup {
  143. font-size:9px;
  144. }
  145.  
  146. a{
  147. text-shadow:none;
  148. color:{color:accent2};
  149. text-decoration: none;
  150. }
  151.  
  152. a:hover{
  153. font-weight:bold;
  154. }
  155.  
  156. h1 {
  157. font-family:roboto;
  158. color:{color:accent1};
  159. text-shadow: 1px 1px 0px rgba(150, 150, 150, .5);
  160. font-weight:bold;
  161. font-size:15px;
  162. text-transform:uppercase;
  163. letter-spacing:1px;
  164. line-height:1;
  165. margin:0 0 10px 0;
  166. }
  167.  
  168. h2 {
  169. font-size:10px;
  170. text-transform:lowercase;
  171. }
  172.  
  173. h9 {
  174. color:{color:posts};
  175. letter-spacing:2px;
  176. font-weight:bold;
  177. background-color:{color:accent2};
  178. border-radius:3px;
  179. font-size:8px;
  180. font-family:inconsolata;
  181. font-style:italic;
  182. padding:2px;
  183. }
  184.  
  185. b, strong {
  186. text-shadow:none;
  187. color:{color:accent1};
  188. }
  189.  
  190. li{
  191. margin-left:-15px;
  192. }
  193.  
  194. /*
  195. containers etc
  196. */
  197. #wrapper{
  198. {block:Iftranslucent}
  199. opacity:.9;
  200. {/block:Iftranslucent}
  201. position:absolute;
  202. background-color:{color:wrapper};
  203. width:500px;
  204. height:350px;
  205. padding:40px;
  206. margin:auto;
  207. left:0;
  208. right:0;
  209. top:0;
  210. bottom:0;
  211. }
  212.  
  213. #sidebar{
  214. position:fixed;
  215. margin-left:-15px;
  216. margin-top:-25px;
  217. width:200px;
  218. height:275px;
  219. }
  220.  
  221. .title {
  222. text-transform:uppercase;
  223. margin-top:200px;
  224. text-align:center;
  225. width:200px;
  226. font-family:'roboto';
  227. font-weight:bold;
  228. text-shadow: 1px 1px 0px rgba(150, 150, 150, .5);
  229. color:{color:accent1};
  230. font-size:15px;
  231. letter-spacing:3px;
  232. padding-bottom:5px;
  233. }
  234.  
  235. .subtitle {
  236. text-transform:uppercase;
  237. font-style:italic;
  238. width:{text:subtitle width}px;
  239. margin: 0 auto;
  240. color:{color:posts};
  241. letter-spacing:2px;
  242. font-weight:bold;
  243. background-color:{color:accent2};
  244. text-align:center;
  245. border-radius:3px;
  246. display:block;
  247. font-size:8px;
  248. font-family:inconsolata;
  249. }
  250.  
  251. .sbimage {
  252. border-bottom:1px solid {color:borders};
  253. width:200px;
  254. position:fixed;
  255. }
  256.  
  257. {block:Ifcircularsidebar}
  258. .sbimage img {
  259. border-radius:200px;
  260. }
  261. {/block:Ifcircularsidebar}
  262.  
  263. #sblinks b {
  264. font-size:7px;
  265. color:{color:accent3};
  266. font-weight:bold;
  267. font-family:'roboto';
  268. }
  269.  
  270. .sblinks1 {
  271. position:fixed;
  272. margin-top:15px;
  273. width:70px;
  274. text-align:right;
  275. padding-right:20px;
  276. border-right:1px solid {color:borders};
  277. padding-bottom:5px;
  278. margin-left:10px;
  279. }
  280.  
  281. .sblinks1 a {
  282. text-shadow: 0px 0px 2px #dadada;
  283. display:block;
  284. color:{color:text};
  285. text-decoration: none;
  286. text-transform:uppercase;
  287. font-family:inconsolata;
  288. font-size:9px;
  289. letter-spacing:2px;
  290. margin-bottom:-5px;
  291. -webkit-transition: all 0.4s linear;
  292. -moz-transition: all 0.4s linear;
  293. transition: all 0.4s linear;
  294.  
  295. }
  296.  
  297. .sblinks1 a:hover {
  298. font-weight:bold;
  299. -webkit-transition: all 0.4s linear;
  300. -moz-transition: all 0.4s linear;
  301. transition: all 0.4s linear;
  302.  
  303. }
  304.  
  305. .sblinks2 {
  306. position:fixed;
  307. margin-top:15px;
  308. margin-left:125px;
  309. width:70px;
  310. text-align:left;
  311. padding-right:30px;
  312. }
  313.  
  314. .sblinks2 a {
  315. text-shadow: 0px 0px 2px #dadada;
  316. display:block;
  317. color:{color:text};
  318. text-decoration: none;
  319. text-transform:uppercase;
  320. font-family:inconsolata;
  321. font-size:9px;
  322. letter-spacing:2px;
  323. margin-bottom:-5px;
  324. -webkit-transition: all 0.4s linear;
  325. -moz-transition: all 0.4s linear;
  326. transition: all 0.4s linear;
  327. }
  328.  
  329. .sblinks2 a:hover {
  330. font-weight:bold;
  331. -webkit-transition: all 0.4s linear;
  332. -moz-transition: all 0.4s linear;
  333. transition: all 0.4s linear;
  334. }
  335.  
  336. #bottombar{
  337. position:fixed;
  338. width:580px;
  339. height:90px;
  340. background-color:{color:posts};
  341. margin-top:325px;
  342. margin-left:-25px;
  343. }
  344.  
  345. .anchor{
  346. position:fixed;
  347. }
  348.  
  349. .bbsearch {
  350. float:right;
  351. padding-top:2px;
  352. padding-bottom:10px;
  353. width:320px;
  354. margin-top:-60px;
  355. }
  356.  
  357. .bbsearch input {
  358. font-family:droid sans mono;
  359. background-color:{color:posts};
  360. border:none;
  361. text-align:right;
  362. border-bottom:1px solid {color:borders};
  363. width:auto;
  364. text-shadow: 0px 0px 2px #dadada;
  365. }
  366.  
  367. .bbsearch button {
  368. color:{color:accent2};
  369. font-size:10px;
  370. padding-left:5px;
  371. width:15px;
  372. padding-bottom:6px;
  373. border:none;
  374. background-color:{color:posts};
  375. }
  376.  
  377. button:focus {
  378. outline:none;
  379. }
  380.  
  381. input:focus {
  382. outline:none;
  383. }
  384.  
  385. ::-webkit-input-placeholder {
  386. color:{color:accent2};
  387. opacity:.8;
  388. text-transform:uppercase;
  389. font-family:roboto;
  390. letter-spacing:1px;
  391. font-size:8px;
  392. }
  393.  
  394.  
  395. #content{
  396. width:280px;
  397. position:fixed;
  398. padding-right:23px;
  399. margin-left:217px;
  400. height:290px;
  401. margin-top:-15px;
  402. overflow-y:scroll;
  403. overflow-x:hidden;
  404. {block:Ifgrayscale}
  405. -webkit-filter: grayscale(100%);
  406. filter: grayscale(100%);
  407. {/block:Ifgrayscale}
  408. }
  409.  
  410. .post{
  411. width:250px;
  412. padding:15px;
  413. border:1px solid {color:borders};
  414. background-color:{color:posts};
  415. margin:0 0 20px 0;
  416. overflow:hidden;
  417. }
  418.  
  419. #sidebar img, .post img{
  420. max-width:100%;
  421. {block:Ifgrayscale}
  422. -webkit-filter: grayscale(100%);
  423. filter: grayscale(100%);
  424. {/block:Ifgrayscale}
  425. }
  426.  
  427. #nav{
  428. font-size:9px;
  429. margin-top:-16px;
  430. margin-left:94px;
  431. float:right;
  432. padding-left:5px;
  433. position:fixed;
  434. z-index:99999;
  435. border-bottom:3px solid {color:accent2};
  436. text-align:right;
  437. }
  438.  
  439. #nav a:hover {
  440. color:{color:accent2};
  441. }
  442.  
  443. #pagination {
  444. margin-top:-15px;
  445. float:right;
  446. margin-right:13px;
  447. }
  448.  
  449. .jump_page {
  450. text-shadow: 1px 1px 0px rgba(150, 150, 150, .5);
  451. padding:5px;
  452. text-align:center;
  453. width:5px;
  454. height:5px;
  455. background-color:{color:posts};
  456. color:{color:accent3};
  457. font-family:roboto;
  458. font-size:9px;
  459. font-weight:bold;
  460. text-decoration:none;
  461. }
  462.  
  463. .current_page, .jump_page:hover {
  464. text-shadow: 1px 1px 0px rgba(150, 150, 150, .5);
  465. padding:5px;
  466. text-align:center;
  467. width:5px;
  468. height:5px;
  469. background-color:{color:posts};
  470. color:{color:accent2};
  471. font-family:roboto;
  472. font-size:9px;
  473. font-weight:bold;
  474. text-decoration:none;
  475. }
  476.  
  477. /*
  478. content in the body of the - quotes, asks, etc
  479. "media" contains photos, photosets, videos, audio posts
  480. */
  481. .media{
  482. width:280px;
  483. }
  484.  
  485. .quote{
  486. font-family:roboto;
  487. color:{color:accent1};
  488. text-shadow: 1px 1px 0px rgba(150, 150, 150, .5);
  489. font-weight:bold;
  490. font-size:15px;
  491. text-transform:uppercase;
  492. letter-spacing:1px;
  493. line-height:1;
  494. margin:0 0 10px 0;
  495. }
  496.  
  497. .question{
  498. border-bottom:1px solid {color:borders};
  499. padding-bottom:15px;
  500. margin-left:-15px;
  501. padding-left:15px;
  502. padding-right:15px;
  503. width:250px;
  504. }
  505.  
  506. .caption {
  507. padding-bottom:12px;
  508. }
  509.  
  510. blockquote{
  511. margin:0 0 10px 10px;
  512. padding:0 0 0 10px;
  513. border-left:solid 1px {color:borders};
  514. }
  515.  
  516. /*
  517. post footers - date, tags, via and source
  518. */
  519. .post .footer{
  520. margin-top:-1px;
  521. margin-left:-15px;
  522. border-top:1px solid {color:borders};
  523. text-align:right;
  524. padding-top:15px;
  525. padding-left:15px;
  526. padding-right:35px;
  527. width:230px;
  528. }
  529.  
  530. .post .footer a{
  531. color:{color:text};
  532. text-decoration:none;
  533. text-shadow: 0px 0px 2px #dadada;
  534. }
  535.  
  536. /*
  537. post notes
  538. */
  539. ol.notes{
  540. list-style-type:none;
  541. padding:0;
  542. margin-top:15px;
  543. }
  544.  
  545. ol.notes li.note img{
  546. display:none;
  547. }
  548.  
  549. ol.notes li.note{
  550. margin:0px;
  551. }
  552.  
  553. .credit {
  554. bottom:10px;
  555. right:10px;
  556. position:fixed;
  557. z-index:99999;
  558. }
  559.  
  560. .credit a {
  561. margin-top:10px;
  562. display:block;
  563. height:17px;
  564. width:20px;
  565. border-radius:20px;
  566. text-shadow: 0px 0px 2px #dadada;
  567. margin-left:-17px;
  568. padding:3px;
  569. padding-top:6px;
  570. color:{color:accent1};
  571. font-family:roboto;
  572. font-weight:bold;
  573. text-transform:uppercase;
  574. font-size:16px;
  575. text-align:center;
  576. background-color:{color:posts};
  577. border:1px solid {color:borders};
  578. text-decoration:none;
  579. text-shadow: 1px 1px 0px rgba(150, 150, 150, .5);
  580. }
  581.  
  582. .credit a:hover {
  583. background-color:{color:accent1};
  584. color:{color:posts};
  585. border:1px solid {color:accent1};
  586. }
  587.  
  588. .credit1 {
  589. position:fixed;
  590. background-color:{color:posts};
  591. padding:5px;
  592. margin-left:-46px;
  593. margin-top:-53px;
  594. font-family:inconsolata;
  595. text-transform:uppercase;
  596. letter-spacing:1px;
  597. font-size:9px;
  598. opacity:0;
  599. -webkit-transition: all 0.2s linear;
  600. -moz-transition: all 0.2s linear;
  601. transition: all 0.2s linear;
  602. }
  603.  
  604. .credit:hover .credit1 {
  605. opacity:1;
  606. -webkit-transition: all 0.2s linear;
  607. -moz-transition: all 0.2s linear;
  608. transition: all 0.2s linear;
  609. }
  610.  
  611. .credit:hover .ctriangle {
  612. opacity:1;
  613. -webkit-transition: all 0.2s linear;
  614. -moz-transition: all 0.2s linear;
  615. transition: all 0.2s linear;
  616. }
  617.  
  618. .ctriangle {
  619. margin-left:-13px;
  620. margin-top:-30px;
  621. opacity:0;
  622. width: 0;
  623. height: 0;
  624. border-style: solid;
  625. border-width: 0 5px 5px;
  626. border-color: transparent {color:posts} transparent transparent;
  627. -webkit-transition: all 0.2s linear;
  628. -moz-transition: all 0.2s linear;
  629. transition: all 0.2s linear;
  630. }
  631.  
  632. {CustomCSS}
  633. </style>
  634. </head>
  635.  
  636. <body>
  637.  
  638. <link href="https://fonts.googleapis.com/css?family=Inconsolata:400,400italic,700,700italic|Droid+Sans+Mono:200,300,300italic,400,400italic,700,700italic" rel="stylesheet" type="text/css">
  639.  
  640.  
  641. <div id="wrapper">
  642.  
  643. <div id="sidebar">
  644.  
  645. <div class="anchor"><span style="display:block;"></span>
  646. <div class="sbimage"><img src="{image:sidebar}"></div>
  647. <div class="title">{text:title}</div>
  648. <div class="subtitle"><i class="fa fa-star" aria-hidden="true"></i> {text:subtitle} <i class="fa fa-star" aria-hidden="true"></i></div>
  649. <div id="sblinks">
  650. <div class="sblinks1">
  651. <a href="{text:link 1}">{text:link 1 label} <b>01</b></a><br>
  652. <a href="{text:link 3}">{text:link 3 label} <b>03</b></a><br>
  653. <a href="{text:link 5}">{text:link 5 label} <b>05</b></a>
  654. </div>
  655. <div class="sblinks2">
  656. <a href="{text:link 2}"><b>02</b> {text:link 2 label}</a><br>
  657. <a href="{text:link 4}"><b>04</b> {text:link 4 label}</a><br>
  658. <a href="{text:link 6}"><b>06</b> {text:link 6 label}</a><br>
  659. </div>
  660. </div>
  661. </div>
  662.  
  663. <div id="bottombar">
  664. {block:Description}
  665. {block:Ifuseavatar}
  666. <img src="{PortraitURL-48}" style="border-radius:48px;margin-top:20px;margin-left:20px;">
  667. {/block:Ifuseavatar}
  668. {block:IfNotuseavatar}
  669. <img src="{image:icon}" style="width:48px;height:48px;border-radius:48px;margin-top:20px;margin-left:20px;">
  670. {block:IfNotuseavatar}
  671. <p style="width:170px;height:40px;overflow:hidden;margin-left:80px;margin-top:-45px;background-color:{color:posts};"><b style="text-transform:uppercase;font-weight:bold;font-family:roboto;font-size:8px;letter-spacing:2px;"><i class="fa fa-plus" aria-hidden="true"></i> {text:desc title}</b><br>{Description} </p>
  672. {/block:Description}
  673.  
  674. <div class="bbsearch">
  675. <form onsubmit="return handleThis(this)">
  676. <input style="width:285px;height:17px;" placeholder="search&nbsp;" type="text" name="number" />
  677. <button type="submit" class="fa fa-search"></button>
  678. </form>
  679. </div>
  680.  
  681. {block:Pagination}
  682. <div id="pagination">
  683. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page"><i class="fa fa-chevron-left" aria-hidden="true"></i></a>{/block:PreviousPage}
  684. {block:JumpPagination length="3"}
  685. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  686. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  687. {block:NextPage}<a href="{NextPage}" class="jump_page"><i class="fa fa-chevron-right" aria-hidden="true"></i></a>{/block:NextPage}
  688. </div>
  689. {/block:Pagination}
  690.  
  691. </div>
  692. </div>
  693.  
  694. <div id="content">
  695.  
  696. {block:Posts}
  697.  
  698. <div class="post">
  699.  
  700. {block:Text}
  701. {block:Title}
  702. <h1>{Title}</h1>
  703. {/block:Title}
  704. <div style="padding-bottom:10px;">{Body}</div>
  705. {/block:Text}
  706.  
  707. {block:Photo}
  708. <div class="media">{LinkOpenTag}<img style="margin-top:-15px;margin-left:-15px;" src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  709. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  710. {/block:Photo}
  711.  
  712. {block:Photoset}
  713. <div class="media" style="margin-top:-15px;margin-left:-15px">{Photoset}</div>
  714. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  715. {/block:Photoset}
  716.  
  717. {block:Quote}
  718. <div class="quote">"{Quote}"</div>
  719. {block:Source}
  720. <div style="text-transform:uppercase;font-family:inconsolata;letter-spacing:1px;font-size:9px;padding-bottom:15px;text-align:right;" class="quotesource">— {Source}</div>
  721. {/block:Source}
  722. {/block:Quote}
  723.  
  724. {block:Link}
  725. <div class="title"><a href="{URL}">{Name}</a></div>
  726. {block:Description}
  727. <div class="description">{Description}</div>
  728. {/block:Description}
  729. {/block:Link}
  730.  
  731. {block:Chat}
  732. {block:Title}
  733. <div class="title">{Title}</div>
  734. {/block:Title}
  735.  
  736. {block:Lines}
  737. <div style="text-transform:lowercase;" class="{Alt} user_{UserNumber}">
  738. {block:Label}
  739. <b>{Label}</b>{/block:Label}
  740. &nbsp;{Line}
  741. </div>
  742. {/block:Lines}
  743. <br>
  744. {/block:Chat}
  745.  
  746. {block:Video}
  747. <div class="media">{Video-250}</div>
  748. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  749. {/block:Video}
  750.  
  751. {block:Audio}
  752. <div style="border-bottom:1px solid {color:borders};padding-left:15px;margin-left:-15px;padding-bottom:13px;">
  753. {block:AlbumArt}<img style="width:64px;height:64px;margin-top:-15px;margin-left:201px;" src="{AlbumArtURL}">{/block:AlbumArt}
  754. {block:AudioPlayer}<div style="overflow:hidden;border:6px solid {color:posts};margin-top:-54px;margin-left:0px;width:27px;height:27px;">{AudioPlayerWhite}</div>
  755. <div style="margin-top:-33px;height:32px;margin-left:50px;text-transform:lowercase;color:{color:text};">{/block:AudioPlayer}
  756. {block:TrackName}<i>{TrackName}</i><br>{/block:TrackName}
  757. {block:Artist}{Artist}<br>{/block:Artist}
  758. </div>
  759. </div>
  760. {block:Caption}{Caption}{/block:Caption}
  761. {/block:Audio}
  762.  
  763. {block:Answer}
  764. <div class="question">{Asker}: {Question}</div>
  765. <div class="caption" style="margin-top:15px">{Answer}</div>
  766. {/block:Answer}
  767.  
  768. {block:Date}
  769. <div style="margin-top:15px;float:right;margin-left:7px;">
  770. <a href="{ReblogURL}"><i class="fa fa-retweet" style="font-size:12px;color:{color:accent2}" aria-hidden="true"></i></a><br><a style="display:inline-block;" href="{LikeURL}">{LikeButton size="12"}</a></div>
  771.  
  772. <div class="footer">
  773.  
  774. <a href="{Permalink}">{TimeAgo}&nbsp;{block:NoteCount}// {NoteCount} {/block:NoteCount}</a>{block:HasTags}<br>{block:Tags}<span style=" word-break: break-all;text-align:right;"><a href="{TagURL}">#{Tag}&nbsp;</a></span>{/block:Tags}{/block:HasTags}{block:RebloggedFrom}<br><a href="{ReblogParentURL}">{ReblogParentName}&nbsp;</a>{/block:RebloggedFrom}{block:ContentSource}// <a href="{SourceURL}">{SourceTitle}&nbsp;</a>{/block:ContentSource}</div>
  775.  
  776. {block:PermalinkPage}
  777. {block:NoteCount}
  778. {block:PostNotes}{PostNotes}{/block:PostNotes}
  779. {/block:NoteCount}
  780. {/block:PermalinkPage}
  781. {/block:Date}
  782.  
  783. </div>
  784. {/block:Posts}
  785.  
  786. </div>
  787.  
  788. </div>
  789.  
  790. </div>
  791.  
  792. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  793. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  794.  
  795. <div class="credit">
  796. <div class="credit1"><i class="fa fa-code" aria-hidden="true" style="color:{color:accent1}"></i> gltter</div>
  797. <div class="ctriangle"></div>
  798. <a href="https://gltter.tumblr.com">g</a>
  799. </div>
  800.  
  801. </body>
  802. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!