API tools faq
paste
rephtilledesign

Lorayne | Basic Tumblr Theme

rephtilledesign
Nov 15th, 2020
530
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.47 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Theme desenvolvido por @rephtille
  4. Não copie detalhes e não remova os créditos.
  5.  
  6. Grata pela preferência.
  7. Atenciosamente, G.
  8.  
  9. Theme developed by @rephitlle
  10. Do not copy or remove the credits.
  11.  
  12. Thank you for choosing.
  13. Attently, G.
  14.  
  15. --->
  16.  
  17. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  18. "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  19. <html xmlns="https://www.w3.org/1999/xhtml">
  20. <head>
  21.  
  22. <!-- HEAD -->
  23. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  24. <title>{Title} {block:TagPage}: {Tag}{/block:TagPage}</title>
  25.  
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. <link rel="shortcut icon" href="{Favicon}">
  28. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  29.  
  30. <!-- SCRIPTS 01-->
  31. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.js"></script>
  32. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  33. <script>
  34. $(document).ready(function(){
  35. $(".tumblr_blog").each(function() {
  36. var tumblrblogurl = $(this).text();
  37. $(this).before("<img src='https://api.tumblr.com/v2/blog/" + tumblrblogurl + ".tumblr.com/avatar/24' class='tumblr_blog_avatar'/>");
  38. });
  39. });
  40. </script>
  41.  
  42. <!-- FONTS -->
  43. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  44. <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400&display=swap" rel="stylesheet">
  45.  
  46. <!-- META -->
  47. <meta name="image:Profile" content="https://66.media.tumblr.com/4b48ee50096c3c36b396f32d7389d431/cec289a8839e1a91-d6/s2048x3072/42bac779b50571bcd7f0c13dc9900c314e43bf0b.jpg" />
  48. <meta name="image:Background" content="" />
  49.  
  50. <meta name="if:TinyVersion" content="" />
  51.  
  52. <meta name="text:Social 1" content="Instagram" />
  53. <meta name="text:Social 1 Url" content="" />
  54. <meta name="text:Social 2" content="Twitter" />
  55. <meta name="text:Social 2 Url" content="" />
  56. <meta name="text:Social 3" content="Tiktok" />
  57. <meta name="text:Social 3 Url" content="" />
  58.  
  59. <meta name="text:Link 1" content="Home" />
  60. <meta name="text:Link 1 Url" content="" />
  61. <meta name="text:Link 2" content="Message" />
  62. <meta name="text:Link 2 Url" content="" />
  63. <meta name="text:Link 3" content="Autorships" />
  64. <meta name="text:Link 3 Url" content="" />
  65. <meta name="text:Link 4" content="Tags" />
  66. <meta name="text:Link 4 Url" content="" />
  67. <meta name="text:Link 5" content="Themes" />
  68. <meta name="text:Link 5 Url" content="" />
  69.  
  70. <meta name="select:Controls Color" content="0%" />
  71. <meta name="select:Controls Color" content="10%" />
  72. <meta name="select:Controls Color" content="20%" />
  73. <meta name="select:Controls Color" content="30%" />
  74. <meta name="select:Controls Color" content="40%" />
  75. <meta name="select:Controls Color" content="50%" />
  76. <meta name="select:Controls Color" content="60%" />
  77. <meta name="select:Controls Color" content="70%" />
  78. <meta name="select:Controls Color" content="80%" />
  79. <meta name="select:Controls Color" content="90%" />
  80. <meta name="select:Controls Color" content="100%" />
  81.  
  82. <meta name="color:Border" content="#eeeeee" />
  83. <meta name="color:Background" content="#fefefe" />
  84. <meta name="color:Font" content="#696969" />
  85. <meta name="color:Titles" content="#222222" />
  86. <meta name="color:Scrollbar" content="#ccc" />
  87. <meta name="color:Menu" content="#222222" />
  88. <meta name="color:Menu Links" content="#ffffff" />
  89. <meta name="color:Link" content="#222222" />
  90.  
  91. <style type="text/css">
  92.  
  93. /* config */
  94. body{
  95. font-family: 'Source Sans Pro', sans-serif;
  96. background:{color:Background};
  97. background-image:url('{image:Background}');
  98. background-repeat:no-repeat;
  99. background-attachment:fixed;
  100. background-size:100%;
  101. font-size:14px;
  102. {block:IfTinyVersion}
  103. font-size:12px;
  104. {/block:IfTinyVersion}
  105. color:{color:Font};
  106. line-height:px;
  107. overflow-x:hidden;
  108. }
  109. html{
  110. overflow-y: scroll;
  111. scroll-behavior: smooth;
  112. }
  113. img {
  114. height: auto;
  115. width: auto;
  116. }
  117. iframe, img, embed, object, video{
  118. max-width: 100%;
  119. }
  120. blockquote{
  121. margin-left:0%;
  122. width:100%;
  123. }
  124. .clear {
  125. clear: both;
  126.  
  127. }
  128. .clearfix:after{
  129. content:".";
  130. display:block;
  131. clear:both;
  132. visibility:hidden;
  133. line-height:0;
  134. height:0;
  135.  
  136. }
  137. .clearfix{
  138. display:inline-block;
  139.  
  140. }
  141. html[xmlns] .clearfix{
  142. display:block;
  143.  
  144. }*
  145. html .clearfix{
  146. height:1%;
  147.  
  148. }
  149.  
  150. /** LINKS **/
  151. a{
  152. color:{color:Link};
  153. text-decoration:none;
  154. -webkit-transition: all 0.5s ease-out;
  155. -moz-transition: all 0.5s ease-out;
  156. -o-transition: all 0.5s ease-out;
  157. transition: all 0.5s ease-out;
  158. }
  159.  
  160. /** POSTS **/
  161. .post {
  162. position: relative;
  163. width:100%;
  164. text-align:justify;
  165. float:left;
  166. margin-right:0px;
  167. margin-bottom:80px;
  168. padding-bottom:60px;
  169. font-size:100%;
  170. border-bottom:1px solid {color:Border};
  171.  
  172. {block:IfTinyVersion}
  173. margin-bottom:40px;
  174. padding-bottom:20px;
  175. {/block:IfTinyVersion}
  176. {block:PermalinkPage}
  177. width:100%;
  178. {/block:PermalinkPage}
  179. -webkit-animation:smo 1s;
  180. -moz-animation:smo 1s;
  181. -ms-animation:smo 1s;
  182.  
  183. }
  184. #content {
  185.  
  186. width:35%;
  187. margin-right:auto;
  188. margin-top:80px;
  189. margin-left:40%;
  190. display:block;
  191. z-index:0;
  192.  
  193. {block:IfTinyVersion}
  194. width:25%;
  195. margin-right:auto;
  196. margin-top:130px;
  197. margin-left:36%;
  198. {/block:IfTinyVersion}
  199. }
  200. #infscr-loading {
  201. display:none!important;
  202. z-index:-999999999;
  203.  
  204. }
  205. #infscr-loading img {
  206. display:none;
  207.  
  208. }
  209. #pagination {
  210. display:block;
  211. width:100%;
  212. text-align:center;
  213. text-transform:uppercase;
  214. letter-spacing:3px;
  215. word-spacing:5px;
  216. padding-bottom:60px;
  217. {block:IfTinyVersion}
  218. letter-spacing:2px;
  219. word-spacing:3px;
  220. {/block:IfTinyVersion}
  221.  
  222. }
  223.  
  224. /** APPARENCE 01 **/
  225. .tumblr_blog {
  226. margin-left: 18px;
  227. text-transform:uppercase;
  228. font-weight:normal;
  229. font-weight:bold;
  230. font-size:11px;
  231. letter-spacing:2px;
  232.  
  233. }
  234. .tumblr_blog_avatar {
  235. width: 13px;
  236. height: 13px;
  237. border-radius:2px;
  238. position:absolute;
  239. margin-right:px;
  240. margin-top:1px;
  241. vertical-align:px;
  242.  
  243. }
  244. .iframe-controls--desktop {
  245. position:fixed;
  246. padding-top:10px;
  247. padding-right:30px;
  248. z-index:9999999999999999999999999999;
  249. -webkit-transform:scale(0.6,0.6);
  250. -webkit-transform-origin: 100% 0%;
  251. -ms-transform-origin:100% 0%;
  252. -ms-transform:scale(0.6,0.6);
  253. transform:scale(0.6,0.6);
  254. transform-origin:100% 0%;
  255. -webkit-filter: invert({select:Controls Color});
  256. }
  257.  
  258. h1, h2, h3{
  259. margin-top:0px;
  260. font-weight:normal;
  261. color:{color:Titles};
  262. }
  263.  
  264. ::-moz-selection {
  265. color:inherit;
  266. background: transparent;
  267.  
  268. }
  269. ::selection {
  270. color:inherit;
  271. background: transparent;
  272.  
  273. }
  274. ::-webkit-scrollbar{
  275. width: 7px;
  276. height: 7px;
  277. z-index:-1;
  278.  
  279. }
  280. ::-webkit-scrollbar-track-piece{
  281. background-color:{color:Border};
  282. border:3px {color:Background} solid;
  283. }
  284. ::-webkit-scrollbar-thumb:vertical{
  285. height: 3px;
  286. background-color:{color:Scrollbar};
  287. border:3px {color:Background} solid;
  288.  
  289. }
  290. ::-webkit-scrollbar-thumb:horizontal{
  291. width: 3px;
  292. background-color:{color:Scrollbar};
  293. border:3px {color:Background} solid;
  294.  
  295. }
  296. #s-m-t-tooltip {
  297. max-width:100px;
  298. padding:3px 5px 3px 5px;
  299. border:;
  300. margin:15px 20px;
  301. border-radius:3px;
  302. background:;
  303. border:1px solid {color:Border}};
  304. z-index:123456789;
  305.  
  306. }
  307.  
  308. /** THEME **/
  309. .tabn a{
  310. display:block;
  311. margin-top:0px;
  312. }
  313.  
  314. menav mn{
  315. width:100px;
  316. overflow:hidden;
  317. display:table;
  318. text-align:center;
  319. float:left;
  320. line-height:30px;
  321. }
  322.  
  323. menav a{
  324. color:{color:Menu Links};
  325. text-decoration:none;
  326. }
  327.  
  328. menav{
  329. list-style:none;
  330. width:30%;
  331. display:block;
  332. z-index:2;
  333. color:{color:Menu Links};
  334. position:fixed;
  335. }
  336.  
  337. dm{
  338. float:right;
  339. display:block;
  340. color:{color:Menu Links};
  341. }
  342.  
  343. mn lanb{
  344. display:none;
  345. background:{color:Menu};
  346. line-height:40px;
  347. border-bottom-left-radius:5px;
  348. border-bottom-right-radius:5px;
  349. }
  350.  
  351. mn:hover lanb{
  352. display:block;
  353. }
  354.  
  355. lanb a:hover{
  356. padding-left:10px;
  357. }
  358.  
  359. abn{
  360. display:block;
  361. height:50px;
  362. background:{color:Menu};
  363. width:103%;
  364. margin-top:-10px;
  365. margin-left:-10px;
  366. position:fixed;
  367. z-index:1;
  368. }
  369.  
  370. sidebar{
  371. width:20%;
  372. height:70%;
  373. padding-right:5%;
  374. margin-top:80px;
  375. margin-left:10%;
  376. display:block;
  377. border-right:1px solid {color:Border};
  378. text-align:center;
  379. position:fixed;
  380. background:;
  381. {block:IfTinyVersion}
  382. width:10%;
  383. height:70%;
  384. margin-top:130px;
  385. margin-left:20%;
  386. padding-right:3%;
  387. {/block:IfTinyVersion}
  388. -webkit-animation:smi 1s;
  389. -moz-animation:smi 1s;
  390. -ms-animation:smi 1s;
  391. }
  392.  
  393. sidebar img{
  394. margin-bottom:20px;
  395. border-radius:5px;
  396. }
  397.  
  398. blc{
  399. display:block;
  400. width:100%;
  401. text-align:left;
  402. }
  403.  
  404. sidebar h1{
  405. padding-top:0px;
  406. border-bottom:1px solid {color:Border};
  407. padding-bottom:10px;
  408. margin-top:0px;
  409. font-size:15px;
  410. font-weight:bold;
  411. letter-spacing:4px;
  412. text-transform:uppercase;
  413. display:block;
  414. text-align:left;
  415. }
  416.  
  417. nav2{
  418. display:inline-block;
  419. text-align:left;
  420. font-style:italic;
  421. border:1px solid {color:Border};
  422. padding-left:4px;
  423. padding-right:4px;
  424. padding-top:1px;
  425. padding-bottom:1px;
  426. border-radius:4px;
  427. margin-bottom:10px;
  428. }
  429.  
  430. .chat .lines {
  431. padding: 5px;
  432. padding-left:0px;
  433. margin-bottom: 2px;
  434.  
  435. }
  436. .chat .lines span {
  437. font-weight: bold;
  438. text-transform:uppercase;
  439. letter-spacing:2px;
  440. font-size:0.9em;
  441. }
  442.  
  443. nav1{
  444. display:block;
  445. margin-top:5px;
  446. }
  447.  
  448. .photo{
  449. border-radius:5px;
  450. }
  451.  
  452. who{
  453. display:inline-block;
  454. text-transform:uppercase;
  455. letter-spacing:2px;
  456. font-weight:bold;
  457. margin-right:2px;
  458. }
  459.  
  460. who span{
  461. margin-right:px;
  462. vertical-align:-2px;
  463. }
  464.  
  465. what{
  466. display:inline-block;
  467. }
  468.  
  469. ans{
  470. display:block;
  471. margin-top:-15px;
  472. font-style:italic;
  473. }
  474.  
  475. .notes .avatar {
  476. border:none;
  477. margin:5px;
  478. width:26px;
  479. padding:0;
  480. border-radius:100%;
  481. border-radius:px;
  482. display:none;
  483. }
  484. .notes ol {
  485. margin:0;
  486. padding:0;
  487.  
  488. }
  489. .notes a{
  490. text-transform:uppercase;
  491. letter-spacing:2px;
  492. font-size:0.8em;
  493. font-weight:bold;
  494. }
  495. .notes li {
  496. list-style:none;
  497. border:none;
  498. display:block;
  499. float:left;
  500. margin:0;
  501. padding:0;
  502. margin-right:px;
  503. margin-bottom:px;
  504.  
  505. }
  506. .notes .note .action {
  507. display:;
  508. visibility:;
  509. margin:0;
  510. padding:0;
  511.  
  512. }
  513. .more_box {
  514. display:block;
  515. height:35px;
  516. margin:0;
  517. opacity:0.0;
  518. padding:0;
  519.  
  520. }
  521. .more_notes_link_container a {
  522. display:block;
  523. text-align:left;
  524. font-style:italic;
  525. border:1px solid {color:Border};
  526. padding-left:4px;
  527. padding-right:4px;
  528. padding-top:1px;
  529. padding-bottom:1px;
  530. border-radius:4px;
  531. margin-bottom:10px;
  532. opacity:0.0;
  533.  
  534. }
  535. .notes blockquote {
  536. display:none;
  537.  
  538. }
  539.  
  540. @-webkit-keyframes smo {
  541. 0% {
  542. opacity: 0;
  543. -webkit-transform: translateX(100px);}
  544.  
  545. 100% {
  546. opacity: 1;
  547. -webkit-transform: translateX(0);}}
  548.  
  549. @-moz-keyframes smo {
  550. 0% {
  551. opacity: 0;
  552. -moz-transform: translateX(100px);}
  553.  
  554. 100% {
  555. opacity: 1;
  556. -moz-transform: translateX(0);}}
  557.  
  558. @-ms-keyframes smo {
  559. 0% {
  560. opacity: 0;
  561. -ms-transform: translateX(100px);
  562. }
  563.  
  564. 100% {
  565. opacity: 1;
  566. -ms-transform: translateX(0);}}
  567.  
  568. @-o-keyframes smo {
  569. 0% {
  570. opacity: 0;
  571. -o-transform: translateX(100px);}
  572.  
  573. 100% {
  574. opacity: 1;
  575. -o-transform: translateX(0);}}
  576.  
  577. @keyframes smo {
  578. 0% {opacity: 0;
  579. transform: translateX(100px);}
  580.  
  581. 100% {
  582. opacity: 1;
  583. transform: translateX(0);}}
  584.  
  585.  
  586. @-webkit-keyframes smi {
  587. 0% {
  588. opacity: 0;
  589. -webkit-transform: translateX(-100px);}
  590.  
  591. 100% {
  592. opacity: 1;
  593. -webkit-transform: translateX(0);}}
  594.  
  595. @-moz-keyframes smi {
  596. 0% {
  597. opacity: 0;
  598. -moz-transform: translateX(-100px);}
  599.  
  600. 100% {
  601. opacity: 1;
  602. -moz-transform: translateX(0);}}
  603.  
  604. @-ms-keyframes smi {
  605. 0% {
  606. opacity: 0;
  607. -ms-transform: translateX(-100px);
  608. }
  609.  
  610. 100% {
  611. opacity: 1;
  612. -ms-transform: translateX(0);}}
  613.  
  614. @-o-keyframes smi {
  615. 0% {
  616. opacity: 0;
  617. -o-transform: translateX(-100px);}
  618.  
  619. 100% {
  620. opacity: 1;
  621. -o-transform: translateX(0);}}
  622.  
  623. @keyframes smi {
  624. 0% {opacity: 0;
  625. transform: translateX(-100px);}
  626.  
  627. 100% {
  628. opacity: 1;
  629. transform: translateX(0);}}
  630.  
  631. .credit{
  632. width:10px;
  633. height:10px;
  634. border:1px solid {color:Border};
  635. border-radius:2px;
  636. right:10px;
  637. margin-top:50px;
  638. display:block;
  639. position:fixed;
  640. }
  641.  
  642. {CustomCss}
  643. </style>
  644.  
  645. <!-- SCRIPTS 02 -->
  646. <script type="text/javascript" src="https://static.tumblr.com/kecu8nj/auyouzq5m/jquery.js"></script>
  647. <script type="text/javascript" src="https://static.tumblr.com/kecu8nj/qfAovx3no/min.js"></script>
  648. <!-- pxu by shythemes / explicado por passo-html --->
  649. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  650. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  651. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  652. <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:20, tip_fade_speed:400, attribute:"title"});});})(jQuery);</script>
  653.  
  654. <a class="credit" href="https://reptilha.tumblr.com/" title="Theme Credit"></a>
  655.  
  656. </head>
  657.  
  658. <body>
  659.  
  660. <abn></abn>
  661.  
  662. <sidebar>
  663. <center>
  664. <blc><img src="{image:Profile}"></blc>
  665. <h1>{Title}</h1>
  666. <blc>{Description}</blc>
  667. </center>
  668. </sidebar>
  669.  
  670. <menav>
  671. <mn><a href="{text:Link 1 Url}">{text:Link 1}</a></mn>
  672. <mn><a href="{text:Link 2 Url}">{text:Link 2}</a></mn>
  673. <mn class="tabn">Links
  674. <lanb>
  675. <a href="{text:Link 3 Url}">{text:Link 3}</a><br>
  676. <a href="{text:Link 4 Url}">{text:Link 4}</a><br>
  677. <a href="{text:Link 5 Url}">{text:Link 5}</a>
  678. </lanb>
  679. </mn>
  680. <mn class="tabn">Social
  681. <lanb>
  682. <a href="{text:Social 1 Url}">{text:Social 1}</a><br>
  683. <a href="{text:Social 2 Url}">{text:Social 2}</a><br>
  684. <a href="{text:Social 3 Url}">{text:Social 3}</a>
  685. </lanb>
  686. </mn>
  687. </menav>
  688.  
  689. <div id="content">
  690. {block:Posts}
  691. <div class="post">
  692.  
  693. {block:RebloggedFrom}
  694. {block:IndexPage}
  695. <nav2><reb>{Name}
  696. <span class="th th-reblog" style="font-size:0.7em;margin-left:3px;"></span>
  697. <a href="{ReblogParentURL}">{ReblogParentName}</a></reb>
  698. {/block:IndexPage}
  699. </nav2>{/block:RebloggedFrom}<br>
  700.  
  701. {block:Text}
  702. {block:Title}
  703. <h1>{Title}</h1>
  704. {/block:Title}{Body}
  705. {/block:Text}
  706.  
  707. {block:Photo}
  708. <img src="{PhotoURL-500}" alt="{PhotoAlt}" class="photo"/>
  709.  
  710. {block:Caption}
  711. <div class="caption">{Caption}</div>
  712. {/block:Caption}
  713. {/block:Photo}
  714.  
  715. {block:Panorama}
  716. {LinkOpenTag}
  717. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  718. {LinkCloseTag}{block:Caption}
  719. <div class="caption">{Caption}</div>
  720. {/block:Caption}
  721. {/block:Panorama}
  722.  
  723. {block:Photoset}
  724. {Photoset}
  725.  
  726. {block:Caption}{Caption}{/block:Caption}
  727. {/block:Photoset}
  728.  
  729. {block:Quote}
  730. <span class="th th-quote-up" style="font-size:0.8em;margin-right:3px;"></span> {Quote}
  731.  
  732. {block:Source}
  733. <div class="source">{Source}</div>
  734. {/block:Source}
  735. {/block:Quote}
  736.  
  737. {block:Link}
  738. <a href="{URL}" class="link" {Target}>Link <span class="th th-link" style="margin-left:4px;font-size:9px;"></span><br>{Name} <span class="th th-chevron-right" style="margin-left:4px;font-size:8px;"></span></a>
  739. {block:Description}
  740. <div class="description">{Description}</div>
  741. {/block:Description}
  742. {/block:Link}
  743.  
  744. {block:Chat}
  745. {block:Lines}
  746. <div class="chat">
  747. <div class="lines">{block:Label}
  748. <span>{Label}</span>
  749. {/block:Label}
  750. {Line}</div></div>
  751. {/block:Lines}
  752. {/block:Chat}
  753.  
  754. {block:Video}
  755. {Video-500}{block:Caption}
  756. <div class="caption">{Caption}</div>
  757. {/block:Caption}
  758. {/block:Video}
  759.  
  760. {block:Audio}
  761. {AudioEmbed}{block:Caption}
  762. <div class="caption">{Caption}</div>
  763. {/block:Caption}
  764. {/block:Audio}
  765.  
  766. {block:Answer}
  767. <who><span class="th th-question-o"></span> {Asker}:</who>
  768. <what>{Question}</what>
  769. <ans>{Answer}</ans>
  770. {/block:Answer}
  771.  
  772. {block:IndexPage}
  773. <nav1>
  774. {block:Date}<data>{ShortDayOfWeek} — {ShortMonth}, {DayOfMonth}</data> {/block:Date}
  775. <a href="{ReblogUrl}" style="text-transform:uppercase; letter-spacing:2px; font-weight:bold; font-size:0.9em;margin-right:5px;margin-left:5px;">share</a>
  776. <a href="{Permalink}"><span class="notecount">{NoteCountWithLabel}</span></a>
  777. </nav1>
  778. {/block:IndexPage}
  779.  
  780. {block:ContentSource}
  781. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  782. {/block:ContentSource}
  783. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  784. </div>
  785.  
  786. <!-- PERMALINK PAGE-->
  787. {block:PermalinkPage}
  788.  
  789. <perma>
  790. <p>{block:Date}<data>{ShortDayOfWeek} — {ShortMonth}, {DayOfMonth}</data> {/block:Date} </p>
  791. <p>{block:HasTags}Hashtags: {block:Tags} #{Tag} {/block:Tags} {/block:HasTags}</p><br><br>
  792. </perma>
  793.  
  794. {block:PostNotes}<div class="notes">{PostNotes-64}</div>{/block:PostNotes}
  795. {/block:PermalinkPage}
  796.  
  797. {/block:Posts}
  798.  
  799. <footer>
  800. <!-- PAGINATION-->
  801. {block:Pagination}
  802. <div id="pagination">
  803. {block:NextPage}
  804. <a id="nextPage" href="{NextPage}">load more posts</a
  805. {/block:NextPage}
  806. </div>
  807. {/block:Pagination}
  808. </footer>
  809.  
  810. </div>
  811.  
  812.  
  813. <script>
  814. var $container = $('#content');
  815. $container.find('.notecount').each(function(){
  816. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  817. if (n > 999) {
  818. n = Math.floor(n / 100) / 10;
  819. $(this).text(n + 'k');
  820. }
  821. });
  822. </script>
  823.  
  824. </body>
  825. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!