API tools faq
paste
Advertisement
loranhale

seoul

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