API tools faq
paste
Advertisement
b0rn-to-be-wild

extraisthmus

b0rn-to-be-wild
May 12th, 2020
370
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.29 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--Learn to buildthemes.tumblr.com-->
  5. <meta name="color:Background" content="#98BEBC" />
  6. <meta name="color:Links" content="#979395" />
  7. <meta name="color:Links hover" content="#ffffff" />
  8. <meta name="color:Masthead background" content="#ffffff" />
  9. <meta name="color:Masthead text" content="#ffffff" />
  10. <meta name="color:Text" content="#ffffff" />
  11. <meta name="font:Font" content="Arquitecta"/>
  12. <meta name="if:Persistent Masthead" content="1"/>
  13. <meta name="if:FadeContent" content="1"/>
  14. <meta name="if:Following in sidebar" content="1"/>
  15. <meta name="if:Hide sidebar" content="0"/>
  16. <meta name="if:Likes in sidebar" content="1"/>
  17. <meta name="if:Search and description in sidebar" content="1"/>
  18. <meta name="image:Background" content=""/>
  19. <meta name="color:Glass Tint" content="#A8A8A8" />
  20. <meta name="text:Link 1" content="" />
  21. <meta name="text:Link 1 Text" content="" />
  22. <meta name="text:Link 2" content="" />
  23. <meta name="text:Link 2 Text" content="" />
  24. <meta name="text:Link 3" content="" />
  25. <meta name="text:Link 3 Text" content="" />
  26. <meta name="text:Link 4" content="" />
  27. <meta name="text:Link 4 Text" content="" />
  28. <meta name="text:Link 5" content="" />
  29. <meta name="text:Link 5 Text" content="" />
  30. <meta name="text:Link 6" content="" />
  31. <meta name="text:Link 6 Text" content="" />
  32. <meta name="text:Link 7" content="" />
  33. <meta name="text:Link 7 Text" content="" />
  34. <meta name="text:Link 8" content="" />
  35. <meta name="text:Link 8 Text" content="" />
  36. <meta name="text:Link 9" content="" />
  37. <meta name="text:Link 9 Text" content="" />
  38. <meta name="text:Link 10" content="" />
  39. <meta name="text:Link 10 Text" content="" />
  40.  
  41. <meta name="text:Top post 1 title" content="Title" />
  42. <meta name="text:Top post 1 text" content="Lorem ipsum" />
  43. <meta name="text:Top post 1 link" content="https://" />
  44. <meta name="text:Top post 2 title" content="Title" />
  45. <meta name="text:Top post 2 text" content="Lorem ipsum" />
  46. <meta name="text:Top post 2 link" content="https://" />
  47. <meta name="text:Top post 3 title" content="Title" />
  48. <meta name="text:Top post 3 text" content="Lorem ipsum" />
  49. <meta name="text:Top post 3 link" content="https://" />
  50. <meta name="text:Top post 4 title" content="Title" />
  51. <meta name="text:Top post 4 text" content="Lorem ipsum" />
  52. <meta name="text:Top post 4 link" content="https://" />
  53. <meta name="text:Top post 5 title" content="Title" />
  54. <meta name="text:Top post 5 text" content="Lorem ipsum" />
  55. <meta name="text:Top post 5 link" content="https://" />
  56.  
  57. <meta name="select:Columns" content="un" title="1 column">
  58. <meta name="select:Columns" content="deux" title="2 columns">
  59. <meta name="select:Columns" content="trois" title="3 columns">
  60. <meta name="select:Columns" content="quatre" title="4 columns">
  61. <meta name="select:Columns" content="cinq" title="5 columns">
  62.  
  63.  
  64.  
  65.  
  66. {block:Description} <meta name="description" content="{MetaDescription}" /> {/block:Description}
  67.  
  68. <title>{block:TagPage}{Tag} - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  69.  
  70. <link rel="shortcut icon" href="{Favicon}"/>
  71. <link rel="alternate" type="application/rss+xml" title="{Title} RSS" href="{RSS}"/>
  72. <link rel="stylesheet" href="https://static.tumblr.com/hznqxps/ivOmgjf8v/normalize.css" />
  73.  
  74. <style>
  75. /*Basic styles*/
  76. body {
  77. margin:0;
  78. width:100%;
  79. height:100%;
  80. background: {color:Background} url('{image:Background}') center center repeat fixed;
  81. background-size: 100%;
  82. color: {color:Text};
  83. font-family: {font:Font};
  84. font-size: 0.8em;
  85. overflow-x:hidden;
  86. }
  87.  
  88. /* Tumblr controls */
  89.  
  90. iframe.tmblr-iframe {
  91. top:30px!important;
  92. right:auto!important;
  93. left:-20px!important;
  94. transform:scale(0.8);
  95. transform-origin:100% 0;
  96. -webkit-transform:scale(0.8);
  97. -webkit-transform-origin:100% 0;
  98. -o-transform:scale(0.8);
  99. -o-transform-origin:100% 0;
  100. -moz-transform:scale(0.8);
  101. -moz-transform-origin:100% 0;
  102. -ms-transform:scale(0.8);
  103. -ms-transform-origin:100% 0;
  104. z-index:100000!important;
  105. }
  106.  
  107. iframe.tmblr-iframe:hover {
  108. opacity:0.6!important;
  109. }
  110.  
  111. .tmblr-iframe--app-cta-button {
  112. display: none!important;
  113. }
  114.  
  115. a {
  116. color: {color:Links};
  117. text-decoration: none;
  118. }
  119. h1, h2, h3, h4, h5, h6 {
  120. font-weight: normal;
  121. letter-spacing: 0.1em;
  122. text-transform: uppercase;
  123. }
  124. nav ul {
  125. list-style: none;
  126. margin: 0;
  127. padding: 0;
  128. }
  129. nav li {
  130. display: inline;
  131. }
  132. iframe, img, embed, object, video {
  133. max-width: 100%;
  134. }
  135. img {
  136. background: rgba(0, 0, 0, 0.06);
  137. height: auto;
  138. width: auto;
  139. }
  140. {block:IndexPage}
  141. .un {
  142. width: 100%;
  143. }
  144. .deux {
  145. width: 48%;
  146. margin: 0 0.6%;
  147. }
  148. .trois {
  149. width: 31%;
  150. margin: 0 0.6%;
  151. }
  152. .quatre {
  153. width: 24%;
  154. margin: 0 0.3%;
  155. }
  156. .cinq {
  157. width: 19%;
  158. margin: 0 0.3%;
  159. }
  160. {/block:IndexPage}
  161. {block:PermalinkPage}
  162. article {
  163. width: 100%;
  164. }
  165. {/block:PermalinkPage}
  166. /*Masthead*/
  167. #masthead {
  168. background: {color:Masthead background};
  169. {block:IfPersistentMasthead}
  170. position: fixed;
  171. {/block:IfPersistentMasthead}
  172. {block:IfNotPersistentMasthead}
  173. position: absolute;
  174. {/block:IfNotPersistentMasthead}
  175. top: 20px;
  176. right: 0;
  177. /*width: 600px;*/
  178. height: 64px;
  179. padding: 0 10px;
  180. margin-bottom: 5%;
  181. z-index: 1000;
  182. border-radius: 10px 0 0 10px;
  183. }
  184. #icon {
  185. background: url('{PortraitURL-64}');
  186. width: 64px;
  187. height: 64px;
  188. float: right;
  189. margin: 10px, 0;
  190. }
  191. #masthead h1 {
  192. float: right;
  193. }
  194. #masthead h4 {
  195. float: left;
  196. }
  197. #masthead h1 , #masthead h4 {
  198. margin: auto 10px;
  199. height: 62px;
  200. line-height: 62px;
  201. white-space: nowrap;
  202. }
  203. #masthead a {
  204. color: {color:Masthead text};
  205. }
  206. #masthead nav {
  207. display: block;
  208. float: right;
  209. }
  210. /*Pages*/
  211. #masthead nav li a {
  212. border-bottom: 1px solid {color:Masthead text};
  213. width: auto;
  214. margin-right: 0.5%;
  215. padding: 0.2%;
  216. }
  217. /*Sidebar*/
  218. #sidebar {
  219. position: relative;
  220. float: right;
  221. margin: 0 5%;
  222. width: 20%;
  223. }
  224. .item {
  225. position: relative;
  226. width: 100%;
  227. margin-bottom: 15%;
  228. }
  229. /*Content area*/
  230. #content {
  231. margin-left: 5%;
  232. margin-top: 104px;
  233. width: 65%;
  234. }
  235. {block:IfHideSidebar}
  236. #content {
  237. width: 90%;
  238. }
  239. #sidebar {
  240. display: none;
  241. }
  242. {/block:IfHideSidebar}
  243. /*Articles*/
  244. #content article {
  245. margin-bottom: 2%;
  246. }
  247. article .inner {
  248. display: inline-block;
  249. padding: 4%;
  250. width: 92%;
  251. }
  252. .item .inner {
  253. display: inline-block;
  254. padding: 1% 5%;
  255. width: 92%;
  256. }
  257. /*Post styles*/
  258. .title a {
  259. color: {color:Text};
  260. }
  261. blockquote {
  262. background: rgba(0, 0, 0, 0.06);
  263. margin: 0;
  264. padding: 2%;
  265. }
  266. .photo img {
  267. display: block;
  268. }
  269. .photoset-wrap img {
  270. width: 49%;
  271. }
  272. .link .title a {
  273. border-bottom: 1px solid;
  274. }
  275. .chat ul {
  276. list-style: none;
  277. margin: 0;
  278. padding: 0;
  279. }
  280. .chat li {
  281. padding: 0.5% 2%;
  282. }
  283. .chat .even {
  284. background: rgba(242, 242, 242, 0.11);
  285. }
  286. .user {
  287. font-size: 0.85em;
  288. text-align: center;
  289. text-transform: uppercase;
  290. float: left;
  291. margin-right: 3%;
  292. }
  293. /*Tags*/
  294. .metadata {
  295. font-size: 0.9em;
  296. padding: 2% 4%;
  297. }
  298. .metadata ul {
  299. width: 100%;
  300. display: inline-block;
  301. }
  302. .metadata ul, #notes ol {
  303. list-style: none;
  304. margin: 0;
  305. padding: 0;
  306. }
  307. .tags {
  308. margin-top: 1% !important;
  309. }
  310. .tags li {
  311. padding: 0.5%;
  312. margin: 1% 0;
  313. background: rgba(37, 37, 37, 0.11);
  314. }
  315.  
  316.  
  317. /* Butttons */
  318.  
  319. .buttons {
  320. float:right;
  321. margin-top:0px;
  322. margin-right:-2px;
  323. height:26px;
  324. line-height:26px;
  325. z-index:100;
  326. list-style:none;
  327. width: 94px;
  328. {block:PermalinkPage}
  329. width:52px;
  330. {/block:PermalinkPage}
  331. }
  332.  
  333. .buttons li {
  334. display:inline-block;
  335. margin:0;
  336. margin-left:7px;
  337. margin-right:0;
  338. width:22px;
  339. height:26px;
  340. padding:0px;
  341. text-align:center;
  342. }
  343.  
  344. .cmnt i {
  345. margin-top:2px;
  346. margin-left:2px;
  347. font-size:18px;
  348. color:#979395;;
  349. }
  350.  
  351. .reblog i {
  352. margin-top:2px;
  353. margin-left:2px;
  354. font-size:20px;
  355. color:#979395;;
  356. }
  357.  
  358. .like .like_button {
  359. position:absolute;
  360. width:100%;
  361. height:100%;
  362. }
  363.  
  364. .like .like_button iframe {
  365. position:absolute;
  366. top:0;
  367. bottom:0;
  368. left:0;
  369. right:0;
  370. width:100%;
  371. height:100%;
  372. z-index:10;
  373. opacity:0.0000001;
  374. }
  375.  
  376. .like i {
  377. font-size:18px;
  378. color:#979395;
  379. }
  380.  
  381. .like .liked + i {
  382. font-size:17px;
  383. color:#D95E40;
  384. }
  385. .avatar {
  386. margin-right: 10px;
  387. }
  388. .index li, .tags li {
  389. float: left;
  390. margin-right: 2%;
  391. }
  392. .note {
  393. border-bottom: 1px solid white;
  394. padding: 2px 0;
  395. }
  396. /*Sidebar items*/
  397. .item form input {
  398. background: rgba(0, 0, 0, 0.06);
  399. border: 0;
  400. padding: 2% 1%;
  401. width: 96%;
  402. margin-bottom: 20px;
  403. }
  404. #likes {
  405. list-style: none;
  406. margin: 0;
  407. padding: 0;
  408. }
  409.  
  410. /* Top posts */
  411.  
  412. .top-post {
  413. width:calc(100% - 45px);
  414. margin-bottom:20px;
  415. padding:15px 20px;
  416. background: rgba(0, 0, 0, 0.06);
  417. }
  418.  
  419. .top-post h1 {
  420. padding:0;
  421. color:#fff;
  422. font-size: 1.4em;
  423. }
  424.  
  425. /* ------------------- PAGINATION -------------------- */
  426.  
  427. /* Pagination */
  428.  
  429. #pagination {
  430. margin:10px auto;
  431. width:100%;
  432. height:40px;
  433. text-align: center;
  434. font-size:15px;
  435. z-index:100;
  436. }
  437.  
  438. #pagination a, .jump_page a {
  439. display:inline-block;
  440. margin:0 7px;
  441. width:auto;
  442. padding:10px 14px;
  443. color:{color:Links};
  444. text-align:center;
  445. letter-spacing:1px;
  446. background: {color:Glass Tint};
  447. opacity: 0.4;
  448. }
  449.  
  450. #pagination a:hover, #pagination a:hover i, .jump_page a:hover {
  451. color:{color:Links hover};
  452. }
  453.  
  454. #pagination i {
  455. color:{color:Links};
  456. }
  457.  
  458. .current_page {
  459. display:inline-block;
  460. margin:0 7px;
  461. width:auto;
  462. padding:10px 14px;
  463. color:{color:Links hover};
  464. text-align:center;
  465. letter-spacing:1px;
  466. background: {color:Glass Tint};
  467. opacity: 0.4;
  468. }
  469.  
  470.  
  471. /*Common styles*/
  472. #content article::before, .item::before {
  473. width: 100%;
  474. height: 100%;
  475. overflow: hidden;
  476. z-index: -2;
  477. display: block;
  478. position: absolute;
  479. content: " ";
  480. background: url('{image:Background}') center center repeat fixed;
  481. background-size: 100%;
  482. -webkit-filter: blur(10px);
  483. filter: blur(10px);
  484. }
  485. #content article::after, .item::after {
  486. width: 100%;
  487. height: 100%;
  488. overflow: hidden;
  489. z-index: -1;
  490. display: block;
  491. position: absolute;
  492. top: 0;
  493. content: " ";
  494. background: {color:Glass Tint};
  495. opacity: 0.4;
  496. }
  497.  
  498.  
  499.  
  500. {block:IndexPage}
  501. {block:IfFadeContent}
  502. #content article > *, .item > * {
  503. opacity: 0.6;
  504. transition: all 0.4s;
  505. }
  506. #content article:hover > *, .item:hover > * {
  507. opacity: 1;
  508. }
  509. {/block:IfFadeContent}
  510. {/block:IndexPage}
  511. /*blockquote, img, .item form input {
  512. box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.05) inset;
  513. }*/
  514. {CustomCSS}
  515. </style>
  516. </head>
  517.  
  518. <body>
  519. <header id="masthead">
  520. <!--<img src="{PortraitURL-64}"/>-->
  521. <div id="icon"></div>
  522. <h1><a href="/" title="{lang:Home}">{Title}</a></h1>
  523. <nav>
  524. {block:HasPages}
  525. {block:Pages}
  526. <h4> <a href="{URL}">{Label}</a></h4>
  527. {/block:Pages}
  528. {/block:HasPages}
  529. {block:SubmissionsEnabled}
  530. <h4> <a href="/submit">{SubmitLabel}</a></h4>
  531. {/block:SubmissionsEnabled}
  532. {block:AskEnabled}
  533. <h4> <a href="/ask">{AskLabel}</a></h4>
  534. {/block:AskEnabled}
  535.  
  536. {block:ifLink1Text}
  537. <h4> <a href="{text:Link 1}">{text:Link 1 Text}</a></h4>
  538. {/block:ifLink1Text}
  539.  
  540. {block:ifLink2Text}
  541. <h4> <a href="{text:Link 2}">{text:Link 2 Text}</a></h4>
  542. {/block:ifLink2Text}
  543.  
  544. {block:ifLink3Text}
  545. <h4> <a href="{text:Link 3}">{text:Link 3 Text}</a></h4>
  546. {/block:ifLink3Text}
  547.  
  548. {block:ifLink4Text}
  549. <h4> <a href="{text:Link 4}">{text:Link 4 Text}</a></h4>
  550. {/block:ifLink4Text}
  551.  
  552. {block:ifLink5Text}
  553. <h4> <a href="{text:Link 5}">{text:Link 5 Text}</a></h4>
  554. {/block:ifLink5Text}
  555.  
  556. {block:ifLink6Text}
  557. <h4> <a href="{text:Link 6}">{text:Link 6 Text}</a></h4>
  558. {/block:ifLink6Text}
  559.  
  560. {block:ifLink7Text}
  561. <h4> <a href="{text:Link 7}">{text:Link 7 Text}</a></h4>
  562. {/block:ifLink7Text}
  563.  
  564. {block:ifLink8Text}
  565. <h4> <a href="{text:Link 8}">{text:Link 8 Text}</a></h4>
  566. {/block:ifLink8Text}
  567.  
  568. {block:ifLink9Text}
  569. <h4> <a href="{text:Link 9}">{text:Link 9 Text}</a></h4>
  570. {/block:ifLink9Text}
  571.  
  572. {block:ifLink10Text}
  573. <h4> <a href="{text:Link 10}">{text:Link 10 Text}</a></h4>
  574. {/block:ifLink10Text}
  575. </nav>
  576. </header>
  577.  
  578. <aside id="sidebar">
  579. {block:IfSearchAndDescriptionInSidebar}
  580. <div class="item">
  581. <div class="inner">
  582. {block:Description}
  583. <h2>{lang:About}</h2>
  584. <p>{Description}</p>
  585. {block:Description}
  586.  
  587. <form action="/search" method="get">
  588. <input type="text" name="q" value="{SearchQuery}" placeholder="{lang:Search}"/>
  589. </form>
  590. </div>
  591. </div>
  592. {/block:IfSearchAndDescriptionInSidebar}
  593.  
  594. {block:IfLikesInSidebar}
  595. {block:Likes}
  596. <div class="item">
  597. <div class="inner">
  598. <h2>{lang:Likes}</h2>
  599. {Likes limit="1" summarize="100" width="150"}
  600. <a href="https://www.tumblr.com/liked/by/{Name}">
  601. {lang:More liked posts}
  602. </a>
  603. </div>
  604. </div>
  605. {/block:Likes}
  606. {/block:IfLikesInSidebar}
  607.  
  608. <div class="item">
  609. <div class="inner">
  610. <h2>Top Posts</h2>
  611. <div id="top-posts">
  612.  
  613. <div class="top-post">
  614. <h1>{text:Top post 1 title}</h1>
  615. <p>{text:Top post 1 text}</p>
  616. <a href="{text:Top post 1 link}"> See more <i class="fas fa-long-arrow-alt-right"></i> </a>
  617. </div>
  618. <!-- End top-post -->
  619.  
  620. <div class="top-post">
  621. <h1>{text:Top post 2 title}</h1>
  622. <p>{text:Top post 2 text}</p>
  623. <a href="{text:Top post 2 link}"> See more <i class="fas fa-long-arrow-alt-right"></i> </a>
  624. </div>
  625. <!-- End top-post -->
  626.  
  627. <div class="top-post">
  628. <h1>{text:Top post 3 title}</h1>
  629. <p>{text:Top post 3 text}</p>
  630. <a href="{text:Top post 3 link}"> See more <i class="fas fa-long-arrow-alt-right"></i> </a>
  631. </div>
  632. <!-- End top-post -->
  633.  
  634. <div class="top-post">
  635. <h1>{text:Top post 4 title}</h1>
  636. <p>{text:Top post 4 text}</p>
  637. <a href="{text:Top post 4 link}"> See more <i class="fas fa-long-arrow-alt-right"></i> </a>
  638. </div>
  639. <!-- End top-post -->
  640.  
  641. <div class="top-post">
  642. <h1>{text:Top post 5 title}</h1>
  643. <p>{text:Top post 5 text}</p>
  644. <a href="{text:Top post 5 link}"> See more <i class="fas fa-long-arrow-alt-right"></i> </a>
  645. </div>
  646. <!-- End top-post -->
  647.  
  648. </div>
  649. </div>
  650. </div>
  651.  
  652. </aside>
  653.  
  654. <div id="content">
  655. {block:Posts}
  656. <article class="{select:Columns}">
  657. {block:Text}
  658. <div class="text inner">
  659. {block:Title}<h1 class="title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  660. {Body}
  661. {/block:Text}
  662.  
  663. {block:Photo}
  664. <div class="photo inner">
  665. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
  666. {block:Caption}{Caption}{/block:Caption}
  667. {/block:Photo}
  668.  
  669. {block:Photoset}
  670. <div class="photoset inner">
  671. <!--{Photoset-500}-->
  672. <div class="photoset-wrap">
  673. {block:Photos}
  674. <img src="{PhotoURL-500}" />
  675. {/block:Photos}
  676. </div>
  677. {block:Caption}{Caption}{/block:Caption}
  678. {/block:Photoset}
  679.  
  680. {block:Quote}
  681. <div class="quote inner">
  682. <blockquote>{Quote}</blockquote>
  683. {block:Source}<cite> {Source} </cite>{/block:Source}
  684. {/block:Quote}
  685.  
  686. {block:Link}
  687. <div class="link inner">
  688. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  689. {block:Description}{Description}{/block:Description}
  690. {/block:Link}
  691.  
  692. {block:Chat}
  693. <div class="chat inner">
  694. <ul>
  695. {block:Lines}<li class="{Alt}"><p>{block:Label}<strong>{Label}</strong>{/block:Label} {Line} </p></li>{/block:Lines}
  696. </ul>
  697. {/block:Chat}
  698.  
  699. {block:Audio}
  700. <div class="audio inner">
  701. {block:TrackName}<h1 class="title"><a href="{Permalink}">{TrackName}</a></h1>{/block:TrackName}
  702.  
  703. {AudioPlayerBlack}
  704. {block:Caption}{Caption}{/block:Caption}
  705. {/block:Audio}
  706.  
  707. {block:Video}
  708. <div class="video inner">
  709. {Video-700}
  710. {block:Caption}{Caption}{/block:Caption}
  711. {/block:Video}
  712.  
  713. {block:Answer}
  714. <div class="answer inner">
  715. <h1 class="title">{Question}</h1>
  716. <div class="user"><img src="{AskerPortraitURL-96}"/><p>{Asker}</p></div>
  717. {Answer}
  718. {/block:Answer}
  719. </div>
  720.  
  721. {block:Date}
  722. <footer class="metadata">
  723. <ul class="index">
  724. <li><a href="{Permalink}"> <time datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}">{DayOfMonth} {Month} {Year}</time> </a></li>
  725.  
  726. {block:NoteCount}<li><a class="notecount" href="{Permalink}#notes">{NoteCountWithLabel}</a></li>{/block:NoteCount}
  727.  
  728. {block:ContentSource}
  729. <li><a href="{SourceURL}">{lang:Source}:{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  730. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}"height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}</a></li>
  731. {/block:ContentSource}
  732.  
  733. <div class="buttons">
  734.  
  735. {block:IndexPage}
  736.  
  737. <li class="cmnt"><a href="{Permalink}#disqus_thread"><i class="fa fa-comment" aria-hidden="true"></i></a></li>
  738. {/block:IndexPage}
  739.  
  740. <li class="reblog"><a href="{ReblogURL}"><i class="fa fa-retweet" aria-hidden="true"></i></a></li>
  741.  
  742. <li class="like">{LikeButton}<i class="fa fa-heart" aria-hidden="true"></i></a>
  743.  
  744. </div>
  745. <!-- End buttons -->
  746.  
  747. </ul>
  748.  
  749. {block:PermalinkPage}
  750. {block:HasTags}
  751. <ul class="tags">
  752. {block:Tags}<li><a href="{TagURL}">{Tag}</a> </li>{/block:Tags}
  753. </ul>
  754. {/block:HasTags}
  755.  
  756. {block:PostNotes}
  757. <div id="notes">
  758. {PostNotes}
  759. </div>
  760. {/block:PostNotes}
  761. {/block:PermalinkPage}
  762. </footer>
  763. {/block:Date}
  764. </article>
  765. {/block:Posts}
  766.  
  767. <div id="pagination" data-aos="fade-up" data-aos-easing="ease" data-aos-delay="400">
  768. {block:PreviousPage}
  769. <a class="previous" href="{PreviousPage}"><i class="fas fa-long-arrow-alt-left"></i></a>
  770. {/block:PreviousPage}
  771.  
  772. {block:JumpPagination length="5"}
  773. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  774. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  775.  
  776. {block:NextPage}
  777. <a class="next" href="{NextPage}"><i class="fas fa-long-arrow-alt-right"></i></a>
  778. {/block:NextPage}
  779. </div>
  780. <!--End pagination-->
  781.  
  782. </div>
  783.  
  784. <!-- Font awesome -->
  785.  
  786. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
  787.  
  788. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  789. <script src="https://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  790. <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  791. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  792.  
  793.  
  794. <script>
  795. (function () {
  796. var $tumblelog = $('#content');
  797. {block:ifInfiniteScroll}
  798. $tumblelog.infinitescroll({
  799. navSelector: "#pagination",
  800. nextSelector: ".next",
  801. itemSelector: "article",
  802. },
  803.  
  804. function (newElements) {
  805. var $newElems = $(newElements).css({
  806. opacity: 0
  807. });
  808. $newElems.imagesLoaded(function () {
  809. $newElems.animate({
  810. opacity: 1
  811. });
  812. $tumblelog.masonry('appended', $newElems);
  813. });
  814. });
  815. {/block:ifInfiniteScroll}
  816. $tumblelog.imagesLoaded(function () {
  817. $tumblelog.masonry({
  818. columnWidth: function (containerWidth) {
  819. return containerWidth / 100;
  820. }
  821. });
  822. });
  823. })();
  824. </script>
  825.  
  826.  
  827. </body>
  828. </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!