API tools faq
paste
edgyball

Gen Code

edgyball
Apr 12th, 2015
237
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.89 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
  5. <meta name="if:Show portrait" content="1"/>
  6. <meta name="if:Show title" content="1"/>
  7. <meta name="if:Show search" content="1"/>
  8. <meta name="if:Show date" content="0"/>
  9. <meta name="if:Show tags" content="1"/>
  10. <meta name="if:Show notes count" content="0"/>
  11.  
  12.  
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}" />
  15. {/block:Description}
  16.  
  17. <title>{Title}</title>
  18.  
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21.  
  22. <!--[if lt IE 9]>
  23. <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  24. <![endif]-->
  25. <style type="text/css">
  26. /* --------------------------------------------------------------------------
  27. $BODY-ELEMENTS
  28. /--------------------------------------------------------------------------*/
  29. body
  30. {
  31. margin:0;
  32. padding:20px 0;
  33. background-color:#ffffff;
  34. background-image:url(http://i.imgur.com/S3fLubx.gif);
  35. font-family:'Lucida Console', Monaco, monospace;;
  36. font-size:13px;
  37. color:#39d5ed;
  38.  
  39. text-shadow:#ffffff 0 1px 1px;
  40.  
  41. line-height:auto;
  42.  
  43. }
  44.  
  45. a
  46. {
  47. text-decoration:none;
  48. color:#4de378;
  49. }
  50. a:hover
  51. {
  52. text-decoration:underline;
  53. color:#962ce8;
  54. }
  55.  
  56. blockquote
  57. {
  58. font-style:italic;
  59. border-left:5px solid #cccccc;
  60. margin-left:0;
  61. width:100%;
  62. background:#f7f7f7;
  63. }
  64.  
  65. blockquote p
  66. {
  67. margin:0;
  68. padding:10px;
  69. padding-left:40px;
  70. font-family:Georgia;
  71. font-size:15px;
  72. color:#555555;
  73. }
  74.  
  75. blockquote + cite
  76. {
  77. margin-top:-10px;
  78. display:block;
  79. text-align:right;
  80. font-style:normal;
  81. font-size:12px;
  82. color:#888;
  83. }
  84. blockquote + cite:before
  85. {
  86. content: '\2014\0020';
  87. }
  88.  
  89. /* --------------------------------------------------------------------------
  90. $LAYOUT
  91. /--------------------------------------------------------------------------*/
  92. .wrapper
  93. {
  94. width:90%;
  95. margin:0 auto;
  96. }
  97.  
  98. .sidebar,
  99. .content
  100. {
  101. float:left;
  102. /* Float both divs left */
  103. }
  104.  
  105. .content
  106. {
  107. width:70%;
  108. /* 70% of the wrapper */
  109. }
  110. .content > .inner
  111. {
  112. padding-bottom:20px;
  113. margin-left:30px;
  114. /* Spacing between sidebar and content */
  115. }
  116.  
  117. .sidebar
  118. {
  119. width:30%;
  120. /* Take 30% of wrapper width */
  121. word-wrap:break-word;
  122. /* Don't want overlap into content */
  123. }
  124. .sidebar.right
  125. {
  126. float:right;
  127. /* If we're positioning the sidebar on the right, float right and... */
  128. }
  129. .sidebar.right + .content > .inner
  130. {
  131. margin-left:0;
  132. margin-right:30px;
  133. /* ...and flip the margins */
  134. }
  135.  
  136.  
  137. .sidebar.top,
  138. .sidebar.top + .content
  139. {
  140. width:100%;
  141. }
  142. .sidebar.top
  143. {
  144. margin-bottom:30px;
  145. }
  146. .sidebar.top + .content > .inner
  147. {
  148. margin-left:0;
  149. }
  150.  
  151.  
  152. /* --------------------------------------------------------------------------
  153. $SIDEBAR
  154. /--------------------------------------------------------------------------*/
  155. .sidebar
  156. {
  157. text-align:center;
  158. background:#ffffff;
  159. border-radius:5px;
  160.  
  161. box-shadow:0 0 10px 2px rgba(60, 60, 60, 0.1);
  162. /* Drop shadow */
  163.  
  164. font-family:'Lucida Console', Monaco, monospace;;
  165. }
  166. .sidebar .inner
  167. {
  168. padding-top:20px;
  169. padding-bottom:20px;
  170. padding-left:0px;
  171. padding-right:0px;
  172.  
  173. border:2px solid #23db9b;
  174. border-radius:5px;
  175. }
  176. .sidebar header
  177. {
  178. margin-bottom:20px;
  179. /* Give some bottom spacing from the sidebar header */
  180. }
  181.  
  182. .sidebar .portrait
  183. {
  184. width:138px;
  185. /* Set portrait image container width */
  186. box-shadow:0 0 10px 2px rgba(60, 60, 60, 0.1);
  187. /* Give thin border and drop-shadow */
  188. margin-top:0;
  189. margin-bottom:20px;
  190. margin-left:auto;
  191. margin-right:auto;
  192. /* Align center and give vertical spacing */
  193. }
  194. .portrait img
  195. {
  196. border:5px solid #ffffff;
  197. /* Give thick white border */
  198. width:128px;
  199. height:128px;
  200. /* Set width */
  201. display:block;
  202. /* Clear inline whitepace */
  203. }
  204.  
  205. .sidebar header h1
  206. {
  207. /* Blog title */
  208. margin:0 0 10px;
  209. font-size:30px;
  210. }
  211. .sidebar header h1 a
  212. {
  213. color:#222222;
  214. /* Title link colour */
  215. text-decoration:none;
  216. /* Remove underline (on hover) */
  217. }
  218.  
  219. .sidebar header .menu-links a
  220. {
  221. color:#4de378!important;
  222. padding:0 2px;
  223. }
  224.  
  225. .sidebar header .menu-links a:after
  226. {
  227. content:' / ';
  228. }
  229. .sidebar header .menu-links a:last-child:after
  230. {
  231. content:'';
  232. }
  233.  
  234. .sidebar footer
  235. {
  236. margin-top:20px;
  237. /* Give some vertical spacing */
  238. }
  239.  
  240. /* --------------------------------------------------------------------------
  241. $POSTS
  242. /--------------------------------------------------------------------------*/
  243.  
  244. ol.posts
  245. {
  246. margin:0;
  247. padding:0;
  248. list-style:none;
  249. /* Remove list stylings from posts */
  250. }
  251.  
  252. ol.posts.masonry .post
  253. {
  254. float:left;
  255. }
  256. ol.posts.masonry .post .post-container
  257. {
  258. margin:0 20px;
  259. }
  260.  
  261. ol.posts.masonry.one-col .post
  262. {
  263. width:100%;
  264. }
  265.  
  266. ol.posts.masonry.two-col .post
  267. {
  268. width:49%;
  269. }
  270.  
  271. ol.posts.masonry.three-col .post
  272. {
  273. width:33%;
  274. }
  275.  
  276. ol.posts.masonry.four-col .post
  277. {
  278. width:24%;
  279. }
  280.  
  281. ol.posts.masonry.five-col .post
  282. {
  283. width:19%;
  284. }
  285.  
  286. .post
  287. {
  288. margin-bottom:30px;
  289. /* Give each post listing some vertical space */
  290. }
  291.  
  292. .post-body
  293. {
  294. padding:20px;
  295. /* Give some padding to the post content */
  296. background:#ffffff;
  297. /* Background of posts */
  298. border-radius:5px;
  299.  
  300. border:1px solid #d5d5d5;
  301.  
  302. box-shadow:0 0 10px 2px rgba(60, 60, 60, 0.1);
  303. /* Drop shadow */
  304.  
  305. text-shadow:none;
  306. color:inherit;
  307. /* Text styles */
  308.  
  309. position:relative;
  310. }
  311.  
  312. .post .title
  313. {
  314. margin:-20px;
  315. margin-bottom:10px;
  316. /* Title sticks to the top of the post-body */
  317. border-radius:5px 5px 0 0;
  318. /* Keep the top and right corners rounded */
  319. background:#5aed84;
  320. /* Title background */
  321. border-bottom:1px solid #53e653;
  322. /* Give subtle bottom-shadow line */
  323. color:#ffffff;
  324. text-shadow:rgba(0, 0, 0, 0.3) 0 1px 1px;
  325. font-size:20px;
  326. font-weight:normal;
  327. /* Text styles */
  328. }
  329. .post .title > a
  330. {
  331. color:inherit;
  332. /* inherit colour */
  333. text-decoration:none;
  334. /* No underline */
  335. display:block;
  336. padding:10px 20px;
  337. height:100%;
  338. /* Full width */
  339. }
  340.  
  341. .post-meta
  342. {
  343. margin-top:10px;
  344. /* Seperate from post-body */
  345. padding:0 10px;
  346. /* Give some horizontal spacing from edges */
  347. text-align:right;
  348. font-size:12px;
  349. font-family:'Lucida Console', Monaco, monospace;;
  350. /* Text styles */
  351.  
  352. }
  353. .post-meta .tags,
  354. .tags li
  355. {
  356. margin:0;
  357. padding:0;
  358. list-style:none;
  359. text-align:left;
  360. display:inline;
  361. /* Remove list styling and display inline */
  362. }
  363. .tags a
  364. {
  365. color:#4de378!important;
  366. }
  367. .tags li:after
  368. {
  369. content:', ';
  370. }
  371. .tags li:last-child:after
  372. {
  373. content:'';
  374. }
  375.  
  376. /* --------------------------------------------------------------------------
  377. $PHOTO POSTS
  378. /--------------------------------------------------------------------------*/
  379. .post.photo .post-body
  380. {
  381. padding:0;
  382. /* Remove padding */
  383. position:relative;
  384. /* Set position to relative so we can absolute position the caption */
  385. overflow:hidden;
  386. }
  387. .post.photo .post-body img
  388. {
  389. display:block;
  390. width:100%;
  391. /* Full width, block image */
  392. border-radius:5px;
  393. }
  394. .post.photo .post-body .caption
  395. {
  396. position:absolute;
  397. bottom:0;
  398. /* Place caption at bottom, over image */
  399. border-radius:0 0 5px 5px;
  400. /* Rounded with post */
  401. background:transparent url(http://themesltd.com/tumblr-generator/themes/default/img/fff-0.7.png);
  402. /* Semi-transparent background */
  403. width:100%;
  404. /* And full width */
  405.  
  406. display:none;
  407. }
  408. .post.photo .post-body .caption > span
  409. {
  410. display:inline-block;
  411. padding:20px;
  412. /* Give some padding to the caption */
  413. font-size:16px;
  414. /* Increase the font size */
  415. text-shadow:#fff 0 1px 1px;
  416. }
  417.  
  418.  
  419.  
  420.  
  421. /* Media permalinks */
  422.  
  423. .media-permalink
  424. {
  425. position:absolute;
  426. top:0;
  427. left:0;
  428. width:100%;
  429. height:100%;
  430. background:transparent url(http://themesltd.com/tumblr-generator/themes/default/img/000-0.7.png);
  431. color:#fff;
  432. text-align:center;
  433.  
  434. border-radius:5px;
  435.  
  436.  
  437. opacity:0;
  438. -webkit-transition:opacity 0.5s;
  439. }
  440.  
  441. .media-permalink a
  442. {
  443. color:#fff;
  444. }
  445.  
  446. .photo img:hover + .media-permalink,
  447. .media-permalink:hover
  448. {
  449. opacity:1!important;
  450. }
  451.  
  452. .media-permalink span
  453. {
  454. display:block;
  455. position:absolute;
  456. top:50%;
  457. left:0;
  458. width:100%;
  459. text-align:center;
  460. margin-top:-10px;
  461. height:20px;
  462. }
  463.  
  464. .media-permalink.style5,
  465. .media-permalink.style6
  466. {
  467. background:none;
  468. }
  469. .media-permalink.style5 span,
  470. .media-permalink.style6 span
  471. {
  472. display:block;
  473. position:absolute;
  474. bottom:0;
  475. left:0;
  476. width:96%;
  477. padding:5px 2%;
  478. text-align:center;
  479. margin:0;
  480. top:auto;
  481. height:20px;
  482. background:transparent url(http://themesltd.com/tumblr-generator/themes/default/img/000-0.7.png);
  483. text-align:right;
  484.  
  485. border-radius:0 0 5px 5px;
  486. }
  487.  
  488. .media-permalink.style6 span
  489. {
  490. text-align:left;
  491. }
  492.  
  493.  
  494.  
  495.  
  496.  
  497. @media only screen and (max-width: 400px)
  498. {
  499. .post.photo > .post-body > .caption > span
  500. {
  501. padding:10px;
  502. font-size:12px;
  503. /* Decrease font-size/padding for Mobile */
  504. }
  505. }
  506.  
  507. /* --------------------------------------------------------------------------
  508. $PHOTOSET POSTS
  509. /--------------------------------------------------------------------------*/
  510. .post.photoset .post-body
  511. {
  512. padding:0;
  513. /* Remove padding */
  514. position:relative;
  515. /* Set position to relative so we can absolute position the caption */
  516. }
  517.  
  518. .post.photoset .post-body img
  519. {
  520. display:block;
  521. width:100%;
  522. /* Full width, block image */
  523. }
  524.  
  525. .photoset .photos
  526. {
  527. margin:0;
  528. padding:0;
  529. list-style:none;
  530. }
  531.  
  532. .photos li
  533. {
  534. margin-top:1px;
  535. }
  536.  
  537. .photoset .photos li:first-child
  538. {
  539. margin-top:0;
  540. }
  541. .photoset .photos li:first-child img
  542. {
  543. border-top-left-radius:5px;
  544. border-top-right-radius:5px;
  545. }
  546. .photoset .photos li:last-child img
  547. {
  548. border-bottom-left-radius:5px;
  549. border-bottom-right-radius:5px;
  550. }
  551.  
  552.  
  553. .post.photoset .post-body > .caption
  554. {
  555. position:absolute;
  556. bottom:0;
  557. /* Place caption at bottom, over image */
  558. border-radius:0 0 5px 5px;
  559. /* Rounded with post */
  560. background:transparent url(http://themesltd.com/tumblr-generator/themes/default/img/fff-0.7.png);
  561. /* Semi-transparent background */
  562. width:100%;
  563. /* And full width */
  564. }
  565. .post.photoset .post-body > .caption > span
  566. {
  567. display:inline-block;
  568. padding:20px;
  569. /* Give some padding to the caption */
  570. font-size:16px;
  571. /* Increase the font size */
  572. text-shadow:#fff 0 1px 1px;
  573. }
  574.  
  575.  
  576. /* --------------------------------------------------------------------------
  577. $QUOTE POSTS
  578. /--------------------------------------------------------------------------*/
  579. .post.quote blockquote p
  580. {
  581. padding:20px 0;
  582. text-align:center;
  583. /* Center align */
  584. font-size:26px;
  585. /* Increase the font size */
  586. }
  587.  
  588. @media only screen and (max-width: 400px)
  589. {
  590. .post.quote blockquote p
  591. {
  592. font-size:16px;
  593. /* Decrease font size for Mobile */
  594. }
  595. }
  596. /* --------------------------------------------------------------------------
  597. $LINK POSTS
  598. /--------------------------------------------------------------------------*/
  599. .post.link .post-body
  600. {
  601. padding-bottom:0;
  602. }
  603. /*
  604. .post.link .title
  605. {
  606. background:#eeb10e;
  607. border-bottom-color:#d69c01;
  608. }
  609. */
  610.  
  611. .post.link.no-desc .title
  612. {
  613. margin-bottom:0;
  614. border-radius:5px;
  615. /* Remove bottom margin and make all-rounded for links with no desc */
  616. }
  617. /* --------------------------------------------------------------------------
  618. $CHAT POSTS
  619. /--------------------------------------------------------------------------*/
  620. .post.chat .post-body
  621. {
  622. padding-bottom:15px;
  623. }
  624.  
  625. ul.conversation
  626. {
  627. margin:15px -10px 0;
  628. padding:0;
  629. list-style:none;
  630. border-left:5px solid #c14f1d;
  631. }
  632. ul.conversation li
  633. {
  634. padding:10px 20px;
  635. background:#eee;
  636. }
  637. ul.conversation li.line_even
  638. {
  639. background:#f7f7f7;
  640. }
  641.  
  642. /* --------------------------------------------------------------------------
  643. $VIDEO POSTS
  644. /--------------------------------------------------------------------------*/
  645. .post.video .post-body
  646. {
  647. padding:0;
  648. /* Remove padding */
  649. position:relative;
  650. /* Set position to relative so we can absolute position the caption */
  651. }
  652.  
  653. .post.video iframe
  654. {
  655. width:100%;
  656. height:400px;
  657. display:block;
  658. }
  659.  
  660. /* --------------------------------------------------------------------------
  661. $PAGINIATION
  662. /--------------------------------------------------------------------------*/
  663. ol.pagination
  664. {
  665. margin:10px 0;
  666. padding:0 0 10px 0;
  667. list-style:none;
  668. text-align:center;
  669. overflow:hidden;
  670. text-shadow:none;
  671. }
  672. ol.pagination li
  673. {
  674. display:inline-block;
  675. margin:0 2px 0 0;
  676. border-radius:10px;
  677. background:#ffffff;
  678. border:1px solid #d2d2d2;
  679. padding:5px 10px;
  680. color:#888888;
  681. }
  682. ol.pagination li a
  683. {
  684. text-decoration:none;
  685. }
  686.  
  687. .pagination.older-newer .previous
  688. {
  689. float:left;
  690. }
  691. .pagination.older-newer .next
  692. {
  693. float:right;
  694. }
  695.  
  696. /* --------------------------------------------------------------------------
  697. $MISC
  698. /--------------------------------------------------------------------------*/
  699. .subtle
  700. {
  701. color:inherit!important;
  702. /* Subltle links have no colour change */
  703. }
  704.  
  705. .meta
  706. {
  707. color:#e26ae6;
  708. /* Meta text is subtle on the background */
  709. }
  710. .meta a
  711. {
  712. color:inherit;
  713. }
  714.  
  715. .pull-right
  716. {
  717. float:right;
  718. /* Helper class to float right */
  719. }
  720.  
  721. .underlined
  722. {
  723. text-decoration:underline;
  724. }
  725.  
  726. .button
  727. {
  728. border:0;
  729. border-radius:5px;
  730. padding:5px 10px;
  731. cursor:pointer;
  732. background:#4de378;
  733. color:#fff;
  734. /*** Replace with something much better? */
  735. }
  736.  
  737.  
  738.  
  739.  
  740.  
  741. /* --------------------------------------------------------------------------
  742. $MEDIA-QUERIES
  743. /--------------------------------------------------------------------------*/
  744. @media only screen and (max-width: 600px)
  745. {
  746. .wrapper
  747. {
  748. width:auto;
  749. }
  750. .sidebar,
  751. .sidebar.right
  752. {
  753. float:none;
  754. width:100%;
  755. padding-top:0px;
  756. }
  757. .content
  758. {
  759. width:100%;
  760. float:none;
  761. }
  762. .content > .inner
  763. {
  764. padding-left:10px;
  765. padding-right:10px;
  766. margin-left:0!important;
  767. margin-right:0!important;
  768. }
  769.  
  770. .sidebar header .portrait
  771. {
  772. display:none!important;
  773. }
  774. .sidebar header .portrait img
  775. {
  776. border:none;
  777. width:100%!important;
  778. }
  779.  
  780. .pagination
  781. {
  782. font-size:18px;
  783. }
  784. .pagination .numbers
  785. {
  786. display:none;
  787. }
  788.  
  789.  
  790. }
  791.  
  792. #infscr-loading
  793. {
  794. display:none!important;
  795. }
  796.  
  797. .hidden
  798. {
  799. display:none!important;
  800. }
  801.  
  802. .clearfix
  803. {
  804. clear:both;
  805. }
  806.  
  807.  
  808.  
  809.  
  810. /* New Post veil stuff */
  811.  
  812.  
  813. .post-veil
  814. {
  815. position:absolute;
  816. top:0;
  817. left:0;
  818. width:100%;
  819. height:100%;
  820. background:transparent url(http://themesltd.com/tumblr-generator/themes/default/img/000-0.7.png);
  821. border-radius:5px;
  822. -webkit-transition:opacity 0.5s;
  823. opacity:0;
  824. }
  825. .post-veil.transparent
  826. {
  827. background:none;
  828. }
  829.  
  830. .post-veil.visible
  831. {
  832. opacity:1;
  833. }
  834.  
  835. .post-veil:hover
  836. {
  837. opacity:1;
  838. }
  839.  
  840. /* Media Icons */
  841.  
  842.  
  843.  
  844. .media-icons
  845. {
  846. position:absolute;
  847. margin:0;
  848. padding:0;
  849. top:5px;
  850. left:5px;
  851. width:102px;
  852. height:30px;
  853. list-style:none;
  854. overflow:hidden;
  855. }
  856. .photo img:hover + .media-icons,
  857. .media-icons:hover
  858. {
  859. display:block;
  860. opacity:1!important;
  861. }
  862.  
  863. .video iframe:hover + .media-icons,
  864. .media-icons:hover
  865. {
  866. display:block;
  867. opacity:1!important;
  868. }
  869.  
  870.  
  871. .media-icons li
  872. {
  873. float:left;
  874. background:transparent url(http://themesltd.com/tumblr-generator/themes/default/img/000-0.7.png);
  875. //background:red;
  876. padding:3px;
  877. border-radius:3px;
  878. margin:0 3px;
  879. width:22px;
  880. height:22px;
  881. }
  882.  
  883. .media-icons a
  884. {
  885. color:#fff;
  886. text-align:center;
  887. display:inline-block;
  888. width:100%;
  889. height:100%;
  890. text-decoration:none;
  891. }
  892. .media-icons a.icon
  893. {
  894. background:transparent url(http://static.tumblr.com/tpqedpr/Zbmm9zw4y/master.png) no-repeat;
  895. text-indent:-500px;
  896. overflow:hidden;
  897. -webkit-transition:background-position 0.5s;
  898. }
  899.  
  900. .media-icons a.like
  901. {
  902. background-position: -3px -5px;
  903. }
  904. .media-icons a.like:hover
  905. {
  906. background-position: -31px -5px;
  907. }
  908.  
  909. .media-icons a.reblog
  910. {
  911. background-position: -3px -62px;
  912. }
  913. .media-icons a.reblog:hover
  914. {
  915. background-position: -33px -62px;
  916. }
  917.  
  918. .media-icons a.notes
  919. {
  920. font-size:12px;
  921. padding-top:3px;
  922. margin-left:-1px;
  923. }
  924.  
  925.  
  926. /* Style 2 */
  927. .media-icons.style2
  928. {
  929. top:5px;
  930. left:auto;
  931. right:5px;
  932. }
  933.  
  934. /* Style 3 */
  935. .media-icons.style3
  936. {
  937. top:50%;
  938. left:50%;
  939. margin:-15px 0 0 -51px;
  940. }
  941.  
  942. .media-icons.style3 li
  943. {
  944. border-radius:50%;
  945. }
  946.  
  947.  
  948.  
  949.  
  950. {CustomCSS}
  951. </style>
  952.  
  953. <script>
  954. $(document).ready(function() {
  955.  
  956. $('#ask_form').parent().parent().children('.post-veil').remove();
  957. // remove the veil from ask form post
  958. });
  959. </script>
  960. </head>
  961. <body>
  962.  
  963.  
  964.  
  965. <!-- .wrapper -->
  966. <div class="wrapper">
  967. <!-- .sidebar -->
  968. <aside class="sidebar left">
  969. <!-- .inner -->
  970. <div class="inner">
  971. <!-- header -->
  972. <header>
  973.  
  974. {block:IfShowPortrait}
  975. <!-- .portrait -->
  976. <div class="portrait">
  977. <a href="/">
  978. <img src="{PortraitURL-128}" alt="{Title}">
  979. </a>
  980. </div>
  981. <!--/ .portrait -->
  982. <div class="clearfix"></div>
  983. {/block:IfShowPortrait}
  984.  
  985. {block:IfShowTitle}
  986. <h1>
  987. <a href="/">{Title}</a>
  988. </h1>
  989. {/block:IfShowTitle}
  990.  
  991. {block:Description}
  992. <p>{Description}</p>
  993. {/block:Description}
  994.  
  995.  
  996. <!-- .menu-links -->
  997. <nav class="menu-links meta">
  998. <a href="/">Home</a>
  999. {block:AskEnabled}<a href="/ask">{AskLabel}</a>{/block:AskEnabled}
  1000. {block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}
  1001. <a href="/archive">{ArchiveLabel}</a>
  1002. </nav>
  1003. <!--/ .menu-links -->
  1004.  
  1005. {block:HasPages}
  1006. <!-- .menu-links -->
  1007. <nav class="menu-links meta">
  1008. {block:Pages}
  1009. <a href="{URL}">{Label}</a>
  1010. {/block:Pages}
  1011. </nav>
  1012. <!--/ .menu-links -->
  1013. {/block:HasPages} </header>
  1014. <!--/ header -->
  1015.  
  1016. {block:IfShowSearch}
  1017. <!-- .search-form -->
  1018. <form action="/search" method="GET" class="search-form">
  1019. <input type="search" name="q" results="5" placeholder="Search for..." value="{SearchQuery}">
  1020. <input type="submit" value="Search" class="button">
  1021. </form>
  1022. <!--/ .search-form -->
  1023. {/block:IfShowSearch}
  1024.  
  1025. <!-- Insert any sidebar stuff here -->
  1026.  
  1027. <footer>
  1028. <small class="meta">
  1029. <a href="http://themesltd.com/tumblr-generator" class="underlined">Tumblr Theme Generator</a>
  1030. </small>
  1031. </footer>
  1032. </div>
  1033. <!--/ .inner -->
  1034. </aside>
  1035. <!--/ .sidebar -->
  1036.  
  1037. <!-- .content -->
  1038. <div class="content">
  1039. <!-- .inner -->
  1040. <div class="inner">
  1041. <!-- .posts -->
  1042. <ol class="posts masonry one-col">
  1043. {block:Posts}
  1044. {block:Text}
  1045. <!-- .post.text -->
  1046. <li class="post text masonry-item">
  1047. <!-- .post-container -->
  1048. <div class="post-container">
  1049. <!-- .post-body -->
  1050. <div class="post-body">
  1051.  
  1052. <div class="post-veil transparent">
  1053.  
  1054. <!-- .media-icons -->
  1055. <ul class="media-icons style2">
  1056. <li>
  1057. <a href="javascript:likelink('{PostID}','{Permalink}','');" class="icon like">like</a>
  1058. </li>
  1059. <li>
  1060. <a href="#" class="icon reblog">reblog</a>
  1061. </li>
  1062. <li>
  1063. <a href="#" class="notes">{NoteCount}</a>
  1064. </li>
  1065. </ul>
  1066. <!--/ .media-icons -->
  1067.  
  1068. </div>
  1069.  
  1070.  
  1071. {block:Title}
  1072. <!-- .title -->
  1073. <h2 class="title">
  1074. <a href="{Permalink}">{Title}</a>
  1075. </h2>
  1076. <!--/ .title -->
  1077. {/block:Title}
  1078. {Body}
  1079. </div>
  1080. <!--/ .post-body -->
  1081. <!-- .post-meta.meta -->
  1082. <div class="post-meta meta">
  1083. {block:IfShowDate}
  1084. Posted <a href="{Permalink}" class="subtle">{TimeAgo}</a>{/block:IfShowDate}{block:IfShowTags}{block:HasTags}{block:IfShowDate}, under {/block:IfShowDate}
  1085. <ul class="tags">
  1086. {block:Tags}
  1087. <li><a href="{TagURL}">{Tag}</a>
  1088. {/block:Tags}
  1089. </ul>
  1090. {/block:HasTags}
  1091. {/block:IfShowTags}
  1092. {block:IfShowNotesCount}
  1093. {block:IfShowDate} with {/block:IfShowDate}
  1094. {block:IfNotShowDate}{block:IfShowTags} with {/block:IfShowTags}{/block:IfNotShowDate}
  1095. <a href="{Permalink}" class="subtle">{NoteCountWithLabel}</a>
  1096. {/block:IfShowNotesCount}
  1097. </div>
  1098. <!--/ .post-meta.meta -->
  1099. </div>
  1100. <!--/ .post-container -->
  1101. </li>
  1102. <!--/ .post.text -->
  1103. {/block:Text}
  1104. {block:Answer}
  1105. <!-- .post.text -->
  1106. <li class="post text masonry-item">
  1107. <!-- .post-container -->
  1108. <div class="post-container">
  1109. <!-- .post-body -->
  1110. <div class="post-body">
  1111.  
  1112. <div class="post-veil transparent">
  1113.  
  1114. <!-- .media-icons -->
  1115. <ul class="media-icons style2">
  1116. <li>
  1117. <a href="javascript:likelink('{PostID}','{Permalink}','');" class="icon like">like</a>
  1118. </li>
  1119. <li>
  1120. <a href="#" class="icon reblog">reblog</a>
  1121. </li>
  1122. <li>
  1123. <a href="#" class="notes">{NoteCount}</a>
  1124. </li>
  1125. </ul>
  1126. <!--/ .media-icons -->
  1127.  
  1128. </div>
  1129.  
  1130. <!-- .title -->
  1131. <h2 class="title">
  1132. <a href="{Permalink}">{Question}</a>
  1133. </h2>
  1134. <!--/ .title -->
  1135.  
  1136. {Answer}
  1137. </div>
  1138. <!--/ .post-body -->
  1139. <!-- .post-meta.meta -->
  1140. <div class="post-meta meta">
  1141. {block:IfShowDate}
  1142. Posted <a href="{Permalink}" class="subtle">{TimeAgo}</a>{/block:IfShowDate}{block:IfShowTags}{block:HasTags}{block:IfShowDate}, under {/block:IfShowDate}
  1143. <ul class="tags">
  1144. {block:Tags}
  1145. <li><a href="{TagURL}">{Tag}</a>
  1146. {/block:Tags}
  1147. </ul>
  1148. {/block:HasTags}
  1149. {/block:IfShowTags}
  1150. {block:IfShowNotesCount}
  1151. {block:IfShowDate} with {/block:IfShowDate}
  1152. {block:IfNotShowDate}{block:IfShowTags} with {/block:IfShowTags}{/block:IfNotShowDate}
  1153. <a href="{Permalink}" class="subtle">{NoteCountWithLabel}</a>
  1154. {/block:IfShowNotesCount}
  1155. </div>
  1156. <!--/ .post-meta.meta -->
  1157. </div>
  1158. <!--/ .post-container -->
  1159. </li>
  1160. <!--/ .post.text -->
  1161. {/block:Answer}
  1162. {block:Photo}
  1163. <!-- .post.photo -->
  1164. <li class="post photo masonry-item">
  1165. <!-- .post-container -->
  1166. <div class="post-container">
  1167. <!-- .post-body -->
  1168. <div class="post-body">
  1169.  
  1170. <div class="post-veil transparent">
  1171.  
  1172. <!-- .media-icons -->
  1173. <ul class="media-icons style3">
  1174. <li>
  1175. <a href="javascript:likelink('{PostID}','{Permalink}','');" class="icon like">like</a>
  1176. </li>
  1177. <li>
  1178. <a href="#" class="icon reblog">reblog</a>
  1179. </li>
  1180. <li>
  1181. <a href="#" class="notes">{NoteCount}</a>
  1182. </li>
  1183. </ul>
  1184. <!--/ .media-icons -->
  1185.  
  1186. </div>
  1187.  
  1188.  
  1189. <img src="{PhotoURL-500}" alt="">
  1190.  
  1191. <!-- .caption -->
  1192. <div class="caption">
  1193. <span>{Caption}</span>
  1194. </div>
  1195. <!--/ .caption -->
  1196. </div>
  1197. <!--/ .post-body -->
  1198. </div>
  1199. <!--/ .post-container -->
  1200. </li>
  1201. <!--/ .post.photo -->
  1202. {/block:Photo}
  1203. {block:Photoset}
  1204. <!-- .post.photoset -->
  1205. <li class="post photoset masonry-item">
  1206. <!-- .post-container -->
  1207. <div class="post-container">
  1208. <!-- .post-body -->
  1209. <div class="post-body">
  1210.  
  1211. <div class="post-veil transparent">
  1212.  
  1213. <!-- .media-icons -->
  1214. <ul class="media-icons style3">
  1215. <li>
  1216. <a href="javascript:likelink('{PostID}','{Permalink}','');" class="icon like">like</a>
  1217. </li>
  1218. <li>
  1219. <a href="#" class="icon reblog">reblog</a>
  1220. </li>
  1221. <li>
  1222. <a href="#" class="notes">{NoteCount}</a>
  1223. </li>
  1224. </ul>
  1225. <!--/ .media-icons -->
  1226.  
  1227. </div>
  1228.  
  1229.  
  1230. <ul class="photos">
  1231. {block:Photos}
  1232. <li><img src="{PhotoURL-500}" alt=""></a>
  1233. {/block:Photos}
  1234. </ul>
  1235. <!-- .caption -->
  1236. <div class="caption">
  1237. <span>{Caption}</span>
  1238. </div>
  1239. <!--/ .caption -->
  1240. </div>
  1241. <!--/ .post-body -->
  1242. <!-- .post-meta.meta -->
  1243. <div class="post-meta meta">
  1244. {block:IfShowDate}
  1245. Posted <a href="{Permalink}" class="subtle">{TimeAgo}</a>{/block:IfShowDate}{block:IfShowTags}{block:HasTags}{block:IfShowDate}, under {/block:IfShowDate}
  1246. <ul class="tags">
  1247. {block:Tags}
  1248. <li><a href="{TagURL}">{Tag}</a>
  1249. {/block:Tags}
  1250. </ul>
  1251. {/block:HasTags}
  1252. {/block:IfShowTags}
  1253. {block:IfShowNotesCount}
  1254. {block:IfShowDate} with {/block:IfShowDate}
  1255. {block:IfNotShowDate}{block:IfShowTags} with {/block:IfShowTags}{/block:IfNotShowDate}
  1256. <a href="{Permalink}" class="subtle">{NoteCountWithLabel}</a>
  1257. {/block:IfShowNotesCount}
  1258. </div>
  1259. <!--/ .post-meta.meta -->
  1260. </div>
  1261. <!--/ .post-container -->
  1262. </li>
  1263. <!--/ .post.photoset -->
  1264. {/block:Photoset}
  1265. {block:Quote}
  1266. <!-- .post.quote -->
  1267. <li class="post quote masonry-item">
  1268. <!-- .post-container -->
  1269. <div class="post-container">
  1270. <!-- .post-body -->
  1271. <div class="post-body">
  1272.  
  1273. <div class="post-veil transparent">
  1274.  
  1275. <!-- .media-icons -->
  1276. <ul class="media-icons style2">
  1277. <li>
  1278. <a href="javascript:likelink('{PostID}','{Permalink}','');" class="icon like">like</a>
  1279. </li>
  1280. <li>
  1281. <a href="#" class="icon reblog">reblog</a>
  1282. </li>
  1283. <li>
  1284. <a href="#" class="notes">{NoteCount}</a>
  1285. </li>
  1286. </ul>
  1287. <!--/ .media-icons -->
  1288.  
  1289. </div>
  1290.  
  1291.  
  1292. <blockquote>
  1293. <p>
  1294. "{Quote}"
  1295. </p>
  1296. </blockquote>
  1297. {block:Source}
  1298. <cite>{Source}</cite>
  1299. {/block:Source}
  1300. </div>
  1301. <!--/ .post-body -->
  1302. <!-- .post-meta.meta -->
  1303. <div class="post-meta meta">
  1304. {block:IfShowDate}
  1305. Posted <a href="{Permalink}" class="subtle">{TimeAgo}</a>{/block:IfShowDate}{block:IfShowTags}{block:HasTags}{block:IfShowDate}, under {/block:IfShowDate}
  1306. <ul class="tags">
  1307. {block:Tags}
  1308. <li><a href="{TagURL}">{Tag}</a>
  1309. {/block:Tags}
  1310. </ul>
  1311. {/block:HasTags}
  1312. {/block:IfShowTags}
  1313. {block:IfShowNotesCount}
  1314. {block:IfShowDate} with {/block:IfShowDate}
  1315. {block:IfNotShowDate}{block:IfShowTags} with {/block:IfShowTags}{/block:IfNotShowDate}
  1316. <a href="{Permalink}" class="subtle">{NoteCountWithLabel}</a>
  1317. {/block:IfShowNotesCount}
  1318. </div>
  1319. <!--/ .post-meta.meta -->
  1320. </div>
  1321. <!--/ .post-container -->
  1322. </li>
  1323. <!--/ .post.quote -->
  1324. {/block:Quote}
  1325. {block:Link}
  1326. <!-- .post.link -->
  1327. <li class="post link masonry-item">
  1328. <!-- .post-container -->
  1329. <div class="post-container">
  1330. <!-- .post-body -->
  1331. <div class="post-body">
  1332.  
  1333. <div class="post-veil transparent">
  1334.  
  1335. <!-- .media-icons -->
  1336. <ul class="media-icons style2">
  1337. <li>
  1338. <a href="javascript:likelink('{PostID}','{Permalink}','');" class="icon like">like</a>
  1339. </li>
  1340. <li>
  1341. <a href="#" class="icon reblog">reblog</a>
  1342. </li>
  1343. <li>
  1344. <a href="#" class="notes">{NoteCount}</a>
  1345. </li>
  1346. </ul>
  1347. <!--/ .media-icons -->
  1348.  
  1349. </div>
  1350.  
  1351. <!-- .title -->
  1352. <h2 class="title">
  1353. <a href="{URL}" {Target}>{Name} <span class="pull-right">→</span></a>
  1354. </h2>
  1355. <!--/ .title -->
  1356. {block:Description}
  1357. <p>
  1358. {Description}
  1359. </p>
  1360. {/block:Description}
  1361. </div>
  1362. <!--/ .post-body -->
  1363. <!-- .post-meta.meta -->
  1364. <div class="post-meta meta">
  1365. {block:IfShowDate}
  1366. Posted <a href="{Permalink}" class="subtle">{TimeAgo}</a>{/block:IfShowDate}{block:IfShowTags}{block:HasTags}{block:IfShowDate}, under {/block:IfShowDate}
  1367. <ul class="tags">
  1368. {block:Tags}
  1369. <li><a href="{TagURL}">{Tag}</a>
  1370. {/block:Tags}
  1371. </ul>
  1372. {/block:HasTags}
  1373. {/block:IfShowTags}
  1374. {block:IfShowNotesCount}
  1375. {block:IfShowDate} with {/block:IfShowDate}
  1376. {block:IfNotShowDate}{block:IfShowTags} with {/block:IfShowTags}{/block:IfNotShowDate}
  1377. <a href="{Permalink}" class="subtle">{NoteCountWithLabel}</a>
  1378. {/block:IfShowNotesCount}
  1379. </div>
  1380. <!--/ .post-meta.meta -->
  1381. </div>
  1382. <!--/ .post-container -->
  1383. </li>
  1384. <!--/ .post.link -->
  1385. {/block:Link}
  1386. {block:Chat}
  1387. <!-- .post.chat -->
  1388. <li class="post chat masonry-item">
  1389. <!-- .post-container -->
  1390. <div class="post-container">
  1391. <!-- .post-body -->
  1392. <div class="post-body">
  1393.  
  1394. <div class="post-veil transparent">
  1395.  
  1396. <!-- .media-icons -->
  1397. <ul class="media-icons style2">
  1398. <li>
  1399. <a href="javascript:likelink('{PostID}','{Permalink}','');" class="icon like">like</a>
  1400. </li>
  1401. <li>
  1402. <a href="#" class="icon reblog">reblog</a>
  1403. </li>
  1404. <li>
  1405. <a href="#" class="notes">{NoteCount}</a>
  1406. </li>
  1407. </ul>
  1408. <!--/ .media-icons -->
  1409.  
  1410. </div>
  1411.  
  1412. {block:Title}
  1413. <!-- .title -->
  1414. <h2 class="title">
  1415. <a href="{Permalink}">{Title}</a>
  1416. </h2>
  1417. <!--/ .title -->
  1418. {/block:Title}
  1419. <!-- .conversation -->
  1420. <ul class="conversation">
  1421. {block:Lines}
  1422. <li class="line_{Alt}">
  1423. {block:Label}<strong>{Label}</strong>   {block:Label}
  1424. {Line}
  1425. </li>
  1426. {/block:Lines}
  1427. </ul>
  1428. <!--/ .conversation -->
  1429. </div>
  1430. <!--/ .post-body -->
  1431. <!-- .post-meta.meta -->
  1432. <div class="post-meta meta">
  1433. {block:IfShowDate}
  1434. Posted <a href="{Permalink}" class="subtle">{TimeAgo}</a>{/block:IfShowDate}{block:IfShowTags}{block:HasTags}{block:IfShowDate}, under {/block:IfShowDate}
  1435. <ul class="tags">
  1436. {block:Tags}
  1437. <li><a href="{TagURL}">{Tag}</a>
  1438. {/block:Tags}
  1439. </ul>
  1440. {/block:HasTags}
  1441. {/block:IfShowTags}
  1442. {block:IfShowNotesCount}
  1443. {block:IfShowDate} with {/block:IfShowDate}
  1444. {block:IfNotShowDate}{block:IfShowTags} with {/block:IfShowTags}{/block:IfNotShowDate}
  1445. <a href="{Permalink}" class="subtle">{NoteCountWithLabel}</a>
  1446. {/block:IfShowNotesCount}
  1447. </div>
  1448. <!--/ .post-meta.meta -->
  1449. </div>
  1450. <!--/ .post-container -->
  1451. </li>
  1452. <!--/ .post.chat -->
  1453. {/block:Chat}
  1454. {block:Video}
  1455. <!-- .post.video -->
  1456. <li class="post video masonry-item">
  1457. <!-- .post-container -->
  1458. <div class="post-container">
  1459. <!-- .post-body -->
  1460. <div class="post-body">
  1461.  
  1462. <div class="post-veil transparent">
  1463.  
  1464. <!-- .media-icons -->
  1465. <ul class="media-icons style3">
  1466. <li>
  1467. <a href="javascript:likelink('{PostID}','{Permalink}','');" class="icon like">like</a>
  1468. </li>
  1469. <li>
  1470. <a href="#" class="icon reblog">reblog</a>
  1471. </li>
  1472. <li>
  1473. <a href="#" class="notes">{NoteCount}</a>
  1474. </li>
  1475. </ul>
  1476. <!--/ .media-icons -->
  1477.  
  1478. </div>
  1479.  
  1480.  
  1481. {VideoEmbed-700}
  1482. {block:AudioEmbed}
  1483. {AudioEmbed}
  1484. {/block:AudioEmbed}
  1485. <!-- .media-icons -->
  1486. <ul class="media-icons style3">
  1487. <li>
  1488. <a href="javascript:likelink('{PostID}','{Permalink}','');" class="icon like">Like</a>
  1489. </li>
  1490. <li>
  1491. <a href="{ReblogURL}" class="icon reblog">Reblog</a>
  1492. </li>
  1493. <li>
  1494. <a href="#" class="notes">{NoteCount}</a>
  1495. </li>
  1496. </ul>
  1497. <!--/ .media-icons -->
  1498. </div>
  1499. <!--/ .post-body -->
  1500. <!-- .post-meta.meta -->
  1501. <div class="post-meta meta">
  1502. {block:IfShowDate}
  1503. Posted <a href="{Permalink}" class="subtle">{TimeAgo}</a>{/block:IfShowDate}{block:IfShowTags}{block:HasTags}{block:IfShowDate}, under {/block:IfShowDate}
  1504. <ul class="tags">
  1505. {block:Tags}
  1506. <li><a href="{TagURL}">{Tag}</a>
  1507. {/block:Tags}
  1508. </ul>
  1509. {/block:HasTags}
  1510. {/block:IfShowTags}
  1511. {block:IfShowNotesCount}
  1512. {block:IfShowDate} with {/block:IfShowDate}
  1513. {block:IfNotShowDate}{block:IfShowTags} with {/block:IfShowTags}{/block:IfNotShowDate}
  1514. <a href="{Permalink}" class="subtle">{NoteCountWithLabel}</a>
  1515. {/block:IfShowNotesCount}
  1516. </div>
  1517. <!--/ .post-meta.meta -->
  1518. </div>
  1519. <!--/ .post-container -->
  1520. </li>
  1521. <!--/ .post.video -->
  1522. {/block:Video}
  1523. {block:Audio}
  1524. <!-- .post.audio -->
  1525. <li class="post audio masonry-item">
  1526. <!-- .post-container -->
  1527. <div class="post-container">
  1528. <!-- .post-body -->
  1529. <div class="post-body">
  1530.  
  1531. <div class="post-veil transparent">
  1532.  
  1533. <!-- .media-icons -->
  1534. <ul class="media-icons style2">
  1535. <li>
  1536. <a href="javascript:likelink('{PostID}','{Permalink}','');" class="icon like">like</a>
  1537. </li>
  1538. <li>
  1539. <a href="#" class="icon reblog">reblog</a>
  1540. </li>
  1541. <li>
  1542. <a href="#" class="notes">{NoteCount}</a>
  1543. </li>
  1544. </ul>
  1545. <!--/ .media-icons -->
  1546.  
  1547. </div>
  1548.  
  1549. <!-- .title -->
  1550. <h2 class="title">
  1551. <a href="{Permalink}">{block:TrackName}{TrackName}{/block:TrackName} {block:Artist}- {Artist}{/block:Artist} {block:Album}{Album}{/block:Album}</a>
  1552. </h2>
  1553. <!--/ .title -->
  1554.  
  1555. {block:AudioPlayer}
  1556. <br>
  1557. {AudioPlayer}
  1558. {/block:AudioPlayer}
  1559.  
  1560. {block:AudioEmbed}
  1561. <br>
  1562. {AudioEmbed}
  1563. {/block:AudioEmbed}
  1564.  
  1565. {block:Caption}
  1566. {Caption}
  1567. {/block:Caption}
  1568. </div>
  1569. <!--/ .post-body -->
  1570. <!-- .post-meta.meta -->
  1571. <div class="post-meta meta">
  1572. {block:IfShowDate}
  1573. Posted <a href="{Permalink}" class="subtle">{TimeAgo}</a>{/block:IfShowDate}{block:IfShowTags}{block:HasTags}{block:IfShowDate}, under {/block:IfShowDate}
  1574. <ul class="tags">
  1575. {block:Tags}
  1576. <li><a href="{TagURL}">{Tag}</a>
  1577. {/block:Tags}
  1578. </ul>
  1579. {/block:HasTags}
  1580. {/block:IfShowTags}
  1581. {block:IfShowNotesCount}
  1582. {block:IfShowDate} with {/block:IfShowDate}
  1583. {block:IfNotShowDate}{block:IfShowTags} with {/block:IfShowTags}{/block:IfNotShowDate}
  1584. <a href="{Permalink}" class="subtle">{NoteCountWithLabel}</a>
  1585. {/block:IfShowNotesCount}
  1586. </div>
  1587. <!--/ .post-meta.meta -->
  1588. <!--/ .post-container -->
  1589. </div>
  1590. </li>
  1591. <!--/ .post.audio -->
  1592. {/block:Audio}
  1593. {/block:Posts}
  1594. </ol>
  1595. <!--/ ol.posts -->
  1596.  
  1597. <div class="clearfix"></div>
  1598.  
  1599. <br><br>
  1600.  
  1601.  
  1602. {block:Pagination}
  1603.  
  1604. <!-- .pagination.older-newer -->
  1605. <ol class="pagination older-newer hidden">
  1606. {block:PreviousPage}
  1607. <li class="previous"><a href="{PreviousPage}">← Newer</a></li>
  1608. {/block:PreviousPage}
  1609.  
  1610. {block:NextPage}
  1611. <li class="next"><a href="{NextPage}">→ Older</a></li>
  1612. {/block:NextPage}
  1613. </ol>
  1614. <!--/ .pagination.older-newer --> {/block:Pagination}
  1615.  
  1616. </div>
  1617. <!--/ .inner -->
  1618. </div>
  1619. <!--/ .content -->
  1620. </div>
  1621. <!--/ .wrapper -->
  1622.  
  1623. <iframe id="likeiframe" style="width: 0px; height: 0px;"></iframe>
  1624.  
  1625.  
  1626. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
  1627. <script src="http://cdnjs.cloudflare.com/ajax/libs/masonry/3.3.0/masonry.pkgd.min.js"></script>
  1628. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/UYAm6i0bc/like.js"></script>
  1629. <script src="https://raw.github.com/paulirish/infinite-scroll/master/jquery.infinitescroll.js"></script>
  1630.  
  1631.  
  1632. <script type="text/javascript">
  1633.  
  1634. $(window).load(function () {
  1635.  
  1636.  
  1637. // endless scrolling
  1638. var $container = $('.masonry');
  1639. $container.imagesLoaded(function(){
  1640.  
  1641.  
  1642. $container.masonry({
  1643. itemSelector: '.masonry-item'
  1644. });
  1645. });
  1646.  
  1647. $container.infinitescroll({
  1648. navSelector : '.pagination', // selector for the paged navigation
  1649. nextSelector : '.next a', // selector for the NEXT link (to page 2)
  1650. itemSelector : '.masonry-item', // selector for all items you'll retrieve
  1651. bufferPx: 0,
  1652. debug : true,
  1653. loading: {
  1654. finishedMsg: 'No more posts to load.',
  1655. img: '',
  1656. msgText: 'Loading'
  1657. }
  1658. },
  1659. // trigger Masonry as a callback
  1660. function( newElements ) {
  1661. // hide new items while they are loading
  1662. var $newElems = $( newElements ).css({ opacity: 0 });
  1663. // ensure that images load before adding to masonry layout
  1664. $newElems.imagesLoaded(function(){
  1665. // show elems now they're ready
  1666. $newElems.animate({ opacity: 1 });
  1667. $container.masonry( 'appended', $newElems, true );
  1668. });
  1669. }
  1670. );
  1671.  
  1672. // End of endless scrolling
  1673. });
  1674.  
  1675. </script>
  1676. </body>
  1677. </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!