API tools faq
paste
Advertisement
florels

theme #35 - CUT FROM MARBLE

florels
Jan 4th, 2015
2,894
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.52 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <!--
  5.  
  6.  
  7. CUT FROM MARBLE THEME by
  8. F L O R E L S (✿◠‿◠) ////
  9. started jan 02, 2015
  10. finished jan 11, 2015
  11. published jan 21, 2015
  12.  
  13.  
  14. -->
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17. <head>
  18.  
  19.  
  20. <link rel="icon" href="{Favicon}"/>
  21. <title>{Title}</title>
  22. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  23.  
  24. <meta name="image:background" content="http://static.tumblr.com/a902c0a8ac9305f797c7b1312f3edd47/bcpenwm/SuEnhzoez/tumblr_static_a8j9rdvxm3ccg4k0w4gw4ssgo.png" />
  25.  
  26. <meta name="color:answer top border" content="#000" />
  27. <meta name="color:background" content="#fff" />
  28. <meta name="color:blog title" content="#000" />
  29. <meta name="color:description" content="#000" />
  30. <meta name="color:description link" content="#000" />
  31. <meta name="color:gradient bg top" content="#b0dcf5" />
  32. <meta name="color:gradient bg bottom" content="#b9e7d1" />
  33. <meta name="color:link" content="#000" />
  34. <meta name="color:link hover" content="#000" />
  35. <meta name="color:nav link" content="#000" />
  36. <meta name="color:nav link hover" content="#000" />
  37. <meta name="color:nav link border" content="#d95e40" />
  38. <meta name="color:nav link hover border" content="#fff" />
  39. <meta name="color:permalink" content="#000" />
  40. <meta name="color:permalink hover" content="#000" />
  41. <meta name="color:permalink border" content="#d95e40" />
  42. <meta name="color:permalink hover border" content="#fff" />
  43. <meta name="color:post background" content="#fff" />
  44. <meta name="color:post border" content="#000" />
  45. <meta name="color:question" content="#000" />
  46. <meta name="color:scrollbar" content="#000" />
  47. <meta name="color:sidebar bg" content="#000" />
  48. <meta name="color:text" content="#000" />
  49. <meta name="color:tooltip bg" content="#fff" />
  50. <meta name="color:tooltip border" content="#000" />
  51. <meta name="color:tooltip text" content="#000" />
  52.  
  53. <meta name="if:post bg" content="0"/>
  54. <meta name="if:2 columns" content="1"/>
  55. <meta name="if:tooltip shadow" content="1"/>
  56. <meta name="if:gradient bg" content="1"/>
  57. <meta name="if:sidebar bg" content="0"/>
  58. <meta name="if:tiled bg image" content="0"/>
  59. <meta name="if:custom link 1" content="1" />
  60. <meta name="if:custom link 2" content="1" />
  61. <meta name="if:custom link 3" content="1" />
  62.  
  63. <meta name="text:ask link" content="/ask" />
  64. <meta name="text:blog title size" content="20" />
  65. <meta name="text:link 1 url" content="/" />
  66. <meta name="text:link 1 title" content="link 1" />
  67. <meta name="text:link 2 url" content="/" />
  68. <meta name="text:link 2 title" content="link 2" />
  69. <meta name="text:link 3 url" content="/" />
  70. <meta name="text:link 3 title" content="link 3" />
  71.  
  72. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  73.  
  74. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  75.  
  76. <script type="text/javascript">
  77. WebFontConfig = {
  78. google: { families: [ 'Roboto::latin' ] }
  79. };
  80. (function() {
  81. var wf = document.createElement('script');
  82. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  83. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  84. wf.type = 'text/javascript';
  85. wf.async = 'true';
  86. var s = document.getElementsByTagName('script')[0];
  87. s.parentNode.insertBefore(wf, s);
  88. })(); </script>
  89. {block:IndexPage}
  90. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  91. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
  92.  
  93. <script type="text/javascript">
  94. $(window).load(function () {
  95. $('#posts').masonry(),
  96. $('.masonryWrap').infinitescroll({
  97. navSelector : "div.navigation",
  98. // selector for the paged navigation (it will be hidden)
  99. nextSelector : ".navigation a#next",
  100. // selector for the NEXT link (to page 2)
  101. itemSelector : ".post",
  102. // selector for all items you'll retrieve
  103. bufferPx : 10000,
  104. extraScrollPx: 10000,
  105. loadingImg : "http://static.tumblr.com/bcpenwm/o5Nmy3k0o/florels.gif",
  106. loadingText : "<em></em>",
  107. },
  108. // call masonry as a callback.
  109. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  110. );
  111. });
  112. </script>
  113. {/block:IndexPage}
  114.  
  115.  
  116.  
  117. <div class="navigation">{block:Pagination}{block:NextPage}<span id="page_nav"><span onclick='return false;'><a style="float:right;opacity:0;" href="{NextPage}" id="next"></a>{/block:NextPage}{block:PreviousPage}<a style="float:right;opacity:0;" href="{PreviousPage}"></a></span></span>{/block:PreviousPage}{/block:Pagination}</div>
  118.  
  119.  
  120.  
  121. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  122. <script>
  123. (function($){
  124. $(document).ready(function(){
  125. $("[title]").style_my_tooltips({
  126. tip_follows_cursor:true,
  127. tip_delay_time:0,
  128. tip_fade_speed:0
  129. }
  130. );
  131. });
  132. })(jQuery);
  133. </script>
  134.  
  135.  
  136.  
  137.  
  138. <style type="text/css">
  139.  
  140.  
  141. iframe#tumblr_controls {
  142. top: 0% !important;
  143. right:0% !important;
  144. position: fixed !important;}
  145.  
  146.  
  147. body {
  148. margin:0px;
  149. padding:0px;
  150. margin-top:0px;
  151. margin-bottom:0px;
  152. font-family:'Roboto', sans-serif;
  153. font-size:11px;
  154. color:{color:text};
  155. background-image:url('{image:background}');
  156. background-attachment:fixed;
  157. {block:ifnottiledbgimage}
  158. background-size:cover;
  159. {/block:ifnottiledbgimage}
  160. background-color:{color:background};
  161. {block:ifgradientbg}
  162. -o-linear-gradient(bottom, {color:gradient bg bottom}, {color:gradient bg top} ); background-image: -moz-linear-gradient(bottom, {color:gradient bg bottom}, {color:gradient bg top}); background-image: -webkit-linear-gradient(bottom, {color:gradient bg bottom}, {color:gradient bg top}); background-image: -ms-linear-gradient(bottom, {color:gradient bg bottom}, {color:gradient bg top}); background-image: linear-gradient(bottom, {color:gradient bg bottom}, {color:gradient bg top});
  163. {/block:ifgradientbg}
  164. }
  165.  
  166. #s-m-t-tooltip{
  167. font-family:'Roboto';
  168. font-size: 9px;
  169. color:{color:tooltip text};
  170. background-color:{color:tooltip bg};
  171. text-align: center;
  172. letter-spacing:1px;
  173. min-width:50px;
  174. max-width:120px;
  175. border: 1px solid {color:tooltip border};
  176. overflow:auto;
  177. text-transform:uppercase;
  178. display: none;
  179. position: absolute;
  180. z-index: 999999999999;
  181. padding: 3px; /* padding */
  182. margin:30px 0 15px 10px;
  183. {block:iftooltipshadow}
  184. box-shadow:3px 3px rgba(0,0,0,0.2);
  185. {/block:iftooltipshadow}
  186. -webkit-transition: all 0.2s ease-in-out;
  187. -moz-transition: all 0.2s ease-in-out;
  188. transition: all 0.2s ease-in-out;}
  189.  
  190. a {
  191. color:{color:link};
  192. text-decoration:underline;
  193. -webkit-transition: all 0.2s ease-in-out;
  194. -moz-transition: all 0.2s ease-in-out;
  195. -o-transition: all 0.2s ease-in-out;}
  196.  
  197. a:hover {
  198. ;-webkit-transition-duration: 0.4s;
  199. color:{color:link hover};
  200. text-decoration:underline;}
  201.  
  202. /** theme by F L O R E L S (✿◠‿◠) //// **/
  203.  
  204. a:active,a:focus {outline:0;}
  205.  
  206. ::-webkit-scrollbar-thumb{
  207. background-color:{color:scrollbar};
  208. border:6px solid {color:background};
  209. height:6px;}
  210.  
  211. ::-webkit-scrollbar {
  212. height:16px;
  213. width:16px;
  214. background-color:{color:background};}
  215.  
  216. #sidebar {
  217. z-index:4;
  218. height:auto;
  219. top:130px;
  220. padding:20px;
  221. left:50%;
  222. width:180px;
  223. position:fixed;
  224. {block:ifsidebarbg}
  225. background-color:{color:sidebar bg};
  226. {/block:ifsidebarbg}
  227. {block:IndexPage}
  228. {block:if2columns}
  229. margin-left:300px;
  230. {/block:if2columns}
  231. {block:ifnot2columns}
  232. margin-left:260px;
  233. {/block:ifnot2columns}
  234. {/block:IndexPage}
  235. {block:PermalinkPage}
  236. margin-left:280px;
  237. {/block:PermalinkPage}}
  238.  
  239. .blogtitle{
  240. position:relative;
  241. height:auto;
  242. z-index:5;
  243. color:{color:blog title};
  244. font-size:1.55em;
  245. text-align:left;
  246. margin-bottom:3px;
  247. text-transform:uppercase;
  248. font-style:italic;
  249. font-family:'Lato', sans-serif;
  250. width:auto;}
  251.  
  252. .description {
  253. text-align:left;
  254. color:{color:description};
  255. font-family:'roboto', sans-serif;
  256. position:relative;
  257. font-size:1em;
  258. z-index:6;
  259. width:180px;
  260. margin-top:10px;}
  261.  
  262. .description a{
  263. z-index:7;
  264. position:relative;
  265. color:{color:description link};
  266. text-decoration:underline;}
  267.  
  268. .description a:hover{
  269. text-decoration:none;}
  270.  
  271. .navlinks {
  272. position:relative;
  273. z-index:5;
  274. margin-left:10px;
  275. line-height:160%;
  276. text-align:left;}
  277.  
  278. .navlinks a {
  279. color:{color:nav link};
  280. text-decoration:none;
  281. font-size:1em;
  282. text-transform:uppercase;
  283. border-bottom:1px solid {color:nav link border};}
  284.  
  285. .navlinks a:hover {
  286. border-bottom:1px solid {color:nav link hover border};
  287. color:{color:nav link hover};}
  288.  
  289. .notes {
  290. padding-left:20px;
  291. margin-top:15px;
  292. font-size:1em;}
  293.  
  294. li.notes {
  295. float:left;
  296. width:400px;
  297. padding-left:5px;
  298. margin-top:10px;
  299. overflow-x:hidden;
  300. overflow-y:scroll;
  301. list-style-type:none;
  302. font-weight:normal;
  303. font-size:1em;
  304. text-transform:none;}
  305.  
  306. /** theme by F L O R E L S (✿◠‿◠) //// **/
  307.  
  308. li.note {
  309. padding-top:2px;
  310. opacity:1;}
  311.  
  312. li.note img.avatar {
  313. width:14px;
  314. height:14px;}
  315.  
  316. .permalink {
  317. color:{color:permalink};
  318. position:absolute;
  319. {block:ifpostbg}
  320. background-color:{color:post bg};
  321. {/block:ifpostbg}
  322. display:block;
  323. font-size:1em;
  324. opacity:0;
  325. right:0;
  326. text-align:right;
  327. bottom:-13px;
  328. -webkit-transition: all 0.3s ease-in-out;
  329. -moz-transition: all 0.3s ease-in-out;
  330. transition: all 0.3s ease-in-out;}
  331.  
  332. .permalink a{
  333. color:{color:permalink};
  334. border-bottom:1px solid {color:permalink border};
  335. font-family:'Roboto', sans-serif;
  336. text-decoration:none;}
  337.  
  338. .permalink a:hover{
  339. text-decoration:none;
  340. border-bottom:1px solid {color:permalink hover border};}
  341.  
  342. .post:hover .permalink{
  343. opacity:1;}
  344.  
  345. .headings{
  346. font-size:1.4em;
  347. text-align:left;
  348. font-style:italic;}
  349.  
  350. .audiopost {
  351. {block:IndexPage}
  352. width:220px;
  353. padding-bottom:10px;
  354. {/block:IndexPage}
  355. {block:PermalinkPage}
  356. width:500px;
  357. padding-bottom:110px;
  358. {/block:PermalinkPage}}
  359.  
  360. .albumart {
  361. position:absolute;
  362. {block:IndexPage}
  363. width:50px;
  364. height:50px;
  365. {/block:IndexPage}
  366. {block:PermalinkPage}
  367. width:150px;
  368. height:150px;
  369. {/block:PermalinkPage}}
  370.  
  371. .albumart img {
  372. float:left;
  373. {block:IndexPage}
  374. width:50px;
  375. height:50px;
  376. {/block:IndexPage}
  377. {block:PermalinkPage}
  378. width:150px;
  379. height:150px;
  380. {/block:PermalinkPage}}
  381.  
  382. /** theme by F L O R E L S (✿◠‿◠) //// **/
  383.  
  384. .playbox {
  385. opacity:0.6;
  386. width:27px;
  387. height:30px;
  388. overflow:hidden;
  389. position:absolute;
  390. z-index:2;
  391. {block:IndexPage}
  392. margin-left:11px;
  393. margin-top:12px;
  394. {block:IndexPage}
  395. {block:PermalinkPage}
  396. margin-left:60px;
  397. margin-top:61px;
  398. {/block:PermalinkPage}}
  399.  
  400. .info {
  401. margin-top:2px;
  402. line-height:12px;
  403. font-size:0.9em;
  404. text-transform:uppercase;
  405. font-family:'roboto', sans-serif;
  406. {block:IndexPage}
  407. margin-left:58px;
  408. {block:IndexPage}
  409. {block:PermalinkPage}
  410. margin-left:158px;
  411. {/block:PermalinkPage}}
  412.  
  413. #posts {
  414. position:absolute;
  415. left:50%;
  416. z-index:1;
  417. top:40px;
  418. {block:IndexPage}
  419. padding:12px 12px 100px 12px;
  420. {block:ifnot2columns}
  421. width:410px;
  422. margin-left:-217px;
  423. {/block:ifnot2columns}
  424. {block:if2columns}
  425. width:592px;
  426. margin-left:-306px;
  427. {/block:if2columns}
  428. {/block:IndexPage}
  429. {block:PermalinkPage}
  430. margin-left:-215px;
  431. width:400px;
  432. border-radius:{text:post radius}px;
  433. padding:15px 15px 55px 15px;
  434. {block:ifpostbg}
  435. background:{color:post background};
  436. {/block:ifpostbg}
  437. {/block:PermalinkPage}}
  438.  
  439. .post {
  440. {block:IndexPage}
  441. margin:20px 20px 35px 20px;
  442. padding:10px;
  443. {block:if2columns}
  444. width:220px;
  445. {/block:if2columns}
  446. {block:ifnot2columns}
  447. width:350px;
  448. {/block:ifnot2columns}
  449. {/block:IndexPage}
  450. {block:PermalinkPage}
  451. width:400px;
  452. {/block:PermalinkPage}
  453. float:left;
  454. position:relative;
  455. {block:ifpostbg}
  456. background:{color:post background};
  457. {/block:ifpostbg}
  458. font-family:'roboto', sans-serif;
  459. font-size:1em;
  460. color:{color:text};}
  461.  
  462. .post img{
  463. max-width:100%;
  464. -webkit-transition: all 0.4s ease-in-out;
  465. -moz-transition: all 0.4s ease-in-out;
  466. transition: all 0.4s ease-in-out;}
  467.  
  468. .photo {
  469. height:auto;
  470. -webkit-transition: all 0.4s ease-in-out;
  471. -moz-transition: all 0.4s ease-in-out;
  472. transition: all 0.4s ease-in-out;}
  473.  
  474. .quote {
  475. text-align:center;
  476. font-size:1.2em;}
  477.  
  478. .quotesource {
  479. text-align:right;}
  480.  
  481. /** theme by F L O R E L S (✿◠‿◠) //// **/
  482.  
  483. .chat {
  484. text-align:right;
  485. line-height:11px;}
  486.  
  487. .question {
  488. color:{color:question};
  489. font-style:italic;
  490. padding:15px;}
  491.  
  492. .asker {
  493. text-align:right;
  494. text-transform:uppercase;
  495. padding-right:5px;}
  496.  
  497. .answer {
  498. margin-top:10px;
  499. border-top:1px solid {color:answer top border};
  500. padding:5px 15px 0 15px;}
  501.  
  502. .captions {
  503. margin-top:-8px;}
  504.  
  505. .video embed, .video object, .video iframe {
  506. {block:IndexPage}
  507. width:220px;
  508. height:auto;
  509. {/block:IndexPage}
  510. {block:PermalinkPage}
  511. width:400px;
  512. {/block:PermalinkPage}}
  513.  
  514.  
  515.  
  516. #pleasedontremove{
  517. position:fixed;
  518. right:5px;
  519. z-index:6;
  520. top:27px;}
  521.  
  522. /** theme by F L O R E L S (✿◠‿◠) //// **/
  523.  
  524. </style>
  525. </head>
  526.  
  527. <body>
  528.  
  529. <div id="pleasedontremove"><a href="http://emmalucys.com/" target="_blank" title="theme by florels"><img src="http://static.tumblr.com/bcpenwm/j7zmzdu17/florels.png"></a></div>
  530.  
  531.  
  532. <div id="sidebar">
  533. <div class="blogtitle">{title}</div>
  534. <div class="navlinks">
  535. <a href="/"><i class="fa fa-home"></i> home</a></br>
  536. <a href="{text:ask link}"><i class="fa fa-envelope-o"></i> message</a></br>
  537. <a href="/archive"><i class="fa fa-folder-open"></i> archive</a></br>
  538. {block:ifcustomlink1}<a href="{text:link 1 url}"><i class="fa fa-send-o"></i> {text:link 1 title}</a></br>{/block:ifcustomlink1}
  539. {block:ifcustomlink2}<a href="{text:link 2 url}"><i class="fa fa-star-o"></i> {text:link 2 title}</a></br>{/block:ifcustomlink2}
  540. {block:ifcustomlink3}<a href="{text:link 3 url}"><i class="fa fa-flash"></i> {text:link 3 title}</a></br>{/block:ifcustomlink3}
  541. <a href="http://emmalucys.com"><i class="fa fa-copyright"></i> theme</a></br>
  542. </div>
  543. <div class="description">{description}</div>
  544.  
  545. </div>
  546.  
  547.  
  548.  
  549.  
  550.  
  551. <div id="posts">
  552.  
  553. {block:Posts}
  554.  
  555. {block:Text}
  556. <div class="post">
  557. <div class="headings">{block:Title}{Title}{/block:Title}</div> {Body}
  558. {block:IndexPage}
  559. <div class="permalink">
  560. <a href="{Permalink}"><i class="fa fa-eye"></i> DETAILS</a>
  561. </div>
  562. {/block:IndexPage}
  563. </div>
  564. {/block:Text}
  565.  
  566.  
  567. {block:Photo}
  568. <div class="post"><div class="photo">
  569. {block:IndexPage}
  570. {block:if2columns}
  571. <a href="{permalink}"><img src="{PhotoURL-250}" width="220px" alt="{PhotoAlt}"/></a>
  572. {/block:if2columns}
  573. {block:ifnot2columns}
  574. <a href="{permalink}"><img src="{PhotoURL-400}" width="350px" alt="{PhotoAlt}"/></a>
  575. {/block:ifnot2columns}
  576. <div class="permalink">
  577. <a href="{Permalink}"><i class="fa fa-eye"></i> DETAILS</a>
  578. </div>
  579. {/block:IndexPage}
  580.  
  581. {block:PermalinkPage}
  582. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  583. {/block:PermalinkPage}
  584. </div></div>
  585. {/block:Photo}
  586.  
  587.  
  588. {block:Photoset}
  589. <div class="post">
  590. {block:IndexPage}
  591. {Photoset}
  592. <div class="permalink">
  593. <a href="{Permalink}"><i class="fa fa-eye"></i> DETAILS</a>
  594. </div>
  595. {/block:IndexPage}
  596. {block:PermalinkPage}
  597. {Photoset-400}
  598. {/block:PermalinkPage}
  599. </div>
  600. {/block:Photoset}
  601.  
  602.  
  603. {block:Quote}
  604. <div class="post">
  605. <div class="quote">
  606. '<i>{Quote}</i>'
  607. </div>
  608. <div class="quotesource">
  609. — {Source}
  610. </div>
  611. {block:IndexPage}
  612. <div class="permalink">
  613. <a href="{Permalink}"><i class="fa fa-eye"></i> DETAILS</a>
  614. </div>
  615. {/block:IndexPage}
  616. </div>
  617. {/block:Quote}
  618.  
  619.  
  620. {block:Link}
  621. <div class="post">
  622. <div class="headings">
  623. <a href="{URL}">{Name}</a>
  624. </div>
  625. {block:Description}{Description}{/block:Description}
  626. {block:IndexPage}
  627. <div class="permalink">
  628. <a href="{Permalink}"><i class="fa fa-eye"></i> DETAILS</a>
  629. </div>
  630. {/block:IndexPage}
  631. </div>
  632. {/block:Link}
  633.  
  634.  
  635. {block:Chat}
  636. <div class="post">
  637. <div class="chat">
  638. {block:Title}{Title}{/block:Title}<br>
  639. {block:Lines}{block:Label}<i>{Label}</i><br> {Line} <br><br>
  640. {/block:Label}{/block:Lines}
  641. </div>
  642. {block:IndexPage}
  643. <div class="permalink">
  644. <a href="{Permalink}"><i class="fa fa-eye"></i> DETAILS</a>
  645. </div>
  646. {/block:IndexPage}
  647. </div>
  648. {/block:Chat}
  649.  
  650.  
  651. {block:Video}
  652. <div class="post">
  653. {block:IndexPage}
  654. <div class="video">
  655. {Video-500}
  656. </div>
  657. <div class="permalink">
  658. <a href="{Permalink}"><i class="fa fa-eye"></i> DETAILS</a>
  659. </div>
  660. {/block:IndexPage}
  661. {block:PermalinkPage}
  662. {Video-500}
  663. {/block:PermalinkPage}
  664. </div>
  665. {/block:Video}
  666.  
  667.  
  668. {block:Audio}
  669. <div class="post">
  670. <div class="audiopost">
  671. {block:AlbumArt}
  672. <div class="albumart">
  673. <img src="{AlbumArtURL}">
  674. </div>
  675. {/block:AlbumArt}
  676. {block:AudioPlayer}
  677. <div class="playbox">
  678. {AudioPlayerWhite}
  679. </div>
  680. {/block:AudioPlayer}
  681. <div class="info">
  682. Artist: <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}</br>
  683. Title: <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</br>
  684. Album: <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}</br>
  685. Plays: {FormattedPlayCount}{/block:PlayCount}
  686. </div>
  687. </div>
  688. <div class="permalink">
  689. <a href="{Permalink}"><i class="fa fa-eye"></i> DETAILS</a>
  690. </div>
  691. {/block:IndexPage}
  692. </div>
  693. {/block:Audio}
  694.  
  695.  
  696. {block:Answer}
  697. <div class="post">
  698. <div class="question">{Question}</div>
  699. <div class="asker">– asked by {Asker}</div>
  700. <div class="answer">{Answer}</div>
  701. {block:IndexPage}
  702. <div class="permalink">
  703. <a href="{Permalink}"><i class="fa fa-eye"></i> DETAILS</a>
  704. </div>
  705. {/block:IndexPage}
  706. </div>
  707. {/block:Answer}
  708.  
  709.  
  710. {block:PermalinkPage}
  711. <div class="notes">
  712. {block:Date}{Caption}<i class="fa fa-clock-o"></i> posted {TimeAgo}</br>{/block:Date}
  713.  
  714. {block:NoteCount}<i class="fa fa-comments-o"></i> {NoteCount} notes</br>{/block:NoteCount}
  715.  
  716. {block:RebloggedFrom}<i class="fa fa-angle-left"></i> via <a href="{ReblogParentURL}">{ReblogParentName}</a></br>{/block:RebloggedFrom}
  717.  
  718. {block:ContentSource}<i class="fa fa-angle-double-left"></i> originally from <a href="{SourceURL}">{SourceTitle}</a></br>{/block:ContentSource}
  719.  
  720. {block:hastags}<i class="fa fa-tags"></i> {block:tags}#<a href="/tagged/{Tag}">{Tag}</a> &nbsp;&nbsp; {/block:tags}</br>{/block:hastags}
  721. {PostNotes}</div>
  722. {/block:PermalinkPage}
  723.  
  724.  
  725. {/block:posts}
  726.  
  727.  
  728. </div></div>
  729.  
  730. </body>
  731.  
  732. </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!