API tools faq
paste
Advertisement
loranhale

bern

loranhale
Apr 29th, 2017
4,305
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.74 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <!--
  4.  
  5.  
  6. theme: bern
  7. updated 26/1/2019
  8.  
  9. @loranhale
  10.  
  11.  
  12. -->
  13.  
  14. <head>
  15.  
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <link href='https://fonts.googleapis.com/css?family=Fira+Sans:400,400italic,600,600italic|Lato:400,400italic,600,600italic|Lora:400,400italic,600,600italic|Nunito+Sans:400,400italic,600,600italic|Open+Sans:400,400italic,600,600italic|Rubik:400,400italic,600,600italic|Karla:400,400italic,600,600italic' rel='stylesheet' type='text/css'>
  22. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  23. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  24.  
  25. <!-- default variables -->
  26.  
  27. <meta name="image:icon" content=""/>
  28.  
  29. <meta name="color:background" content="#fafafa"/>
  30. <meta name="color:text" content="#555555"/>
  31. <meta name="color:link" content="#91a8d0"/>
  32. <meta name="color:link hover" content="#f7cac9"/>
  33. <meta name="color:title"content="#222222"/>
  34. <meta name="color:border" content="#dcecf5"/>
  35. <meta name="color:accent" content="#ff6f61"/>
  36. <meta name="color:posts" content="#ffffff"/>
  37.  
  38. <meta name="if:infinite scroll" content=""/>
  39. <meta name="if:load more" content=""/>
  40. <meta name="if:search bar" content=""/>
  41. <meta name="if:title" content=""/>
  42. <meta name="if:controls" content=""/>
  43. <meta name="if:icon" content=""/>
  44.  
  45. <meta name="select:tags" content="tagsshow" title="show">
  46. <meta name="select:tags" content="tagshover" title="hover">
  47. <meta name="select:tags" content="tagshide" title="hide">
  48.  
  49. <meta name="select:font" content="fira sans"/>
  50. <meta name="select:font" content="trebuchet ms"/>
  51. <meta name="select:font" content="rubik"/>
  52. <meta name="select:font" content="lato"/>
  53. <meta name="select:font" content="open sans"/>
  54. <meta name="select:font" content="nunito sans"/>
  55. <meta name="select:font" content="karla"/>
  56.  
  57. <meta name="select:font size" content="10px"/>
  58. <meta name="select:font size" content="10.5px"/>
  59. <meta name="select:font size" content="11px"/>
  60.  
  61. <meta name="text:home" content="home"/>
  62. <meta name="text:ask" content="message"/>
  63. <meta name="text:archive" content="history"/>
  64. <meta name="text:sidebar width" content="130"/>
  65. <meta name="text:post width" content="350"/>
  66. <meta name="text:margin" content="100"/>
  67.  
  68. <meta name="text:link 1 url" content="" />
  69. <meta name="text:link 1" content="" />
  70. <meta name="text:link 2 url" content="" />
  71. <meta name="text:link 2" content="" />
  72. <meta name="text:link 3 url" content="" />
  73. <meta name="text:link 3" content="" />
  74.  
  75. <style type="text/css">
  76.  
  77. /* scrollbar */
  78.  
  79. ::-webkit-scrollbar{
  80. height:4px;
  81. width:9px;
  82. background:{color:background};
  83. }
  84.  
  85. ::-webkit-scrollbar-thumb {
  86. background:{color:accent};
  87. border:4px solid {color:background};
  88. }
  89.  
  90. ::-webkit-scrollbar-track {
  91. background:{color:border};
  92. border:4px solid {color:background};
  93. }
  94.  
  95. /* tumblr controls */
  96.  
  97. iframe.tmblr-iframe {
  98. z-index:99999999999999!important;
  99. top:0px!important;
  100. right:0!important;
  101. opacity:0;
  102. padding-right:38px;
  103. filter:invert(1) contrast(60%);
  104. -webkit-filter:invert(1) contrast(60%);
  105. -o-filter:invert(1) contrast(60%);
  106. -moz-filter:invert(1) contrast(60%);
  107. -ms-filter:invert(1) contrast(60%);
  108. transform:scale(0.65);
  109. transform-origin:100% 0;
  110. -webkit-transform:scale(0.65);
  111. -webkit-transform-origin:100% 0;
  112. -o-transform:scale(0.65);
  113. -o-transform-origin:100% 0;
  114. -moz-transform:scale(0.65);
  115. -moz-transform-origin:100% 0;
  116. -ms-transform:scale(0.65);
  117. -ms-transform-origin:100% 0;
  118. transition: opacity 0.6s ease-in-out;
  119. -moz-transition: opacity 0.6s ease-in-out;
  120. -webkit-transition: opacity 0.6s ease-in-out;
  121. }
  122.  
  123. iframe.tmblr-iframe:hover { opacity:0.6!important; }
  124.  
  125. .hcontrols {
  126. position:fixed;
  127. top:0;
  128. right:0;
  129. z-index:999999999;
  130. }
  131.  
  132. .hcontrols svg { width:18px; height:18px; padding:9px; }
  133. .hcontrols svg path { fill:{color:accent}; }
  134.  
  135. /* tooltips */
  136.  
  137. #s-m-t-tooltip {
  138. max-width:300px;
  139. margin:15px;
  140. padding:2px 6px;
  141. z-index:99999999999;
  142. color:{color:accent};
  143. background:{color:posts};
  144. border:1px solid {color:border};
  145. }
  146.  
  147. /* scroll to top */
  148.  
  149. .top {
  150. position:fixed;
  151. z-index:9999999;
  152. left:30px;
  153. bottom:30px;
  154. display:none;
  155. }
  156.  
  157. .top a .th {
  158. font-size:18px;
  159. color:{color:link};
  160. border:none!important;
  161. transition:all 0.6s;
  162. }
  163.  
  164. .top a .th:hover { color:{color:link hover}; }
  165.  
  166. /* keyframes */
  167.  
  168. @keyframes fadein {
  169. from { opacity:0; }
  170. to { opacity:1; }
  171. }
  172.  
  173. @-moz-keyframes fadein {
  174. from { opacity:0; }
  175. to { opacity:1; }
  176. }
  177.  
  178. @-webkit-keyframes fadein {
  179. from { opacity:0; }
  180. to { opacity:1; }
  181. }
  182.  
  183. @-ms-keyframes fadein {
  184. from { opacity:0; }
  185. to { opacity:1; }
  186. }
  187.  
  188. @-o-keyframes fadein {
  189. from { opacity:0; }
  190. to { opacity:1; }
  191. }
  192.  
  193. /* body */
  194.  
  195. body {
  196. background:{color:background};
  197. color:{color:text};
  198. font-family:{select:font}, arial, trebuchet ms, sans-serif;
  199. font-size:{select:font size};
  200. line-height:150%;
  201. margin:0;
  202. letter-spacing:.5px;
  203. word-wrap:break-word;
  204. -moz-osx-font-smoothing:grayscale;
  205. -webkit-font-smoothing:antialiased;
  206. font-smoothing:antialiased;
  207. animation: fadein 1.5s;
  208. -webkit-animation: fadein 1.5s;
  209. -moz-animation: fadein 1.5s;
  210. -o-animation: fadein 1.5s;
  211. }
  212.  
  213. a {
  214. color:{color:link};
  215. text-decoration:none;
  216. transition-duration: 0.6s;
  217. -moz-transition-duration: 0.6s;
  218. -webkit-transition-duration: 0.6s;
  219. -o-transition-duration: 0.6s;
  220. }
  221.  
  222. a:hover { color:{color:link hover}; }
  223.  
  224. blockquote {
  225. border-left:2px solid {color:border};
  226. margin-left:0;
  227. padding-left:10px;
  228. }
  229.  
  230. pre {
  231. white-space:pre-wrap;
  232. white-space:-moz-pre-wrap;
  233. white-space:-pre-wrap;
  234. white-space:-o-pre-wrap;
  235. word-wrap:break-word;
  236. padding-left:10px;
  237. background:{color:posts};
  238. border-left:2px solid {color:border};
  239. }
  240.  
  241. img { opacity:1; border:none; text-decoration:none; width:auto; }
  242.  
  243. p { margin:10px 0; }
  244. p:first-child { margin-top: 0; }
  245. p:last-child { margin-bottom: 0; }
  246.  
  247. b, strong { color:#333; font-weight:bold; }
  248. i { color:#555; }
  249.  
  250. small { font-size:calc({select:font size} - .5px); }
  251. big { font-size:calc({select:font size} + 1px); }
  252.  
  253. b a { font-style:bold; }
  254. b a:hover { color:{color:link hover}; }
  255.  
  256. h1 {
  257. font-size:font-size:calc({select:font size} + 4px);
  258. color:{color:title};
  259. margin:6px 0;
  260. font-weight:400;
  261. }
  262.  
  263. h2, h3, h4 {
  264. font-size:font-size:calc({select:font size} + 3px);
  265. color:{color:link};
  266. margin:6px 0;
  267. font-weight:400;
  268. }
  269.  
  270. ol { margin-left:-20px; padding-right:10px;}
  271. ul li { margin-left:-10px; list-style:circle; color:{color:text}; }
  272.  
  273. /* font icons */
  274.  
  275. .th {
  276. text-align:center;
  277. display:inline-block;
  278. font-size:12px;
  279. width:11px;
  280. height:11px;
  281. color:{color:accent};
  282. transition:all .6s ease;
  283. }
  284.  
  285. .th:hover { color:{color:link}; }
  286.  
  287. /* sidebar */
  288.  
  289. aside {
  290. width:{text:sidebar width}px;
  291. left:calc(50% - ({text:post width}px / 2) - {text:margin}px - 130px);
  292. position:fixed;
  293. max-width:150px;
  294. }
  295.  
  296. .t { margin-bottom:10px; }
  297.  
  298. .t a {
  299. font-size:13px;
  300. font-weight:600;
  301. padding-bottom:2px;
  302. color:{color:title};
  303. border-bottom:1px solid transparent;
  304. transition:all .6s ease;
  305. {block:ifNotTitle}
  306. display:none;
  307. {/block:ifNotTitle}
  308. }
  309.  
  310. .t a:hover {
  311. color:{color:link};
  312. border-bottom:1px solid {color:border};
  313. }
  314.  
  315. .desc { margin-bottom:10px; }
  316.  
  317. .links { position:relative; overflow:hidden; }
  318.  
  319. .links a {
  320. line-height:10.5px!important;
  321. text-transform:lowercase;
  322. display:block;
  323. margin-bottom:8px;
  324. }
  325.  
  326. .links a:hover { margin-left:10px; }
  327.  
  328. .links a:after {
  329. content:"";
  330. display:inline-block;
  331. height:0.4em;
  332. vertical-align:bottom;
  333. width:80%;
  334. margin-right:-100%;
  335. margin-left:10px;
  336. border-top:1px solid {color:border};
  337. }
  338.  
  339. .icon { margin-bottom:10px; display:block; }
  340.  
  341. .icon img {
  342. width:55px;
  343. height:55px;
  344. border-radius:2px;
  345. padding:3px;
  346. background:{color:posts};
  347. border:1px solid {color:border};
  348. {block:ifNotIcon}
  349. display:none;
  350. {/block:ifNotIcon}
  351. }
  352.  
  353. /* search */
  354.  
  355. .search {
  356. position:fixed!important;
  357. width:150px;
  358. {block:ifNotSearchBar}
  359. display:none;
  360. {/block:ifNotSearchBar}
  361. }
  362.  
  363. .search .query {
  364. border:0;
  365. outline:0;
  366. padding:0;
  367. font-size:{select:font size};
  368. font-family:{select:font};
  369. font-style:none;
  370. letter-spacing:.5px;
  371. color:{color:text};
  372. background:{color:background};
  373. width:100%;
  374. }
  375.  
  376.  
  377. ::-webkit-input-placeholder { color:{color:accent}; }
  378. :-moz-placeholder { color:{color:accent}; opacity:1; }
  379. ::-moz-placeholder { color:{color:accent}; opacity:1; }
  380. :-ms-input-placeholder { color:{color:accent}; }
  381.  
  382. input:focus::-webkit-input-placeholder { color:transparent; }
  383. input:focus:-moz-placeholder { color:transparent; }
  384. input:focus::-moz-placeholder { color:transparent; }
  385. input:focus:-ms-input-placeholder { color:transparent; }
  386.  
  387. /* pagination */
  388.  
  389. footer {
  390. text-align:center;
  391. margin:50px auto 100px auto;
  392. font-size:11px;
  393. }
  394.  
  395. #pg {
  396. color:{color:link};
  397. {block:ifinfinitescroll}
  398. display:none;
  399. {/block:ifinfinitescroll}
  400. margin:0 auto 100px auto;
  401. width:{text:post width}px;
  402. }
  403.  
  404. #pg span { display:inline-block; }
  405. #pg a { display:inline-block; margin:0 5px; }
  406.  
  407. .current_page {
  408. font-weight:bold;
  409. color:{color:link hover};
  410. display:inline-block;
  411. }
  412.  
  413. span.nextprev { float:right; }
  414.  
  415. #infscr-loading { display:none!important; }
  416. a#load { cursor:pointer; text-transform:lowercase; }
  417.  
  418. /* lightbox */
  419.  
  420. .lightbox-caption, #tumblr_lightbox_caption { visibility:hidden; }
  421. .vignette, #vignette { opacity:0; }
  422. .lightbox-image, #tumblr_lightbox img {
  423. box-shadow:none !important;
  424. border-radius:0 !important;
  425. }
  426.  
  427. .tmblr-lightbox, #tumblr_lightbox {
  428. background-color:{color:background}!important;
  429. z-index:99999!important;
  430. }
  431.  
  432. /* photoset */
  433.  
  434. .photo-slideshow .count-1 { margin-bottom:1px!important; }
  435. .photo-slideshow .count-2 {
  436. margin-left:1px!important;
  437. margin-bottom:1px!important;
  438. width:calc(50% - (1px/2))!important;
  439. }
  440.  
  441. .photo-slideshow .count-2:first-child { margin-left:0!important; }
  442. .photo-slideshow .count-3 {
  443. margin-left:1px!important;
  444. margin-bottom:1px!important;
  445. width:calc((100% - (2 * 1px))/3)!important;
  446. }
  447.  
  448. .photo-slideshow .count-3:first-child { margin-left:0!important; }
  449. .photo-slideshow {
  450. display:block!important;
  451. margin-bottom:calc(-(1px - 3px));
  452. position:relative;
  453. width:100%;
  454. }
  455.  
  456. .defcap .photo-slideshow.processed { margin-bottom:0!important; }
  457. .defcap .row:last-of-type .count-1{ margin-bottom:0!important; }
  458. .unnested .photo-slideshow.processed { margin-bottom:calc({select:font size} * (2/3)) !important; }
  459.  
  460. /* posts */
  461.  
  462. #entries {
  463. width:{text:post width}px;
  464. margin:{text:margin}px auto;
  465. }
  466.  
  467. .posts {
  468. width:{text:post width}px;
  469. margin-bottom:{text:margin}px;
  470. position:relative;
  471. max-width:500px;
  472. min-width:250px;
  473. }
  474.  
  475. .posts img { max-width:100%; }
  476. .media img, .media iframe { width:100%; display:block; }
  477. .posts img, .posts li, .posts blockquote { max-width:100%; }
  478. .caption img, .caption iframe { max-width:100%; }
  479. .posts li, .posts blockquote, .posts img { max-width:100%; height:auto; }
  480.  
  481. /* text */
  482.  
  483. .title {
  484. padding-bottom:10px;
  485. color:{color:text};
  486. font-size:calc({select:font size} + 3px);
  487. font-weight:600;
  488. }
  489.  
  490. .title a { color:{color:link}; }
  491. .title a:hover { color:{color:link hover}; }
  492. .text { padding:10px; }
  493.  
  494. /* caption */
  495.  
  496. a.tumblr_blog {
  497. display:inline-block;
  498. vertical-align:6px;
  499. font-weight:600;
  500. color:{color:accent};
  501. }
  502.  
  503. a.tumblr_blog:hover { color:{color:link}; }
  504.  
  505. .source a.tumblr_blog { vertical-align:initial; }
  506.  
  507. .caption > blockquote {
  508. margin-top:5px;
  509. padding-left:10px;
  510. border-left:1px solid {color:border};
  511. }
  512.  
  513. .caption blockquote { margin-bottom:0px; }
  514.  
  515. .caption {
  516. padding:10px 5px;
  517. margin-top:5px;
  518. background:{color:posts};
  519. border-radius:2px;
  520. }
  521.  
  522. blockquote.tumblr_parent { border:0 }
  523. blockquote.tumblr_parent blockquote {
  524. margin-top:5px;
  525. padding-left:10px;
  526. border-left:2px solid {color:border};
  527. }
  528.  
  529. .tumblr_avatar {
  530. margin-right:10px;
  531. width:20px;
  532. height:20px;
  533. border-radius:2px;
  534. }
  535.  
  536. /* quote */
  537.  
  538. .quote {
  539. font-size:13px;
  540. font-family:'Lora', sans-serif;
  541. line-height:15px;
  542. font-style:italic;
  543. color:{color:title};
  544. }
  545.  
  546. .source {
  547. margin-top:10px;
  548. font-style:none;
  549. text-align:right;
  550. }
  551.  
  552. /* audio */
  553.  
  554. .player {
  555. width:25px;
  556. height:24px;
  557. position:absolute;
  558. left:10px;
  559. top:calc(50% - 15px);
  560. display:block;
  561. overflow:hidden;
  562. }
  563.  
  564. .hold {
  565. text-align:left;
  566. background:{color:posts};
  567. border:1px solid {color:border};
  568. position:relative;
  569. display:block;
  570. min-height:24px;
  571. padding:15px;
  572. margin-bottom:10px;
  573. }
  574.  
  575. .audio_info {
  576. vertical-align:middle;
  577. line-height:12px;
  578. margin-left:35px;
  579. max-width:calc(100% - 35px);
  580. }
  581.  
  582. .audio_info span {
  583. white-space:nowrap;
  584. overflow:hidden;
  585. text-overflow:ellipsis;
  586. display:block;
  587. }
  588.  
  589. .hold .track { color:{color:title}; }
  590.  
  591. /* ask */
  592.  
  593. .ask {
  594. border:1px solid {color:border};
  595. padding:10px 0;
  596. border-radius:2px;
  597. background:{color:posts};
  598. }
  599.  
  600. .q {
  601. border-bottom:1px solid {color:border};
  602. padding-bottom:10px;
  603. padding-left:10px;
  604. }
  605.  
  606. .sender {
  607. display:block;
  608. font-size:calc({select:font size} + .5px);
  609. }
  610.  
  611. .sender { margin-bottom:3px; }
  612. .sender a { color:{color:link}; }
  613. .sender a:hover { color:{color:link hover}; }
  614.  
  615. .aski {
  616. float:left;
  617. display:inline;
  618. position:relative;
  619. }
  620.  
  621. .aski img, .a img {
  622. width:20px;
  623. height:20px;
  624. border-radius:3px;
  625. margin-right:10px;
  626. }
  627.  
  628. .a .caption { background:{color:posts}; padding:0; margin-top:8px; }
  629.  
  630. /* chat */
  631.  
  632. .chat { padding:10px; list-style:none; }
  633.  
  634. .label {
  635. font-weight:bold;
  636. color:{color:link};
  637. display:inline-block;
  638. margin-right:3px;
  639. }
  640.  
  641. .l { margin-bottom:2px; }
  642. .l:last-of-type { margin-bottom:0; }
  643.  
  644. /* permalink */
  645.  
  646. .when { margin-top:8px; margin-bottom:3px; }
  647.  
  648. .when a {
  649. font-size:calc({select:font size} + .5px);
  650. margin-left:8px;
  651. margin-top:-1px;
  652. position:absolute;
  653. }
  654.  
  655. .permalink { margin-top:5px; }
  656. .permalink a { text-transform:lowercase; }
  657. .permalink a:hover { color:{color:link hover}; }
  658. .pt a { margin-right:6px; }
  659.  
  660. /* tags */
  661.  
  662. .tags { margin:5px 0; position:relative; }
  663.  
  664. .tags a:before { content:'#'; }
  665. .tags a { margin-right:5px; }
  666. .tags a:hover { color:{color:link hover}; }
  667.  
  668. .tagsshow { opacity:1; }
  669. .tagshide { display:none; }
  670. .tagshover {
  671. opacity:0;
  672. transition:all .6s ease;
  673. -webkit-transition:all .6s ease;
  674. -moz-transition:all .6s ease;
  675. -o-transition:all .6s ease;
  676. }
  677.  
  678. .posts:hover .tagshover { opacity:1; }
  679.  
  680. /* post notes */
  681.  
  682. .pn {
  683. padding:10px 0;
  684. border-top:1px solid {color:border};
  685. background:{color:background};
  686. }
  687.  
  688. .nt {
  689. margin-top:40px;
  690. margin-bottom:10px;
  691. font-size:13px;
  692. color:{color:accent};
  693. }
  694.  
  695. ol.notes {
  696. list-style-type:none;
  697. text-align:left;
  698. padding:0px;
  699. margin:0;
  700. }
  701.  
  702. ol.notes li.note blockquote {
  703. border-left:1px solid {color:border};
  704. padding-left:10px;
  705. margin-left:10px;
  706. }
  707.  
  708. ol.notes li.note { display:block; padding:0; margin:5px 0; }
  709. ol.notes li.note img.avatar { display:none!important; }
  710. a.more_notes_link {
  711. display:block;
  712. text-align:left;
  713. color:{color:link};
  714. }
  715.  
  716. a.more_notes_link:hover { color:{color:link hover}; }
  717.  
  718. /* like and reblog buttons */
  719.  
  720. .controls {
  721. margin-top:-18px;
  722. float:right;
  723. {block:ifNotControls}
  724. display:none;
  725. {/block:ifNotControls}
  726. }
  727.  
  728. .controls a { overflow:hidden; width:auto; height:auto; }
  729.  
  730. .controls .th {
  731. font-size:12px;
  732. color:{color:accent};
  733. overflow:visible;
  734. border:none!important;
  735. transition:all .6s ease;
  736. -webkit-transition:all .6s ease;
  737. -moz-transition:all .6s ease;
  738. -o-transition:all .6s ease;
  739. }
  740.  
  741. .like:hover .th, .reblog:hover .th {
  742. color:{color:link hover}!important;
  743. }
  744.  
  745. .controls .reblog { opacity:.93; width:13px; margin-top:5px; }
  746.  
  747. .controls .like {
  748. width:13px;
  749. margin-top:-15px;
  750. margin-left:22px;
  751. margin-right:0px;
  752. }
  753.  
  754. .controls .like .like_botton:hover + .th {
  755. color:{color:link hover}!important;
  756. transition:all .6s ease;
  757. -webkit-transition:all .6s ease;
  758. -moz-transition:all .6s ease;
  759. -o-transition:all .6s ease;
  760. }
  761.  
  762. .controls .like .liked + .th { opacity:1; }
  763. .controls .like .liked + .th { color:#ec5a5a; }
  764. .controls .like .like_button { position:relative; }
  765.  
  766. .controls .like .like_button iframe {
  767. position:absolute;
  768. top:0;
  769. left:0;
  770. bottom:0;
  771. right:0;
  772. z-index:2;
  773. opacity:0.000001;
  774. }
  775.  
  776. iframe#ask_form{height:255px!important;}
  777.  
  778. /* do not disturb */
  779.  
  780. .lo { bottom:20px; right:20px; position:fixed; }
  781. .lo a { text-transform:uppercase; font-size:12px; }
  782.  
  783. {CustomCSS}
  784.  
  785. </style>
  786. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  787. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  788. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  789. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  790.  
  791. <script>
  792. $(document).ready(function() {
  793. $('.photo-slideshow').pxuPhotoset({
  794. lightbox: true,
  795. rounded: false,
  796. gutter: '0px',
  797. borderRadius: '0px',
  798. photoset: '.photo-slideshow',
  799. photoWrap: '.photo-data',
  800. photo: '.pxu-photo'
  801. });
  802. });
  803. </script>
  804.  
  805. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  806. <script>
  807. $(document).ready(function(){
  808. $('#entries').unnest({
  809. yourCaption: ".caption",
  810. wrapName: ".tumblr_parent",
  811. newCaptionUsername: false,
  812. originalPostCaptionUsername: false,
  813. tumblrAvatars: true,
  814. tumblrAvatarClass: ".tumblr_avatar",
  815. usernameColon: false
  816. });
  817. });
  818. </script>
  819.  
  820. {block:indexpage}
  821. {block:ifinfinitescroll}
  822. <script src="https://static.tumblr.com/xbvpdcx/9LRo1g4a7/jquery.infinitescroll.min.js"></script>
  823.  
  824. <script>
  825. // Infinite Scroll
  826. $(function() {
  827. var $container = $('#entries');
  828. $container.infinitescroll({
  829. loading: {
  830. finishedMsg: "<em>No more posts</em>",
  831. img: null,
  832. msg: null,
  833. msgText: "<em>Loading posts...</em>",
  834. {block:ifloadmore}
  835. finished: function () {$('a#load').text('Load More'); },
  836. {/block:ifloadmore}
  837. },
  838.  
  839. navSelector : '#pg',
  840. nextSelector : '#pg a:last',
  841. itemSelector : '.posts',
  842. {block:ifloadmore}
  843. errorCallback: function () {$('a#load').fadeOut();},
  844. {/block:ifloadmore}
  845. bufferPx : 600,
  846. },
  847.  
  848. function( newElements ) {
  849. $( newElements ).find('.photo-slideshow').pxuPhotoset({
  850. lightbox: true,
  851. rounded: true,
  852. gutter: '0px',
  853. borderRadius: '0px',
  854. photoset: '.photo-slideshow',
  855. photoWrap: '.photo-data',
  856. photo: '.pxu-photo'
  857. });
  858.  
  859. resizeVideos();
  860.  
  861. var $newElems = $(newElements);
  862. var $newElemsIDs = $newElems.map(function(){
  863. return this.id;
  864. }).get();
  865. console.log($newElems, $newElemsIDs);
  866. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  867.  
  868. $('#entries').unnest({
  869.  
  870. yourCaption: ".caption",
  871. wrapName: ".tumblr_parent",
  872. newCaptionUsername: false,
  873. originalPostCaptionUsername: false,
  874. tumblrAvatars: true,
  875. tumblrAvatarClass: ".tumblr_avatar",
  876. usernameColon: false
  877.  
  878. });
  879. });
  880.  
  881. {block:ifloadmore}
  882. $container.infinitescroll('unbind');
  883. $('a#load').on('click', function(e) {
  884. e.preventDefault();
  885. $container.infinitescroll('retrieve');
  886. });
  887. {/block:ifloadmore}
  888. });
  889. </script>
  890. {/block:ifinfinitescroll}
  891. {/block:indexpage}
  892.  
  893. <script>
  894. $(document).ready(function(){
  895. $('.search').submit(function(event){
  896. var value = $('input:first').val();
  897. location.replace('https://{Name}.tumblr.com/tagged/' + value);
  898. });
  899. });
  900. </script>
  901. </head>
  902.  
  903. <body>
  904.  
  905. <div class="hcontrols"><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="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>
  906.  
  907. <aside>
  908.  
  909. <div class="icon"><a href="/"><img src="{image:icon}"/></a></div>
  910. <div class="t"><a href="/">{title}</a></div>
  911. <div class="desc">{description}</div>
  912.  
  913. <div class="links">
  914. <a href="/">{text:home}</a>
  915. <a href="/ask">{text:ask}</a>
  916. <a href="/archive">{text:archive}</a>
  917. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  918. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  919. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  920.  
  921. <form action="/search" method="get" class="search">
  922. <input type="text" name="q" value="{SearchQuery}" class="query" placeholder="search"></input></form>
  923.  
  924. </div>
  925. </aside>
  926.  
  927. <section id="entries">
  928.  
  929. {block:Posts}
  930. <div class="posts" id="{PostID}">
  931.  
  932. {block:Quote}
  933. <div class="q">{Quote}</div>
  934. {block:Source}<div class="source">{Source}</div>{/block:Source}
  935. {/block:Quote}
  936.  
  937. {block:Audio}
  938. {block:audioplayer}
  939. <div class="hold">
  940. <div class="player">{audioplayerwhite}</div>
  941. <div class="audio_info">
  942. {block:trackname}<span class="track">{trackname}</span>{/block:trackname}
  943. {block:artist}<span class="artist">{artist}</span>{/block:artist}
  944. </div>
  945. </div>
  946. {/block:audioplayer}
  947. {/block:Audio}
  948.  
  949. {block:Text}
  950. {block:Title}<h1>{Title}</h1>{/block:Title}
  951. <div class="caption">{Body}</div>
  952. {/block:Text}
  953.  
  954. {block:Link}
  955. <div class="caption">
  956. <div class="title"><a href="{URL}">{Name}</a></div>
  957. </div>
  958. {block:Description}{Description}{/block:Description}
  959. {/block:Link}
  960.  
  961. {block:Chat}
  962. <div class="chat">
  963. {block:lines}
  964. <li class="l {Alt}">
  965. {block:label}<span class="label">{label}</span>{/block:label} {line}
  966. </li>
  967. {/block:lines}
  968. </div>
  969. {/block:Chat}
  970.  
  971. {block:Photo}
  972. <div id="media"><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">
  973. <img src="{PhotoURL-HighRes}" width="{text:post width}">
  974. </a>
  975. </div>
  976. {/block:Photo}
  977.  
  978. {block:Photoset}
  979. <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>
  980. {/block:Photoset}
  981.  
  982. {block:Video}
  983. <div class="video">{Video-500}</div>
  984. {/block:Video}
  985.  
  986. {block:Answer}
  987. <div class="ask">
  988. <div class="q">
  989. <div class="aski"><img src="{AskerPortraitURL-128}" /></div>
  990. <span class="sender">{Asker}</span>
  991. {Question}
  992. </div>
  993. <div class="a">
  994. <div class="caption">{Answer}</div>
  995. </div>
  996. </div>
  997. {/block:Answer}
  998.  
  999. {block:Caption}
  1000. <div class="caption">{Caption}</div>
  1001. {/block:Caption}
  1002.  
  1003. {block:indexpage}
  1004. {block:Date}
  1005. <div class="when">
  1006. <span class="th th-location-4-o"></span>
  1007. <a href="{Permalink}" title="{TimeAgo}">{NoteCountWithLabel}</a>
  1008. </div>
  1009. {/block:Date}
  1010.  
  1011. <div class="controls">
  1012. <div class="reblog">
  1013. <a href="{ReblogURL}" target="_blank" class="reblog">
  1014. <span class="th th-reblog"></span></a>
  1015. </div>
  1016.  
  1017. <div class="like">{LikeButton}
  1018. <span class="th th-heart-1-o"></span>
  1019. </div>
  1020. </div>
  1021.  
  1022. {block:HasTags}
  1023. <div class="{select:tags} tags">
  1024. {block:Tags}
  1025. <a href="{TagUrl}">{Tag}</a>
  1026. {/block:Tags}
  1027. </div>
  1028. {/block:HasTags}
  1029.  
  1030. {/block:indexpage}
  1031.  
  1032. {block:permalinkpage}
  1033. {block:Date}
  1034. <div class="permalink">
  1035. posted {timeago} on {dayofmonth} {month} {year}
  1036. {block:RebloggedFrom}<br>
  1037. via <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;&nbsp;&nbsp; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  1038. {block:HasTags}
  1039. <div class="pt">tagged: {block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1040. </div>
  1041. {/block:Date}
  1042. {/block:permalinkpage}
  1043.  
  1044. </div>
  1045.  
  1046. {block:PostNotes}
  1047. <div class="nt">{notecountwithlabel}</div>
  1048. <div class="pn">{PostNotes}</div>
  1049. {/block:PostNotes}
  1050.  
  1051. </div>
  1052. {/block:Posts}
  1053.  
  1054. </section>
  1055.  
  1056. {block:indexpage}
  1057. {block:Pagination}
  1058. <div id="pg">
  1059. <span>
  1060. {block:JumpPagination length="3"}{block:CurrentPage}<a class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1061. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1062.  
  1063. <span class="nextprev">
  1064. {block:PreviousPage}<a href="{PreviousPage}">back</a>{block:nextpage} / {/block:nextpage}
  1065. {/block:PreviousPage}
  1066. {block:NextPage}<a class="nxtpg" href="{NextPage}">next</a>{/block:NextPage}
  1067. </span>
  1068.  
  1069. </div>
  1070.  
  1071. {block:ifloadmore}
  1072. <footer>
  1073. <a id="load">load more</a>
  1074. </footer>
  1075. {/block:ifloadmore}
  1076. {/block:Pagination}
  1077. {/block:indexpage}
  1078.  
  1079. {block:ContentSource}
  1080. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1081. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1082. {/block:SourceLogo}
  1083. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1084. {/block:ContentSource}
  1085.  
  1086. <div class="top"><a href="#"><span class="th th-chevron-up"></span>
  1087. </a></div>
  1088.  
  1089. <!--- do not disturb --->
  1090. <div class="lo">
  1091. <a href="https://julesatticus.tumblr.com" title="theme">j</a>
  1092. </div>
  1093.  
  1094. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1095. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1096. <script>
  1097. jQuery.noConflict();
  1098. (function($){
  1099. $(document).ready(function(){
  1100. $("a[title],img[title],[title]").style_my_tooltips({
  1101. tip_follows_cursor:true,
  1102. tip_delay_time:200,
  1103. tip_fade_speed:300,
  1104. attribute:"title"
  1105. });
  1106. });
  1107. })(jQuery);
  1108.  
  1109. //scroll to top
  1110. $(window).scroll(function(){
  1111. if ($(this).scrollTop() > 100) {
  1112. $('.top').fadeIn('slow');
  1113. } else {
  1114. $('.top').fadeOut('slow');
  1115. }
  1116. });
  1117. //Click event to scroll to top
  1118. $('.top').click(function(){
  1119. $('html, body').animate({scrollTop : 0},700);
  1120. return false;
  1121. });
  1122. </script>
  1123.  
  1124. </body>
  1125. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!