API tools faq
paste
Advertisement
zainmalik

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

zainmalik
Jan 31st, 2017
2,851
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.07 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="#ffffff"/>
  28. <meta name="color:shadow" content="#848484"/>
  29. <meta name="color:wrapper" content="#000000"/>
  30. <meta name="color:posts" content="#121212"/>
  31. <meta name="color:borders" content="#252525"/>
  32. <meta name="color:accent1" content="#7586c3"/>
  33. <meta name="color:accent2" content="#a07db3"/>
  34. <meta name="color:accent3" content="#c13c54"/>
  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 {color:shadow};
  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: 0px 0px 2px {color:shadow};
  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:265px;
  205. padding-bottom:40px;
  206. padding-right:40px;
  207. padding-left:40px;
  208. padding-top:100px;
  209. margin:auto;
  210. left:0;
  211. right:0;
  212. top:0;
  213. bottom:0;
  214. }
  215.  
  216. #sidebar{
  217. position:fixed;
  218. margin-left:-15px;
  219. margin-top:-25px;
  220. width:200px;
  221. height:275px;
  222. }
  223.  
  224. .title {
  225. text-transform:uppercase;
  226. margin-top:200px;
  227. text-align:center;
  228. width:200px;
  229. font-family:'roboto';
  230. font-weight:bold;
  231. text-shadow: 0px 0px 2px {color:shadow};
  232. color:{color:accent1};
  233. font-size:15px;
  234. letter-spacing:3px;
  235. padding-bottom:5px;
  236. }
  237.  
  238. .subtitle {
  239. text-transform:uppercase;
  240. font-style:italic;
  241. width:{text:subtitle width}px;
  242. margin: 0 auto;
  243. color:{color:posts};
  244. letter-spacing:2px;
  245. font-weight:bold;
  246. background-color:{color:accent2};
  247. text-align:center;
  248. border-radius:3px;
  249. display:block;
  250. font-size:8px;
  251. font-family:inconsolata;
  252. }
  253.  
  254. .sbimage {
  255. border-bottom:1px solid {color:borders};
  256. width:200px;
  257. position:fixed;
  258. }
  259.  
  260. #sblinks b {
  261. font-size:7px;
  262. color:{color:accent3};
  263. font-weight:bold;
  264. font-family:'roboto';
  265. }
  266.  
  267. .sblinks1 {
  268. position:fixed;
  269. margin-top:15px;
  270. width:70px;
  271. text-align:right;
  272. padding-right:20px;
  273. border-right:1px solid {color:borders};
  274. padding-bottom:5px;
  275. margin-left:10px;
  276. }
  277.  
  278. .sblinks1 a {
  279. text-shadow: 0px 0px 2px {color:shadow};
  280. display:block;
  281. color:{color:text};
  282. text-decoration: none;
  283. text-transform:uppercase;
  284. font-family:inconsolata;
  285. font-size:9px;
  286. letter-spacing:2px;
  287. margin-bottom:-5px;
  288. -webkit-transition: all 0.4s linear;
  289. -moz-transition: all 0.4s linear;
  290. transition: all 0.4s linear;
  291.  
  292. }
  293.  
  294. .sblinks1 a:hover {
  295. font-weight:bold;
  296. -webkit-transition: all 0.4s linear;
  297. -moz-transition: all 0.4s linear;
  298. transition: all 0.4s linear;
  299.  
  300. }
  301.  
  302. .sblinks2 {
  303. position:fixed;
  304. margin-top:15px;
  305. margin-left:125px;
  306. width:70px;
  307. text-align:left;
  308. padding-right:30px;
  309. }
  310.  
  311. .sblinks2 a {
  312. text-shadow: 0px 0px 2px {color:shadow};
  313. display:block;
  314. color:{color:text};
  315. text-decoration: none;
  316. text-transform:uppercase;
  317. font-family:inconsolata;
  318. font-size:9px;
  319. letter-spacing:2px;
  320. margin-bottom:-5px;
  321. -webkit-transition: all 0.4s linear;
  322. -moz-transition: all 0.4s linear;
  323. transition: all 0.4s linear;
  324. }
  325.  
  326. .sblinks2 a:hover {
  327. font-weight:bold;
  328. -webkit-transition: all 0.4s linear;
  329. -moz-transition: all 0.4s linear;
  330. transition: all 0.4s linear;
  331. }
  332.  
  333. #topbar{
  334. position:fixed;
  335. width:580px;
  336. height:90px;
  337. background-color:{color:posts};
  338. margin-top:-105px;
  339. margin-left:-25px;
  340. }
  341.  
  342. .anchor{
  343. position:fixed;
  344. }
  345.  
  346. .bbsearch {
  347. float:right;
  348. padding-top:2px;
  349. padding-bottom:10px;
  350. width:320px;
  351. margin-top:-60px;
  352. }
  353.  
  354. .bbsearch input {
  355. font-family:droid sans mono;
  356. background-color:{color:posts};
  357. border:none;
  358. text-align:right;
  359. border-bottom:1px solid {color:borders};
  360. width:auto;
  361. text-shadow: 0px 0px 2px {color:shadow};
  362. }
  363.  
  364. .bbsearch button {
  365. color:{color:accent2};
  366. font-size:10px;
  367. padding-left:5px;
  368. width:15px;
  369. padding-bottom:6px;
  370. border:none;
  371. background-color:{color:posts};
  372. }
  373.  
  374. button:focus {
  375. outline:none;
  376. }
  377.  
  378. input:focus {
  379. outline:none;
  380. }
  381.  
  382. ::-webkit-input-placeholder {
  383. color:{color:accent2};
  384. opacity:.8;
  385. text-transform:uppercase;
  386. font-family:roboto;
  387. letter-spacing:1px;
  388. font-size:8px;
  389. }
  390.  
  391.  
  392. #content{
  393. width:280px;
  394. position:fixed;
  395. padding-right:23px;
  396. margin-left:217px;
  397. height:290px;
  398. margin-top:-15px;
  399. overflow-y:scroll;
  400. overflow-x:hidden;
  401. {block:Ifgrayscale}
  402. -webkit-filter: grayscale(100%);
  403. filter: grayscale(100%);
  404. {/block:Ifgrayscale}
  405. }
  406.  
  407. .post{
  408. width:250px;
  409. padding:15px;
  410. border:1px solid {color:borders};
  411. background-color:{color:posts};
  412. margin:0 0 20px 0;
  413. overflow:hidden;
  414. }
  415.  
  416. #sidebar img, .post img{
  417. max-width:100%;
  418. {block:Ifgrayscale}
  419. -webkit-filter: grayscale(100%);
  420. filter: grayscale(100%);
  421. {/block:Ifgrayscale}
  422. }
  423.  
  424. #nav{
  425. font-size:9px;
  426. margin-top:-16px;
  427. margin-left:94px;
  428. float:right;
  429. padding-left:5px;
  430. position:fixed;
  431. z-index:99999;
  432. border-bottom:3px solid {color:accent2};
  433. text-align:right;
  434. }
  435.  
  436. #nav a:hover {
  437. color:{color:accent2};
  438. }
  439.  
  440. #pagination {
  441. margin-top:-15px;
  442. float:right;
  443. margin-right:13px;
  444. }
  445.  
  446. .jump_page {
  447. text-shadow: 0px 0px 2px {color:shadow};
  448. padding:5px;
  449. text-align:center;
  450. width:5px;
  451. height:5px;
  452. background-color:{color:posts};
  453. color:{color:accent3};
  454. font-family:roboto;
  455. font-size:9px;
  456. font-weight:bold;
  457. text-decoration:none;
  458. }
  459.  
  460. .current_page, .jump_page:hover {
  461. text-shadow: 0px 0px 2px {color:shadow};
  462. padding:5px;
  463. text-align:center;
  464. width:5px;
  465. height:5px;
  466. background-color:{color:posts};
  467. color:{color:accent2};
  468. font-family:roboto;
  469. font-size:9px;
  470. font-weight:bold;
  471. text-decoration:none;
  472. }
  473.  
  474. /*
  475. content in the body of the - quotes, asks, etc
  476. "media" contains photos, photosets, videos, audio posts
  477. */
  478. .media{
  479. width:280px;
  480. }
  481.  
  482. .quote{
  483. font-family:roboto;
  484. color:{color:accent1};
  485. text-shadow: 0px 0px 2px {color:shadow};
  486. font-weight:bold;
  487. font-size:15px;
  488. text-transform:uppercase;
  489. letter-spacing:1px;
  490. line-height:1;
  491. margin:0 0 10px 0;
  492. }
  493.  
  494. .question{
  495. border-bottom:1px solid {color:borders};
  496. padding-bottom:15px;
  497. margin-left:-15px;
  498. padding-left:15px;
  499. padding-right:15px;
  500. width:250px;
  501. }
  502.  
  503. .caption {
  504. padding-bottom:12px;
  505. }
  506.  
  507. blockquote{
  508. margin:0 0 10px 10px;
  509. padding:0 0 0 10px;
  510. border-left:solid 1px {color:borders};
  511. }
  512.  
  513. /*
  514. post footers - date, tags, via and source
  515. */
  516. .post .footer{
  517. margin-top:-1px;
  518. margin-left:-15px;
  519. border-top:1px solid {color:borders};
  520. text-align:right;
  521. padding-top:15px;
  522. padding-left:15px;
  523. padding-right:35px;
  524. width:230px;
  525. }
  526.  
  527. .post .footer a{
  528. color:{color:text};
  529. text-decoration:none;
  530. text-shadow: 0px 0px 2px {color:shadow};
  531. }
  532.  
  533. /*
  534. post notes
  535. */
  536. ol.notes{
  537. list-style-type:none;
  538. padding:0;
  539. margin-top:15px;
  540. }
  541.  
  542. ol.notes li.note img{
  543. display:none;
  544. }
  545.  
  546. ol.notes li.note{
  547. margin:0px;
  548. }
  549.  
  550. .credit {
  551. bottom:10px;
  552. right:10px;
  553. position:fixed;
  554. z-index:99999;
  555. }
  556.  
  557. .credit a {
  558. margin-top:10px;
  559. display:block;
  560. height:17px;
  561. width:20px;
  562. border-radius:20px;
  563. text-shadow: 0px 0px 2px {color:shadow};
  564. margin-left:-17px;
  565. padding:3px;
  566. padding-top:6px;
  567. color:{color:accent1};
  568. font-family:roboto;
  569. font-weight:bold;
  570. text-transform:uppercase;
  571. font-size:16px;
  572. text-align:center;
  573. background-color:{color:posts};
  574. border:1px solid {color:borders};
  575. text-decoration:none;
  576. }
  577.  
  578. .credit a:hover {
  579. background-color:{color:accent1};
  580. color:{color:posts};
  581. border:1px solid {color:accent1};
  582. }
  583.  
  584. .credit1 {
  585. position:fixed;
  586. background-color:{color:posts};
  587. padding:5px;
  588. margin-left:-46px;
  589. margin-top:-53px;
  590. font-family:inconsolata;
  591. text-transform:uppercase;
  592. letter-spacing:1px;
  593. font-size:9px;
  594. opacity:0;
  595. -webkit-transition: all 0.2s linear;
  596. -moz-transition: all 0.2s linear;
  597. transition: all 0.2s linear;
  598. }
  599.  
  600. .credit:hover .credit1 {
  601. opacity:1;
  602. -webkit-transition: all 0.2s linear;
  603. -moz-transition: all 0.2s linear;
  604. transition: all 0.2s linear;
  605. }
  606.  
  607. .credit:hover .ctriangle {
  608. opacity:1;
  609. -webkit-transition: all 0.2s linear;
  610. -moz-transition: all 0.2s linear;
  611. transition: all 0.2s linear;
  612. }
  613.  
  614. .ctriangle {
  615. margin-left:-13px;
  616. margin-top:-30px;
  617. opacity:0;
  618. width: 0;
  619. height: 0;
  620. border-style: solid;
  621. border-width: 0 5px 5px;
  622. border-color: transparent {color:posts} transparent transparent;
  623. -webkit-transition: all 0.2s linear;
  624. -moz-transition: all 0.2s linear;
  625. transition: all 0.2s linear;
  626. }
  627.  
  628. {CustomCSS}
  629. </style>
  630. </head>
  631.  
  632. <body>
  633.  
  634. <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">
  635.  
  636.  
  637. <div id="wrapper">
  638.  
  639. <div id="sidebar">
  640.  
  641. <div class="anchor"><span style="display:block;"></span>
  642. <div class="sbimage"><img src="{image:sidebar}"></div>
  643. <div class="title">{text:title}</div>
  644. <div class="subtitle"><i class="fa fa-star" aria-hidden="true"></i> {text:subtitle} <i class="fa fa-star" aria-hidden="true"></i></div>
  645. <div id="sblinks">
  646. <div class="sblinks1">
  647. <a href="{text:link 1}">{text:link 1 label} <b>01</b></a><br>
  648. <a href="{text:link 3}">{text:link 3 label} <b>03</b></a><br>
  649. <a href="{text:link 5}">{text:link 5 label} <b>05</b></a>
  650. </div>
  651. <div class="sblinks2">
  652. <a href="{text:link 2}"><b>02</b> {text:link 2 label}</a><br>
  653. <a href="{text:link 4}"><b>04</b> {text:link 4 label}</a><br>
  654. <a href="{text:link 6}"><b>06</b> {text:link 6 label}</a><br>
  655. </div>
  656. </div>
  657. </div>
  658.  
  659. <div id="topbar">
  660. {block:Description}
  661. {block:Ifuseavatar}
  662. <img src="{PortraitURL-48}" style="border-radius:48px;margin-top:20px;margin-left:20px;">
  663. {/block:Ifuseavatar}
  664. {block:IfNotuseavatar}
  665. <img src="{image:icon}" style="width:48px;height:48px;border-radius:48px;margin-top:20px;margin-left:20px;">
  666. {block:IfNotuseavatar}
  667. <p style="width:170px;height:40px;overflow:hidden;margin-left:80px;margin-top:-48px;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>
  668. {/block:Description}
  669.  
  670. <div class="bbsearch">
  671. <form onsubmit="return handleThis(this)">
  672. <input style="width:285px;height:17px;" placeholder="search&nbsp;" type="text" name="number" />
  673. <button type="submit" class="fa fa-search"></button>
  674. </form>
  675. </div>
  676.  
  677. {block:Pagination}
  678. <div id="pagination">
  679. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page"><i class="fa fa-chevron-left" aria-hidden="true"></i></a>{/block:PreviousPage}
  680. {block:JumpPagination length="3"}
  681. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  682. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  683. {block:NextPage}<a href="{NextPage}" class="jump_page"><i class="fa fa-chevron-right" aria-hidden="true"></i></a>{/block:NextPage}
  684. </div>
  685. {/block:Pagination}
  686.  
  687. </div>
  688. </div>
  689.  
  690. <div id="content">
  691.  
  692. {block:Posts}
  693.  
  694. <div class="post">
  695.  
  696. {block:Text}
  697. {block:Title}
  698. <h1>{Title}</h1>
  699. {/block:Title}
  700. <div style="padding-bottom:10px;">{Body}</div>
  701. {/block:Text}
  702.  
  703. {block:Photo}
  704. <div class="media">{LinkOpenTag}<img style="margin-top:-15px;margin-left:-15px;" src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  705. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  706. {/block:Photo}
  707.  
  708. {block:Photoset}
  709. <div class="media" style="margin-top:-15px;margin-left:-15px">{Photoset}</div>
  710. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  711. {/block:Photoset}
  712.  
  713. {block:Quote}
  714. <div class="quote">"{Quote}"</div>
  715. {block:Source}
  716. <div style="text-transform:uppercase;font-family:inconsolata;letter-spacing:1px;font-size:9px;padding-bottom:15px;text-align:right;" class="quotesource">— {Source}</div>
  717. {/block:Source}
  718. {/block:Quote}
  719.  
  720. {block:Link}
  721. <div class="title"><a href="{URL}">{Name}</a></div>
  722. {block:Description}
  723. <div class="description">{Description}</div>
  724. {/block:Description}
  725. {/block:Link}
  726.  
  727. {block:Chat}
  728. {block:Title}
  729. <div class="title">{Title}</div>
  730. {/block:Title}
  731.  
  732. {block:Lines}
  733. <div style="text-transform:lowercase;" class="{Alt} user_{UserNumber}">
  734. {block:Label}
  735. <b>{Label}</b>{/block:Label}
  736. &nbsp;{Line}
  737. </div>
  738. {/block:Lines}
  739. <br>
  740. {/block:Chat}
  741.  
  742. {block:Video}
  743. <div class="media">{Video-250}</div>
  744. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  745. {/block:Video}
  746.  
  747. {block:Audio}
  748. <div style="border-bottom:1px solid {color:borders};padding-left:15px;margin-left:-15px;padding-bottom:13px;">
  749. {block:AlbumArt}<img style="width:64px;height:64px;margin-top:-15px;margin-left:201px;" src="{AlbumArtURL}">{/block:AlbumArt}
  750. {block:AudioPlayer}<div style="overflow:hidden;border:6px solid {color:posts};margin-top:-54px;margin-left:0px;width:27px;height:27px;">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  751. <div style="margin-top:-33px;height:32px;margin-left:50px;text-transform:lowercase;color:{color:text};">
  752. {block:TrackName}<i>{TrackName}</i><br>{/block:TrackName}
  753. {block:Artist}{Artist}<br>{/block:Artist}
  754. </div>
  755. </div>
  756. {block:Caption}{Caption}{/block:Caption}
  757. {/block:Audio}
  758.  
  759. {block:Answer}
  760. <div class="question">{Asker}: {Question}</div>
  761. <div class="caption" style="margin-top:15px">{Answer}</div>
  762. {/block:Answer}
  763.  
  764. {block:Date}
  765. <div style="margin-top:15px;float:right;margin-left:7px;">
  766. <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>
  767.  
  768. <div class="footer">
  769.  
  770. <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>
  771.  
  772. {block:PermalinkPage}
  773. {block:NoteCount}
  774. {block:PostNotes}{PostNotes}{/block:PostNotes}
  775. {/block:NoteCount}
  776. {/block:PermalinkPage}
  777. {/block:Date}
  778.  
  779. </div>
  780. {/block:Posts}
  781.  
  782. </div>
  783.  
  784. </div>
  785.  
  786. </div>
  787.  
  788. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  789. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  790.  
  791. <div class="credit">
  792. <div class="credit1"><i class="fa fa-code" aria-hidden="true" style="color:{color:accent1}"></i> gltter</div>
  793. <div class="ctriangle"></div>
  794. <a href="https://gltter.tumblr.com">g</a>
  795. </div>
  796.  
  797. </body>
  798. </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!