habitart

SCANDAL OF GRACE // habitarts

Jun 4th, 2017
300
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.71 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html>
  4.  
  5. <!----
  6.  
  7.  
  8. by habitarts
  9. enjoy <3
  10. and please, don't copy
  11. permalink notes by fragilehelp
  12. infinite scroll by passohtml
  13.  
  14.  
  15. ---->
  16.  
  17. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  18. <script type="text/javascript">
  19. jQuery(document).ready(function() {
  20. jQuery(".sub").hide();
  21. jQuery(".cthrough").click(function()
  22. {
  23. jQuery(this).next(".sub").slideToggle(500);
  24. });});
  25. </script>
  26.  
  27. <title>{Title}</title>
  28. <Link rel="shortcut icon" href="{Favicon}" />
  29. <Link rel="alternate" type="application/rss+xml" href="{RSS}" />
  30.  
  31. <meta name="text:Link 1" content="/" />
  32. <meta name="text:Link 1 title" content="" />
  33. <meta name="text:Link 2" content="/" />
  34. <meta name="text:Link 2 title" content="" />
  35. <meta name="text:Link 3" content="/" />
  36. <meta name="text:Link 3 title" content="" />
  37. <meta name="text:Link 4" content="/" />
  38. <meta name="text:Link 4 title" content="" />
  39. <meta name="text:Link 5" content="/" />
  40. <meta name="text:Link 5 title" content="" />
  41.  
  42. <meta name="image:Sidebar" content="" />
  43. <meta name="image:Background" content="" />
  44. <meta name="if:Do Not Repeat Background" content="1"/>
  45.  
  46. <meta name="color:Background" content="#000" />
  47. <meta name="color:Text" content="#c6c6c6" />
  48. <meta name="color:Link Hover" content="#ffffff" />
  49. <meta name="color:Link" content="##b8b8b8" />
  50. <meta name="color:Accent" content="#fafafa" />
  51. <meta name="color:Bold" content="#dac3cd" />
  52. <meta name="color:Italic" content="#dac3cd" />
  53. <meta name="color:Underline" content="#dac3cd" />
  54. <meta name="color:Scrollbar Main Border" content="#eeeeee" />
  55. <meta name="color:Scrollbar Sub Border" content="#fafafa" />
  56. <meta name="color:Scrollbar Background" content="#ffffff" />
  57. <meta name="color:Background Selection" content="#eeeeee" />
  58. <meta name="color:Text Selection" content="#c6c6c6" />
  59.  
  60.  
  61. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop" style="font-family:Open Sans;"><i class="fa fa-angle-up" aria-hidden="true"></i> &nbsp;&nbsp; scroll to top</a>
  62. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  63. <link href="https://fonts.googleapis.com/css?family=Dawning+of+a+New+Day|Open+Sans" rel="stylesheet">
  64.  
  65. {block:IndexPage}
  66. <script type="text/javascript" src="http://static.tumblr.com/kecu8nj/auyouzq5m/jquery.js"></script>
  67. <script type="text/javascript" src="http://static.tumblr.com/kecu8nj/uGBow50r6/info.js"></script>
  68. {/block:IndexPage}
  69.  
  70. <style>
  71.  
  72. body {background-color: {color:Background};
  73. font-family:Open Sans;
  74. color: {color:Text};
  75. text-align: left;
  76. font-size: 10px;
  77. line-height:20px;
  78. background-image:url('{image:Background}');
  79. background-attachment: fixed;
  80. {block:IfDoNotRepeatBackground}
  81. background-repeat: no-repeat;
  82. {/block:IfDoNotRepeatBackground}}
  83.  
  84. #entries {float:center;
  85. {block:IndexPage}
  86. width:900px;
  87. margin-left: 230px;
  88. {/block:IndexPage}
  89. {block:PermalinkPage}
  90. width:400px;
  91. margin-left: 460px;
  92. {/block:PermalinkPage}
  93. margin-top: 300px;}
  94.  
  95. .entry { text-align:justify;
  96. width: 400px;
  97. padding: 15px;
  98. margin:10px;
  99. float: left;}
  100.  
  101. #photoextra img {border-radius:5px;}
  102.  
  103. a {text-decoration:none;
  104. transition:all 1s ease;
  105. color:{color:Link}; }
  106. a:hover {transition:all 1s ease;
  107. color:{color:Link Hover};}
  108. b {color:{color:Bold}; }
  109. i {color:{color:Italic};}
  110. u {text-decoration:none;
  111. border-bottom: 1px dashed {color:Accent};
  112. color:{color:Underline};}
  113.  
  114. blockquote {margin:0px;
  115. padding:0px 0px 0px 10px;
  116. border-left:1px solid{color:Accent};
  117. font-size:10px;}
  118.  
  119. #caption {padding:10px;
  120. border:1px dotted{color:Accent};
  121. border-radius:0px 0px 5px 5px;}
  122.  
  123. html {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  124. a, a:hover {cursor: url(http://static.tumblr.com/8l2gpxb/m1pmlzw1h/5.png), auto;}
  125.  
  126. ::-webkit-scrollbar {width:17px;
  127. height:17px;}
  128. ::-webkit-scrollbar {background-color:{color:Scrollbar Background};}
  129. ::-webkit-scrollbar-track {border:8px solid{color:Scrollbar Background}; background-color:{color:Scrollbar Sub Border};}
  130. ::-webkit-scrollbar-thumb {border:8px solid{color:Scrollbar Background};
  131. background-color:{color:Scrollbar Main Border};
  132. min-height:24px;
  133. min-width:24px;}
  134.  
  135. #infscr-loading {position:absolute!important;
  136. width:16px!important;
  137. height:11px!important;
  138. margin-bottom:-16px!important;
  139. top:auto!important;
  140. bottom:0;
  141. left:50%!important;}
  142. #pagination {display:none;}
  143.  
  144. ::-moz-selection {Background-color:{color:Background Selection};}
  145. ::selection {Background-color:{color:Background Selection};
  146. color:{color:Text Selection};}
  147.  
  148. #h1 {padding:0px 0px 5px 0px;
  149. Text-align:left;
  150. font-family:Dawning of a New Day;
  151. font-size:20px;
  152. line-height:100%;
  153. color:{color:Text};
  154. text-transform:none;
  155. font-weight:300;}
  156.  
  157. #h1 a {text-transform:uppercase;
  158. font-weight:300;
  159. font-size:10px;}
  160.  
  161. li {margin-left:-10px;}
  162.  
  163. .quote {Text-align:justify;
  164. line-height: 21px;
  165. color:{color:Text};
  166. padding:0px; }
  167. .quotesource {
  168. height:auto;
  169. margin-top:5px;
  170. font-weight:none;
  171. Text-align:left;
  172. display:block; }
  173. .quotesource a {color:{color:Text};}
  174.  
  175. .chat {background:{color:Background} ;
  176. font-size: 9px;
  177. margin-top:10px;}
  178. .chat .lines {padding: 2px 2px 2px 10px;
  179. margin-bottom: 4px;
  180. border-left:1px solid{color:Accent};}
  181. .chat .lines span {font-weight:none;}
  182.  
  183. #postinfo {color:{color:Text};
  184. width:240px;
  185. position:absolute;
  186. padding:5px 10px 0px 0px;
  187. transition:all 1s ease;
  188. margin-top:10px;
  189. {block:IndexPage}
  190. opacity:0;
  191. margin-top:10px;
  192. {/block:IndexPage}
  193. {block:PermalinkPage}
  194. opacity:1;
  195. margin-top:0px;
  196. {/block:PermalinkPage}
  197. Text-transform:uppercase;
  198. font-size: 9px;
  199. letter-spacing:1px;}
  200.  
  201. .entry:hover #postinfo {opacity:1;
  202. transition:all 1s ease;
  203. margin-top:0px; }
  204.  
  205. #postinfo a {
  206. Text-transform:uppercase;
  207. font-size: 9px;
  208. color:{color:Link};
  209. padding:0px 0px 1px 0px;
  210. margin-left:2px;}
  211.  
  212. #info {z-index:999999999999999999999999999999999999999;}
  213. #info a {margin-right:5px;}
  214.  
  215. #tags {margin-top:00px;
  216. display:inline;
  217. font-size:9px;
  218. padding-top:100px;
  219. line-height: 16px;
  220. color:{color:Text};
  221. transition:all 1s ease;}
  222.  
  223. #tags a {opacity:0;
  224. display:inline;
  225. line-height: 16px;
  226. color:{color:Text};
  227. {block:Permalink}opacity:1;{/block:Permalink}}
  228.  
  229. #entry:hover #tags a {opacity:1;
  230. transition:all 1s ease;}
  231.  
  232. #photosinfo {width:360px;
  233. position:absolute;
  234. padding:20px;
  235. margin-left:-5px;
  236. transition:all 1s ease;
  237. margin-top:-10px;
  238. opacity:0;}
  239.  
  240. .entry:hover #photosinfo {opacity:1;
  241. transition:all 1s ease;}
  242.  
  243. #photosinfo a {
  244. color:#fff;
  245. font-size:12px;
  246. display:block;
  247. margin-top:2px;
  248. width:13px;
  249. height:15px;
  250. border-radius:3px;
  251. padding:2px;
  252. letter-spacing:1px;
  253. text-transform:uppercase;}
  254.  
  255. #caixa {margin-left:20px;
  256. width:405px;}
  257. #lpermalink {font-size:10px;
  258. padding:15px;
  259. border-bottom:1px solid {color:Accent};}
  260. #lpermalink img {float:left;
  261. padding:5px;
  262. width:10px;
  263. height:10px;
  264. opacity:1!important;}
  265. .lnotes {display:block;
  266. width:420px;
  267. margin-top:15px;}
  268. .lnotes .avatar {border:none;
  269. margin:1px;
  270. border-radius:5px;
  271. width:25px;
  272. -webkit-filter: grayscale(100%);
  273. -moz-filter: grayscale(100%);
  274. -ms-filter: grayscale(100%);
  275. -o-filter: grayscale(100%);
  276. padding:0;}
  277. .lnotes ol {margin:0;
  278. padding:0;}
  279. .lnotes li {list-style:none;
  280. border:none;
  281. float:left;
  282. margin:0;
  283. padding:0;
  284. margin-right:4px;
  285. margin-bottom:-2px;}
  286. .lnotes .note .action {display:none;
  287. visibility:hidden;
  288. margin:0;
  289. padding:0;}
  290. .more_box {display:block;
  291. width:350px;
  292. height:35px;
  293. margin:0;
  294. padding:0;}
  295. .more_notes_link_container {font-size:10px;
  296. display:block;
  297. text-align:center;
  298. width:400px;
  299. margin-top:20px;
  300. text-transform:uppercase;
  301. letter-spacing:1px;}
  302. .lnotes blockquote {display:none;}
  303.  
  304. #credits {
  305. position:fixed;
  306. right:10px;
  307. bottom:10px;}
  308. #credits a {
  309. Text-transform:uppercase;
  310. font-size: 10px;
  311. color:{color:Link};}
  312.  
  313. #asker {color:{color:Text};
  314. Text-transform:uppercase;
  315. font-size:8px;
  316. position:absolute;
  317. letter-spacing:1px;
  318. margin-left:30px;
  319. margin-top:-27px;
  320. padding:0px 0px 1px 0px;}
  321.  
  322. #asker a {color:{color:Text};
  323. Text-transform:uppercase;
  324. letter-spacing:1px;
  325. font-size:8px;}
  326.  
  327. .ask {Text-align: justify;
  328. background:{color:Background};
  329. border:1px solid#eee;
  330. color:{color:Text};
  331. padding:10px;
  332. Text-transform:uppercase;
  333. font-size:9px;
  334. margin-top:1px;
  335. line-height:17px;
  336. vertical-align: -5px;}
  337. .ask a {color: color:{color:Text};}
  338.  
  339. .question {Text-align: justify;
  340. color:{color:Text};
  341. padding:20px;
  342. background:{color:Background};
  343. border:1px solid#eee;
  344. Text-transform:lowercase;
  345. font-size:9px;
  346. margin-top:0px;
  347. line-height:17px;
  348. vertical-align: -5px;}
  349. .question a {color: color:{color:Text};}
  350.  
  351. .answer {margin-top:-5px;
  352. color:{color:Text};
  353. Text-align:left;
  354. line-height:20px;
  355. Text-align: justify;
  356. Text-transform:none;
  357. font-size:9px;
  358. padding:10px;}
  359.  
  360. .bar {margin-top:0px;
  361. padding:16px;
  362. height:6px;
  363. margin-left:0px;
  364. color:{color:Text};
  365. Text-align:left;
  366. Background:{color:Background};
  367. z-index:999999999999999999999999;
  368. letter-spacing:1px;
  369. Text-transform:uppercase;
  370. font-size: 9px; }
  371.  
  372. .audioinfo {margin-top:-2px;
  373. padding:10px;
  374. margin-left:0px;
  375. color:#c6c6c6;
  376. Text-align:left;
  377. Background:{color:Background};
  378. z-index:999999999999999999999999;
  379. Text-transform:uppercase;
  380. font-size: 9px;
  381. letter-spacing:1px;}
  382.  
  383. #albumart {margin-left:0px;
  384. float:left;
  385. margin-top:-17px;}
  386.  
  387. #albumart img {margin-left:-15px;
  388. transition:all 1s ease;
  389. padding:15px;
  390. width:50px;
  391. border-radius:100%}
  392.  
  393. #audioplayer {width:30px;
  394. height:30px;
  395. z-index:1;
  396. overflow:hidden;
  397. position:absolute;
  398. margin-left:10px;
  399. margin-top:10px;
  400. transition:all 1s ease;}
  401.  
  402. #audioplayer:hover {opacity:1;
  403. transition:all 1s ease;}
  404.  
  405. #audi {position:absolute;
  406. width:40px;
  407. margin-left:5px;
  408. margin-top:3px;
  409. background:#f2f2f2;
  410. display:block;
  411. border-radius:100%;
  412. height:40px;}
  413.  
  414. #sidebar {
  415. z-index:3;
  416. text-align:center;
  417. width:780px;
  418. margin-left:255px;
  419. padding:15px 15px 15px 15px;
  420. border-radius:0px 0px 5px 5px;
  421. background-color: rgba(255, 255, 255, 0.7);
  422. background: rgba(255, 255, 255, 0.7);
  423. margin-top:-150px;
  424. position:absolute;}
  425.  
  426. #image img {width:40px;
  427. border-radius:100%;
  428. margin-left:0px;
  429. position:absolute;
  430. margin-top:-50px;}
  431.  
  432. #linkzao {width:17px;
  433. height:11px;
  434. padding:16px;
  435. text-align:center;
  436. line-height:0px;
  437. color:{color:Icon Links};
  438. border-radius:100%;
  439. margin-top:-51px;
  440. margin-left:382px;
  441. display:block;
  442. z-index:9999999999999999999999999999999;
  443. position:absolute;
  444. transition:all 1s ease;
  445. background-color: rgba(255, 255, 255, 0.4);
  446. background: rgba(255, 255, 255, 0.4);}
  447.  
  448. #linkzao:hover {background-color: rgba(255, 255, 255, 1);
  449. background: rgba(255, 255, 255, 1);
  450. transition:all 1s ease;}
  451.  
  452. #linkzao a {color:{color:Link}}
  453. #linkzao a:hover {color:{color:Italic}}
  454.  
  455. .links {margin-top:40px;
  456. position:absolute;
  457. background:{color:Accent};
  458. margin-left:-47px;
  459. border-radius:5px;
  460. display:block;
  461. line-height:17px;
  462. padding:10px;
  463. font-family:Arial;
  464. transition:all 1s ease;
  465. text-align:center;}
  466.  
  467. .links a {margin:1px;
  468. color:{color:Text};
  469. font-weight:none;
  470. display:inline-block;
  471. text-shadow: 1px 1px 0px #fff;
  472. text-decoration:none;
  473. font-style:none;
  474. width:80px;
  475. padding:10px;
  476. font-style:italic;
  477. transition:all 1s ease;
  478. text-transform:Capitalize;
  479. font-size:10px;}
  480.  
  481. .links a:hover {color:{color:Link Hover};
  482. transition:all 1s ease;}
  483.  
  484. .links:before {
  485. content: "";
  486. position:absolute;
  487. display:block;
  488. vertical-align: middle;
  489. margin-left: 40px;
  490. margin-top:-20px;
  491. width: 0;
  492. height: 0;
  493. border-left: 10px solid transparent;
  494. border-right: 10px solid transparent;
  495. border-bottom: 10px solid{color:Accent};}
  496.  
  497. .cthrough {
  498. color:{color:Link};
  499. width:15px;
  500. font-weight:bold;
  501. padding:10px;
  502. display:inline-block;
  503. text-align:left;
  504. letter-spacing:1px;
  505. border:none;
  506. z-index:99999999999999999999999999999999999;
  507. position:absolute;
  508. margin-left:-10px;
  509. margin-top:-10px;
  510. cursor:help;
  511. text-transform:uppercase;
  512. font-family:Open Sans;
  513. font-size:10px}
  514.  
  515. #htil {font-family:Dawning of a New Day;
  516. margin-top:7px;
  517. font-size:25px;
  518. color:{color:Text};
  519. text-shadow: 1px 1px 0px #fff;
  520. text-align:center;
  521. margin-left:40px;}
  522.  
  523. #desc {width:400px;
  524. margin-top:10px;
  525. text-align:center;
  526. margin-left:210px;}
  527.  
  528. #scrollToTop:link,#scrollToTop:visited {color:{color:Text};
  529. background-color: transparent;
  530. display: none;
  531. text-align:left;
  532. font-family:open sans;
  533. position: fixed;
  534. top: 82px;
  535. font-size:10px;
  536. text-transform:uppercase;
  537. left: 23px;}
  538.  
  539. iframe.tmblr-iframe {
  540. opacity:0;
  541. display:none!important;}
  542.  
  543. #controls {left:23px;
  544. top:20px;
  545. color:{color:Text};
  546. width:70px;
  547. position:fixed;
  548. text-align:left;}
  549.  
  550. #controls a {
  551. text-shadow: 1px 1px 0px #fff;
  552. text-transform:uppercase;
  553. margin-right:20px;
  554. display:inline;
  555. color:{color:Text};}
  556.  
  557.  
  558. </style>
  559.  
  560. </head>
  561. <body>
  562.  
  563. <div id="sidebar">
  564.  
  565. <div id="linkzao">
  566. <a href="#" class="cthrough"><div class="fa fa-user-o" aria-hidden="true"></div></a>
  567. <div class="sub">
  568. <div class="links">
  569. <a href="{text:Link 1}">{text:Link 1 title}</a>
  570. <a href="{text:Link 2}">{text:Link 2 title}</a>
  571. <a href="{text:Link 3}">{text:Link 3 title}</a>
  572. <a href="{text:Link 4}">{text:Link 4 title}</a>
  573. <a href="{text:Link 5}">{text:Link 5 title}</a>
  574. </div>
  575. </div>
  576. </div>
  577. <div id="image">
  578. <img src="{image:Sidebar}">
  579. </div>
  580.  
  581. <div id="htil"> {Title}</div>
  582.  
  583. <div id="desc">{Description}</div>
  584.  
  585. <div id="controls">
  586. <a href="http://tumblr.com/follow/{Name}"><i class="fa fa-plus-square-o" aria-hidden="true"></i> &nbsp; follow </a>
  587. <a href="http://tumblr.com"> <i class="fa fa-angle-right" aria-hidden="true"></i> &nbsp; &nbsp; dash </a>
  588. <a href="https://www.tumblr.com/dashboard?conversation={Name}"><i class="fa fa-comment-o" aria-hidden="true"></i> &nbsp; Message </a>
  589. </div>
  590. </div>
  591.  
  592. <div id="credits">
  593. <a href="http://www.habitarts.tumblr.com/">H</a>
  594. </div>
  595.  
  596.  
  597. <div id="entries">
  598. {block:Posts}
  599. <div class="entry">
  600.  
  601. {block:Text}
  602. {block:Title}
  603. <div id="h1">{Title}</div>
  604. {/block:Title}
  605. {Body}
  606. {block:IndexPage}
  607. <div id="postinfo">
  608. <a href="{PermaLink}">
  609. {month}
  610. {dayofmonth}{dayofmonthsuffix}</a>
  611. <a href="{ReblogURL}" target="_blank">
  612. <i class="fa fa-repeat" aria-hidden="true"></i>
  613. {block:PermalinkPage}
  614. {block:NoteCount}
  615. <a href="{PermaLink}">{NoteCount}</a>
  616. {/block:NoteCount}
  617. {/block:PermalinkPage}
  618. </div>
  619. {/block:IndexPage}
  620. {/block:Text}
  621.  
  622. {block:Photo}
  623. <div id="photosinfo">
  624. {block:NoteCount}
  625. <a href="{PermaLink}" title="{NoteCountWithLabel}"> <div class="fa fa-heart" aria-hidden="true"></div></a>
  626. {/block:NoteCount}
  627. <a href="{ReblogURL}" target="_blank"> <div class="fa fa-refresh" aria-hidden="true"></div> </a>
  628. </div>
  629. <div id="photoextra">
  630. <img src="{PhotoURL-400}">
  631. </div>
  632. {block:PermalinkPage}
  633. {Caption}
  634. {/block:PermalinkPage}
  635. {/block:Photo}
  636.  
  637. {block:Photoset}
  638. <div id="photosinfo">
  639. {block:NoteCount}
  640. <a href="{PermaLink}" title="{NoteCountWithLabel}"> <div class="fa fa-heart" aria-hidden="true"></div></a>
  641. {/block:NoteCount}
  642. <a href="{ReblogURL}" target="_blank"> <div class="fa fa-refresh" aria-hidden="true"></div> </a>
  643. </div>
  644. <div style="border-radius:5px 5px 5px 5px; overflow:hidden;">
  645. <center>{Photoset}</center>
  646. <div style="margin-top:-30px; z-index:9; background:transparente;height:5px;">
  647. </div></div>
  648. {block:PermalinkPage}
  649. {Caption}
  650. {/block:PermalinkPage}
  651. {/block:Photoset}
  652.  
  653.  
  654. {block:Quote}
  655. <div class="quote">{Quote}</div>
  656. <div class="quotesource"><i class="fa fa-heart-o" aria-hidden="true" style="color:{color:Bold};"></i> &nbsp; {Source} </div>
  657. {block:IndexPage}
  658. <div id="postinfo">
  659. <a href="{PermaLink}">
  660. {month}
  661. {dayofmonth}{dayofmonthsuffix}</a>
  662. <a href="{ReblogURL}" target="_blank">
  663. <i class="fa fa-repeat" aria-hidden="true"></i>
  664. {block:PermalinkPage}
  665. {block:NoteCount}
  666. <a href="{PermaLink}">{NoteCount}</a>
  667. {/block:NoteCount}
  668. {/block:PermalinkPage}
  669. </div>
  670. {/block:IndexPage}
  671. {/block:Quote}
  672.  
  673. {block:Link}
  674. <a href="{URL}" {Target}>
  675. <div id="h1">{Name}</div></a>
  676. {block:Description}
  677. {Description}
  678. {/block:Description}
  679. {block:IndexPage}
  680. <div id="postinfo">
  681. <a href="{PermaLink}">
  682. {month}
  683. {dayofmonth}{dayofmonthsuffix}</a>
  684. <a href="{ReblogURL}" target="_blank">
  685. <i class="fa fa-repeat" aria-hidden="true"></i>
  686. {block:PermalinkPage}
  687. {block:NoteCount}
  688. <a href="{PermaLink}">{NoteCount}</a>
  689. {/block:NoteCount}
  690. {/block:PermalinkPage}
  691. </div>
  692. {/block:IndexPage}
  693. {/block:Link}
  694.  
  695. {block:Chat}
  696. {block:Title}
  697. <div id="h1">{Title}</div>
  698. {/block:Title}
  699. {block:Lines}
  700. <div class="chat">
  701. <div class="lines">{block:Label}
  702. <span>{Label}</span>
  703. {/block:Label}
  704. {Line}</div></div>
  705. {/block:Lines}
  706. {block:IndexPage}
  707. <div id="postinfo">
  708. <a href="{PermaLink}">
  709. {month}
  710. {dayofmonth}{dayofmonthsuffix}</a>
  711. <a href="{ReblogURL}" target="_blank">
  712. <i class="fa fa-repeat" aria-hidden="true"></i>
  713. {block:PermalinkPage}
  714. {block:NoteCount}
  715. <a href="{PermaLink}">{NoteCount}</a>
  716. {/block:NoteCount}
  717. {/block:PermalinkPage}
  718. </div>
  719. {/block:IndexPage}
  720. {/block:Chat}
  721.  
  722. {block:Audio}
  723. <div id="audi"></div>
  724. <div id="audioplayer">
  725. {AudioPlayerWhite}
  726. </div>
  727. <div id="albumart">
  728. {block:AlbumArt}
  729. <img src="{AlbumArtURL}" width="100">
  730. {/block:AlbumArt}
  731. </div>
  732. <div class="audioinfo">
  733. {block:TrackName}
  734. {TrackName}<br>
  735. {/block:TrackName}
  736. {block:Artist}
  737. {Artist}<br>
  738. {/block:Artist}
  739. {/block:ExternalAudio}
  740. </div>
  741. {block:PermalinkPage}
  742. {block:Caption}
  743. {Caption}
  744. {/block:Caption}
  745. {/block:PermalinkPage}<br>
  746. {block:IndexPage}
  747. <div id="postinfo">
  748. <a href="{PermaLink}">
  749. {month}
  750. {dayofmonth}{dayofmonthsuffix}</a>
  751. <a href="{ReblogURL}" target="_blank">
  752. <i class="fa fa-repeat" aria-hidden="true"></i>
  753. {block:PermalinkPage}
  754. {block:NoteCount}
  755. <a href="{PermaLink}">{NoteCount}</a>
  756. {/block:NoteCount}
  757. {/block:PermalinkPage}
  758. </div>
  759. {/block:IndexPage}
  760. {/block:Audio}
  761.  
  762. {block:Video}
  763. {Video-400}
  764. {block:PermalinkPage}
  765. {block:Caption}{Caption}{/block:Caption}
  766. {/block:PermalinkPage}
  767. {block:IndexPage}
  768. <div id="postinfo">
  769. <a href="{PermaLink}">
  770. {month}
  771. {dayofmonth}{dayofmonthsuffix}</a>
  772. <a href="{ReblogURL}" target="_blank">
  773. <i class="fa fa-repeat" aria-hidden="true"></i>
  774. {block:PermalinkPage}
  775. {block:NoteCount}
  776. <a href="{PermaLink}">{NoteCount}</a>
  777. {/block:NoteCount}
  778. {/block:PermalinkPage}
  779. </div>
  780. {/block:IndexPage}
  781. {/block:Video}
  782.  
  783.  
  784. {block:Answer}
  785. <div class="question">
  786. <img src="{AskerPortraitURL-48}" style="width:20px; margin: -10px 10px 0px 0px;padding:10px 0px 4px 0px;border-radius:100%;">
  787. <div id="asker">{Asker} said:
  788. </div>
  789. <br>{Question}
  790. </div>
  791. <div class="answer">
  792. {Answer}
  793. </div>
  794. {block:IndexPage}
  795. <div id="postinfo">
  796. <a href="{PermaLink}">
  797. {month}
  798. {dayofmonth}{dayofmonthsuffix}</a>
  799. <a href="{ReblogURL}" target="_blank">
  800. <i class="fa fa-retweet" aria-hidden="true"></i></a>
  801. {block:PermalinkPage}
  802. {block:NoteCount}
  803. <a href="{PermaLink}">{NoteCount}</a>
  804. {/block:NoteCount}
  805. {/block:PermalinkPage}
  806. {/block:IndexPage}
  807. </div>
  808. {/block:Answer}
  809.  
  810. <div style="display:none">
  811. {block:RebloggedFrom}
  812. <a href="{ReblogParentURL}" target="_blank"></a>
  813. {/block:RebloggedFrom}
  814. {block:ContentSource}
  815. <a href="{SourceURL}" target="_blank">
  816. source</a>
  817. {/block:ContentSource}
  818. </div>
  819. </div>
  820. <div id="caixa">
  821. {block:PermalinkPage}
  822. {block:HasTags}
  823. <div id="lpermalink">
  824. <div class="fa fa-tags" aria-hidden="true"></div> &nbsp;
  825. {block:Tags}
  826. <a href="{TagURL}">{Tag},</a>
  827. {/block:Tags}
  828. </div>
  829. {/block:HasTags}
  830. {block:Date}
  831. <div id="lpermalink"> <div class="fa fa-calendar-check-o" aria-hidden="true"></div> &nbsp;{TimeAgo}, {month}, {dayofmonth}{dayofmonthsuffix}
  832. </div>
  833. {/block:Date}
  834. {block:NoteCount}
  835. <div id="lpermalink">
  836. <div class="fa fa-heart" aria-hidden="true"></div> &nbsp;
  837. {NoteCountWithLabel}
  838. </div>
  839. {/block:NoteCount}
  840. {block:RebloggedFrom}
  841. <div id="lpermalink">
  842. <div class="fa fa-users" aria-hidden="true"></div> &nbsp;
  843. from <a href="{ReblogParentURL}">{ReblogParentName}</a>,
  844. by <a href="{ReblogRootURL}">{ReblogRootName}</a>.
  845. </div>
  846. {block:RebloggedFrom}
  847. {block:PostNotes}
  848. <div class="lnotes">
  849. {PostNotes-64}
  850. </div>
  851. {/block:PostNotes}
  852. {/block:PermalinkPage}
  853. </div>
  854. {/block:Posts}
  855.  
  856. <div class="loading"></div>
  857.  
  858. </div>
  859.  
  860. {block:Pagination}
  861. <div id="pagination">
  862. {block:PreviousPage}
  863. <a href="{PreviousPage}"></a>
  864. {/block:PreviousPage}
  865. {block:NextPage}
  866. <a id="nextPage" href="{NextPage}"></a>
  867. {/block:NextPage}
  868. </div>
  869. {/block:Pagination}
  870.  
  871. {block:IndexPage}
  872. <script type="text/javascript">
  873. $(window).load(function () {
  874. $('#entries').masonry(),
  875. $('.masonryWrap').infinitescroll({
  876. navSelector : '#pagination',
  877. nextSelector : '#nextPage',
  878. itemSelector : ".entry, .loading",
  879. bufferPx : 20,
  880. },
  881. function() { $('#entries').masonry({ appendedContent: $(this) }); });
  882. });
  883. </script>
  884. {/block:IndexPage}
  885.  
  886. </body>
  887. </html>
Advertisement
Add Comment
Please, Sign In to add comment