API tools faq
paste
loranhale

pisa

loranhale
Aug 6th, 2017 (edited)
4,790
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.53 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!--
  5.  
  6. pisa
  7.  
  8. @aaronellas/wanderlusthemes
  9.  
  10. -->
  11.  
  12. <head>
  13.  
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <link href='https://fonts.googleapis.com/css?family=Lato:400,400italic,600,600italic|Lora:400,400italic,600,600italic|Roboto:400,400italic,600,600italic|PT+Sans:400,400italic,600,600italic|Open+Sans:400,400italic,600,600italic|Karla:400,400italic,600,600italic' rel='stylesheet' type='text/css'>
  20. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  21. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  22.  
  23. <!-- default variables -->
  24.  
  25. <meta name="image:icon" content=""/>
  26.  
  27. <meta name="color:background" content="#ffffff"/>
  28. <meta name="color:text" content="#666666"/>
  29. <meta name="color:link" content="#444444"/>
  30. <meta name="color:link hover" content="#ff6f61"/>
  31. <meta name="color:title"content="#222222"/>
  32. <meta name="color:border" content="#eeeeee"/>
  33. <meta name="color:accent" content="#bad0f1"/>
  34. <meta name="color:posts" content="#fefefe"/>
  35.  
  36. <meta name="if:infinite scroll" content=""/>
  37. <meta name="if:load more" content=""/>
  38. <meta name="if:title" content=""/>
  39. <meta name="if:icon" content=""/>
  40. <meta name="if:search bar" content=""/>
  41. <meta name="if:updates tab" content=""/>
  42. <meta name="if:controls" content=""/>
  43. <meta name="if:two column links" content=""/>
  44.  
  45. <meta name="select:font" content="open sans"/>
  46. <meta name="select:font" content="trebuchet ms"/>
  47. <meta name="select:font" content="pt sans"/>
  48. <meta name="select:font" content="lato"/>
  49. <meta name="select:font" content="roboto"/>
  50. <meta name="select:font" content="lora"/>
  51. <meta name="select:font" content="karla"/>
  52.  
  53. <meta name="select:font size" content="11px"/>
  54. <meta name="select:font size" content="11.5px"/>
  55. <meta name="select:font size" content="12px"/>
  56.  
  57. <meta name="select:icon" content="iconr" title="rounded">
  58. <meta name="select:icon" content="iconc" title="circle">
  59. <meta name="select:icon" content="icont" title="teardrop">
  60.  
  61. <meta name="select:tags" content="tagsshow" title="show">
  62. <meta name="select:tags" content="tagshover" title="hover">
  63. <meta name="select:tags" content="tagshide" title="hide">
  64.  
  65. <meta name="text:home" content="home"/>
  66. <meta name="text:ask" content="message"/>
  67. <meta name="text:archive" content="history"/>
  68. <meta name="text:post width" content="350"/>
  69. <meta name="text:margin" content="100"/>
  70. <meta name="text:sidebar width" content="150"/>
  71.  
  72. <meta name="text:link 1 url" content="" />
  73. <meta name="text:link 1" content="" />
  74. <meta name="text:link 2 url" content="" />
  75. <meta name="text:link 2" content="" />
  76. <meta name="text:link 3 url" content="" />
  77. <meta name="text:link 3" content="" />
  78.  
  79. <style type="text/css">
  80.  
  81. /* scrollbar */
  82.  
  83. ::-webkit-scrollbar{
  84. height:4px;
  85. width:9px;
  86. background:{color:background};
  87. }
  88.  
  89. ::-webkit-scrollbar-thumb {
  90. background:{color:accent};
  91. border:4px solid {color:background};
  92. }
  93.  
  94. ::-webkit-scrollbar-track {
  95. background:{color:border};
  96. border:4px solid {color:background};
  97. }
  98.  
  99. /* tumblr controls */
  100.  
  101. iframe.tmblr-iframe {
  102. z-index:99999999999999!important;
  103. top:0px!important;
  104. right:0!important;
  105. opacity:0;
  106. padding-right:38px;
  107. filter:invert(1) contrast(60%);
  108. -webkit-filter:invert(1) contrast(60%);
  109. -o-filter:invert(1) contrast(60%);
  110. -moz-filter:invert(1) contrast(60%);
  111. -ms-filter:invert(1) contrast(60%);
  112. transform:scale(0.65);
  113. transform-origin:100% 0;
  114. -webkit-transform:scale(0.65);
  115. -webkit-transform-origin:100% 0;
  116. -o-transform:scale(0.65);
  117. -o-transform-origin:100% 0;
  118. -moz-transform:scale(0.65);
  119. -moz-transform-origin:100% 0;
  120. -ms-transform:scale(0.65);
  121. -ms-transform-origin:100% 0;
  122. transition: opacity 0.6s ease-in-out;
  123. -moz-transition: opacity 0.6s ease-in-out;
  124. -webkit-transition: opacity 0.6s ease-in-out;
  125. }
  126.  
  127. iframe.tmblr-iframe:hover { opacity:0.6!important; }
  128.  
  129. .hcontrols {
  130. position:fixed;
  131. top:0;
  132. right:0;
  133. z-index:999999999;
  134. }
  135.  
  136. .hcontrols svg { width:18px; height:18px; padding:9px; }
  137. .hcontrols svg path { fill:{color:accent}; }
  138.  
  139. /* tooltips */
  140.  
  141. #s-m-t-tooltip {
  142. max-width:300px;
  143. margin:15px;
  144. padding:7px;
  145. z-index:99999999999;
  146. color:{color:title};
  147. background:{color:posts};
  148. border:1px solid {color:border};
  149. }
  150.  
  151. /* scroll to top */
  152.  
  153. .top {
  154. position:fixed;
  155. z-index:9999999;
  156. left:25px;
  157. bottom:20px;
  158. display:none;
  159. }
  160.  
  161. .top a svg { width:25px; height:25px; fill:{color:link}; }
  162.  
  163. /* keyframes */
  164.  
  165. @keyframes fadein {
  166. from { opacity:0; }
  167. to { opacity:1; }
  168. }
  169.  
  170. @-moz-keyframes fadein {
  171. from { opacity:0; }
  172. to { opacity:1; }
  173. }
  174.  
  175. @-webkit-keyframes fadein {
  176. from { opacity:0; }
  177. to { opacity:1; }
  178. }
  179.  
  180. @-ms-keyframes fadein {
  181. from { opacity:0; }
  182. to { opacity:1; }
  183. }
  184.  
  185. @-o-keyframes fadein {
  186. from { opacity:0; }
  187. to { opacity:1; }
  188. }
  189.  
  190. /* body */
  191.  
  192. body {
  193. background:{color:background};
  194. color:{color:text};
  195. font-family:{select:font}, arial, trebuchet ms, sans-serif;
  196. font-size:{select:font size};
  197. line-height:150%;
  198. margin:0;
  199. letter-spacing:.5px;
  200. word-wrap:break-word;
  201. -moz-osx-font-smoothing:grayscale;
  202. -webkit-font-smoothing:antialiased;
  203. font-smoothing:antialiased;
  204. animation: fadein 1.5s;
  205. -webkit-animation: fadein 1.5s;
  206. -moz-animation: fadein 1.5s;
  207. -o-animation: fadein 1.5s;
  208. }
  209.  
  210. a {
  211. color:{color:link};
  212. text-decoration:none;
  213. transition-duration: 0.6s;
  214. -moz-transition-duration: 0.6s;
  215. -webkit-transition-duration: 0.6s;
  216. -o-transition-duration: 0.6s;
  217. }
  218.  
  219. a:hover { color:{color:link hover}; }
  220.  
  221. blockquote {
  222. border-left:2px solid {color:border};
  223. margin-left:5px;
  224. padding-left:10px;
  225. margin-top:-5px;
  226. }
  227.  
  228. pre {
  229. white-space:pre-wrap;
  230. white-space:-moz-pre-wrap;
  231. white-space:-pre-wrap;
  232. white-space:-o-pre-wrap;
  233. word-wrap:break-word;
  234. padding-left:10px;
  235. background:{color:posts};
  236. border-left:2px solid {color:border};
  237. }
  238.  
  239. img { opacity:1; border:none; text-decoration:none; width:auto; }
  240.  
  241. p { margin:10px 0; }
  242. p:first-child { margin-top: 0; }
  243. p:last-child { margin-bottom: 0; }
  244.  
  245. b, strong { color:#333; font-weight:bold; }
  246. i { font-style:italic }
  247.  
  248. small { font-size:calc({select:font size} - .5px); }
  249. big { font-size:calc({select:font size} + 1px); }
  250.  
  251. b a { font-style:bold; }
  252. b a:hover { color:{color:link hover}; }
  253.  
  254. h1 {
  255. font-size:font-size:calc({select:font size} + 4px);
  256. color:{color:title};
  257. margin:6px 0;
  258. font-weight:400;
  259. }
  260.  
  261. h2, h3, h4 {
  262. font-size:font-size:calc({select:font size} + 3px);
  263. color:{color:link};
  264. margin:6px 0;
  265. font-weight:400;
  266. }
  267.  
  268. ol { margin-left:-20px; padding-right:10px;}
  269. ul li { margin-left:-10px; list-style:square; color:{color:text}; }
  270.  
  271. /* font icons */
  272.  
  273. .th {
  274. text-align:center;
  275. display:inline-block;
  276. font-size:12px;
  277. width:12px;
  278. height:12px;
  279. color:{color:icons};
  280. transition:all .6s ease;
  281. }
  282.  
  283. .th:hover { color:{color:accent}; }
  284.  
  285. /* sidebar */
  286.  
  287. aside {
  288. width:{text:sidebar width}px;
  289. max-width:200px;
  290. left:calc(50% - ({text:post width}px / 2) - {text:margin}px - 150px);
  291. position:fixed;
  292. }
  293.  
  294. .t {
  295. font-size:calc({select:font size} + 2px);
  296. font-weight:600;
  297. color:{color:title};
  298. margin-bottom:5px;
  299. {block:ifnottitle}
  300. display:none;
  301. margin-bottom:0;
  302. {/block:ifnottitle}
  303. }
  304.  
  305. .desc {
  306. word-wrap:break-word;
  307. padding-bottom:10px;
  308. border-bottom:1px solid {color:border};
  309. margin-bottom:10px;
  310. }
  311.  
  312. {block:ifnottwocolumnlinks}
  313. .links {counter-reset:numbers;}
  314. .links a { display:block; margin-bottom:4px;}
  315. .links a:hover { color:{color:link hover};padding-left:10px; }
  316.  
  317. .links a:before {
  318. font-weight:600;
  319. margin-right:6px;
  320. display:inline;
  321. color:{color:title};
  322. font-style:none;
  323. counter-increment:numbers;
  324. content:'0'counter(numbers)'.';
  325. font-family:'lora',sans-serif;
  326. }
  327. {/block:ifnottwocolumnlinks}
  328.  
  329. {block:iftwocolumnlinks}
  330. .links a { display:block; }
  331. .links a:hover { color:{color:link hover}; }
  332. .right { margin-top:0 ; display:block; width:50%; }
  333. .left {
  334. margin-top:0 ;
  335. display:block;
  336. width:50%;
  337. float:right;
  338. }
  339. {/block:iftwocolumnlinks}
  340.  
  341.  
  342. .icon { display:inline; margin-left:-52px; float:left; }
  343. .icon img {
  344. width:40px;
  345. height:40px;
  346. {block:ifnoticon}
  347. display:none;
  348. {/block:ifnoticon}
  349. }
  350.  
  351. .iconr img { border-radius:3px; }
  352. .iconc img { border-radius:50%; }
  353. .icont img { border-radius:50% 0 50% 50%; }
  354.  
  355. /* search bar */
  356.  
  357. .search {
  358. display:block;
  359. margin-bottom:10px;
  360. margin-left:-50px;
  361. {block:ifnotsearchbar}
  362. display:none;
  363. {/block:ifnotsearchbar}
  364. {block:ifnoticon}
  365. margin-left:-1px;
  366. {/block:ifnoticon}
  367. }
  368.  
  369. .search .query {
  370. border:0;
  371. outline:0;
  372. font-size:{select:font size};
  373. font-family:{select:font},sans-serif;
  374. font-family:{select:font}, helvetica, arial, sans-serif;
  375. letter-spacing:.5px;
  376. color:{color:accent};
  377. width:100%;
  378. background:{color:background};
  379. }
  380.  
  381. ::-webkit-input-placeholder { color:{color:text}; }
  382. :-moz-placeholder { color:{color:text}; opacity:1; }
  383. ::-moz-placeholder { color:{color:text}; opacity:1; }
  384. :-ms-input-placeholder { color:{color:text}; }
  385.  
  386. input:focus::-webkit-input-placeholder { color:transparent; }
  387. input:focus:-moz-placeholder { color:transparent; }
  388. input:focus::-moz-placeholder { color:transparent; }
  389. input:focus:-ms-input-placeholder { color:transparent; }
  390.  
  391. /* updates tab */
  392.  
  393. .update {
  394. position:fixed;
  395. top:60px;
  396. right:20px;
  397. {block:ifnotupdatestab}
  398. display:none;
  399. {/block:ifnotupdatestab}
  400. }
  401.  
  402. .update svg {
  403. border:1px solid {color:border};
  404. padding:6px;
  405. font-size:12px;
  406. width:15px;
  407. height:15px;
  408. text-align:center;
  409. background:{color:posts};
  410. fill:{color:link};
  411. transition:all .6s ease;
  412. -webkit-transition:all .6s ease;
  413. -moz-transition:all .6s ease;
  414. -o-transition:all .6s ease;
  415. }
  416.  
  417. .updates {
  418. opacity:0;
  419. border:1px solid {color:border};
  420. padding:10px;
  421. height:auto;
  422. width:140px; /* width of updates tab */
  423. background:{color:posts};
  424. float:left;
  425. margin-right:10px;
  426. display:inline-block;
  427. transition:all .6s ease;
  428. -webkit-transition:all .6s ease;
  429. -moz-transition:all .6s ease;
  430. -o-transition:all .6s ease;
  431. }
  432.  
  433. .update:hover .updates { opacity:1; }
  434. .update:hover svg { fill:{color:link hover}; }
  435.  
  436. .ut {
  437. color:{color:link};
  438. border-bottom:1px solid {color:border};
  439. padding-bottom:8px;
  440. margin-bottom:10px;
  441. font-weight:bold;
  442. font-size:calc({select:font size} + .5px);
  443. }
  444.  
  445. .border {
  446. background:{color:border};
  447. height:1px;
  448. width:100%;
  449. margin:10px 0;
  450. position:relative;
  451. }
  452.  
  453. /* pagination */
  454.  
  455. footer {
  456. text-align:center;
  457. margin:50px auto 100px auto;
  458. font-size:11px;
  459. }
  460.  
  461. #pg {
  462. color:{color:link};
  463. {block:ifinfinitescroll}
  464. display:none;
  465. {/block:ifinfinitescroll}
  466. margin:0 auto 100px auto;
  467. width:{text:post width}px;
  468. }
  469.  
  470. #pg span { display:inline-block; }
  471. #pg a { display:inline-block; margin:0 5px; }
  472.  
  473. .current_page {
  474. font-weight:bold;
  475. color:{color:link hover};
  476. display:inline-block;
  477. }
  478.  
  479. span.nextprev { float:right; }
  480.  
  481. #infscr-loading { display:none!important; }
  482. a#load { cursor:pointer; text-transform:lowercase; }
  483.  
  484. /* lightbox */
  485.  
  486. .lightbox-caption, #tumblr_lightbox_caption { visibility:hidden; }
  487. .vignette, #vignette { opacity:0; }
  488. .lightbox-image, #tumblr_lightbox img {
  489. box-shadow:none !important;
  490. border-radius:0 !important;
  491. }
  492.  
  493. .tmblr-lightbox, #tumblr_lightbox {
  494. background-color:{color:background}!important;
  495. z-index:99999!important;
  496. }
  497.  
  498. /* photoset */
  499.  
  500. .photo-slideshow .count-1 { margin-bottom:1px!important; }
  501. .photo-slideshow .count-2 {
  502. margin-left:1px!important;
  503. margin-bottom:1px!important;
  504. width:calc(50% - (1px/2))!important;
  505. }
  506.  
  507. .photo-slideshow .count-2:first-child { margin-left:0!important; }
  508. .photo-slideshow .count-3 {
  509. margin-left:1px!important;
  510. margin-bottom:1px!important;
  511. width:calc((100% - (2 * 1px))/3)!important;
  512. }
  513.  
  514. .photo-slideshow .count-3:first-child { margin-left:0!important; }
  515. .photo-slideshow {
  516. display:block!important;
  517. margin-bottom:calc(-(1px - 3px));
  518. position:relative;
  519. width:100%;
  520. }
  521.  
  522. .defcap .photo-slideshow.processed { margin-bottom:0!important; }
  523. .defcap .row:last-of-type .count-1{ margin-bottom:0!important; }
  524. .unnested .photo-slideshow.processed { margin-bottom:calc({select:font size} * (2/3)) !important; }
  525.  
  526. /* posts */
  527.  
  528. #entries {
  529. width:{text:post width}px;
  530. margin:{text:margin}px auto;
  531. }
  532.  
  533. .posts {
  534. width:{text:post width}px;
  535. margin:{text:margin}px auto 0px;
  536. position:relative;
  537. max-width:500px;
  538. min-width:250px;
  539. }
  540.  
  541. .posts img { max-width:100%; }
  542. .media img, .media iframe { width:100%; display:block; }
  543. .posts img, .posts li, .posts blockquote { max-width:100%; }
  544. .caption img, .caption iframe { max-width:100%; }
  545. .posts li, .posts blockquote, .posts img { max-width:100%; height:auto; }
  546.  
  547. /* text */
  548.  
  549. .text { margin-bottom:10px; }
  550.  
  551. .title {
  552. padding-bottom:10px;
  553. color:{color:title};
  554. font-size:calc({select:font size} + 3px);
  555. font-weight:600;
  556. }
  557.  
  558. .title a { color:{color:link}; }
  559. .title a:hover { color:{color:link hover}; }
  560.  
  561. /* caption */
  562.  
  563. .caption { margin:15px 0; }
  564.  
  565. .commenter img, .blog img {
  566. width:18px;
  567. height:18px;
  568. border-radius:3px;
  569. margin-right:-15px;
  570. vertical-align:-10px;
  571. margin-bottom:5px;
  572. {block:ifnotdisplaytumblravatar}
  573. display:none;
  574. {/block:ifnotdisplaytumblravatar}
  575. }
  576.  
  577. .commenter, .blog {
  578. display:inline;
  579. font-weight:700;
  580. text-transform:lowercase;
  581. letter-spacing:.5px;
  582. font-size:11px;
  583. }
  584.  
  585. .commenter a { color:{color:title}; }
  586. .commenter a:hover, .commenter .th:hover { color:{color:accent}; }
  587. .commenter .th { margin-bottom:5px; }
  588.  
  589. .commenter .th, .asker .th, .answerer .th {
  590. font-size:13px;
  591. margin-right:8px;
  592. vertical-align:-1.5px;
  593. color:{color:text};
  594. {block:ifdisplaytumblravatar}
  595. display:none;
  596. {/block:ifdisplaytumblravatar}
  597. }
  598.  
  599. .deactivated::after {
  600. content:"deactivated";
  601. margin-left:5px;
  602. opacity:0;
  603. transition:all .6s ease
  604. }
  605.  
  606. .posts:hover .deactivated:after { opacity:1; }
  607.  
  608. /* quote */
  609.  
  610. .q {
  611. font-size:14px;
  612. font-family:'Lora', sans-serif;
  613. line-height:15px;
  614. font-style:italic;
  615. color:{color:title};
  616. margin-bottom:10px;
  617. }
  618.  
  619. .source { font-style:none; text-align:right; }
  620.  
  621. /* audio */
  622.  
  623. .audio { margin-bottom:5px; }
  624.  
  625. .player {
  626. width:30px;
  627. height:30px;
  628. position:absolute;
  629. overflow:hidden;
  630. margin-top:1px;
  631. }
  632.  
  633. .hold {
  634. background:#f2f2f2;
  635. border:1px solid {color:border};
  636. border-radius:2px;
  637. position:absolute;
  638. width:30px;
  639. height:30px;
  640. padding:15px;
  641. float:left;
  642. }
  643.  
  644. .audioinfo {
  645. background:{color:posts};
  646. height:30px;
  647. padding:15px;
  648. margin-left:70px;
  649. border:1px solid {color:border};
  650. border-radius:2px;
  651. }
  652.  
  653. .td { max-height:30px; overflow-y:scroll; }
  654. .track {
  655. font-weight:600;
  656. color:{color:title};
  657. font-size:calc({select:font size} + .5px);
  658. }
  659.  
  660. /* video */
  661.  
  662. .video { border:1px solid transparent; }
  663.  
  664. /* ask */
  665.  
  666. .a { margin-bottom:10px; }
  667. .ask {padding:10px; border:1px solid {color:border}; margin-bottom:10px;}
  668.  
  669. .asker { text-transform:lowercase; font-weight:600; }
  670. .asker, .answerer {
  671. color:#333;
  672. margin-bottom:5px;
  673. {block:ifnotdisplaytumblravatar}
  674. margin-bottom:-3px;
  675. {/block:ifnotdisplaytumblravatar}
  676. }
  677.  
  678. .asker img, .answerer img {
  679. width:18px;
  680. height:18px;
  681. border-radius:3px;
  682. margin-right:10px;
  683. margin-bottom:10px;
  684. vertical-align:-15px;
  685. {block:ifnotdisplaytumblravatar}
  686. display:none;
  687. {/block:ifnotdisplaytumblravatar}
  688. }
  689.  
  690. .asker .th, .answerer .th { margin-bottom:10px; }
  691. .answerer b { font-weight:600; }
  692. .answerer:hover { cursor:pointer; }
  693.  
  694. .asker, .answerer {
  695. {block:ifdisplaytumblravatar}
  696. margin-bottom:0;
  697. {/block:ifdisplaytumblravatar}
  698. }
  699.  
  700. /* chat */
  701.  
  702. .chat { list-style:none; margin-bottom:10px;}
  703.  
  704. .label {
  705. font-weight:bold;
  706. color:{color:title};
  707. display:inline-block;
  708. margin-right:3px;
  709. }
  710.  
  711. .l { margin-bottom:2px; }
  712. .l:last-of-type { margin-bottom:0; }
  713.  
  714. /* permalink */
  715.  
  716. .when { border-top:1px solid {color:border}; padding-top:10px; }
  717. .when a {
  718. font-weight:600;
  719. margin-right:10px;
  720. color:{color:title};
  721. font-size:calc({select:font size} + 1.5px);
  722. }
  723.  
  724. .when a:hover { color:{color:accent}; }
  725.  
  726. .permalink {
  727. margin:10px 0;
  728. border-top:1px solid {color:border}; padding:10px 0;
  729. border-bottom:1px solid {color:border};
  730. }
  731.  
  732. .permalink a { text-transform:lowercase; }
  733. .permalink a:hover { color:{color:link hover}; }
  734.  
  735. /* tags */
  736.  
  737. .pt a { margin-right:8px; }
  738. .tags { margin-top:5px; word-wrap:break-word; }
  739. .tags a { margin-right:5px; font-size:calc({select:font size} + .5px); }
  740.  
  741. .tagsshow { opacity:1; min-height:15px; }
  742. .tagshide { display:none; }
  743. .tagshover {
  744. opacity:0;
  745. transition-duration: 0.6s;
  746. -moz-transition-duration: 0.6s;
  747. -webkit-transition-duration: 0.6s;
  748. -o-transition-duration: 0.6s;
  749. }
  750. .posts:hover .tagshover { opacity:1; }
  751.  
  752. /* post notes */
  753.  
  754. .pn {}
  755. .nt { font-size:13px; color:{color:title}; font-weight:600; }
  756.  
  757. ol.notes {
  758. list-style-type:none;
  759. text-align:left;
  760. padding:0px;
  761. margin:0;
  762. }
  763.  
  764. ol.notes li.note { display:block; padding:0; margin:5px 0; }
  765. ol.notes li.note img.avatar { display:none!important; }
  766. a.more_notes_link {
  767. display:block;
  768. text-align:left;
  769. color:{color:link};
  770. }
  771.  
  772. a.more_notes_link:hover { color:{color:link hover}; }
  773.  
  774. /* like and reblog buttons */
  775.  
  776. .controls {
  777. float:right;
  778. margin-top:-15px;
  779. {block:ifnotcontrols}
  780. display:none;
  781. {/block:ifnotcontrols}
  782. }
  783.  
  784. .controls a { color:{color:accent}; }
  785. .controls a:hover { color:{color:link hover}; }
  786.  
  787. .like-b {
  788. position:relative;
  789. display:inline-block;
  790. height:1em;
  791. line-height:1em;
  792. overflow:hidden;
  793. margin-bottom:-1px;
  794. }
  795.  
  796. .like-b .like_button iframe {
  797. position:absolute;
  798. top:0;
  799. left:0;
  800. bottom:0;
  801. right:0;
  802. z-index:2;
  803. opacity:0;
  804. }
  805.  
  806. .like-b .liked + .b { color:inherit; }
  807. .like-b .liked + .b:after { content:'d'; }
  808. .reblog a { margin-right:6px; }
  809. .reblog a:last-of-type{ margin-right:0; }
  810.  
  811. iframe#ask_form{ height:255px!important; }
  812.  
  813. /* do not disturb */
  814.  
  815. .lo { bottom:20px; right:20px; position:fixed; }
  816. .lo a { text-transform:uppercase; font-size:12px; }
  817.  
  818. {CustomCSS}
  819.  
  820. </style>
  821.  
  822. <!-- scripts -->
  823. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  824. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  825. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  826. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  827.  
  828. <script>
  829. $(document).ready(function() {
  830. $('.photo-slideshow').pxuPhotoset({
  831. lightbox: true,
  832. rounded: false,
  833. gutter: '0px',
  834. borderRadius: '0px',
  835. photoset: '.photo-slideshow',
  836. photoWrap: '.photo-data',
  837. photo: '.pxu-photo'
  838. });
  839. });
  840. </script>
  841.  
  842. </head>
  843. <body>
  844.  
  845. <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
  846.  
  847. <!-- updates tab -->
  848.  
  849. <div class="update">
  850. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M163.8,36.4c-1-2.1-3.1-3.4-5.4-3.4H80.7c-2.5,0-4.7,1.5-5.6,3.9l-33.7,88c-0.7,1.8-0.5,3.9,0.7,5.5c1.1,1.6,3,2.6,4.9,2.6 h37.8l-1.7,53.7c-0.1,2.6,1.5,4.9,3.9,5.8c0.7,0.3,1.4,0.4,2.1,0.4c1.8,0,3.5-0.8,4.6-2.2l81.9-98.9c1.5-1.8,1.8-4.3,0.8-6.4 s-3.1-3.4-5.4-3.4h-38.7l30.8-39.3C164.5,40.9,164.8,38.4,163.8,36.4z M115.3,84.3c-1.4,1.8-1.7,4.3-0.7,6.3c1,2.1,3.1,3.4,5.4,3.4 h38.3l-62.6,75.6l1.3-42.4c0.1-1.6-0.6-3.2-1.7-4.4c-1.1-1.2-2.7-1.8-4.3-1.8H55.7l29.1-76h61.3L115.3,84.3z"/></svg>
  851.  
  852. <div class="updates">
  853.  
  854. <!-- start editing here -->
  855.  
  856. <div class="ut">your updates title</div>
  857.  
  858. <b>hello</b> what's up
  859. <br> add some text here or whatever you want
  860.  
  861. <div class="border"></div>
  862. <b>reading:</b> a book <br>
  863. <b>watching:</b> a show <br>
  864. <b>anticipating:</b> something
  865.  
  866. <!-- <div class="border"></div> for more dividers -->
  867.  
  868. </div>
  869. </div>
  870.  
  871. <!-- end updates tab -->
  872.  
  873. <aside>
  874.  
  875. {block:ifsearchbar}
  876. {block:ificon}
  877. <form action="/search" method="get" class="search">
  878. <input type="text" name="q" value="{SearchQuery}" class="query" placeholder="search"></form>
  879. {/block:ificon}
  880. {/block:ifsearchbar}
  881.  
  882. <div class="{select:icon} icon"><a href="/"><img src="{image:icon}"/></a></div>
  883. <div class="t"><a href="/">{title}</a></div>
  884. <div class="desc">{description}</div>
  885.  
  886. {block:ifnottwocolumnlinks}
  887. <div class="links">
  888. <a href="/">{text:home}</a>
  889. <a href="/ask">{text:ask}</a>
  890. <a href="/archive">{text:archive}</a>
  891. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  892. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  893. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  894. </div>
  895. {/block:ifnottwocolumnlinks}
  896.  
  897. {block:iftwocolumnlinks}
  898. <div class="links">
  899. <div class="left">
  900. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  901. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  902. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  903. </div>
  904.  
  905. <div class="right">
  906. <a href="/">{text:home}</a>
  907. <a href="/ask">{text:ask}</a>
  908. <a href="/archive">{text:archive}</a>
  909. </div>
  910. </div>
  911. {/block:iftwocolumnlinks}
  912.  
  913. {block:ifsearchbar}
  914. {block:ifnoticon}
  915. <form action="/search" method="get" class="search">
  916. <input type="text" name="q" value="{SearchQuery}" class="query" placeholder="search"></form>
  917. {/block:ifnoticon}
  918. {/block:ifsearchbar}
  919. </aside>
  920.  
  921. <!-- posts -->
  922.  
  923. <section id="entries">
  924.  
  925. {block:Posts}
  926. <div class="posts" {PostType} id="{PostID}">
  927.  
  928. {block:Text}
  929. {block:Title}<div class="title">{title}</div>{/block:Title}
  930. {/block:Text}
  931.  
  932. {block:Text}
  933. <div class="text">
  934. {block:NotReblog}{Body}{/block:NotReblog}
  935.  
  936. {block:RebloggedFrom}
  937. {block:Reblogs}
  938. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  939.  
  940. <div class="comment">
  941. {block:IsActive}
  942. <div class="commenter"><a target="_blank" href="{Permalink}">
  943. <img src="{PortraitURL-64}" />
  944. {/block:ifnotdisplaytumblravatar}<span class="th th-user-o"></span>{/block:ifnotdisplaytumblravatar}
  945. {Username}</a></div>
  946. {/block:IsActive}
  947.  
  948. {block:IsDeactivated}
  949. <div class="deactivated"><div class="blog">{Username}</div></div>
  950. {/block:IsDeactivated}
  951.  
  952. <div class="reblog-content">{Body}</div>
  953. </div>
  954.  
  955. </div>
  956. {/block:Reblogs}
  957. {/block:RebloggedFrom}
  958.  
  959. </div>
  960. {/block:Text}
  961.  
  962. {block:Quote}
  963. <div class="quote" style="margin-bottom:10px;">
  964. <div class="q">{Quote}</div>
  965. {block:Source}<div class="source">{Source}</div>{/block:Source}
  966. </div>
  967. {/block:Quote}
  968.  
  969. {block:Link}
  970. <a href="{URL}" class="path{block:Description} has-desc{/block:Description}" {Target}>{Name}</a>
  971. {block:Description}
  972. <div class="link-description">
  973. {block:NotReblog}{Description}{/block:NotReblog}
  974.  
  975. {block:RebloggedFrom}
  976. {block:Reblogs}
  977. <div class="comment">
  978. {block:IsActive}
  979. <div class="commenter"><a target="_blank" href="{Permalink}">
  980. <img src="{PortraitURL-64}" />
  981. {/block:ifnotdisplaytumblravatar}<span class="th th-user-o"></span>{/block:ifnotdisplaytumblravatar} {Username}</a></div>
  982. {/block:IsActive}
  983.  
  984. {block:IsDeactivated}
  985. <div class="deactivated"><div class="blog">{Username}</div></div>
  986. {/block:IsDeactivated}
  987.  
  988. <div class="reblog-content">{Body}</div>
  989. </div>
  990. {/block:Reblogs}
  991. {/block:RebloggedFrom}
  992. </div>
  993. {/block:Description}
  994. {/block:Link}
  995.  
  996. {block:Chat}
  997. <div class="chat">
  998. {block:lines}
  999. <li class="l {Alt}">
  1000. {block:label}<span class="label">{label}</span>{/block:label} {line}
  1001. </li>
  1002. {/block:lines}
  1003. </div>
  1004. {/block:Chat}
  1005.  
  1006. {block:Audio}
  1007. <div class="audio">
  1008. <div class="hold">
  1009. {block:audioplayer}
  1010. <div class="player">{audioplayerwhite}</div>
  1011. {/block:audioplayer}
  1012. </div>
  1013. <div class="audioinfo">
  1014. <div class="td">
  1015. {block:trackname}<div class="track">{trackname}</div>{/block:trackname}
  1016. {block:artist}<div class="artist">{artist}</div>{/block:artist}
  1017. </div>
  1018. </div>
  1019. </div>
  1020. {/block:Audio}
  1021.  
  1022. {block:Video}
  1023. <div class="video">{Video-500}</div>
  1024. {/block:Video}
  1025.  
  1026. {block:Answer}
  1027. <div class="a">
  1028. <div class="ask">
  1029. <div class="asker"><img src="{AskerPortraitURL-48}"/>
  1030. {block:ifnotdisplaytumblravatar}<span class="th th-question-o"></span>{/block:ifnotdisplaytumblravatar} {Asker}</div>
  1031. <div class="question">{Question}</div>
  1032. </div>
  1033.  
  1034. {block:Answerer}
  1035. <div class="ans">
  1036. <div class="answerer"><img src="{AnswererPortraitURL-48}"/>
  1037. {block:ifnotdisplaytumblravatar}<span class="th th-user-o"></span>{/block:ifnotdisplaytumblravatar} {Answerer}</div>
  1038. <div class="answer">{Answer}</div>
  1039. </div>
  1040.  
  1041. {block:RebloggedFrom}
  1042. {block:Reblogs}
  1043. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1044.  
  1045. <div class="comment">
  1046. {block:IsActive}
  1047. <div class="commenter"><a target="_blank" href="{Permalink}">
  1048. <img src="{PortraitURL-64}" />
  1049. {/block:ifnotdisplaytumblravatar}<span class="th th-user-o"></span>{/block:ifnotdisplaytumblravatar}
  1050. {Username}</a></div>
  1051. {/block:IsActive}
  1052.  
  1053. {block:IsDeactivated}
  1054. <div class="deactivated"><div class="blog">{Username}</div></div>
  1055. {/block:IsDeactivated}
  1056.  
  1057. <div class="reblog-content">{Body}</div>
  1058. </div>
  1059.  
  1060. </div>
  1061. {/block:Reblogs}
  1062. {/block:RebloggedFrom}
  1063. {/block:Answerer}
  1064.  
  1065. {block:NotReblog}
  1066. <div class="ans">{Replies}</div>
  1067. {/block:NotReblog}
  1068. </div>
  1069. {/block:Answer}
  1070.  
  1071. {block:Photo}
  1072. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  1073. <img src="{PhotoURL-HighRes}" style="display:block;" width="{text:post width}px"></a>
  1074. {/block:Photo}
  1075.  
  1076. {block:Photoset}
  1077. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1078. {/block:Photoset}
  1079.  
  1080. {block:Caption}
  1081. <div class="caption">
  1082. {block:NotReblog}<figcaption>{Caption}</figcaption>{/block:NotReblog}
  1083.  
  1084. {block:RebloggedFrom}
  1085. <div class="reblog-list">
  1086. {block:Reblogs}
  1087. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1088.  
  1089. <div class="comment">
  1090. {block:IsActive}
  1091. <div class="commenter"><a target="_blank" href="{Permalink}">
  1092. <img src="{PortraitURL-64}" />
  1093. {/block:ifnotdisplaytumblravatar}<span class="th th-user-o"></span>{/block:ifnotdisplaytumblravatar}
  1094. {Username}</a></div>
  1095. {/block:IsActive}
  1096.  
  1097. {block:IsDeactivated}
  1098. <div class="deactivated"><div class="blog">{Username}</div></div>
  1099. {/block:IsDeactivated}
  1100.  
  1101. <div class="reblog-content">{Body}</div>
  1102. </div>
  1103.  
  1104. </div>
  1105. {/block:Reblogs}
  1106. </div>
  1107. {/block:RebloggedFrom}
  1108.  
  1109. </div>
  1110. {/block:Caption}
  1111.  
  1112. {block:IndexPage}
  1113. {block:Date}
  1114. <div class="when">
  1115. <a href="{Permalink}" title="{TimeAgo}">{NoteCountWithLabel}</a> {dayofweek}
  1116. </div>
  1117.  
  1118. <div class="controls">
  1119. <div class="reblog">
  1120. <a href="{ReblogURL}" target="_blank" >reblog</a>
  1121. <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a>
  1122. </div>
  1123. </div>
  1124.  
  1125. <div class="perma">
  1126. {block:HasTags}
  1127. <div class="{select:tags} tags">
  1128. {block:Tags}
  1129. <a href="{TagUrl}">{Tag}</a>
  1130. {/block:Tags}
  1131. </div>
  1132. {/block:HasTags}
  1133. </div>
  1134. {/block:Date}
  1135. {/block:IndexPage}
  1136.  
  1137. {block:permalinkpage}
  1138. {block:Date}
  1139. <div class="permalink">
  1140. posted {timeago} on {dayofmonth} {month} {year}
  1141. {block:RebloggedFrom}<br>
  1142. via <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;&nbsp;&nbsp; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  1143. {block:HasTags}
  1144. <div class="pt">tagged: {block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1145. </div>
  1146. {/block:Date}
  1147. {/block:permalinkpage}
  1148.  
  1149. {block:PostNotes}
  1150. <div class="notes">
  1151. <div class="nt">{notecountwithlabel}</div>
  1152. <div class="pn">{PostNotes}</div>
  1153. </div>
  1154. {/block:PostNotes}
  1155.  
  1156. </div>
  1157. {/block:Posts}
  1158.  
  1159. </section>
  1160.  
  1161. {block:indexpage}
  1162. {block:Pagination}
  1163. <div id="pg">
  1164. <span>
  1165. {block:JumpPagination length="3"}{block:CurrentPage}<a class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1166. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1167.  
  1168. <span class="nextprev">
  1169. {block:PreviousPage}<a href="{PreviousPage}">back</a>{block:nextpage} / {/block:nextpage}
  1170. {/block:PreviousPage}
  1171. {block:NextPage}<a class="nxtpg" href="{NextPage}">next</a>{/block:NextPage}
  1172. </span>
  1173. </div>
  1174.  
  1175. {block:ifloadmore}
  1176. <footer>
  1177. <a id="load">load more</a>
  1178. </footer>
  1179. {/block:ifloadmore}
  1180. {/block:Pagination}
  1181. {/block:indexpage}
  1182.  
  1183. {block:ContentSource}
  1184. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1185. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1186. {/block:SourceLogo}
  1187. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1188. {/block:ContentSource}
  1189.  
  1190. <div class="top"><a href="#"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M43.2,137.3c2.1,2.5,5.9,2.9,8.5,0.7L108,90.4l56.4,47.5c1.1,0.9,2.5,1.4,3.9,1.4c1.7,0,3.4-0.7,4.6-2.1 c2.1-2.5,1.8-6.3-0.7-8.5L111.9,78c-2.2-1.9-5.5-1.9-7.7,0l-60.3,50.8C41.3,130.9,41,134.7,43.2,137.3z"/></svg></a></div>
  1191.  
  1192. <!--- do not disturb --->
  1193. {block:indexpage}
  1194. {block:ifinfinitescroll}
  1195. <script src="https://static.tumblr.com/xbvpdcx/9LRo1g4a7/jquery.infinitescroll.min.js"></script>
  1196.  
  1197. <script>
  1198. // Infinite Scroll
  1199. $(function() {
  1200.  
  1201. var $container = $('#entries');
  1202. $container.infinitescroll({
  1203.  
  1204. loading: {
  1205. finishedMsg: "<em>No more posts</em>",
  1206. img: null,
  1207. msg: null,
  1208. msgText: "<em>Loading posts...</em>",
  1209. {block:ifloadmore}
  1210. finished: function () {$('a#load').text('Load More'); },
  1211. {/block:ifloadmore}
  1212.  
  1213. },
  1214.  
  1215. navSelector : '#pg',
  1216. nextSelector : '#pg a:last',
  1217. itemSelector : '.posts',
  1218. {block:ifloadmore}
  1219. errorCallback: function () {$('a#load').fadeOut();},
  1220. {/block:ifloadmore}
  1221. bufferPx : 600,
  1222.  
  1223. },
  1224.  
  1225. function( newElements ) {
  1226. $( newElements ).find('.photo-slideshow').pxuPhotoset({
  1227. lightbox: true,
  1228. rounded: true,
  1229. gutter: '0px',
  1230. borderRadius: '0px',
  1231. photoset: '.photo-slideshow',
  1232. photoWrap: '.photo-data',
  1233. photo: '.pxu-photo'
  1234. });
  1235.  
  1236. resizeVideos();
  1237.  
  1238. var $newElems = $(newElements);
  1239. var $newElemsIDs = $newElems.map(function(){
  1240. return this.id;
  1241. }).get();
  1242. console.log($newElems, $newElemsIDs);
  1243. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1244.  
  1245.  
  1246. });
  1247.  
  1248. {block:ifloadmore}
  1249. $container.infinitescroll('unbind');
  1250. $('a#load').on('click', function(e) {
  1251. e.preventDefault();
  1252. $container.infinitescroll('retrieve');
  1253. });
  1254. {/block:ifloadmore}
  1255. });
  1256. </script>
  1257. {/block:ifinfinitescroll}
  1258. {/block:indexpage}
  1259.  
  1260. <div class="lo"><a href="https://wanderlusthemes.tumblr.com" title="theme">j</a></div>
  1261.  
  1262. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1263. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1264. <script>
  1265. jQuery.noConflict();
  1266. (function($){
  1267. $(document).ready(function(){
  1268. $("a[title],img[title],[title]").style_my_tooltips({
  1269. tip_follows_cursor:true,
  1270. tip_delay_time:200,
  1271. tip_fade_speed:300,
  1272. attribute:"title"
  1273. });
  1274. });
  1275. })(jQuery);
  1276.  
  1277. //scroll to top
  1278. $(window).scroll(function(){
  1279. if ($(this).scrollTop() > 100) {
  1280. $('.top').fadeIn('slow');
  1281. } else {
  1282. $('.top').fadeOut('slow');
  1283. }
  1284. });
  1285. //Click event to scroll to top
  1286. $('.top').click(function(){
  1287. $('html, body').animate({scrollTop : 0},700);
  1288. return false;
  1289. });
  1290. </script>
  1291.  
  1292. <script src="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosets.js"></script><link href="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosetstyle.css" rel="stylesheet" type="text/css">
  1293. <script>
  1294. var npfOptions = {
  1295. rowClass:"npf_row",
  1296. imageContainerClass:"tmblr-full",
  1297. generatedPhotosetContainerClass:"npf_photoset",
  1298. imageClass:"npf_image",
  1299. includeCommonPhotosets: true,
  1300. useTumblrLightbox: true,
  1301. insertGalleryIndicator: true,
  1302. galleryIndicatorClass: "npf_gallery_indicator",
  1303. galleryIndicatorContent: "<img src='image_url'>",
  1304. photosetMargins:""
  1305. }
  1306.  
  1307. npfPhotosets("#entries", npfOptions);
  1308. </script>
  1309.  
  1310. </body>
  1311. </html>
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!