API tools faq
paste
spirkism

theme #34: demeter

spirkism
Aug 23rd, 2017
1,439
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.74 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. -----------------------------THEME #34: DEMETER------------------------------
  4. -------------------------#5 in the greek gods series-------------------------
  5. ------------------------by Phi (spirkthemes/spirkism)------------------------
  6.  
  7. --Version 1.1
  8.  
  9. -----------------------------------RULES:------------------------------------
  10. - do not steal/redistribute
  11. - don't (re)move the credit
  12. - don't use as a base code, there are plenty of those out there & don't take snippets
  13. - you are allowed to edit as much as you like for your own personal use
  14. - don't hesitate to contact me if you find a bug or need otherwise help
  15. ------------------------------------------------------------------------------
  16.  
  17. -->
  18.  
  19. <!DOCTYPE html>
  20. <head>
  21.  
  22. <title>{Title}</title>
  23.  
  24. <!-- /* LINKS */ -->
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  28. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/h5czl1a/aTqnk4mjj/tooltipstuff.css"/>
  29.  
  30.  
  31.  
  32.  
  33. <!-- /* META TAGS */ -->
  34. <meta name="color:background" content="#f2f2f2" />
  35. <meta name="color:primary" content="#ffffff" />
  36. <meta name="color:accent" content="#ffe589" />
  37. <meta name="color:text" content="#808080" />
  38. <meta name="color:links" content="#edc32f" />
  39. <meta name="color:links hover" content="#ffe589" />
  40.  
  41.  
  42. <meta name="text:font size" content="11px" />
  43. <meta name="text:link 1 url" content="/" />
  44. <meta name="text:link 1 text" content="home" />
  45. <meta name="text:link 2 url" content="/ask" />
  46. <meta name="text:link 2 text" content="message" />
  47. <meta name="text:link 3 url" content="/archive" />
  48. <meta name="text:link 3 text" content="archive" />
  49. <meta name="text:link 4 url" content="/" />
  50. <meta name="text:link 4 text" content="link 4" />
  51. <meta name="text:link 5 url" content="/" />
  52. <meta name="text:link 5 text" content="" />
  53. <meta name="text:link 6 url" content="/" />
  54. <meta name="text:link 6 text" content="" />
  55. <meta name="text:link 7 url" content="/" />
  56. <meta name="text:link 7 text" content="" />
  57. <meta name="text:link 8 url" content="/" />
  58. <meta name="text:link 8 text" content="" />
  59.  
  60. <meta name="image:background" content="" />
  61. <meta name="image:header" content="" />
  62. <meta name="font:Body" content="Arial, Helvetica, sans-serif"/>
  63. <meta name="font:Special" content="Arial, Helvetica, sans-serif"/>
  64.  
  65. <meta name="if:title" content="1" />
  66. <meta name="if:searchbar" content="1" />
  67. <meta name="if:infinite scroll" content="0" />
  68. <meta name="if:manually load more" content="1" />
  69. <meta name="if:scroll to top" content="1" />
  70. <meta name="if:grid layout" content="0" />
  71. <meta name="if:unnested captions" content="1" />
  72.  
  73.  
  74. <meta name="select:post size" content="500px" title="500px">
  75. <meta name="select:post size" content="400px" title="400px">
  76. <meta name="select:post size" content="250px" title="250px">
  77.  
  78.  
  79. <meta name="select:Index tags" content="fixed-tags" title="visible tags" />
  80. <meta name="select:Index tags" content="hover-tags" title="tags on hover" />
  81. <meta name="select:Index tags" content="no-tags" title="no tags" />
  82.  
  83. <meta name="select:Perma tags" content="fixed-tags" title="visible tags" />
  84. <meta name="select:Perma tags" content="no-tags" title="no tags" />
  85. <meta name="select:Perma tags" content="hover-tags" title="tags on hover" />
  86.  
  87.  
  88.  
  89. <style type="text/css">
  90.  
  91.  
  92. /* ----------- GENERAL ---------- */
  93.  
  94. ::-webkit-scrollbar-thumb {
  95. background-color: RGBA({RGBcolor:accent},0.5);
  96. height:auto;
  97. width: 3px;
  98. border: 3px solid {color:primary};
  99. z-index: 9999999999999999999999999999999999999;
  100. }
  101.  
  102. ::-webkit-scrollbar {
  103. height:auto;
  104. width:9px;
  105. background-color:{color:primary};
  106. z-index: 999999999999999999999999999999999999;
  107. }
  108.  
  109.  
  110. div#qTip {
  111. font-size: 11px;
  112. font: 0.8em {font:body};
  113. line-height: 11px;
  114. display: none;
  115. text-align: center;
  116. position: absolute;
  117. z-index: 999999999999999999999999999999999999999999999999999999;
  118. background-color: {color:accent};
  119. padding: 3px 7px;
  120. color: {color:primary};
  121. max-width: 200px;
  122. height: auto;
  123. border: 1px solid {color:background};
  124. -webkit-transition: all 0.1s ease-out;
  125. -moz-transition: all 0.1s ease-out;
  126. -o-transition: all 0.1s ease-out;
  127. }
  128.  
  129. body {
  130. word-wrap:break-word;
  131. margin: 0;
  132. background-image: url('{image:background}');
  133. background-attachment: fixed;
  134. background-size: 100% auto;
  135. background-color: {color:background};
  136. font: {text:font size} {font:body};
  137. color: {color:text};
  138. }
  139.  
  140. img {
  141. max-width: 100%;
  142. }
  143.  
  144. a {
  145. text-decoration: none;
  146. color: {color:links};
  147. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  148. -o-transition: 0.5s ease;
  149. -moz-transition: 0.5s ease;
  150. }
  151.  
  152. a:hover {
  153. text-decoration: none;
  154. color: {color:links hover};
  155. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  156. -o-transition: 0.5s ease;
  157. -moz-transition: 0.5s ease;
  158. }
  159.  
  160. blockquote {
  161. border-left: solid 2px {color:background};
  162. padding-left: 10px;
  163. max-width: 100%;
  164. }
  165.  
  166.  
  167. /* ---------------------HEADER--------------------- */
  168.  
  169.  
  170. #header {
  171. position: relative;
  172. top: 0;
  173. left: 0;
  174. width: 100%;
  175. }
  176.  
  177.  
  178. #header-scroll {
  179. height: 200px;
  180. width: 100%;
  181. position: relative;
  182. background-color: {color:accent};
  183. background-image: url('{image:header}');
  184. background-repeat: no-repeat;
  185. background-size: 100% auto;
  186. }
  187.  
  188. #header-sticky {
  189. width: 100%;
  190. position: relative;
  191. z-index: 99;
  192. background-color: {color:primary};
  193. padding: 7px 0px;
  194. }
  195.  
  196.  
  197. #title-buffer {
  198. width: 100%;
  199. height: 20px;
  200. }
  201.  
  202.  
  203. #title {
  204. text-align: right;
  205. font: 1.3em {font:special};
  206. color: {color:primary};
  207. width: calc(50% + 100px);
  208. border-bottom: 1px solid {color:primary};
  209. padding-bottom: 5px;
  210. }
  211.  
  212. #desc-buffer {
  213. width: 100%;
  214. {block:IfTitle}
  215. height: 20px;
  216. {/block:IfTitle}
  217. {block:IfNotTitle}
  218. height: 45px;
  219. {/block:IfNotTitle}
  220. }
  221.  
  222. #desc {
  223. padding: 10px;
  224. background-color: RGBA({RGBcolor:primary}, 0.5);
  225. width: 400px;
  226. max-height: 90px;
  227. overflow-y: auto;
  228. text-align: center;
  229. margin-left: calc(50% - 210px);
  230. font-size: 0.9em;
  231. }
  232.  
  233. #desc::-webkit-scrollbar-thumb {
  234. background-color: RGBA({RGBcolor:accent},0.5);
  235. height:auto;
  236. width: 3px !important;
  237. border: none !important;
  238. z-index: 9999999999999999999999999999999999999;
  239. }
  240.  
  241. #desc::-webkit-scrollbar {
  242. height:auto;
  243. width:3px !important;
  244. background-color:{color:primary};
  245. z-index: 999999999999999999999999999999999999;
  246. }
  247.  
  248.  
  249. #sb-links {
  250. margin-left: 10px;
  251. display: inline-block;
  252. }
  253.  
  254. .sb-link {
  255. display: inline-block;
  256. text-align: center;
  257. font: 1em {font:special};
  258. margin-right: 10px;
  259. padding-bottom: 2px;
  260. padding-top: 2px;
  261. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  262. -o-transition: 0.5s ease;
  263. -moz-transition: 0.5s ease;
  264. }
  265.  
  266. .sb-link:hover {
  267. border-bottom: 0.5px solid {color:links};
  268. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  269. -o-transition: 0.5s ease;
  270. -moz-transition: 0.5s ease;
  271. }
  272.  
  273.  
  274.  
  275. /* ------- SEARCHBAR -------- */
  276.  
  277. #searchbar {
  278. position: relative;
  279. margin-left: 10px;
  280. display: inline-block;
  281. }
  282.  
  283. #searchform input {
  284. border: 0px;
  285. padding: 5px;
  286. text-transform: uppercase;
  287. margin-top: 0px;
  288. letter-spacing: 1px;
  289. font-size: 10px;
  290. color: #A2A2A2;
  291. border-radius: 3px;
  292. }
  293.  
  294. #searchinput {
  295. background-color: {color:background};
  296. border-radius: 3px;
  297. display: inline-block;
  298. width: 155px;
  299. }
  300.  
  301. #searchbutton {
  302. vertical-align: bottom;
  303. height: 12px;
  304. background-color: {color:background};
  305. border-radius: 3px;
  306. display: inline-block;
  307. }
  308.  
  309.  
  310.  
  311. #searchform input:focus {
  312. outline: none;
  313. }
  314.  
  315.  
  316. /* ------- PAGINATION -------- */
  317.  
  318.  
  319. #pag {
  320. {block:IfInfiniteScroll}
  321. display: none;
  322. {/block:IfInfiniteScroll}
  323. margin-bottom: 50px;
  324. text-align: center;
  325. }
  326.  
  327. .pag {
  328. display: inline-block;
  329. padding-bottom: 2px;
  330. border-bottom: 0.5px solid {color:links};
  331. }
  332.  
  333. #prev {
  334.  
  335. }
  336.  
  337. #next {
  338.  
  339. }
  340.  
  341.  
  342.  
  343. /* ---------------------------------------- */
  344. /* ------------ POSTS & CONTENT ----------- */
  345. /* ---------------------------------------- */
  346.  
  347.  
  348.  
  349. #content {
  350. position: relative;
  351. margin: auto;
  352. {block:IfNotGridLayout}
  353. width: {select:post size};
  354. {/block:IfNotGridLayout}
  355. {block:IfGridLayout}
  356. {block:IndexPage}
  357. width: calc(100% - 200px);
  358. {/block:IndexPage}
  359. {block:PermalinkPage}
  360. width: {select:post size};
  361. {/block:PermalinkPage}
  362. {/block:IfGridLayout}
  363. {block:IfInfiniteScroll}
  364. {block:IfManuallyLoadMore}
  365. margin-bottom: 50px;
  366. {block:IfManuallyLoadMore}
  367. {/block:IfInfiniteScroll}
  368. }
  369.  
  370.  
  371. #posts {
  372. {block:IndexPage}
  373. margin-top: 40px;
  374. {/block:IndexPage}
  375. {block:PermalinkPage}
  376. margin-top: 70px;
  377. margin-bottom: 50px;
  378. {/block:PermalinkPage}
  379. }
  380.  
  381. #post {
  382. width: {select:post size};
  383. background-color: {color:primary};
  384. }
  385.  
  386. .posty {
  387. width: {select:post size};
  388. {block:IfNotGridLayout}
  389. margin-bottom: 70px;
  390. {/block:IfNotGridLayout}
  391. {block:IfGridLayout}
  392. margin-bottom: 50px;
  393. margin-right: 20px;
  394. {/block:IfGridLayout}
  395. }
  396.  
  397.  
  398. .caption blockquote {
  399. margin-left: 5px;
  400. margin-right: 0px;
  401. max-width: 100%;
  402. }
  403.  
  404. .caption img {
  405. height: 100%;
  406. max-width: 100%;
  407. }
  408.  
  409.  
  410. .caption {
  411. {block:IfNotUnnestedCaptions}
  412. padding: 0px 10px 10px 10px;
  413. {/block:IfNotUnnestedCaptions}
  414. {block:IfUnnestedCaptions}
  415. padding: 0px 0px 10px 0px;
  416. {/block:IfUnnestedCaptions}
  417. }
  418.  
  419. blockquote.caption_unnested {
  420. border-left: none;
  421. margin-left: 0px;
  422. }
  423.  
  424. .caption_unnested {
  425. border-bottom: 0.5px solid {color:accent};
  426. padding: 0px 10px !important;
  427. }
  428.  
  429. {block:IfUnnestedCaptions}
  430. .caption p {
  431. padding-left: 10px;
  432. }
  433. {/block:IfUnnestedCaptions}
  434.  
  435. .caption_unnested:last-of-type {
  436. border-bottom: none;
  437. }
  438.  
  439. .caption_unnested .tumblr_blog {
  440.  
  441. }
  442.  
  443. .post-user {
  444. font: 1em {font:special};
  445. {block:IsDeactivated}
  446. text-decoration: line-through;
  447. {/block:IsDeactivated}
  448. }
  449.  
  450. .post-text {
  451.  
  452. }
  453.  
  454.  
  455. .tumblr_blog {
  456. font: 1em {font:special};
  457. {block:IsDeactivated}
  458. text-decoration: line-through;
  459. {/block:IsDeactivated}
  460. }
  461.  
  462. /*------------------------TEXT POST----------------------- */
  463.  
  464.  
  465.  
  466. .textpost {
  467.  
  468. }
  469.  
  470. .textpost-title {
  471. font: 1.2em {font:special};
  472. width: 80%;
  473. border-bottom: 1px solid {color:accent};
  474. padding: 10px 5px 10px 15px;
  475. }
  476.  
  477. .textpost-content {
  478. padding: 12px;
  479. border-bottom: 0.5px solid {color:accent};
  480. }
  481.  
  482. .textpost-content:last-of-type {
  483. border-bottom: none;
  484. }
  485.  
  486. .textpost-user {
  487. font: 1em {font:special};
  488. }
  489.  
  490. .textpost-text {
  491. padding-left: 10px;
  492. }
  493.  
  494. .textpost-text blockquote {
  495. border-left: solid 2px {color:background};
  496. padding-left: 10px;
  497. max-width: 100%;
  498. }
  499.  
  500.  
  501. .textpost blockquote {
  502. margin-left: 5px;
  503. margin-right: 0px;
  504. max-width: 100%;
  505. }
  506.  
  507. .textpost img {
  508. height: 100%;
  509. max-width: 100%;
  510. }
  511.  
  512. .textpost-text-page {
  513. padding: 15px;
  514. }
  515.  
  516. .textpost-text-page-no {
  517. display: none;
  518. }
  519.  
  520.  
  521.  
  522.  
  523. /*------------------------PHOTO POST----------------------- */
  524.  
  525. .photosetpost {
  526.  
  527. }
  528.  
  529. .panorama-post {
  530.  
  531. }
  532.  
  533.  
  534.  
  535. .photosetpost .caption_unnested:first-of-type {
  536.  
  537. }
  538.  
  539.  
  540. .photopost .caption_unnested:first-of-type {
  541.  
  542. }
  543.  
  544.  
  545. .photoset {
  546. margin-right: 0px;
  547. padding: 0px;
  548. }
  549.  
  550.  
  551. /*------------------------QUOTE POST----------------------- */
  552.  
  553. .quotepost {
  554. }
  555.  
  556. .quote-div {
  557. width: 80%;
  558. border-bottom: 1px solid {color:accent};
  559. margin-top: 7px;
  560. }
  561.  
  562. .quotepost-quote {
  563. font: 1em {font:special};
  564. padding: 15px 15px 5px 15px;
  565. }
  566.  
  567. .quotepost-source {
  568. font-size: 0.8em;
  569. padding-top: 7px;
  570. text-align: right;
  571. padding-right: 20px;
  572. padding-bottom: 10px;
  573. }
  574.  
  575. /*------------------------LINK POST----------------------- */
  576.  
  577. .linkpost {
  578.  
  579. }
  580.  
  581. .linkpost blockquote {
  582. margin-left: 0px;
  583. margin-right: 0px;
  584. max-width: 100%;
  585. }
  586.  
  587. .linkpost-title {
  588. font: 1.2em {font:special};
  589. width: 80%;
  590. border-bottom: 1px solid {color:link};
  591. padding: 10px 5px 10px 15px;
  592. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  593. -o-transition: 0.5s ease;
  594. -moz-transition: 0.5s ease;
  595. }
  596.  
  597. .linkpost-title:hover{
  598. letter-spacing: 0.1em;
  599. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  600. -o-transition: 0.5s ease;
  601. -moz-transition: 0.5s ease;
  602. }
  603.  
  604.  
  605. .linkpost .caption_unnested {
  606.  
  607. }
  608.  
  609. .linkpost-img {
  610.  
  611. }
  612.  
  613.  
  614. /*------------------------CHAT POST----------------------- */
  615.  
  616. .chatpost {
  617.  
  618. }
  619.  
  620. .chatpost-title {
  621. font: 1.2em {font:special};
  622. width: 80%;
  623. border-bottom: 1px solid {color:accent};
  624. padding: 10px 5px 10px 15px;
  625. }
  626.  
  627. .chatpost ul {
  628. list-style-type: none;
  629. padding: 0px 20px 15px 20px;
  630. }
  631.  
  632. .chatpost ul li {
  633. border-bottom: 0.5px solid {color:accent};
  634. padding-bottom: 3px;
  635. margin-bottom: 5px;
  636. }
  637.  
  638. .chatpost ul li:last-child {
  639.  
  640. }
  641.  
  642. .chatpost ul .odd {
  643.  
  644. }
  645.  
  646. .chatpost ul .even {
  647.  
  648. }
  649.  
  650. /*------------------------AUDIO POST----------------------- */
  651.  
  652. .audiopost {
  653. padding-bottom: 10px;
  654. }
  655.  
  656. .audiopost-button {
  657. width: 30px;
  658. height: 30px;
  659. background-color: RGBA(255,255,255, 0.6);
  660. position: absolute;
  661. margin-left: 30px;
  662. margin-top: 30px;
  663. z-index: 3;
  664. }
  665.  
  666. .audiopost-player {
  667. z-index: 999;
  668. width: 25px;
  669. height: 25px;
  670. overflow:hidden;
  671. position: absolute;
  672. margin-top: 2px;
  673. margin-left: 2px;
  674. opacity: 0.3;
  675. }
  676.  
  677.  
  678. .audiopost-img {
  679. position: absolute;
  680. margin-top: 15px;
  681. margin-left: 15px;
  682. z-index: 2;
  683. width: 60px;
  684. height: 60px;
  685. }
  686.  
  687.  
  688.  
  689. .audiopost-fallbackimg {
  690. position: absolute;
  691. margin-top: 15px;
  692. margin-left: 15px;
  693. z-index: 1;
  694. width: 60px;
  695. height: 60px;
  696. overflow:hidden;
  697. background-color: {color:accent};
  698. }
  699.  
  700.  
  701.  
  702.  
  703. .audiopost ul {
  704. z-index: 1;
  705. list-style-type: none;
  706. min-height: 75px;
  707. padding-left: 90px;
  708. padding-top: 15px;
  709. width: calc(80% - 90px);
  710. border-bottom: 1px solid {color:accent};
  711. margin-bottom: 10px;
  712. }
  713.  
  714. .audiopost ul li {
  715.  
  716. }
  717.  
  718. .audiopost .caption_unnested {
  719.  
  720. }
  721.  
  722.  
  723. /*------------------------VIDEO POST----------------------- */
  724.  
  725. .videopost {
  726.  
  727. }
  728.  
  729. .videopost-video {
  730.  
  731. }
  732.  
  733. .select-700px {
  734. display:none;
  735. }
  736.  
  737.  
  738. .main-250px .select-400px {
  739. display: none;
  740. }
  741.  
  742. .main-250px .select-500px {
  743. display: none;
  744. }
  745.  
  746. .main-400px .select-500px {
  747. display: none;
  748. }
  749.  
  750. .main-400px .select-250px {
  751. display: none;
  752. }
  753.  
  754. .main-500px .select-250px {
  755. display: none;
  756. }
  757.  
  758. .main-500px .select-400px {
  759. display: none;
  760. }
  761.  
  762. /*------------------------ASK POST----------------------- */
  763.  
  764. .answerpost {
  765.  
  766. }
  767.  
  768. .answerpost .caption_unnested {
  769.  
  770. }
  771.  
  772. .answerpost .caption {
  773. border-top: 1px solid {color:accent};
  774. padding-top: 5px;
  775. }
  776.  
  777. .answerpost img {
  778. height: 100%;
  779. max-width: 100%;
  780. }
  781.  
  782. .answerpost-asker {
  783. margin-bottom: 3px;
  784. }
  785.  
  786. .asker, .answerer {
  787. font:1em {font:special};
  788. }
  789.  
  790.  
  791. .answerpost-askerimg {
  792. width: 40px;
  793. height: 40px;
  794. position: relative;
  795. float: right;
  796. display: inline-block;
  797. padding: 15px;
  798. }
  799.  
  800. .answerpost-askerimg img {
  801.  
  802. }
  803.  
  804.  
  805. .answerpost-question {
  806. display: inline-block;
  807. border-bottom: 1px solid {color:accent};
  808. width: calc(100% - 110px);
  809. padding: 15px;
  810. }
  811.  
  812.  
  813.  
  814. .answerpost-answererimg {
  815. width: 40px;
  816. height: 40px;
  817. position: relative;
  818. display: inline-block;
  819. margin-top: 10px;
  820. }
  821.  
  822. .answerpost-answerer {
  823. vertical-align: bottom;
  824. border-bottom: 1px solid {color:accent};
  825. padding-bottom: 15px;
  826. display: inline-block;
  827. margin-left: 10px;
  828. }
  829.  
  830. .answerpost-answer {
  831. padding: 5px 15px;
  832.  
  833. }
  834.  
  835. .answerpost .caption:empty {
  836. display: none;
  837. }
  838.  
  839. .answerpost .caption_unnested:empty {
  840. display: none;
  841. }
  842.  
  843.  
  844. /*------------------------PERM----------------------- */
  845.  
  846. #permbox1 {
  847. border-top: 1px solid {color:accent};
  848. padding: 5px;
  849. margin-top: 10px;
  850. }
  851.  
  852. #permbox1 .permbox-box {
  853. display: inline-block;
  854. color: {color:text};
  855. }
  856.  
  857.  
  858.  
  859. #timeago-box:before {
  860. font-family: FontAwesome;
  861. font-size: 1.1em;
  862. content: "\f0ac";
  863. margin-right: 5px;
  864. }
  865.  
  866. #reblogbutton:before {
  867. font-family: FontAwesome;
  868. font-size: 1.1em;
  869. content: "\f079";
  870. }
  871.  
  872. #timeago-box {
  873. font-size: 0.95em;
  874. display: inline-block;
  875. }
  876.  
  877.  
  878. #notecount-box {
  879.  
  880. }
  881.  
  882.  
  883. #reblogbutton {
  884. position: relative;
  885. display: inline-block;
  886. float: right;
  887. margin-right: 3px;
  888. }
  889.  
  890. #likebutton {
  891. position: relative;
  892. display: inline-block;
  893. float: right;
  894. }
  895.  
  896. #like-heart {
  897. position:relative;
  898. display:inline-block;
  899. }
  900.  
  901. #like-heart svg {
  902. width:11px;
  903. height:auto;
  904. display:block;
  905. fill: {color:text};
  906. }
  907.  
  908.  
  909. #like-heart .liked + svg {
  910. opacity:1;
  911. }
  912.  
  913. #like-heart .liked + svg path {
  914. fill:{color:accent};
  915. }
  916.  
  917.  
  918. #like-heart .like_button iframe {
  919. position:absolute;
  920. top:0;
  921. left:0;
  922. bottom:0;
  923. right:0;
  924. z-index:2;
  925. opacity:0;
  926. }
  927.  
  928.  
  929. #source-box {
  930. width: {select:post size};
  931. border-bottom:1px solid {color:accent};
  932. padding: 0px 0px 8px 0px;
  933. margin-top: -30px;
  934. color: {color:text};
  935. text-align: center;
  936. }
  937.  
  938.  
  939. #source-box .permbox-box {
  940. display: inline-block;
  941. color: {color:text};
  942. font-size: 0.95em;
  943. }
  944.  
  945.  
  946. #source-box .permbox-box a {
  947. display: inline-block;
  948. font: 1em {font:special};
  949. }
  950.  
  951.  
  952.  
  953.  
  954. /*------------------------TAGS----------------------- */
  955.  
  956.  
  957. .no-tags {
  958. display: none;
  959. }
  960.  
  961. .no-tags .comma:last-child {
  962. display: none;
  963. }
  964.  
  965. .hover-tags {
  966. font-size: 0.95em;
  967. text-align: right;
  968. opacity: 0;
  969. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  970. -o-transition: 0.5s ease;
  971. -moz-transition: 0.5s ease;
  972. }
  973.  
  974. .hover-tags .comma:last-child {
  975. display: none;
  976. }
  977.  
  978. .posty:hover .hover-tags {
  979. opacity:1;
  980. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  981. -o-transition: 0.5s ease;
  982. -moz-transition: 0.5s ease;
  983. }
  984.  
  985. .fixed-tags {
  986. font-size: 0.95em;
  987. text-align: right;
  988. }
  989.  
  990. .fixed-tags .comma:last-child {
  991. display: none;
  992. }
  993.  
  994.  
  995. /*------------------------NOTES----------------------- */
  996.  
  997.  
  998.  
  999. #notes {
  1000. overflow-y: auto;
  1001. background-color: {color:primary};
  1002. padding: 10px;
  1003. width: calc({select:post size} - 20px);
  1004. max-height: 500px;
  1005. margin-top: 10px;
  1006. }
  1007.  
  1008. #notes::-webkit-scrollbar-thumb {
  1009. background-color: RGBA({RGBcolor:accent},0.5);
  1010. height:auto;
  1011. width: 5px !important;
  1012. border: none !important;
  1013. z-index: 9999999999999999999999999999999999999;
  1014. }
  1015.  
  1016. #notes::-webkit-scrollbar {
  1017. height:auto;
  1018. width:5px !important;
  1019. background-color:{color:primary};
  1020. z-index: 999999999999999999999999999999999999;
  1021. }
  1022.  
  1023.  
  1024. #notes ol {
  1025. list-style-type: none;
  1026. padding-left: 10px;
  1027. }
  1028.  
  1029. #notes ol li {
  1030. font-size: 0.9em;
  1031. margin-bottom: 3px;
  1032. }
  1033.  
  1034. #notes img {
  1035. width: 20px;
  1036. height: 20px;
  1037. }
  1038.  
  1039. #notes .avatar {
  1040. width: 20px;
  1041. height: 20px;
  1042. margin-right: 5px;
  1043. }
  1044.  
  1045. #notes .action {
  1046. vertical-align: 7px;
  1047. }
  1048.  
  1049. #notes .action a {
  1050. font: 1em {font:special};
  1051. }
  1052.  
  1053.  
  1054. /*------------------------INFINITE SCROLL THINGS----------------------- */
  1055.  
  1056. .load-more {
  1057. position: relative;
  1058. bottom: 0px;
  1059. text-align: center;
  1060. width: 70px;
  1061. height: 30px;
  1062. padding: 10px;
  1063. background-color: {color:primary};
  1064. border-bottom: 1px solid {color:accent};
  1065. margin-bottom: 70px;
  1066. {block:IfGridLayout}
  1067. margin-top: 40px;
  1068. margin-left: calc(50% - 45px);
  1069. {/block:IfGridLayout}
  1070. {block:IfNotGridLayout}
  1071. margin-left: calc({select:post size} / 2 - 45px);
  1072. {/block:IfNotGridLayout}
  1073. font: 1em {font:special};
  1074. line-height: 30px;
  1075. cursor: help;
  1076. }
  1077.  
  1078.  
  1079. #infscr-loading {
  1080. {block:IfGridLayout}
  1081. bottom: -30px;
  1082. position: absolute;
  1083. margin-left: calc(50% - 35px);
  1084. {/block:IfGridLayout}
  1085. {block:IfNotGridLayout}
  1086. position: relative;
  1087. margin-left: calc({select:post size} / 2 - 35px);
  1088. margin-bottom: 70px;
  1089. margin-top: -20px;
  1090. {/block:IfNotGridLayout}
  1091. width: 70px;
  1092. height: 70px;
  1093. }
  1094.  
  1095. #infscr-loading p {
  1096. font:1.1em {font:special};
  1097. }
  1098.  
  1099.  
  1100. /*------------------------SCROLL TO TOP----------------------- */
  1101.  
  1102. #scroll-button {
  1103. background-color: {color:primary};
  1104. position: fixed;
  1105. right: 5px;
  1106. bottom: 35px;
  1107. width: 25px;
  1108. height: 25px;
  1109. line-height: 25px;
  1110. color:{color:accent};
  1111. text-align: center;
  1112. display: block;
  1113. cursor: help;
  1114. z-index: 99999999999999999999999999999999999999999999999;
  1115. }
  1116.  
  1117. #scroll-button:before {
  1118. content: "\f062";
  1119. font-family: FontAwesome;
  1120. font-size:16px;
  1121. }
  1122.  
  1123.  
  1124. /* ---------------- TUMBLR CONTROLS ----------------- */
  1125.  
  1126. .tmblr-iframe {
  1127. position: fixed;
  1128. margin-top: -3px !important;
  1129. -webkit-filter: invert(100%);
  1130. filter: invert(100%);
  1131. border: none;
  1132. opacity: 0.2;
  1133. z-index: 999999;
  1134. transform:scale(0.75);
  1135. transform-origin:100% 0;
  1136. -webkit-transform:scale(0.75);
  1137. -webkit-transform-origin:100% 0;
  1138. -o-transform:scale(0.75);
  1139. -o-transform-origin:100% 0;
  1140. -moz-transform:scale(0.75);
  1141. -moz-transform-origin:100% 0;
  1142. -ms-transform:scale(0.75);
  1143. -ms-transform-origin:100% 0;
  1144. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  1145. -o-transition: 0.5s ease;
  1146. -moz-transition: 0.5s ease;
  1147. }
  1148.  
  1149. .tmblr-iframe:hover {
  1150. opacity: 0.5;
  1151. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  1152. -o-transition: 0.5s ease;
  1153. -moz-transition: 0.5s ease;
  1154. }
  1155.  
  1156.  
  1157.  
  1158. /* ---------------- LIGHTBOX ----------------- */
  1159.  
  1160.  
  1161. .tmblr-lightbox {
  1162. background-color: RGBA({RGBcolor:primary}, 0.7) !important;
  1163. }
  1164.  
  1165.  
  1166. .tmblr-lightbox .vignette {
  1167. opacity:0; !important;
  1168. }
  1169.  
  1170.  
  1171. .tmblr-lightbox .lightbox-image {
  1172. box-shadow: none !important;
  1173. border-radius: 0px !important;
  1174. overflow:hidden !important;
  1175. border:1px solid RGBA({RGBcolor:accent}, 0.5) !important;
  1176. }
  1177.  
  1178. .tmblr-lightbox .lightbox-image img {
  1179. border-radius: 0px !important;
  1180. overflow:hidden !important;
  1181. }
  1182.  
  1183. .tmblr-lightbox .lightbox-image-container {
  1184.  
  1185. }
  1186.  
  1187. .tmblr-lightbox .lightbox-caption {
  1188. display: none;
  1189. }
  1190.  
  1191.  
  1192. /*------------------------CREDIT----------------------- */
  1193.  
  1194. /* -- DO NOT EDIT ANYTHING HERE WITHOUT ASKING ME FIRST -- */
  1195.  
  1196. #credit {
  1197. position: fixed;
  1198. right: 5px;
  1199. bottom: 5px;
  1200. width: 25px;
  1201. height: 25px;
  1202. line-height: 25px;
  1203. background-color: {color:accent};
  1204. color:{color:primary};
  1205. text-align: center;
  1206. z-index: 99999999999999999999999999999999999999999999999;
  1207. }
  1208.  
  1209.  
  1210.  
  1211. #credit:before {
  1212. content: "\f259";
  1213. font-family: FontAwesome;
  1214. font-size:16px;
  1215. }
  1216.  
  1217.  
  1218.  
  1219.  
  1220. </style>
  1221. </head>
  1222.  
  1223. <body>
  1224.  
  1225. <!-- /* SIDEBAR, HEADER, ETC. */ -->
  1226.  
  1227. <div id="header">
  1228. {block:IndexPage}
  1229. <div id="header-scroll">
  1230. {block:IfTitle}
  1231. <div id="title-buffer"></div>
  1232. <div id="title">{Title}</div>
  1233. {/block:IfTitle}
  1234. <div id="desc-buffer"></div>
  1235. <div id="desc">{Description}</div>
  1236. </div>
  1237. {/block:IndexPage}
  1238. <div id="header-sticky">
  1239. {block:IfSearchbar}
  1240. <div id="searchbar">
  1241. <form action="/search" method="get" id=searchform>
  1242. <input type="text" name="q" value="{SearchQuery}" id="searchinput"/>
  1243. <input type="image" value="search" src="http://static.tumblr.com/h5czl1a/zWbouzrws/searchicon.png" id="searchbutton"/>
  1244. </form></div>
  1245. {/block:IfSearchbar}
  1246. <div id="sb-links">
  1247. {block:IfLink1Text}<a href="{text:link 1 url}"><div class="sb-link">{text:link 1 text}</div></a>{/block:IfLink1Text}
  1248. {block:IfLink2Text}<a href="{text:link 2 url}"><div class="sb-link">{text:link 2 text}</div></a>{/block:IfLink2Text}
  1249. {block:IfLink3Text}<a href="{text:link 3 url}"><div class="sb-link">{text:link 3 text}</div></a>{/block:IfLink3Text}
  1250. {block:IfLink4Text}<a href="{text:link 4 url}"><div class="sb-link">{text:link 4 text}</div></a>{/block:IfLink4Text}
  1251. {block:IfLink5Text}<a href="{text:link 5 url}"><div class="sb-link">{text:link 5 text}</div></a>{/block:IfLink5Text}
  1252. {block:IfLink6Text}<a href="{text:link 6 url}"><div class="sb-link">{text:link 6 text}</div></a>{/block:IfLink6Text}
  1253. {block:IfLink7Text}<a href="{text:link 7 url}"><div class="sb-link">{text:link 7 text}</div></a>{/block:IfLink7Text}
  1254. {block:IfLink8Text}<a href="{text:link 8 url}"><div class="sb-link">{text:link 8 text}</div></a>{/block:IfLink8Text}
  1255. </div>
  1256. </div>
  1257.  
  1258. </div>
  1259.  
  1260. <!-- /* SIDEBAR */ -->
  1261.  
  1262.  
  1263.  
  1264. <!-- /* POSTS */ DON'T CHANGE ANYTHING HERE PLEASE (or you might heck it) -->
  1265.  
  1266. <div id="content">
  1267. <div id="posts">
  1268. {block:Posts}
  1269. <div class="posty" id="{PostID}">
  1270.  
  1271. <div id="post" class="{select:post size}">
  1272.  
  1273. <!-- {block:NoRebloggedFrom}
  1274. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1275. {/block:NoRebloggedFrom} -->
  1276.  
  1277. {block:ContentSource}<!-- {SourceURL}
  1278. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1279. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1280. {/block:ContentSource}
  1281.  
  1282.  
  1283.  
  1284. <!-- /* TEXT POST */ -->
  1285. {block:Text}<div class="textpost">
  1286. {block:Title}<div class="textpost-title">{Title}</div>{/block:Title}
  1287. <div class="textpost-text-page{block:Date}-no{/block:Date}">
  1288. {Body}
  1289. </div>
  1290. {block:Date}
  1291. {block:NotReblog}
  1292. <div class="textpost-content">
  1293. {Body}
  1294. </div>
  1295. {/block:NotReblog}
  1296. {block:Reblogs}
  1297. <div class="textpost-content">
  1298. <div class="textpost-user">
  1299. <a href="{Permalink}">{Username}</a>
  1300. </div>
  1301. <div class="textpost-text">
  1302. {Body}
  1303. </div>
  1304. </div>
  1305. {/block:Reblogs}
  1306. {/block:Date}
  1307. </div>
  1308. {/block:Text}
  1309.  
  1310. <!-- /* PHOTO POST */ -->
  1311. {block:Photo}<div class="photopost">
  1312. {LinkOpenTag}
  1313. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  1314. {LinkCloseTag}
  1315. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1316. </div>
  1317. {/block:Photo}
  1318.  
  1319. <!-- /* PANORAMA POST */ -->
  1320. {block:Panorama}<div class="panoramapost">
  1321. {LinkOpenTag}
  1322. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
  1323. {LinkCloseTag}
  1324. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1325. </div>
  1326. {/block:Panorama}
  1327.  
  1328. <!-- /* PHOTOSET POST */ -->
  1329. {block:Photoset}<div class="photosetpost">
  1330. <div class="photoset main-{select:post size}">
  1331. <div class="select-700px">{Photoset-700}</div>
  1332. <div class="select-500px">{Photoset-500}</div>
  1333. <div class="select-400px">{Photoset-400}</div>
  1334. <div class="select-250px">{Photoset-250}</div>
  1335. </div>
  1336. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1337. </div>{/block:Photoset}
  1338.  
  1339. <!-- /* QUOTE POST */ -->
  1340. {block:Quote}<div class="quotepost">
  1341. <div class="quotepost-quote">{Quote}</div>
  1342. {block:Source}
  1343. <div class="quote-div"></div>
  1344. <div class="quotepost-source">{Source}</div>{/block:Source}
  1345. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1346. </div>
  1347. {/block:Quote}
  1348.  
  1349. <!-- /* LINK POST */ -->
  1350. {block:Link}<div class="linkpost">
  1351. <a href="{URL}"><div class="linkpost-title">{Name}</div></a>
  1352. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  1353. </div>
  1354. {/block:Link}
  1355.  
  1356.  
  1357. <!-- /* CHAT POST */ -->
  1358. {block:Chat}<div class="chatpost">
  1359. {block:Title}<div class="chatpost-title">{Title}</div>{/block:Title}
  1360. <ul>
  1361. {block:Lines}
  1362. <li class="{Alt}">{block:Label}<strong>{Label}</strong> {/block:Label}{Line}</li>
  1363. {/block:Lines}
  1364. </ul>
  1365. </div>
  1366. {/block:Chat}
  1367.  
  1368.  
  1369. <!-- /* AUDIO POST */ -->
  1370. {block:Audio}<div class="audiopost">
  1371. {block:AlbumArt}
  1372. <div class="audiopost-img"><img src="{AlbumArtURL}"></div>
  1373. {/block:AlbumArt}
  1374. <div class="audiopost-fallbackimg"></div>
  1375. {block:AudioPlayer}
  1376. <div class="audiopost-button">
  1377. <div class="audiopost-player">{AudioPlayer}</div>
  1378. </div>
  1379. {/block:AudioPlayer}
  1380. <ul>
  1381. {block:TrackName}<li><strong>Track:</strong> {TrackName}</li>{/block:TrackName}
  1382. {block:Artist}<li><strong>Artist:</strong> {Artist}</li>{/block:Artist}
  1383. {block:Album}<li><strong>Album:</strong> {Album}</li>{/block:Album}
  1384. </ul>
  1385. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1386. </div>
  1387. {/block:Audio}
  1388.  
  1389.  
  1390. <!-- /* VIDEO POST */ -->
  1391. {block:Video}<div class="videopost"><div class="main-{select:post size}">
  1392. <div class="select-700px">{Video-700}</div>
  1393. <div class="select-500px">{Video-500}</div>
  1394. <div class="select-400px">{Video-400}</div>
  1395. <div class="select-250px">{Video-250}</div>
  1396. </div>
  1397. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1398. </div>
  1399. {/block:Video}
  1400.  
  1401. <!-- /* ASK POST */ -->
  1402.  
  1403. {block:Answer}
  1404. <div class="answerpost">
  1405. <div class="answerpost-askerimg"><img src="{AskerPortraitURL-48}"></div>
  1406. <div class="answerpost-question">
  1407. <div class="answerpost-asker">{Asker} asked:</div>
  1408. {Question}</div>
  1409. {block:Answerer}
  1410. <div class="answerpost-answer">
  1411. <div class="answerpost-answererimg"><img src="{AnswererPortraitURL-48}"></div>
  1412. <div class="answerpost-answerer">{Answerer} answered: </div>{Answer}</div>
  1413. {/block:Answerer}
  1414. {block:NotReblog}
  1415. <div class="answerpost-answer">{Replies}</div>
  1416. {/block:NotReblog}
  1417. {block:RebloggedFrom}<div class="caption">{Replies}</div>{/block:RebloggedFrom}
  1418. </div>
  1419. {/block:Answer}
  1420.  
  1421.  
  1422.  
  1423. </div> <!--post -->
  1424.  
  1425. <!-- /* PERM */ -->
  1426.  
  1427. <div id="permbox1">
  1428. {block:Date}
  1429. <a href="{Permalink}" id="time-link">
  1430. <div id="timeago-box" class="permbox-box">{TimeAgo}{block:NoteCount} / {NoteCount} notes{/block:NoteCount}</div></a>
  1431. <div id="likebutton" class="permbox-box">
  1432. <div id="like-heart">{LikeButton}
  1433. <svg viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path></svg>
  1434. </div>
  1435. </div>
  1436. <a href="{ReblogUrl}" target="_blank"><div id="reblogbutton" class="permbox-box"></div></a>
  1437. {/block:Date}
  1438.  
  1439.  
  1440. <!--
  1441. {block:RebloggedFrom}<div id="reblogged-box" class="permbox-box"><a href="{ReblogParentURL}">VIA</a></div>{/block:RebloggedFrom} -->
  1442.  
  1443. <!--<a href="{ReblogURL}" title="reblog" target="_blank"><div id="reblog" class="permbox-box">REBLOG</div></a>-->
  1444. </div> <!--id="permbox1"-->
  1445.  
  1446. <!-- /* TAGS */ -->
  1447. {block:HasTags}<div {block:IndexPage}class="{select:index tags}"{/block:IndexPage}{block:PermalinkPage}class="{select:perma tags}"{/block:PermalinkPage}>
  1448. {block:Tags}
  1449. <a href="{TagURL}" class="tag">#{Tag}</a>&nbsp;&nbsp;
  1450. {/block:Tags}
  1451. </div>
  1452. {/block:HasTags}
  1453.  
  1454.  
  1455. </div> <!-- posty div -->
  1456.  
  1457. {block:PermalinkPage}
  1458. {block:Date}
  1459. <div id="source-box">
  1460. {block:RebloggedFrom}
  1461. <div id="parent-portrait" class="permbox-box">via: <a href="{ReblogParentURL}">{ReblogParentName}</a></div> / <div id="root-portrait" class="permbox-box">source: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  1462. {/block:RebloggedFrom}
  1463. {block:NotReblog}
  1464. <div id="root-portrait" class="permbox-box">source: <a href="{PermaLink}">{Name}</a></div>
  1465. {/block:NotReblog}
  1466. </div>
  1467. {/block:Date}
  1468. {/block:PermalinkPage}
  1469.  
  1470. {/block:Posts}
  1471.  
  1472.  
  1473.  
  1474.  
  1475.  
  1476. <!-- /* POST NOTES */ -->
  1477. {block:PostNotes}
  1478. <div id="notes">
  1479. {PostNotes-64}
  1480. </div>
  1481. {/block:PostNotes}
  1482. </div> <!-- posts div -->
  1483.  
  1484. {block:IfManuallyLoadMore}
  1485. {block:IfInfiniteScroll}
  1486. {block:Pagination}
  1487. <div class="load-more">load more</div>
  1488. {/block:Pagination}
  1489. {/block:IfInfiniteScroll}
  1490. {/block:IfManuallyLoadMore}
  1491.  
  1492. {block:Pagination}
  1493. <div id="pag">
  1494. {block:PreviousPage}
  1495. <a id="prev" href="{PreviousPage}"><div class="pag">previous</div></a> /
  1496. {/block:PreviousPage}
  1497. {block:NextPage}
  1498. <a id="next" href="{NextPage}"><div class="pag">next</div></a>
  1499. {/block:NextPage}
  1500. </div>
  1501. {/block:Pagination}
  1502.  
  1503. </div> <!-- content div -->
  1504.  
  1505. <!-- scroll to top button -->
  1506.  
  1507. {block:IfScrollToTop}
  1508. <div id="scroll-button"></div>
  1509. {/block:IfScrollToTop}
  1510.  
  1511.  
  1512. <!-- /* CREDIT: DO NOT REMOVE !!! */ -->
  1513.  
  1514. <a href="http://spirkthemes.tumblr.com"><div id="credit" data-tipped-options="position: 'left'"></div></a>
  1515.  
  1516.  
  1517. <!-- /* SCRIPTS */ -->
  1518.  
  1519. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>
  1520.  
  1521.  
  1522. <script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
  1523.  
  1524.  
  1525. {block:Indexpage}
  1526. {block:IfInfiniteScroll}
  1527. <script src="http://static.tumblr.com/h5czl1a/Ot3ouzjts/infinitescroll.js"></script>
  1528. {/block:IfInfiniteScroll}
  1529. {block:IfGridLayout}<script src="http://static.tumblr.com/h5czl1a/bshouzjul/masonry.js"></script>
  1530. {/block:IfGridLayout}
  1531. {/block:Indexpage}
  1532. {block:IfUnnestedCaptions}
  1533. <script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  1534. {/block:IfUnnestedCaptions}
  1535.  
  1536.  
  1537.  
  1538. <script>
  1539. jQuery(window).load(function(){
  1540. var $container = $('#posts');
  1541. $container.imagesLoaded(function(){
  1542. $container.masonry({
  1543. itemSelector: '.posty',
  1544. });
  1545. });
  1546. {block:IfUnnestedCaptions}
  1547. $('.posty').unnest({
  1548. yourCaption: ".caption",
  1549. wrapName: ".caption_unnested",
  1550. newCaptionUsername: false,
  1551. originalPostCaptionUsername: false,
  1552. tumblrAvatars: false,
  1553. usernameColon: false
  1554. });
  1555. {/block:IfUnnestedCaptions}
  1556. {block:IfInfiniteScroll}
  1557. $container.infinitescroll({
  1558. itemSelector: '.posty',
  1559. navSelector: '#pag',
  1560. nextSelector: '#next',
  1561. bufferPx: 10000,
  1562. loading: {
  1563. finishedMsg: "<p>The End.</p>",
  1564. img : "http://static.tumblr.com/h5czl1a/B0Souzjn7/loadingspinner.gif",
  1565. msg: null,
  1566. msgText: "",
  1567. } {block:IfManuallyLoadMore},
  1568. errorCallback: function(){
  1569. $('.load-more').hide();
  1570. }
  1571. {/block:IfManuallyLoadMore}
  1572. },
  1573. function( newElements ) {
  1574. var $newElems = $(newElements);
  1575. {block:IfUnnestedCaptions}
  1576. $newElems.unnest({
  1577. yourCaption: ".caption",
  1578. wrapName: ".caption_unnested",
  1579. newCaptionUsername: false,
  1580. originalPostCaptionUsername: false,
  1581. tumblrAvatars: false,
  1582. usernameColon: false
  1583. });
  1584. {/block:IfUnnestedCaptions}
  1585. $newElems.imagesLoaded(function(){
  1586. $newElems.animate({ opacity: 1 });
  1587. $container.masonry( 'appended', $newElems, true );
  1588. });
  1589. var $newElemsIDs = $newElems.map(function(){
  1590. return this.id;
  1591. }).get();
  1592. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1593. }
  1594. );
  1595. {block:IfManuallyLoadMore}
  1596. $(window).unbind('.infscr');
  1597. $('.load-more').click(function(){
  1598. $container.infinitescroll('retrieve');
  1599. return false
  1600. });
  1601. {/block:IfManuallyLoadMore}
  1602. {/block:IfInfiniteScroll}
  1603. });
  1604. </script>
  1605.  
  1606.  
  1607.  
  1608. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  1609. <script src="http://static.tumblr.com/h5czl1a/ACynk4kjd/tipped.js"></script>
  1610.  
  1611. <script type="text/javascript">
  1612.  
  1613.  
  1614. {block:IfScrollToTop}
  1615. $(document).ready(function(){
  1616. var scrollButton = $("#scroll-button");
  1617. scrollButton.click(function(){
  1618. $("html, body").animate({scrollTop:0},1000)});
  1619. $(window).scroll(function(){
  1620. if($(window).scrollTop()<=0){
  1621. scrollButton.fadeOut(100)
  1622. }
  1623. else{scrollButton.fadeIn(100)
  1624. }
  1625. });
  1626. });
  1627. {/block:IfScrollToTop}
  1628.  
  1629. </script>
  1630.  
  1631.  
  1632. <script>
  1633. $(document).ready(function(){
  1634. var stickyHeader = $('#header-sticky');
  1635. var stickyHeaderTop = stickyHeader.offset().top;
  1636. $(window).scroll(function(){
  1637. if( $(window).scrollTop() > stickyHeaderTop ) {
  1638. stickyHeader.css({position: 'fixed', top: '0px'});
  1639. } else {
  1640. stickyHeader.css({position: 'static', top: '0px'});
  1641. }
  1642. });
  1643. });
  1644. </script>
  1645.  
  1646.  
  1647.  
  1648. <script type='text/javascript'>
  1649. $(document).ready(function() {
  1650. Tipped.create('#credit','theme credit');
  1651. });
  1652. </script>
  1653.  
  1654. <script>
  1655. (function($){
  1656. $(document).ready(function(){
  1657. $("[title]").style_my_tooltips({
  1658. tip_follows_cursor:true,
  1659. tip_delay_time:200,
  1660. tip_fade_speed:300
  1661. }
  1662. );
  1663. });
  1664. })(jQuery);
  1665. </script>
  1666.  
  1667. </body>
  1668. </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!