Advertisement
feiinho

INFUSE THEME

May 11th, 2019
530
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.81 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!-- Snapshot Theme by stylized.adorablethemes.com -->
  5. <title>{block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}"/>
  7. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  9. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  10. <meta charset="UTF-8" />
  11. <meta name="viewport" content="width=device-width, initial-scale=1">
  12. {block:Hidden}
  13. <meta name="image:Profile Photo" content=""/>
  14. <meta name="font:Body" content="helvetica, arial, sans-serif"/>
  15. <meta name="color:Background" content="#dcecf5"/>
  16. <meta name="color:Sidebar" content="#bad8eb"/>
  17. <meta name="color:Text" content="#333333"/>
  18. <meta name="color:Hover" content="#ffffff"/>
  19. <meta name="color:Link Border" content="#333333"/>
  20. <meta name="text:Custom Link 1 URL" content=""/>
  21. <meta name="text:Custom Link 1 Name" content=""/>
  22. <meta name="text:Facebook URL" content=""/>
  23. <meta name="text:Instagram URL" content=""/>
  24. <meta name="text:Twitter URL" content=""/>
  25. <meta name="if:Show Archive Link" content=""/>
  26. <meta name="if:Show Random Link" content=""/>
  27. <meta name="if:Infinite Scrolling" content=""/>
  28. {/block:Hidden}
  29. <!--[if (lte IE 8)]><script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  30. <link href="//netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
  31. <link href="https://fonts.googleapis.com/css?family=Reenie+Beanie" rel="stylesheet">
  32. <style type="text/css">
  33. body {
  34. color: {color:Text};
  35. background: {color:Background} url('');
  36. background-repeat: repeat;
  37. background-position: bottom left;
  38. background-attachment: fixed;
  39. font-family: {font:Body};
  40. margin: 0;
  41. }
  42.  
  43. /*containers */
  44. .wrapper {
  45. width: 1230px;
  46. margin: 0 auto;
  47. }
  48. .main {
  49. float: right;
  50. background-color: transparent;
  51. width: 960px;
  52. padding-top: 30px;
  53. margin-left: 270px;
  54. }
  55.  
  56. a {
  57. color: {color:Text};
  58. text-decoration: none;
  59. }
  60.  
  61. a:hover {
  62. color: {color:Text};
  63. text-decoration: none;
  64. }
  65.  
  66. ul {
  67. list-style-type: none;
  68. padding-left: 0;
  69. }
  70.  
  71. /* headings */
  72. h1 {
  73. display: block;
  74. font-size: 34px;
  75. line-height: 34px;
  76. font-family: 'Reenie Beanie', cursive;
  77. color: {color:Text};
  78. background-color: transparent;
  79. padding: 0px;
  80. text-align: center;
  81. text-transform: normal;
  82. font-weight: normal;
  83. }
  84. h1 a, h1 a:hover, h3 a, h3 a:hover, h4 a, h4 a:hover {
  85. color: {color:Text};
  86. text-decoration: none;
  87. }
  88. h2, h3 {
  89. color: {color:Text};
  90. font-size: 24px;
  91. line-height: 24px;
  92. padding: 10px 20px 5px 20px;
  93. margin-top: 0px;
  94. margin-bottom: 0px;
  95. text-align: center;
  96. font-family: 'Reenie Beanie', cursive;
  97. font-weight: normal;
  98. text-transform: normal;
  99. }
  100. h4 {
  101. color: {color:Text};
  102. font-size: 13px;
  103. line-height: 13px;
  104. padding: 5px 15px 20px 15px;
  105. margin-bottom: 0px;
  106. text-align: center;
  107. font-family: {font:Body};
  108. font-weight: normal;
  109. text-transform: uppercase;
  110. }
  111.  
  112. /* header */
  113. header {
  114. float: left;
  115. position: fixed;
  116. width: 240px;
  117. padding: 71px 15px 0px 15px;
  118. text-align: left;
  119. background-color: {color:Sidebar};
  120. box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  121. min-height: 100%;
  122. }
  123. .profile-photo {
  124. width: 75px;
  125. height: 75px;
  126. border-top: 5px solid #fff;
  127. border-right: 5px solid #fff;
  128. border-bottom: 15px solid #fff;
  129. border-left: 5px solid #fff;
  130. box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  131. display: inline-block;
  132. }
  133. p#description {
  134. width: 100%;
  135. height: auto;
  136. font-size: 11px;
  137. line-height: 118%;
  138. color: {color:Text};
  139. text-align: justify;
  140. background-color: transparent;
  141. margin-top: -15px;
  142. margin-left: auto;
  143. margin-right: auto;
  144. margin-bottom: 0;
  145. padding: 0;
  146. }
  147. nav {
  148. width: 240px;
  149. color: {color:Text};
  150. background-color: none;
  151. padding: 10px 0px 0px 0px;
  152. }
  153. ul.sidelinks li {
  154. color: {color:Text};
  155. }
  156. a.sidelink {
  157. -moz-box-sizing: border-box;
  158. box-sizing: border-box;
  159. width: 240px;
  160. font-family: 'Reenie Beanie', cursive;
  161. color: {color:Text};
  162. background-color: transparent;
  163. text-align: left;
  164. text-transform: normal;
  165. text-decoration: none;
  166. display: block;
  167. padding: 10px 5px;
  168. font-size: 20px;
  169. line-height: 24px;
  170. font-weight: normal;
  171. border-bottom: 1px dotted rgba({RGBcolor:Link Border}, 0.4);
  172. -webkit-transition: all 0.3s ease;
  173. -moz-transition: all 0.3s ease;
  174. -ms-transition: all 0.3s ease;
  175. -o-transition: all 0.3s ease;
  176. transition: all 0.3s ease;
  177. }
  178. a.sidelink:hover {
  179. color: {color:Text};
  180. background-color: rgba({RGBcolor:Hover}, 0.2);
  181. }
  182.  
  183. /* main post styles */
  184. .post {
  185. width: 250px;
  186. height: auto;
  187. float: left;
  188. position: relative;
  189. background-color: #fff;
  190. margin: 25px;
  191. padding: 10px;
  192. box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.2);
  193. overflow: hidden;
  194. }
  195. .post iframe {
  196. display: block;
  197. max-width: 100%;
  198. }
  199.  
  200. /* adds padding to things in a post */
  201. .content {
  202. padding: 0px 20px;
  203. font-size: 11px;
  204. line-height: 120%;
  205. }
  206. .content-answer {
  207. padding: 5px 10px;
  208. font-size: 11px;
  209. line-height: 120%;
  210. }
  211.  
  212. /* text post styles */
  213. .text p {
  214. font-size: 11px;
  215. line-height: 120%;
  216. text-align: justify;
  217. -webkit-hyphens: auto;
  218. -moz-hyphens: auto;
  219. -ms-hyphens: auto;
  220. -o-hyphens: auto;
  221. hyphens: auto;
  222. }
  223. .text ul {
  224. list-style-type: square;
  225. font-size: 10px;
  226. padding-left: 20px;
  227. }
  228. .quote blockquote {
  229. font-family: 'Reenie Beanie', cursive;
  230. color: {color:Text};
  231. background-color: transparent;
  232. font-size: 24px;
  233. line-height: 20px;
  234. padding: 15px 5px 10px 5px;
  235. margin: 1px;
  236. text-align: justify;
  237. text-indent: -0.4em;
  238. }
  239. .source, .source p, .source a, .source a:hover {
  240. color: #333;
  241. font-size: 11px;
  242. line-height: 12px;
  243. text-align: center;
  244. text-transform: normal;
  245. letter-spacing: 2px;
  246. }
  247.  
  248. .post img {
  249. background-color: none;
  250. max-width: 100%;
  251. height: auto;
  252. display: block;
  253. opacity: 1;
  254. }
  255. .chat {
  256. font-size: 13px;
  257. line-height: 16px;
  258. }
  259. .chat .label {
  260. font-weight: bold;
  261. text-align: right;
  262. }
  263. .chat li {
  264. border-bottom: 0px solid #fff;
  265. padding-top: 6px;
  266. padding-bottom: 6px;
  267. }
  268. .chat li:last-child {
  269. border-bottom: none;
  270. }
  271.  
  272. .answer img {
  273. width: 100%;
  274. height: auto;
  275. margin-left: 0px;
  276. }
  277.  
  278. a img.credit {
  279. position: fixed;
  280. bottom: 0;
  281. right: 0;
  282. }
  283.  
  284. .imgback {
  285. background-color: transparent;
  286. }
  287.  
  288. .spotify_audio_player {
  289. height: 80px;
  290. }
  291.  
  292. /* shown on the permalink page; has notes, source, and time posted */
  293. .perma-info {
  294. color: {color:Text};
  295. background-color: transparent;
  296. font-size: 11px;
  297. line-height: 13px;
  298. font-weight: normal;
  299. padding: 5px 1px;
  300. overflow: hidden;
  301. }
  302. .perma-info a {
  303. color: {color:Text};
  304. text-decoration: none;
  305. }
  306. .perma-info a:hover {
  307. color: {color:Text};
  308. text-decoration: underline;
  309. }
  310.  
  311. /* notes stuff */
  312. ol.notes {
  313. list-style-type: none;
  314. padding-left: 0;
  315. }
  316. .note {
  317. padding: 1px 0px;
  318. }
  319. .note:last-child {
  320. border-bottom: 0;
  321. margin-bottom: 15px;
  322. }
  323. .note blockquote {
  324. color: {color:Text};
  325. background-color: transparent;
  326. border: none;
  327. }
  328.  
  329. /* info bar on index page posts */
  330. .index-info {
  331. color: #333;
  332. background-color: #fff;
  333. font-family: 'Reenie Beanie', cursive;
  334. font-size: 20px;
  335. line-height: 26px;
  336. font-weight: normal;
  337. margin-top: 15px;
  338. padding-left: 5px;
  339. padding-right: 5px;
  340. overflow:hidden;
  341. border-radius: 5px;
  342. }
  343. .index-info a, .index-info a:hover {
  344. color: #333;
  345. text-decoration: none;
  346. }
  347.  
  348. /* remove blank space from bottom of photoset posts */
  349. iframe.photoset {
  350. display: block;
  351. }
  352.  
  353. .photoset-content img {
  354. margin-bottom: 10px;
  355. }
  356.  
  357. /* line */
  358. hr {
  359. clear: both;
  360. border: 0;
  361. border-bottom: 1px dotted rgba({RGBcolor:Text}, 0.5);
  362. margin: 15px 0px;
  363. }
  364.  
  365. /* fix height of element with floats inside */
  366. .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
  367. .clearfix:after { clear: both; }
  368. .clearfix { zoom: 1; }
  369.  
  370. /* remove border on linked images in IE */
  371. a img {
  372. border: 0;
  373. }
  374.  
  375. /* you shouldn't see this div if infinite scroll is on */
  376. div.pagination {
  377. background-color: none;
  378. margin-bottom: 10px;
  379. clear: both;
  380. text-align: center;
  381. }
  382.  
  383. /* previous and next page buttons */
  384. #previous, #next, .page-info {
  385. color: {color:Text};
  386. font-family: {font:Body};
  387. font-size: 11px;
  388. background: transparent;
  389. font-weight: normal;
  390. padding: 5px 7px 5px 7px;
  391. }
  392. #previous:hover, #next:hover {
  393. color: {color:Text};
  394. }
  395.  
  396. /*stylized.adorablethemes.com*/
  397.  
  398. /* Note icons */
  399. .reblog {background: transparent url('https://static.tumblr.com/anzluor/nF5ml4elu/reblog.png') right center no-repeat;}
  400. .like {background: transparent url('https://static.tumblr.com/anzluor/O7Nml4ekz/like.png') right center no-repeat;}
  401.  
  402. @media screen and (max-width:1230px) {
  403. .wrapper {
  404. width: 910px;
  405. }
  406. .main {
  407. width: 640px;
  408. }
  409. }
  410.  
  411. @media screen and (max-width:910px) {
  412. .wrapper {
  413. width: 590px;
  414. }
  415. .main {
  416. width: 320px;
  417. }
  418. }
  419.  
  420. @media screen and (max-width:590px) {
  421. .wrapper {
  422. width: 320px;
  423. }
  424. .main {
  425. width: 320px;
  426. padding-top: 10px;
  427. margin-left: 0px;
  428. }
  429. header {
  430. -moz-box-sizing: border-box;
  431. box-sizing: border-box;
  432. position: static;
  433. width: 100%;
  434. display: block;
  435. text-align: center;
  436. padding: 25px 15px 15px 15px;
  437. }
  438. p#description {
  439. width: 80%;
  440. }
  441. nav {
  442. width: 240px;
  443. margin: 0 auto;
  444. padding: 0px;
  445. }
  446. a.sidelink {
  447. width: 100%;
  448. }
  449. }
  450.  
  451. /* special styling for permalink pages */
  452. {block:PermalinkPage}
  453. .wrapper {
  454. width: 500px;
  455. margin-left: 315px;
  456. }
  457. .main {
  458. width: 500px;
  459. padding-top: 40px;
  460. }
  461. .post {
  462. float: none;
  463. padding: 10px;
  464. width: 500px;
  465. }
  466. .post img {
  467. width: 500px;
  468. height: auto;
  469. }
  470. .post:hover .photo-post-photo {
  471. transform: none;
  472. }
  473.  
  474. @media screen and (max-width:910px) {
  475. .wrapper {
  476. width: 590px;
  477. margin: 0 auto;
  478. }
  479. .main {
  480. width: 320px;
  481. }
  482. .post {
  483. width: 250px;
  484. }
  485. .post img {
  486. width: 250px;
  487. }
  488. }
  489. @media screen and (max-width:590px) {
  490. .wrapper {
  491. width: 320px;
  492. }
  493. .main {
  494. width: 320px;
  495. padding-top: 10px;
  496. margin-left: 0px;
  497. }
  498. .post {
  499. width: 250px;
  500. float: left;
  501. position: relative;
  502. overflow: hidden;
  503. }
  504. .post img {
  505. width: 250px;
  506. }
  507. }
  508. {/block:PermalinkPage}
  509.  
  510. /* make sure avatars don't get huge */
  511. img.avatar {
  512. width: 20px;
  513. height: 20px;
  514. vertical-align: middle;
  515. display: inline;
  516. margin-right: 15px;
  517. border-top: 2px solid #fff;
  518. border-right: 2px solid #fff;
  519. border-bottom: 8px solid #fff;
  520. border-left: 2px solid #fff;
  521. box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  522. }
  523. img.avatar-ask {
  524. width: 48px;
  525. height: 48px;
  526. vertical-align: middle;
  527. display: inline;
  528. margin-right: 15px;
  529. margin-bottom: 5px;
  530. border-top: 4px solid #fff;
  531. border-right: 4px solid #fff;
  532. border-bottom: 12px solid #fff;
  533. border-left: 4px solid #fff;
  534. box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  535. }
  536.  
  537. {CustomCSS}
  538. </style>
  539. </head>
  540. <body>
  541.  
  542. <header class="clearfix">
  543.  
  544. <center>
  545. {block:IfProfilePhotoImage}<a href="/"><img class="profile-photo" src="{image:Profile Photo}" alt="" /></a>{/block:IfProfilePhotoImage}
  546. </center>
  547.  
  548. {block:ShowTitle}<h1><a href="/">{Title}</a></h1>{/block:ShowTitle}
  549. {block:HideTitle}<h1></h1>{/block:HideTitle}
  550.  
  551. {block:Description}
  552. <p id="description">{Description}</p>
  553. {/block:Description}
  554.  
  555.  
  556. <nav>
  557. <ul class="sidelinks">
  558.  
  559. {block:HasPages}
  560. {block:Pages}
  561. <a class="sidelink" href="{URL}"><i class="fa fa-file-o"></i> {Label}</a>
  562. {/block:Pages}
  563. {/block:HasPages}
  564.  
  565. {block:AskEnabled}<a class="sidelink" href="/ask"><i class="fa fa-envelope-o"></i> {AskLabel}</a>{/block:AskEnabled}
  566.  
  567. {block:SubmissionsEnabled}<a class="sidelink" href="/submit"><i class="fa fa-cog"></i> {SubmitLabel}</a>{/block:SubmissionsEnabled}
  568.  
  569. {block:IfShowArchiveLink}<a class="sidelink" href="/archive"><i class="fa fa-folder-open"></i> {lang:Archive}</a>{/block:IfShowArchiveLink}
  570.  
  571. {block:IfShowRandomLink}<a class="sidelink" href="/random"><i class="fa fa-question-circle"></i> {lang:Random}</a>{/block:IfShowRandomLink}
  572.  
  573. {block:IfCustomLink1URL}
  574. <a class="sidelink" href="{text:Custom Link 1 URL}" target="_blank"><i class="fa fa-asterisk"></i> {text:Custom Link 1 Name}</a>
  575. {/block:IfCustomLink1URL}
  576.  
  577. {block:IfFacebookURL}
  578. <a class="sidelink" href="{text:Facebook URL}" target="_blank" title="facebook"><i class="fa fa-facebook"></i> Facebook</a>
  579. {/block:IfFacebookURL}
  580.  
  581. {block:IfInstagramURL}
  582. <a class="sidelink" href="{text:Instagram URL}" target="_blank" title="instagram"><i class="fa fa-instagram"></i> Instagram</a>
  583. {/block:IfInstagramURL}
  584.  
  585. {block:IfTwitterURL}
  586. <a class="sidelink" href="{text:Twitter URL}" target="_blank" title="twitter"><i class="fa fa-twitter"></i> Twitter</a>
  587. {/block:IfTwitterURL}
  588.  
  589. </ul>
  590. </nav>
  591.  
  592. </header>
  593. <div class="wrapper">
  594.  
  595. <div class="main">
  596.  
  597. <ul id="posts">
  598. {block:Posts}
  599. <li class="post {PostType}">
  600.  
  601. {block:Text}
  602. {block:Title}
  603. <h3>{Title}</h3>
  604. {/block:Title}
  605.  
  606. <div class="content">{Body}</div>
  607. {/block:Text}
  608.  
  609.  
  610. {block:Answer}
  611. <div class="content-answer">
  612. <img class="avatar-ask" style="float:left" src="{AskerPortraitURL-64}"/>
  613. <p>{lang:Asker asked}: <b>{Question}</b></p>
  614.  
  615.  
  616. {Answer}</div>
  617. {/block:Answer}
  618.  
  619.  
  620. {block:Photo}
  621. {block:IndexPage}
  622. <div class="imgback"><center><a href="{Permalink}"><img class="photo-post-photo" src="{PhotoURL-250}" alt="{PhotoAlt}" /></a></center></div>
  623. {/block:IndexPage}
  624. {block:PermalinkPage}
  625. <div class="imgback"><center>{LinkOpenTag}<img src="{PhotoURL-1280}" class="photo-post-photo" alt="{PhotoAlt}" />{LinkCloseTag}</center></div>
  626. {/block:PermalinkPage}
  627.  
  628. {block:PermalinkPage}{block:Caption}
  629. <div class="content">{Caption}</div>
  630. {/block:Caption}{/block:PermalinkPage}
  631. {/block:Photo}
  632.  
  633.  
  634. {block:Photoset}
  635. {block:IndexPage}
  636. <figure class="photoset-content">
  637. <center>
  638. {block:Photos}<a href="{Permalink}"><img class="photo-post-photo" src="{PhotoURL-250}" alt="{PhotoAlt}" /></a>{/block:Photos}</center>
  639.  
  640. </figure>
  641. {/block:IndexPage}
  642. {block:PermalinkPage}
  643. {Photoset-500}
  644. {/block:PermalinkPage}
  645.  
  646. {block:PermalinkPage}{block:Caption}
  647. <div class="content">{Caption}</div>
  648. {/block:Caption}{/block:PermalinkPage}
  649. {/block:Photoset}
  650.  
  651.  
  652. {block:Quote}
  653. <div class="content"><blockquote>"{Quote}"</blockquote>
  654.  
  655. {block:Source}
  656. <div class="source">{Source}</div>
  657. {/block:Source}
  658. </div>
  659. {/block:Quote}
  660.  
  661.  
  662.  
  663. {block:Link}
  664. <h4><a href="{URL}" class="link" {Target}>{Name} &rarr;</a></h4>
  665.  
  666. {block:Description}
  667. <div class="content">{Description}</div>
  668. {/block:Description}
  669. {/block:Link}
  670.  
  671.  
  672. {block:Chat}
  673. {block:Title}
  674. <h3><a href="{Permalink}">{Title}</a></h3>
  675. {/block:Title}
  676. <div class="content">
  677. <ul class="chat">
  678. {block:Lines}
  679. <li class="{Alt} user_{UserNumber}">
  680. {block:Label}
  681. <span class="label">{Label}</span>
  682. {/block:Label}
  683.  
  684. <span class="line"> {Line}</span>
  685. </li>
  686. {/block:Lines}
  687. </ul>
  688. </div>
  689. {/block:Chat}
  690.  
  691.  
  692. {block:Video}
  693. {block:IndexPage}
  694. {VideoEmbed-250}
  695. {/block:IndexPage}
  696. {block:PermalinkPage}
  697. {VideoEmbed-500}
  698. {/block:PermalinkPage}
  699.  
  700. {block:PermalinkPage}{block:Caption}
  701. <div class="content">{Caption}</div>
  702. {/block:Caption}{/block:PermalinkPage}
  703. {/block:Video}
  704.  
  705.  
  706. {block:Audio}
  707. {block:IndexPage}
  708. {AudioEmbed}
  709. {/block:IndexPage}
  710. {block:PermalinkPage}
  711. {AudioEmbed}
  712. {/block:PermalinkPage}
  713. {block:PermalinkPage}
  714. {block:Caption}
  715. {Caption}
  716. {/block:Caption}
  717. {/block:PermalinkPage}
  718. {/block:Audio}
  719.  
  720.  
  721. {block:IndexPage}
  722. <div class="index-info">
  723. <a class="postnotes" href='{Permalink}'>{NoteCountWithLabel}</a>
  724.  
  725. {block:Date}<a style="float:right; text-align: right" class="timeago" href='{Permalink}'>{TimeAgo}</a>{/block:Date}
  726.  
  727. </div>
  728. {/block:IndexPage}
  729.  
  730.  
  731. {block:PermalinkPage}
  732. {block:PermalinkPagination}
  733. <div class="perma-info">
  734.  
  735. {block:PostNotes}<a class="postnotes" href='{Permalink}'>{NoteCountWithLabel}</a>{/block:PostNotes}
  736. {block:ContentSource}&nbsp;&mdash;&nbsp;<a href="{SourceURL}">Source</a>{/block:ContentSource}
  737. {block:RebloggedFrom} (<a href="{ReblogParentURL}">via</a>){/block:RebloggedFrom}
  738.  
  739. {block:Date}<a style="float:right; text-align: right" class="timeago" href='{Permalink}'>{TimeAgo}</a>{/block:Date}
  740.  
  741. {block:PostNotes}
  742. <hr />
  743. {PostNotes-64}
  744. {/block:PostNotes}
  745. </div>
  746. {/block:PermalinkPagination}
  747. {/block:PermalinkPage}
  748. </li>
  749. {/block:Posts}
  750. </ul>
  751. <div class="pagination">
  752. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" id="next">&laquo; {lang:Previous Page}</a> {/block:PreviousPage}
  753.  
  754. <span class="page-info">{lang:CurrentPage of TotalPages}</span>
  755.  
  756. {block:NextPage}<a href="{NextPage}" id="next">{lang:Next Page} &raquo;</a>{/block:NextPage}{/block:Pagination}
  757. </div>
  758. </div>
  759. </div>
  760. <a href="https://stylizedthemes.tumblr.com/" alt="Tumblr Themes" title="Get this theme!"><img class="credit" src="https://static.tumblr.com/ohnymtu/fmJoejmpk/credit3.jpg" alt="" /></a>
  761. {block:IndexPage}
  762. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  763. {block:IfInfiniteScrolling}<script src="//static.tumblr.com/anzluor/ycPn74dop/jquery.infinitescroll.min.js"></script>{/block:IfInfiniteScrolling}
  764. <script src="//static.tumblr.com/anzluor/Np0nv9fs0/masonry.pkgd.min.js"></script>
  765. <script>
  766. $(function(){
  767. var container = $('ul#posts');
  768.  
  769. container.imagesLoaded( function(){
  770. container.masonry({
  771. itemSelector : 'li.post'
  772. });
  773. });
  774.  
  775. {block:IfInfiniteScrolling}
  776. container.infinitescroll({
  777. navSelector : 'div.pagination',
  778. nextSelector : 'div.pagination a#next',
  779. itemSelector : 'li.post',
  780. },
  781. function( newElements ) {
  782. var $newElems = $( newElements ).css({ opacity: 0 });
  783. $newElems.imagesLoaded(function(){
  784. $newElems.animate({ opacity: 1 });
  785. container.masonry( 'appended', $newElems, true );
  786. });
  787. }
  788. );
  789. {/block:IfInfiniteScrolling}
  790. });
  791. </script>
  792. {/block:IndexPage}
  793.  
  794. </body>
  795. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement