API tools faq
paste
Advertisement
Guest User

Cait Theme 2 - Storytime

a guest
Jun 21st, 2018
54
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.17 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2.  
  3. ©borntobewildcodes.tumblr.com | STORYTIME (vol.3)
  4.  
  5. + Do not redistribute this theme or remove the credits.
  6. + Edit as long as you keep the credits intact
  7. + Contact me if you have any questions or concerns.
  8. + If you want a custom theme you can commission me.
  9. + Thanks for using my theme, I hope that you enjoy it.
  10.  
  11. Other credits:
  12.  
  13. - Jquery
  14. - Disqus
  15. - Google fonts
  16. - Font Awesome icons
  17. - Masonry by David Desandro
  18. - Infinite scroll by Paul Irish
  19. - PXU Photosets
  20. - Masonry with Infinite Scroll and PXU Photosets tutorial by @shythemes
  21. - Load more buttons tutorial by @shythemes
  22. - Hide stuff tutorial by @lmthemes
  23. - Changing Like and Reblog button colors by Georgi Demirev
  24.  
  25. ---->
  26.  
  27. <!DOCTYPE html>
  28. <head>
  29.  
  30. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  31.  
  32. <link rel="shortcut icon" href="{favicon}">
  33.  
  34. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  35. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  36.  
  37. <meta name="image:Background" content="1"/>
  38. <meta name="image:Avatar" content="1"/>
  39.  
  40. <meta name="color:Background" content="#ffffff"/>
  41. <meta name="color:Blog title" content="#87aee7"/>
  42. <meta name="color:Description" content="#111111"/>
  43. <meta name="color:Main link" content="#87aee7"/>
  44. <meta name="color:Extra link" content="#cab1da"/>
  45. <meta name="color:Ask bubble" content="#87aee7"/>
  46. <meta name="color:Post info" content="#cab1da"/>
  47. <meta name="color:Buttons" content="#222222"/>
  48. <meta name="color:Title" content="#75a1e2"/>
  49. <meta name="color:Text" content="#222222"/>
  50. <meta name="color:Link" content="#cab1da"/>
  51. <meta name="color:Hover" content="#587eb8"/>
  52. <meta name="color:Bold" content="#587eb8"/>
  53. <meta name="color:Italic" content="#cab1da"/>
  54. <meta name="color:Borders" content="#000000"/>
  55. <meta name="color:Pagination" content="#cab1da"/>
  56. <meta name="color:Scrollbar" content="#000000"/>
  57.  
  58. <meta name="font:Body font" content="Helvetica"/>
  59. <meta name="select:Body font size" content="10px" title="10px">
  60. <meta name="select:Body font size" content="12px" title="12px">
  61. <meta name="select:Body font size" content="13px" title="13px">
  62. <meta name="select:Body font size" content="14px" title="14px">
  63. <meta name="select:Body font size" content="15px" title="15px">
  64. <meta name="select:Body font size" content="16px" title="16px">
  65.  
  66. <meta name="select:Title font" content="Great Vibes" title="Great Vibes">
  67. <meta name="select:Title font" content="Alex Brush" title="Alex Brush">
  68. <meta name="select:Title font" content="Clicker Script" title="Clicker Script">
  69. <meta name="select:Title font" content="Rouge Script" title="Rouge Script">
  70. <meta name="select:Title font" content="Merienda One" title="Merienda One">
  71.  
  72. <meta name="select:Title font size" content="22px" title="22px">
  73. <meta name="select:Title font size" content="25px" title="25px">
  74. <meta name="select:Title font size" content="27px" title="27px">
  75. <meta name="select:Title font size" content="30px" title="30px">
  76. <meta name="select:Title font size" content="32px" title="32px">
  77.  
  78. <meta name="select:Blog title font size" content="20px" title="20px">
  79. <meta name="select:Blog title font size" content="22px" title="22px">
  80. <meta name="select:Blog title font size" content="25px" title="25px">
  81. <meta name="select:Blog title font size" content="27px" title="27px">
  82. <meta name="select:Blog title font size" content="30px" title="30px">
  83. <meta name="select:Blog title font size" content="32px" title="32px">
  84.  
  85. <meta name="if:Inverted Controls" content="0"/>
  86. <meta name="if:Infinite Scroll" content="0"/>
  87. <meta name="if:Load More" content="0"/>
  88. <meta name="if:BackgroundSizeCover" content="0"/>
  89. <meta name="if:Show Main Links" content="1" />
  90. <meta name="if:Show Description" content="1" />
  91. <meta name="if:Faded Images" content="0" />
  92. <meta name="if:Monochrome Images" content="0" />
  93. <meta name="if:Show Captions" content="1" />
  94. <meta name="if:Show Tags" content="1" />
  95. <meta name="if:Ask Enabled" content="1" />
  96. <meta name="if:Submissions Enabled" content="1" />
  97. <meta name="if:Show Archive Link" content="1" />
  98. <meta name="if:Disqus Shortname" content="0"/>
  99.  
  100. <meta name="if:Show Link One" content="1" />
  101. <meta name="if:Show Link Two" content="1" />
  102. <meta name="if:Show Link Three" content="1" />
  103. <meta name="if:Show Link Four" content="1" />
  104.  
  105. <meta name="text:Link One" content="Link one"/>
  106. <meta name="text:Link One url" content="http://"/>
  107. <meta name="text:Link Two" content="Link two"/>
  108. <meta name="text:Link Two url" content="http://"/>
  109. <meta name="text:Link Three" content="Link three"/>
  110. <meta name="text:Link Three url" content="http://"/>
  111. <meta name="text:Link Four" content="Link four"/>
  112. <meta name="text:Link Four url" content="http://"/>
  113.  
  114. <meta name="text:Description height" content="100px"/>
  115. <meta name='text:Disqus Shortname' content='' />
  116.  
  117. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  118. <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  119.  
  120. <!-- CSS -->
  121.  
  122. <style type="text/css">
  123.  
  124. /* ---------------------------- GENERAL ----------------------------- */
  125.  
  126. /* -------- BASICS ------- */
  127.  
  128. body {
  129. margin: 0;
  130. padding: 0;
  131. width: 100%;
  132. height: 100%;
  133. color: {color:text};
  134. font-family: {font:Body font};
  135. font-size: {select:Body font size};
  136. line-height: calc({select:Body font size} + 5px);
  137. background-color: {color:Background};
  138. background-image:url({image:Background});
  139. background-attachment: fixed;
  140. background-repeat: no-repeat;
  141. {block:IfBackgroundSizeCover}
  142. background-size:cover;
  143. {/block:IfBackgroundSizeCover}
  144. word-wrap: break-word;
  145. background-position: right top;
  146. }
  147.  
  148. /* Headings */
  149.  
  150. h1 { font-size:{select:Title font size}; }
  151. h2 { font-size:calc({select:Title font size} - 5px); }
  152. h3 { font-size:calc({select:Title font size} - 7px); }
  153.  
  154. h1, h2, h3 {
  155. margin: 10px 0 20px 0;
  156. color:{color:Title};
  157. font-weight: bold;
  158. letter-spacing: 1px;
  159. }
  160.  
  161. h1:after, .title:after {
  162. content: '';
  163. display:block;
  164. width:40px;
  165. height:2px;
  166. }
  167.  
  168. .entry h1:first-child, .entry h2:first-child, .entry h3:first-child {
  169. margin-top:10px;
  170. }
  171.  
  172. /* Paragraph */
  173.  
  174. p { margin:5px 0;}
  175.  
  176. p:first-of-type { margin-top:0;}
  177.  
  178. p:last-of-type { margin-bottom:0;}
  179.  
  180. small, big, sub, pre {
  181. font-size:1em!important;
  182. line-height:1.4em!important;
  183. vertical-align:baseline!important;
  184. }
  185.  
  186. blockquote {
  187. padding:.25em 0 .25em 15px;
  188. margin:.5em 0;
  189. border-left:1px solid {color:Borders};
  190. }
  191.  
  192. /* Bold and italic */
  193.  
  194. b, strong, b a, strong a {
  195. font-weight:bold!important;
  196. color: {color:Bold};
  197. }
  198.  
  199. i, em {
  200. color: {color:Italic};
  201. transition:all .3s linear;
  202. -webkit-transition:all .3s linear;
  203. -o-transition:all .3s linear;
  204. -moz-transition:all .3s linear;
  205. }
  206.  
  207. /* Links */
  208.  
  209. a {
  210. color:{color:Link};
  211. text-decoration:none;
  212. transition:all .3s linear;
  213. -webkit-transition:all .3s linear;
  214. -o-transition:all .3s linear;
  215. -moz-transition:all .3s linear;
  216. }
  217.  
  218. a, a img {cursor:pointer;}
  219.  
  220. a:hover {
  221. color:{color:Hover}!important;
  222. text-decoration:none;
  223. }
  224.  
  225. ul, ol, li {
  226. margin: 5px 10px;
  227. padding: 0;
  228. }
  229.  
  230. /* Line break */
  231.  
  232. hr {
  233. border:none;
  234. box-shadow:0;
  235. margin:2em auto;
  236. width:75px;
  237. border-top:1px solid {color:Borders};
  238. }
  239.  
  240. pre {
  241. padding:0;
  242. margin:0;
  243. line-height:inherit!important;
  244. background:transparent;
  245. font-family:inherit!Important;
  246. font-size:inherit!important;
  247. white-space:pre-wrap;
  248. white-space:-moz-pre-wrap;
  249. white-space:-pre-wrap;
  250. white-space:-o-pre-wrap;
  251. word-wrap:break-word;
  252. }
  253.  
  254. /* Tumblr lightbox */
  255.  
  256. .tmblr-lightbox {background:rgba({RGBcolor:Background}, .95)!important;}
  257.  
  258. .tmblr-lightbox img {opacity:0;}
  259.  
  260. .lightbox-caption {
  261. color:{color:Title}!important;
  262. font-family:inherit!important;
  263. font-size:1em!important;
  264. font-weight:normal!important;
  265. text-shadow:none!important;
  266. }
  267.  
  268. .lightbox-image {
  269. -moz-box-shadow:none!important;
  270. -webkit-box-shadow:none!important;
  271. box-shadow:none!important;
  272. -moz-border-radius:0px!important;
  273. -webkit-border-radius:0px!important;
  274. border-radius:0px!important;
  275. padding:0px!important;
  276. border:0!important;
  277. opacity:1!important;
  278. }
  279.  
  280. .vignette {opacity:0!Important;}
  281.  
  282. /* Webkit scrollbar */
  283.  
  284. ::-webkit-scrollbar {
  285. width: 9px;
  286. height: 0;
  287. }
  288.  
  289. ::-webkit-scrollbar-button:start:decrement,
  290. ::-webkit-scrollbar-button:end:increment {
  291. height: 0;
  292. display: block;
  293. background-color: #F4F4F4;
  294. border-bottom-right-radius:30px;
  295. }
  296.  
  297. ::-webkit-scrollbar-track-piece {
  298. background-color: #F4F4F4;
  299. }
  300.  
  301. ::-webkit-scrollbar-thumb:vertical {
  302. height: 0;
  303. background-color: {color:Scrollbar};
  304. border: 4px solid #F4F4F4;
  305. }
  306.  
  307. /* Selection */
  308.  
  309. ::-moz-selection {
  310. background: {color:Hover};
  311. color: {color:Background};
  312. }
  313.  
  314. ::selection {
  315. background: {color:Hover};
  316. color: {color:Background};
  317. }
  318.  
  319. /* Tumblr controls */
  320.  
  321. iframe.tmblr-iframe {
  322. top:1px!important;
  323. right:35px!important;
  324. {block:ifInvertedControls}
  325. filter:invert(100%) hue-rotate(180deg);
  326. -webkit-filter:invert(100%) hue-rotate(180deg);
  327. -moz-filter:invert(100%) hue-rotate(180deg);
  328. -o-filter:invert(100%) hue-rotate(180deg);
  329. -ms-filter:invert(100%) hue-rotate(180deg);
  330. {/block:ifInvertedControls}
  331. transform:scale(0.8);
  332. transform-origin:100% 0;
  333. -webkit-transform:scale(0.8);
  334. -webkit-transform-origin:100% 0;
  335. -o-transform:scale(0.8);
  336. -o-transform-origin:100% 0;
  337. -moz-transform:scale(0.8);
  338. -moz-transform-origin:100% 0;
  339. -ms-transform:scale(0.8);
  340. -ms-transform-origin:100% 0;
  341. z-index:100000!important;
  342. }
  343.  
  344. iframe.tmblr-iframe:hover {
  345. opacity:0.6!important;
  346. }
  347.  
  348. /* Tooltips */
  349.  
  350. .ui-tooltip {
  351. position:absolute;
  352. z-index:9999;
  353. padding-top:10px;
  354. }
  355.  
  356. .ui-tooltip-content {
  357. background:{color:Background};
  358. padding:0 4px;
  359. font-style:italic;
  360. color:{color:Link};
  361. text-transform:lowercase;
  362. border:1px solid {color:Borders};
  363. }
  364.  
  365. img {
  366. margin:0;
  367. opacity:1;
  368. border:0;
  369. text-decoration:none;
  370. max-width:100%;
  371. height:auto;
  372. display:block;
  373. }
  374.  
  375. /* Image style */
  376.  
  377. {block:IfFadedImages}
  378. img {
  379. -webkit-transition: opacity 0.8s linear;
  380. -moz-transition: opacity 0.8s linear;
  381. -o-transition: opacity 0.8s linear;
  382. -ms-transition: opacity 0.8s linear;
  383. opacity: 0.60;
  384. }
  385.  
  386. img:hover {
  387. -webkit-transition: opacity 0.8s linear;
  388. -moz-transition: opacity 0.8s linear;
  389. -o-transition: opacity 0.8s linear;
  390. -ms-transition: opacity 0.8s linear;
  391. opacity: 1;
  392. }
  393. {/block:IfFadedImages}
  394.  
  395. {block:IfMonochromeImages}
  396. img {
  397. -webkit-filter: grayscale(1);
  398. -webkit-transition: all 0.5s ease-in-out;
  399. -moz-transition: all 0.5s ease-in-out;
  400. -o-transition: all 0.5s ease-in-out;
  401. -ms-transition: all 0.5s ease-in-out;
  402. transition: all 0.5s ease-in-out;
  403. }
  404.  
  405. img:hover {
  406. filter: none;
  407. -webkit-filter: grayscale(0);
  408. -webkit-transition: all 0.3s ease-in-out;
  409. -moz-transition: all 0.3s ease-in-out;
  410. -o-transition: all 0.3s ease-in-out;
  411. }
  412. {/block:IfMonochromeImages}
  413.  
  414. /* Fix */
  415.  
  416. iframe, img, embed, object, video {
  417. max-width: 100%;
  418. border: none;
  419. }
  420.  
  421. input, textarea, select, a { outline: none; }
  422.  
  423. /*-- CREDIT --*/
  424.  
  425. #credit {
  426. position:fixed;
  427. top:10px;
  428. right:10px;
  429. width:25px;
  430. height:25px;
  431. z-index: 100000;
  432. }
  433.  
  434. #credit img {
  435. border: 1px solid {color:Borders};
  436. }
  437.  
  438. #credit img:hover {
  439. border: 1px solid {color:Hover};
  440. }
  441.  
  442. /*------------------------------- CONTAINER -----------------------------*/
  443.  
  444. #container {
  445. position:fixed;
  446. top:50%;
  447. left:50%;
  448. padding-top:30px;
  449. width:1000px;
  450. height:545px;
  451. background:url('https://i.imgur.com/ezjEkPQ.png');
  452. -webkit-transform: translateX(-50%) translateY(-50%);
  453. -moz-transform: translateX(-50%) translateY(-50%);
  454. -ms-transform: translateX(-50%) translateY(-50%);
  455. transform: translateX(-50%) translateY(-50%);
  456. }
  457.  
  458. /* Sidebar */
  459.  
  460. #sidebar {
  461. position:fixed!important;
  462. margin-top:20px;
  463. margin-left:52px;
  464. width:440px;
  465. height:500px;
  466. text-align:left;
  467. z-index:100;
  468. }
  469.  
  470. #blog-title {
  471. margin-top:20px;
  472. margin-left:65px;
  473. width:360px;
  474. height:auto;
  475. color:{color:Blog title};
  476. font-family:{select:Title Font};
  477. font-size:{select:Blog title font size};
  478. line-height:calc({select:Blog title font size} + 5px);
  479. letter-spacing:2px;
  480. text-align:center;
  481. word-wrap:break-word;
  482. overflow:hidden;
  483. }
  484.  
  485. /* Description */
  486.  
  487. #description {
  488. margin-top:15px;
  489. margin-left:65px;
  490. width:340px;
  491. height:{text:Description height};
  492. padding:0 10px;
  493. color:{color:Description};
  494. text-align:justify;
  495. font-size:12px;
  496. line-height:17px;
  497. overflow-y:auto;
  498. }
  499.  
  500. #description:first-letter {
  501. float:left;
  502. margin-right:12px;
  503. line-height:34px;
  504. color:{color:Extra link};
  505. font-size:250%;
  506. font-family:{select:Title Font};
  507. overflow:hidden;
  508. }
  509.  
  510. /* Avatar */
  511.  
  512. #avatar {
  513. margin-top:20px;
  514. margin-left:30px;
  515. position:absolute;
  516. width:180px;
  517. height:140px;
  518. }
  519.  
  520. #avatar img {
  521. position:absolute;
  522. margin:0;
  523. width:180px;
  524. height:140px;
  525. z-index:-10;
  526. }
  527.  
  528. .avatarborder {
  529. position:absolute;
  530. margin:0;
  531. margin-left:-1px;
  532. width:180px;
  533. height:140px;
  534. background:url('https://i.imgur.com/F9HvDJ7.png');
  535. z-index:1000;
  536. }
  537.  
  538. /* Navigation */
  539.  
  540. #navigation {
  541. position:absolute;
  542. margin-top:20px;
  543. left:230px;
  544. height:140px;
  545. width:180px;
  546. background:url('https://i.imgur.com/F9HvDJ7.png');
  547. }
  548.  
  549. #navigation a {
  550. display:block;
  551. margin-top:8px;
  552. margin-left:10px;
  553. width:150px;
  554. height:16px;
  555. padding:4px 5px;
  556. color:{color:Extra link};
  557. font-size:calc({select:Title font size} - 5px);
  558. font-family:{select:Title Font};
  559. border-bottom:2px dotted #bbb;
  560. text-align:center;
  561. }
  562.  
  563. #navigation a:last-child {
  564. border-bottom:none;
  565. }
  566.  
  567. /* main-links */
  568.  
  569. #main-links {
  570. position:absolute;
  571. margin-top:180px;
  572. left:57px;
  573. width:270px;
  574. height:45px;
  575. padding:28px;
  576. text-align:center;
  577. font-family:{select:Title Font};
  578. background:url('https://i.imgur.com/rQXtYRk.png');
  579. }
  580.  
  581. #main-links a {
  582. display:inline-block;
  583. margin:8px 5px;
  584. color:{color:Main link};
  585. font-size:calc({select:Title font size} - 7px);
  586. line-height:calc({select:Title font size} + 3px);
  587. font-family:{select:Title Font};
  588. }
  589.  
  590. /* ---------- POSTS AND ENTRIES ---------- */
  591.  
  592. #containerin {
  593. margin-top:10px;
  594. margin-left:550px;
  595. margin-right:auto;
  596. width:410px;
  597. max-height:460px;
  598. overflow-y:auto;
  599. overflow-x:hidden;
  600. }
  601.  
  602. #posts {
  603. margin-top:0;
  604. margin-left:0;
  605. margin-right:auto;
  606. width:410px;
  607. }
  608.  
  609. .entry {
  610. display:inline-block;
  611. float:left;
  612. margin-bottom:25px;
  613. padding:0;
  614. width:390px;
  615. height:auto;
  616. background:transparent;
  617. overflow: hidden;
  618. }
  619.  
  620. .entry img { max-width: 100%; }
  621.  
  622. .content {
  623. margin-top:0px;
  624. margin-left:0px;
  625. padding:5px 0;
  626. }
  627.  
  628. .topborder {
  629. position:absolute;
  630. margin-top:-28px;
  631. margin-left:-20px;
  632. width:100px;
  633. height:100px;
  634. background:url('https://i62.tinypic.com/9rhrp0.jpg');
  635. background-repeat:no-repeat;
  636. }
  637.  
  638. /* Caption */
  639.  
  640. .comment {
  641. padding:0px 10px;
  642. padding-top:5px;
  643. list-style:none;
  644. border-bottom:1px solid {color:Borders};
  645. }
  646.  
  647. .comment:last-of-type {
  648. padding-bottom:0!important;
  649. border-bottom:1px solid transparent;
  650. }
  651.  
  652. /* -------- POSTS STYLES ------- */
  653.  
  654. /* Titles */
  655.  
  656. .title {
  657. margin:0px;
  658. margin-bottom:10px;
  659. color:{color:Title};
  660. font-family:{select:Title Font};
  661. font-size:{select:Title font size};
  662. line-height: -moz-calc({select:Title font size} + 3px);
  663. line-height: -webkit-calc({select:Title font size} + 3px);
  664. line-height: -o-calc({select:Title font size} + 3px);
  665. line-height: calc({select:Title font size} + 3px);
  666. }
  667.  
  668. .title a { color:{color:Title}; }
  669.  
  670. .title a:hover { color:{color:Link}; }
  671.  
  672. .tex li, .tex blockquote {
  673. text-align:left;
  674. }
  675.  
  676. /* Photoset posts */
  677.  
  678. .photo-slideshow {
  679. margin-top:5px;
  680. padding-top:5px;
  681. }
  682.  
  683. /* Quote posts */
  684.  
  685. .quote {
  686. margin:0;
  687. padding: 5px;
  688. font-family: {select:Title font};
  689. font-size: {select:Title font size};
  690. line-height: -moz-calc({select:Title font size} + 3px);
  691. line-height: -webkit-calc({select:Title font size} + 3px);
  692. line-height: -o-calc({select:Title font size} + 3px);
  693. line-height: calc({select:Title font size} + 3px);
  694. color: {color:Italic};
  695. text-align: left;
  696. letter-spacing: 2px;
  697. }
  698.  
  699. .quote-source {
  700. font-size: 12px;
  701. line-height: 20px;
  702. }
  703.  
  704. /* Link posts */
  705.  
  706. .linkthumb img {
  707. width: 100%;
  708. }
  709.  
  710. .linkp {
  711. padding:0px 10px;
  712. background:transparent;
  713. text-transform:lowercase;
  714. }
  715.  
  716. .linkp h2 {
  717. font-family:{select:Title Font};
  718. padding:0;
  719. }
  720.  
  721. .linkp i {
  722. color: {color:Title};
  723. }
  724.  
  725. /* Chat posts */
  726.  
  727. .line {
  728. margin: 5px 10px;
  729. line-height: 18px;
  730. }
  731.  
  732. /* Ask Posts */
  733.  
  734. .asker {
  735. margin: 5px;
  736. margin-top: 10px;
  737. width: -moz-calc(100% - 10px);
  738. width: -webkit-calc(100% - 10px);
  739. width: -o-calc(100% - 10px);
  740. width: calc(100% - 10px);
  741. height: auto;
  742. }
  743.  
  744. .bubble {
  745. width: -moz-calc(100% - 70px);
  746. width: -webkit-calc(100% - 70px);
  747. width: -o-calc(100% - 70px);
  748. width: calc(100% - 70px);
  749. height: auto;
  750. min-height: 35px;
  751. padding: 10px;
  752. line-height: 20px;
  753. background: {color:Ask bubble};
  754. z-index: 10;
  755. }
  756.  
  757. .triangle {
  758. position: absolute;
  759. margin-left: -moz-calc(100% - 70px);
  760. margin-left: -webkit-calc(100% - 70px);
  761. margin-left: -o-calc(100% - 70px);
  762. margin-left: calc(100% - 70px);
  763. width: 0;
  764. border-left: 8px solid {color:Ask bubble};
  765. border-bottom: 8px solid transparent;
  766. border-top: 8px solid transparent;
  767. z-index:1;
  768. }
  769.  
  770. .asker img {
  771. float: right;
  772. margin-right: 0;
  773. max-width: 30px;
  774. border: 1.5px solid {color:Ask bubble};
  775. border-radius: 2px;
  776. z-index:1000;
  777. opacity:1;
  778. }
  779.  
  780. .asker a {
  781. margin: 0;
  782. }
  783.  
  784. .answer {
  785. margin: 10px;
  786. margin-bottom: 0;
  787. }
  788.  
  789. /* ----------------------- POST INFO ----------------------------- */
  790.  
  791. .topinfo {
  792. display:inline-block;
  793. margin:0;
  794. margin-bottom:10px;
  795. width:130px;
  796. height:60px;
  797. line-height:25px;
  798. padding-left:50px;
  799. font-size:calc({select:Title font size} - 5px);
  800. font-family:{select:Title Font};
  801. background:url('https://i.imgur.com/7nBgqPj.png');
  802. background-repeat:no-repeat;
  803. }
  804.  
  805. .topinfo a {
  806. color:{color:Post info};
  807. }
  808.  
  809. /* Bottom info */
  810.  
  811. .botinfo {
  812. margin: 0;
  813. width:100%;
  814. height:auto;
  815. min-height: 60px;
  816. padding:5px 0;
  817. background:url('https://i.imgur.com/KKygAFK.png');
  818. background-repeat:no-repeat;
  819. font-size: 13px;
  820. line-height: 33px;
  821. color:{color:Text};
  822. overflow:hidden;
  823. }
  824.  
  825. .botinfo a {
  826. margin-right: 25px;
  827. color:{color:Post info};
  828. }
  829.  
  830. .tags {
  831. margin-top:-5px;
  832. font-size: 13px;
  833. {block:IndexPage}
  834. {block:ifNotShowTags}
  835. display: none;
  836. {/block:ifNotShowTags}
  837. {/block:IndexPage}
  838. }
  839.  
  840. .tags a {
  841. margin-right: 5px;
  842. }
  843.  
  844. .notec {
  845. margin:0;
  846. float: left;
  847. }
  848.  
  849. /* Butttons */
  850.  
  851. .buttons {
  852. float:right;
  853. margin-top:5px;
  854. width:75px;
  855. height:20px;
  856. line-height:20px;
  857. list-style:none;
  858. text-align:right;
  859. width:110px;
  860. }
  861.  
  862. .buttons li {
  863. display:inline-block;
  864. margin:0px;
  865. margin-left:6px;
  866. width:16px;
  867. color:{color:Buttons};
  868. text-align:center;
  869. }
  870.  
  871. .perma i {
  872. font-size:14px;
  873. color:{color:Buttons};
  874. }
  875.  
  876. .cmnt i {
  877. font-size:15px;
  878. color:{color:Buttons};
  879. }
  880.  
  881. .rblg i {
  882. font-size:17px;
  883. color:{color:Buttons};
  884. }
  885.  
  886. .likeb i {
  887. font-size:14px;
  888. color:{color:Buttons};
  889. }
  890.  
  891. .likeb .like_button {
  892. position: absolute;
  893. opacity: 0;
  894. margin-top:-18px;
  895. margin-left:1px;
  896. z-index:10;
  897. }
  898.  
  899. .like .like_button.liked {
  900. opacity: 1;
  901. }
  902.  
  903. .buttons i:hover {
  904. color:{color:Hover};
  905. }
  906.  
  907. /* Permalink pagination */
  908.  
  909. .permapag {
  910. margin-top: 25px;
  911. margin-left: 0;
  912. }
  913.  
  914. .permapag a {
  915. margin:10px;
  916. padding:5px;
  917. color:{color:Link};
  918. font-family:{select:Title Font};
  919. font-size:calc({select:Title font size} - 5px);
  920. }
  921.  
  922. /* Post notes */
  923.  
  924. .open-pnotes {
  925. margin:10px 0;
  926. margin-left:-5px;
  927. width:150px;
  928. color: {color:Text};
  929. text-align:left;
  930. cursor: pointer;
  931. padding: 5px 10px;
  932. font-family:{select:Title Font};
  933. font-size:calc({select:Title font size} - 7px);
  934. }
  935.  
  936. .open-pnotes:hover {
  937. color:{color:Hover};
  938. }
  939.  
  940. #notes {
  941. margin:10px 0;
  942. width: 390px;
  943. font-size: 13px;
  944. color: {color:Text};
  945. display:none;
  946. }
  947.  
  948. ol.notes {
  949. padding: 0;
  950. margin: 5px 0;
  951. list-style-type: none;
  952. }
  953.  
  954. ol.notes li.note {
  955. padding: 5px;
  956. }
  957.  
  958. ol.notes li.note img.avatar {
  959. float:left;
  960. vertical-align: -5px;
  961. width: 15px;
  962. height: 15px;
  963. margin-left:10px;
  964. margin-right:10px;
  965. }
  966.  
  967. li.more_notes_link_container {
  968. text-transform: uppercase;
  969. font-size: 13px;
  970. }
  971.  
  972. /* Disqus box */
  973.  
  974. #disqusbox {
  975. padding:15px;
  976. }
  977.  
  978. /* ------------------- PAGINATION AND INFINITE SCROLL -------------------- */
  979.  
  980. #pagcon {
  981. margin-top:0px;
  982. margin-left:0px;
  983. margin-right:auto;
  984. width:420px;
  985. height:40px;
  986. text-align: center;
  987. z-index:100;
  988. }
  989.  
  990. /* Pagination */
  991.  
  992. #pagination {
  993. width:100%;
  994. height:40px;
  995. {block:ifInfiniteScroll}
  996. display: none;
  997. {/block:ifInfiniteScroll}
  998. }
  999.  
  1000. .previous, .next, .load-more, .jump_page, .current_page {
  1001. display:inline-block;
  1002. margin:5px;
  1003. color:{color:Hover};
  1004. vertical-align:middle;
  1005. height:25px;
  1006. line-height:25px;
  1007. font-family:{select:Title Font};
  1008. font-size:calc({select:Title font size} - 7px);
  1009. text-align:center;
  1010. }
  1011.  
  1012. #pagination a {
  1013. color:{color:Pagination};
  1014. vertical-align:middle;
  1015. height:25px;
  1016. line-height:25px;
  1017. }
  1018.  
  1019. #pagination a:hover {
  1020. color:{color:Hover};
  1021. }
  1022.  
  1023. /* INFINITE SCROLL */
  1024.  
  1025. #infscr-loading {
  1026. display:none!important;
  1027. }
  1028.  
  1029. #iscon{
  1030. width: 100%;
  1031. height: 35px;
  1032. z-index: 10000;
  1033. }
  1034.  
  1035. {block:ifLoadMore}
  1036. .load-more{
  1037. width:390px;
  1038. height:35px;
  1039. font-size:{select:Body font size};
  1040. }
  1041. {/block:ifLoadMore}
  1042.  
  1043. /* --------------------------- Custom CSS -------------------------- */
  1044.  
  1045. {CustomCSS}
  1046.  
  1047. </style>
  1048.  
  1049. <meta charset="utf-8">
  1050. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  1051. {block:Description}
  1052. <meta name="description" content="{MetaDescription}" />
  1053. {/block:Description}
  1054.  
  1055. </head>
  1056.  
  1057. <!------------------------------ HTML ------------------------------->
  1058.  
  1059. <body>
  1060.  
  1061. <div id="container">
  1062.  
  1063. <div id="sidebar">
  1064.  
  1065. <div id="blog-title">{Title}</div>
  1066.  
  1067. <div id="description">{Description}</div>
  1068.  
  1069. <div id="avatar">
  1070. <img src="{image:Avatar}"></a>
  1071. <div class="avatarborder">
  1072. </div>
  1073. </div>
  1074. <!--End avatar-->
  1075.  
  1076. <div id="navigation">
  1077. <a href="{text:Link One url}">{text:Link One}</a>
  1078. <a href="{text:Link Two url}">{text:Link Two}</a>
  1079. <a href="{text:Link Three url}">{text:Link Three}</a>
  1080. <a href="{text:Link Four url}">{text:Link Four}</a>
  1081. </div>
  1082. <!--End navigation-->
  1083.  
  1084. <div id="main-links">
  1085. <a href="/">Index</a>
  1086. <a href="/ask">Ask</a>
  1087. <a href="/submit">Submit</a>
  1088. <a href="/archive">Archive</a> </div>
  1089.  
  1090. </div>
  1091. <!--End sidebar-->
  1092.  
  1093. <div id="containerin">
  1094.  
  1095. <!-- Posts -->
  1096. <section id="posts">
  1097.  
  1098. {block:Posts}
  1099.  
  1100. <article class="entry {block:Caption}captioned{/block:Caption}">
  1101.  
  1102. {block:Date}
  1103.  
  1104. <div class="topinfo">
  1105.  
  1106. <div class="topinfod"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}"> {ShortMonth} {DayOfMonthWithZero} </a></div>
  1107.  
  1108. </div>
  1109. <!-- End topinfo-->
  1110.  
  1111. {/block:Date}
  1112.  
  1113. <div class="content">
  1114.  
  1115. <!-- Text post -->
  1116. {block:Text}
  1117.  
  1118. {block:Title}
  1119. <div class="title">{Title}</div>{/block:Title}
  1120. {block:RebloggedFrom}
  1121. {block:Reblogs}
  1122. <li class="comment {block:Title}{/block:Title}">
  1123. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  1124. <div class="tex">{body}</div>
  1125. </li>
  1126. {/block:Reblogs}
  1127. {/block:RebloggedFrom}
  1128. {block:NotReblog}
  1129. <li class="comment {block:Title}{/block:Title}">
  1130. <div class="tex">{body}</div>
  1131. </li>
  1132. {/block:NotReblog}
  1133. {/block:Text}
  1134.  
  1135. <!-- Photo post -->
  1136. {block:Photo}
  1137. {block:IndexPage}
  1138. {LinkOpenTag}
  1139. <img src="{photoURL-HighRes}" alt="{PhotoAlt}" width="{select:Post width}px"/></a>
  1140. {LinkCloseTag}
  1141. {/block:IndexPage}
  1142. {block:PermalinkPage}
  1143. {LinkOpenTag}
  1144. <img src="{photoURL-HighRes}" alt="{PhotoAlt}" width="{select:Post width}px"/></a>
  1145. {LinkCloseTag}
  1146. {/block:PermalinkPage}
  1147. {/block:Photo}
  1148.  
  1149. <!-- Panorama post -->
  1150. {block:Panorama}
  1151. {LinkOpenTag}
  1152. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  1153. {LinkCloseTag}
  1154. {/block:Panorama}
  1155.  
  1156. <!-- Photoset post -->
  1157. {block:Photoset}
  1158. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1159. {/block:Photoset}
  1160.  
  1161. <!-- Quote post -->
  1162. {block:Quote}
  1163. <div class="quote">
  1164. "{Quote}"
  1165. </div>
  1166. <!-- End quote-->
  1167. <div class="source">
  1168. — {Source}
  1169. </div>
  1170. <!-- End source-->
  1171. {/block:Quote}
  1172.  
  1173. <!-- Link post -->
  1174. {block:Link}
  1175. {block:Thumbnail}
  1176. <div class="linkthumb">
  1177. <img src="{Thumbnail}" alt="{Name}">
  1178. </div>
  1179. <!-- End linkthumb-->
  1180. {/block:Thumbnail}
  1181. <div class="linkp">
  1182. <a href="{URL}"><h2>{Name} <i class="fa fa-angle-right" aria-hidden="true"></i></h2></a>
  1183. {block:Description}
  1184. {Description}
  1185. {/block:Description}
  1186. </div>
  1187. <!-- End linkp-->
  1188. {/block:Link}
  1189.  
  1190. <!-- Chat post -->
  1191. {block:Chat}
  1192. {block:Title}<h1>{Title}</h1>{/block:Title}
  1193. {block:Lines}
  1194. <div class="line">
  1195. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  1196. </div>
  1197. <!-- End line-->
  1198. {/block:Lines}
  1199. {/block:Chat}
  1200.  
  1201. <!-- Audio post -->
  1202. {block:Audio}
  1203. <div style="height: 85px">{AudioEmbed-640}</div>
  1204. {/block:Audio}
  1205.  
  1206. <!-- Video post -->
  1207. {block:Video}
  1208. {Video-500}
  1209. {/block:Video}
  1210.  
  1211. <!-- Ask post -->
  1212. {block:Answer}
  1213. <div class="asker">
  1214. <img src="{AskerPortraitURL-48}">
  1215. <div class="bubble" style="background:{color:Ask bubble}; border-color:{color:Ask bubble}; border-radius:2px;">
  1216. <div class="triangle"></div>
  1217. {Asker}
  1218. <br> {Question}
  1219. </div>
  1220. <!-- End bubble-->
  1221. </div>
  1222. <!-- End asker -->
  1223. <div class="answer">
  1224. {Answer}
  1225. </div>
  1226. <!-- End answer -->
  1227. {/block:Answer}
  1228.  
  1229. <!-- Caption -->
  1230. {block:Caption}
  1231. {block:Reblogs}
  1232. <li class="comment">
  1233. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} } class="user" target="_blank">{Username}</a>
  1234. <div class="tex">{Body}</div>
  1235. </li>
  1236. {/block:Reblogs}
  1237. {block:NotReblog}
  1238. <li class="comment">
  1239. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank">{Name}</a>
  1240. <div class="tex">{caption}</div>
  1241. </li>
  1242. {/block:NotReblog}
  1243. {/block:Caption}
  1244.  
  1245. </div>
  1246. <!-- End content -->
  1247.  
  1248. {block:Date}
  1249.  
  1250. <div class="botinfo">
  1251.  
  1252. <div class="buttons">
  1253.  
  1254. {block:IndexPage}
  1255. <li class="perma"><a href="{Permalink}"><i class="fa fa-paper-plane" aria-hidden="true"></i></a></li>
  1256.  
  1257. {block:ifDisqusShortname}
  1258. <li class="cmnt"><a href="{Permalink}#disqus_thread"><i class="fa fa-comment" aria-hidden="true"></i></a></li>
  1259. {/block:ifDisqusShortname}
  1260.  
  1261. {/block:IndexPage}
  1262.  
  1263. <li class="rblg"><a href="{ReblogURL}"><i class="fa fa-retweet" aria-hidden="true"></i></a></li>
  1264.  
  1265. <li class="likeb"><i class="fa fa-heart" aria-hidden="true"></i>{LikeButton size="14"}</li>
  1266.  
  1267. </div>
  1268. <!--End buttons-->
  1269.  
  1270. {block:NoteCount}
  1271. <a href="{Permalink}"> {NoteCountWithLabel}</a>
  1272. {/block:NoteCount}
  1273.  
  1274. {block:RebloggedFrom}
  1275. {block:ContentSource}
  1276. <br> Source: <a href="{ReblogRootURL}" target="_blank"> {ReblogRootName}</a><br>
  1277. {/block:ContentSource}
  1278. {/block:RebloggedFrom}
  1279.  
  1280. {block:NotReblog}
  1281. <br> Source: <a href="/"> original</a>
  1282. {/block:NotReblog}
  1283.  
  1284. {block:HasTags}
  1285. <div class="tags">
  1286. {block:Tags}
  1287. <a href="{TagURL}">
  1288. #{Tag}</a> &nbsp;
  1289. {/block:Tags}<br>
  1290. </div>
  1291. {/block:HasTags}
  1292.  
  1293. </div>
  1294. <!-- End botinfo-->
  1295.  
  1296. <!--Permalink page-->
  1297. {block:PermalinkPage}
  1298.  
  1299. {block:PostNotes}
  1300.  
  1301. <div class="open-pnotes"> Show/hide post notes </div>
  1302.  
  1303. <div id="notes">
  1304. {PostNotes}
  1305. </div>
  1306. <!-- End notes-->
  1307. {/block:PostNotes}
  1308.  
  1309. {block:PermalinkPagination}
  1310. <div class="permapag">
  1311. <center>
  1312. {block:PreviousPost}
  1313. <a href="{PreviousPost}"> ← Prev post</a>
  1314. {/block:PreviousPost}
  1315.  
  1316. {block:NextPost}
  1317. <a href="{NextPost}"> Next post →</a>
  1318. {/block:NextPost}
  1319. </center>
  1320. </div><br>
  1321. {/block:PermalinkPagination}
  1322.  
  1323. {block:ifDisqusShortname}
  1324. <div id="disqusbox">
  1325.  
  1326. <div id="disqus_thread"></div>
  1327. <script type="text/javascript">
  1328. /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  1329. var disqus_shortname = '{text:Disqus Shortname}'; // Required - Enter shortname in Tumblr Theme Options
  1330. var disqus_url = '{Permalink}';
  1331.  
  1332. /* * * DON'T EDIT BELOW THIS LINE * * */
  1333. (function() {
  1334. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1335. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  1336. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1337. })();
  1338. </script>
  1339. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  1340. <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  1341.  
  1342. </div>
  1343. <!-- End disqus box-->
  1344. {/block:ifDisqusShortname}
  1345.  
  1346. {/block:PermalinkPage}
  1347.  
  1348. {/block:Date}
  1349.  
  1350. <!-- No via and source in captions -->
  1351. {block:ContentSource}
  1352. <!-- {SourceURL}
  1353. {block:SourceLogo}
  1354. <img src="{BlackLogoURL}"
  1355. width="{LogoWidth}"
  1356. height="{LogoHeight}"
  1357. alt="{SourceTitle}" />
  1358. {/block:SourceLogo}
  1359. {block:NoSourceLogo}
  1360. {SourceLink}
  1361. {/block:NoSourceLogo} -->
  1362. {/block:ContentSource}
  1363.  
  1364. </article>
  1365.  
  1366. {/block:Posts}
  1367.  
  1368. </section>
  1369.  
  1370. {block:Pagination}
  1371.  
  1372. <div id="pagcon">
  1373.  
  1374. <div id="pagination">
  1375. {block:PreviousPage}
  1376. <a class="previous" href="{PreviousPage}"> ← </a>
  1377. {/block:PreviousPage}
  1378.  
  1379. {block:JumpPagination length="5"}
  1380. {block:CurrentPage}<span class="current_page">{CurrentPage}</span>{/block:CurrentPage}
  1381. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1382.  
  1383. {block:NextPage}
  1384. <a class="next" href="{NextPage}"> →</a>
  1385. {/block:NextPage}
  1386. </div>
  1387. <!--End pagination-->
  1388.  
  1389. <div id="iscon">
  1390. {block:ifLoadMore}
  1391.  
  1392. <a href="#" class="load-more"> LOAD MORE ↓</a>
  1393. {/block:ifLoadMore}
  1394. </div>
  1395.  
  1396. </div>
  1397. <!--End pagcon-->
  1398.  
  1399. {/block:Pagination}
  1400.  
  1401. </div>
  1402. <!-- End containerin -->
  1403.  
  1404. </div>
  1405. <!-- End container -->
  1406.  
  1407. <!-------------------------------- SCRIPTS -------------------------------->
  1408.  
  1409. <!--Google fonts -->
  1410.  
  1411. <link href="https://fonts.googleapis.com/css?family=Great+Vibes|Alex+Brush|Clicker+Script|Rouge+Script|Merienda+One" rel="stylesheet">
  1412.  
  1413. <!-- Font awesome -->
  1414.  
  1415. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  1416.  
  1417. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  1418.  
  1419. <script>
  1420. $(document).ready(function(){
  1421.  
  1422. $(".open-pnotes").click(function(){
  1423. $("#notes").toggle(500);
  1424. });
  1425.  
  1426. });
  1427. </script>
  1428.  
  1429. <!-- PXU photoset & responsive photosets -->
  1430.  
  1431. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1432. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1433. <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  1434.  
  1435. {block:IndexPage}
  1436.  
  1437. <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1438.  
  1439. {block:ifInfiniteScroll}<script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1440. {/block:ifInfiniteScroll}
  1441.  
  1442. {/block:IndexPage}
  1443.  
  1444. <script>
  1445. $(document).ready(function(){
  1446. $('.photo-slideshow').pxuPhotoset({
  1447. lightbox: true,
  1448. rounded: false,
  1449. gutter: '1px',
  1450. photoset: '.photo-slideshow',
  1451. photoWrap: '.photo-data',
  1452. photo: '.pxu-photo'
  1453. });
  1454. {block:IndexPage}
  1455. var $container = $('section');
  1456. $container.masonry({ itemSelector: 'article' });
  1457. $container.imagesLoaded(function(){
  1458. $container.masonry();
  1459. $container.find('article').animate({ opacity: 1, zIndex: 1 });
  1460. });
  1461. {block:ifInfiniteScroll}
  1462. $container.infinitescroll({
  1463. itemSelector: 'article',
  1464. navSelector: '.pagination',
  1465. nextSelector: '.next',
  1466. loadingImg: '',
  1467. loadingText: '<em></em>',
  1468. bufferPx: 2000
  1469. },
  1470. function( newElements ) {
  1471. var $newElems = $( newElements );
  1472. $newElems.find('.photo-slideshow').pxuPhotoset({
  1473. lightbox: true,
  1474. rounded: false,
  1475. gutter: '1px',
  1476. photoset: '.photo-slideshow',
  1477. photoWrap: '.photo-data',
  1478. photo: '.pxu-photo'
  1479. },
  1480. function(){
  1481. $container.masonry();
  1482. });
  1483. $newElems.imagesLoaded(function(){
  1484. $container.masonry( 'appended', $newElems );
  1485. $newElems.animate({ opacity: 1, zIndex: 1 });
  1486. });
  1487. });
  1488. {/block:ifInfiniteScroll}
  1489. $container.infinitescroll({
  1490. itemSelector: "article",
  1491. navSelector: "#pagination",
  1492. nextSelector: ".next",
  1493. loadingImg: "",
  1494. loadingText: "<em></em>",
  1495. bufferPx: 10000,
  1496. extraScrollPx: 12000,
  1497. errorCallback: function() {
  1498. $('.load-more').fadeOut();
  1499. }
  1500. }, function(newElements) {
  1501. var $newElems = $(newElements).css({
  1502. opacity: 0
  1503. });
  1504. $newElems.imagesLoaded(function() {
  1505. $newElems.animate({
  1506. opacity: 1
  1507. });
  1508. $container.masonry('appended', $newElems,
  1509. true);
  1510. });
  1511. });
  1512. {block:ifLoadMore}
  1513. $(window).unbind('.infscr');
  1514. $('.load-more').click(function() {
  1515. $container.infinitescroll('retrieve');
  1516. return false
  1517. });
  1518. {/block:ifLoadMore}
  1519. {/block:IndexPage}
  1520. });
  1521. </script>
  1522.  
  1523. <!-- CREDIT (do not remove) -->
  1524.  
  1525. <div id="credit"><a href="http://borntobewildcodes.tumblr.com" title="theme STORYTIME by @borntobewildcodes"><img src="https://i57.tinypic.com/301g6eg.jpg"></a></div>
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!