API tools faq
paste
spirkism

theme #32: hera

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