API tools faq
paste
Advertisement
loranhale

paris (dropdown)

loranhale
Jun 23rd, 2017
8,955
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.24 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7.  
  8. paris // dropdown //
  9. @aaronellas
  10.  
  11.  
  12. updated 13.01.2020
  13. -->
  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=Fira+Sans:400,400i,600,600i|Lato:400,400i,700,700i|Source+Sans+Pro:400,400i,600,600i,700,700i|Open+Sans:400,400i,600,600i|Overpass:400,400i,600,600i|Roboto:400,400i,500,500i,700,700i|Work+Sans:400,600|Lora:400,400i,600,600i|PT+Serif:400,400i,600,600i" rel="stylesheet">
  21. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  22. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  23.  
  24. <!--Default Variables-->
  25.  
  26. <meta name="image:icon" content=""/>
  27. <meta name="image:gif" content=""/>
  28.  
  29. <meta name="color:background" content="#ffffff"/>
  30. <meta name="color:text" content="#666666"/>
  31. <meta name="color:link" content="#91a8d0"/>
  32. <meta name="color:link hover" content="#ff6f61"/>
  33. <meta name="color:title"content="#222222"/>
  34. <meta name="color:border" content="#eeeeee"/>
  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. <meta name="if:gif" content=""/>
  45.  
  46. <meta name="select:font" content="source sans pro"/>
  47. <meta name="select:font" content="overpass"/>
  48. <meta name="select:font" content="fira sans"/>
  49. <meta name="select:font" content="trebuchet ms"/>
  50. <meta name="select:font" content="open sans"/>
  51. <meta name="select:font" content="roboto"/>
  52. <meta name="select:font" content="work sans"/>
  53. <meta name="select:font" content="lato"/>
  54.  
  55. <meta name="select:font size" content="10px"/>
  56. <meta name="select:font size" content="11px"/>
  57. <meta name="select:font size" content="12px"/>
  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:home" content="home"/>
  64. <meta name="text:ask" content="message"/>
  65. <meta name="text:archive" content="history"/>
  66. <meta name="text:drop down" content="explore"/>
  67. <meta name="text:post width" content="350"/>
  68. <meta name="text:margin" content="100"/>
  69.  
  70. <meta name="text:link 1 url" content="" />
  71. <meta name="text:link 1" content="" />
  72. <meta name="text:link 2 url" content="" />
  73. <meta name="text:link 2" content="" />
  74. <meta name="text:link 3 url" content="" />
  75. <meta name="text:link 3" content="" />
  76.  
  77. <style type="text/css">
  78.  
  79. /* scrollbar */
  80.  
  81. ::-webkit-scrollbar{
  82. height:4px;
  83. width:9px;
  84. background:{color:background};
  85. }
  86.  
  87. ::-webkit-scrollbar-thumb {
  88. background:{color:accent};
  89. border:4px solid {color:background};
  90. }
  91.  
  92. ::-webkit-scrollbar-track {
  93. background:{color:border};
  94. border:4px solid {color:background};
  95. }
  96.  
  97. /* tumblr controls */
  98.  
  99. iframe.tmblr-iframe {
  100. z-index:99999999999999!important;
  101. top:-2px!important;
  102. right:0!important;
  103. opacity:0;
  104. padding-right:38px;
  105. transform:scale(0.7);
  106. transform-origin:100% 0;
  107. -webkit-transform:scale(0.7);
  108. -webkit-transform-origin:100% 0;
  109. -o-transform:scale(0.7);
  110. -o-transform-origin:100% 0;
  111. -moz-transform:scale(0.7);
  112. -moz-transform-origin:100% 0;
  113. -ms-transform:scale(0.7);
  114. -ms-transform-origin:100% 0;
  115. transition: opacity 0.6s ease-in-out;
  116. -moz-transition: opacity 0.6s ease-in-out;
  117. -webkit-transition: opacity 0.6s ease-in-out;
  118. }
  119.  
  120. iframe.tmblr-iframe:hover { opacity:0.6!important; }
  121.  
  122. .hcontrols {
  123. position:fixed;
  124. top:0;
  125. right:0;
  126. z-index:999999999;
  127. }
  128.  
  129. .hcontrols svg { width:14px; height:14px; padding:9px; }
  130. .hcontrols svg path { fill:{color:accent}; }
  131.  
  132. /* tooltips */
  133.  
  134. #s-m-t-tooltip {
  135. max-width:300px;
  136. margin:15px;
  137. padding:5px 6px;
  138. z-index:99999999999;
  139. color:{color:title};
  140. background:{color:posts};
  141. border:1px solid {color:border};
  142. }
  143.  
  144. /* scroll to top */
  145.  
  146. .top {
  147. position:fixed;
  148. z-index:9999999;
  149. left:20px;
  150. bottom:10px;
  151. display:none;
  152. }
  153.  
  154. .top a svg { width:25px; height:25px; fill:{color:link}; }
  155.  
  156. /* keyframes */
  157.  
  158. @keyframes fadein {
  159. from { opacity:0; }
  160. to { opacity:1; }
  161. }
  162.  
  163. @-moz-keyframes fadein {
  164. from { opacity:0; }
  165. to { opacity:1; }
  166. }
  167.  
  168. @-webkit-keyframes fadein {
  169. from { opacity:0; }
  170. to { opacity:1; }
  171. }
  172.  
  173. @-ms-keyframes fadein {
  174. from { opacity:0; }
  175. to { opacity:1; }
  176. }
  177.  
  178. @-o-keyframes fadein {
  179. from { opacity:0; }
  180. to { opacity:1; }
  181. }
  182.  
  183. /* body */
  184.  
  185. body {
  186. background:{color:background};
  187. color:{color:text};
  188. font-family:{select:font}, arial, trebuchet ms, sans-serif;
  189. font-size:{select:font size};
  190. line-height:150%;
  191. margin:0;
  192. letter-spacing:.5px;
  193. word-wrap:break-word;
  194. -moz-osx-font-smoothing:grayscale;
  195. -webkit-font-smoothing:antialiased;
  196. font-smoothing:antialiased;
  197. animation: fadein 1.5s;
  198. -webkit-animation: fadein 1.5s;
  199. -moz-animation: fadein 1.5s;
  200. -o-animation: fadein 1.5s;
  201. }
  202.  
  203. a {
  204. color:{color:link};
  205. text-decoration:none;
  206. transition-duration: 0.6s;
  207. -moz-transition-duration: 0.6s;
  208. -webkit-transition-duration: 0.6s;
  209. -o-transition-duration: 0.6s;
  210. }
  211.  
  212. a:hover { color:{color:link hover}; }
  213.  
  214. pre {
  215. white-space:pre-wrap;
  216. white-space:-moz-pre-wrap;
  217. white-space:-pre-wrap;
  218. white-space:-o-pre-wrap;
  219. word-wrap:break-word;
  220. padding:10px;
  221. background:{color:posts};
  222. }
  223.  
  224. img { opacity:1; border:none; text-decoration:none; }
  225.  
  226. p { margin:10px 0; }
  227. p:first-of-type { margin-top:0; padding-top:0; }
  228. p:last-of-type { margin-bottom:0; padding-bottom:0; }
  229.  
  230. b, strong { color:#333; font-weight:bold; }
  231. i { color:#444; }
  232. small { font-size:calc({select:font size} - .5px); }
  233. big { font-size:calc({select:font size} + 1px); }
  234.  
  235. h1 {
  236. font-size:font-size:calc({select:font size} + 4px);
  237. color:{color:title};
  238. margin:6px 0;
  239. font-weight:400;
  240. }
  241.  
  242. h2, h3, h4 {
  243. font-size:font-size:calc({select:font size} + 3px);
  244. color:{color:link};
  245. margin:6px 0;
  246. font-weight:400;
  247. }
  248.  
  249. ol { margin-left:-20px; padding-right:10px;}
  250. ul li { margin-left:-10px; list-style:square; color:{color:accent}; }
  251.  
  252. /* sidebar */
  253.  
  254. aside {
  255. width:150px;
  256. left:calc(50% - ({text:post width}px / 2) - {text:margin}px - 150px);
  257. position:fixed;
  258. }
  259.  
  260. .t {
  261. font-size:calc({select:font size} + 2px);
  262. margin-bottom:5px;
  263. font-weight:600;
  264. color:{color:title};
  265. font-style:italic;
  266. font-family:'lora',sans-serif;
  267. {block:ifnottitle}
  268. display:none;
  269. {/block:ifnottitle}
  270. }
  271.  
  272. .desc {
  273. font-size:calc({select:font size} - .5px);
  274. padding-bottom:10px;
  275. margin-bottom:10px;
  276. border-bottom:1px solid {color:border};
  277. }
  278.  
  279. nav {
  280. position:fixed;
  281. width:calc(150px - 70px);
  282. }
  283.  
  284. .links { margin-top:-2px; }
  285. .links a {
  286. color:{color:link};
  287. text-transform:lowercase;
  288. display:block;
  289. margin-bottom:3px;
  290. }
  291.  
  292. .links a:hover { color:{color:link hover}; }
  293.  
  294. /* drop down links */
  295.  
  296. .dropt { cursor:help; }
  297. .dropl { border-left:1px solid {color:border}; padding-left:10px; }
  298. .dropl a {
  299. display:block;
  300. margin-bottom:3px;
  301. }
  302.  
  303. .dropl a:hover { margin-left:5px; }
  304.  
  305. nav .svg svg {
  306. width:10.5px;
  307. height:10.5px;
  308. fill:{color:link};
  309. margin-top:8px;
  310. display:block;
  311. }
  312.  
  313. svg {
  314. width:10.5px;
  315. height:10.5px;
  316. transition-duration: 0.6s;
  317. -moz-transition-duration: 0.6s;
  318. -webkit-transition-duration: 0.6s;
  319. -o-transition-duration: 0.6s;
  320. }
  321.  
  322. svg:hover {
  323. fill:{color:link hover};
  324. transition-duration: 0.6s;
  325. -moz-transition-duration: 0.6s;
  326. -webkit-transition-duration: 0.6s;
  327. -o-transition-duration: 0.6s;
  328. }
  329.  
  330. .icon {
  331. float:right;
  332. display:inline;
  333. position:fixed;
  334. margin-left:90px;
  335. }
  336.  
  337. .icon img {
  338. width:60px;
  339. height:60px;
  340. border-radius:3px;
  341. {block:ifnoticon}
  342. display:none;
  343. {/block:ifnoticon}
  344. }
  345.  
  346. .img { margin-bottom:8px; }
  347. .img img {
  348. border-radius:3px;
  349. width:100%;
  350. {block:ifnotgif}
  351. display:none;
  352. {/block:ifnotgif}
  353. }
  354.  
  355. /* search bar */
  356.  
  357. .search {
  358. margin-left:calc({select:font size} + .5px + 8px);
  359. position:relative;
  360. margin-top:-13px;
  361. width:130px;
  362. {block:ifNotSearchBar}
  363. display:none;
  364. {/block:ifNotSearchBar}
  365. }
  366.  
  367. .search .query {
  368. border:0;
  369. outline:0;
  370. padding:0;
  371. font-size:calc({select:font size} + .5px);
  372. font-family:{select:font};
  373. font-style:none;
  374. color:{color:link};
  375. background:{color:background};
  376. width:100%;
  377. }
  378.  
  379. ::-webkit-input-placeholder { color:{color:accent}; }
  380. :-moz-placeholder { color:{color:accent}; opacity:1; }
  381. ::-moz-placeholder { color:{color:accent}; opacity:1; }
  382. :-ms-input-placeholder { color:{color:accent}; }
  383.  
  384. input:focus::-webkit-input-placeholder { color:transparent; }
  385. input:focus:-moz-placeholder { color:transparent; }
  386. input:focus::-moz-placeholder { color:transparent; }
  387. input:focus:-ms-input-placeholder { color:transparent; }
  388.  
  389. /* pagination */
  390.  
  391. footer { text-align:center; margin:50px auto 100px auto; }
  392.  
  393. #pg {
  394. color:{color:link};
  395. {block:ifinfinitescroll}
  396. display:none;
  397. {/block:ifinfinitescroll}
  398. margin:0 auto 100px auto;
  399. width:{text:post width}px;
  400. }
  401.  
  402. #pg span { display:inline-block; }
  403. #pg a { display:inline-block; margin:0 5px; }
  404.  
  405. .current_page {
  406. font-weight:bold;
  407. color:{color:link};
  408. display:inline-block;
  409. }
  410.  
  411. span.nextprev { float:right; }
  412.  
  413. #infscr-loading { display:none!important; }
  414. a#load {
  415. text-transform:lowercase;
  416. font-size:calc({select:font size} + .5px);
  417. }
  418.  
  419. a#load:hover { color:{color:link hover}; cursor:pointer!important; }
  420.  
  421. /* lightbox */
  422.  
  423. .lightbox-caption, #tumblr_lightbox_caption { visibility:hidden; }
  424. .vignette, #vignette { opacity:0; }
  425. .lightbox-image, #tumblr_lightbox img {
  426. box-shadow:none !important;
  427. border-radius:0 !important;
  428. }
  429.  
  430. .tmblr-lightbox, #tumblr_lightbox {
  431. background-color:{color:background}!important;
  432. z-index:99999!important;
  433. }
  434.  
  435. /* photoset */
  436.  
  437. .photo-slideshow .count-1 { margin-bottom:1px!important; }
  438. .photo-slideshow .count-2 {
  439. margin-left:1px!important;
  440. margin-bottom:1px!important;
  441. width:calc(50% - (1px/2))!important;
  442. }
  443.  
  444. .photo-slideshow .count-2:first-child { margin-left:0!important; }
  445. .photo-slideshow .count-3 {
  446. margin-left:1px!important;
  447. margin-bottom:1px!important;
  448. width:calc((100% - (2 * 1px))/3)!important;
  449. }
  450.  
  451. .photo-slideshow .count-3:first-child { margin-left:0!important; }
  452. .photo-slideshow {
  453. display:block!important;
  454. margin-bottom:calc(-(1px - 3px));
  455. position:relative;
  456. width:100%;
  457. }
  458.  
  459. .defcap .photo-slideshow.processed { margin-bottom:0!important; }
  460. .defcap .row:last-of-type .count-1{ margin-bottom:0!important; }
  461. .unnested .photo-slideshow.processed { margin-bottom:calc({select:font size} * (2/3)) !important; }
  462.  
  463. /* posts */
  464.  
  465. #entries {
  466. width:{text:post width}px;
  467. margin:{text:margin}px auto;
  468. }
  469.  
  470. .posts {
  471. width:{text:post width}px;
  472. margin:{text:margin}px auto;
  473. position:relative;
  474. max-width:500px;
  475. min-width:250px;
  476. }
  477.  
  478. .posts img { max-width:100%; }
  479. .media img, .media iframe { width:100%; display:block; }
  480. .posts img, .posts li, .posts blockquote { max-width:100%; }
  481. .caption img, .caption iframe { max-width:100%; }
  482. .posts li, .posts blockquote, .posts img { max-width:100%; height:auto; }
  483.  
  484. .title {
  485. font-size:calc({select:font size} + 3px);
  486. margin-bottom:10px;
  487. color:{color:title};
  488. font-weight:400;
  489. }
  490.  
  491. .title a { color:{color:link}; }
  492. .title a:hover { color:{color:link hover}; }
  493. .text { margin:0; padding-top:0!important; }
  494.  
  495. a.tumblr_blog {
  496. display:inline-block;
  497. vertical-align:11px;
  498. font-weight:600;
  499. font-size:calc({select:font size} + .5px);
  500. }
  501.  
  502. .source a.tumblr_blog { vertical-align:initial; }
  503.  
  504. .caption { padding:10px 0; border-bottom:1px solid {color:border};}
  505. .caption blockquote { margin:5px 0; }
  506. .caption > blockquote {
  507. margin-top:5px;
  508. padding-left:0px;
  509. border-left:1px solid {color:border};
  510. }
  511. .caption > blockquote:not(.tumblr_parent) { padding-left:10px; }
  512.  
  513. .tumblr_parent { margin-top:0px; }
  514. .tumblr_avatar {
  515. margin-right:10px;
  516. margin-bottom:5px;
  517. width:18px;
  518. height:18px;
  519. border-radius:3px;
  520. }
  521. blockquote.tumblr_parent { border:0; }
  522. blockquote.tumblr_parent blockquote {
  523. margin-top:5px;
  524. padding-left:10px;
  525. border-left:1px solid {color:border};
  526. }
  527.  
  528. /* quote */
  529.  
  530. #q {
  531. border-bottom:1px solid {color:border};
  532. padding-bottom:10px;
  533. }
  534.  
  535. .quote {
  536. font-size:12px;
  537. font-family:'Lora', sans-serif;
  538. line-height:15px;
  539. font-style:italic;
  540. color:{color:text};
  541. }
  542.  
  543. .source {
  544. margin-top:10px;
  545. font-style:italic;
  546. text-align:right;
  547. }
  548.  
  549. /* audio */
  550.  
  551. .player {
  552. width:25px;
  553. height:24px;
  554. position:absolute;
  555. left:10px;
  556. top:calc(50% - 15px);
  557. display:block;
  558. overflow:hidden;
  559. }
  560.  
  561. .hold {
  562. text-align:left;
  563. background:{color:posts};
  564. border:1px solid {color:border};
  565. position:relative;
  566. display:block;
  567. min-height:24px;
  568. padding:15px;
  569. }
  570.  
  571. .audio_info {
  572. vertical-align:middle;
  573. line-height:12px;
  574. margin-left:35px;
  575. max-width:calc(100% - 35px);
  576. }
  577.  
  578. .audio_info span {
  579. white-space:nowrap;
  580. overflow:hidden;
  581. text-overflow:ellipsis;
  582. display:block;
  583. }
  584.  
  585. .hold .track { color:{color:title}; }
  586.  
  587. /* videos */
  588.  
  589. .video { border:1px solid transparent; }
  590.  
  591. /* ask */
  592.  
  593. .q {
  594. border:1px solid {color:border};
  595. padding:10px;
  596. background:{color:posts};
  597. margin-bottom:0px;
  598. }
  599.  
  600. .sender {
  601. margin-top:2px;
  602. margin-bottom:10px;
  603. display:block;
  604. text-transform:lowercase;
  605. }
  606. .sender a { font-weight:600; color:{color:link}; }
  607. .sender a:hover { color:{color:link hover}; }
  608.  
  609. .aski {
  610. float:left;
  611. display:inline;
  612. position:relative;
  613. margin-top:0px;
  614. }
  615.  
  616. .aski img {
  617. width:18px;
  618. height:18px;
  619. border-radius:3px;
  620. margin-right:10px;
  621. }
  622.  
  623. /* chat */
  624.  
  625. .chat {
  626. text-align:left;
  627. margin:0;
  628. padding:0;
  629. list-style:none;
  630. }
  631.  
  632. .label {
  633. font-weight:bold;
  634. color:{color:link};
  635. display:inline-block;
  636. margin-right:3px;
  637. }
  638.  
  639. .l { padding:10px 0; border-bottom:1px solid {color:border}; }
  640. .l:first-of-type { padding-top:0; }
  641.  
  642. /* permalink */
  643.  
  644. .perma {
  645. position:relative;
  646. width:{text:post width}px auto;
  647. margin-top:0;
  648. }
  649.  
  650. .when { margin-top:8px; }
  651. .when svg {
  652. fill:{color:link};
  653. width:10px;
  654. height:10px;
  655. overflow:hidden;
  656. margin-top:1px;
  657. position:relative;
  658. }
  659.  
  660. .when a {
  661. font-size:calc({select:font size} + .5px);
  662. margin-left:8px;
  663. margin-top:-1px;
  664. position:absolute;
  665. }
  666.  
  667. .permalink { margin-top:5px; font-size:{select:font size}; }
  668. .permalink a { text-transform:lowercase; }
  669. .permalink a:hover { color:{color:link hover}; }
  670.  
  671. .pt a { margin-right:6px; }
  672. .tags {
  673. position:relative;
  674. margin-top:-22px;
  675. margin-left:18px;
  676. }
  677.  
  678. .tags a { margin-right:5px; }
  679. .tags a:hover { color:{color:link hover}; }
  680.  
  681. .tagsshow { opacity:1; }
  682. .tagshide { display:none; }
  683. .tagshover {
  684. opacity:0;
  685. transition:all .6s ease;
  686. -webkit-transition:all .6s ease;
  687. -moz-transition:all .6s ease;
  688. -o-transition:all .6s ease;
  689. }
  690.  
  691. .posts:hover .tagshover { opacity:1; }
  692.  
  693. .ts svg {
  694. fill:{color:link};
  695. width:11px;
  696. overflow:hidden;
  697. margin:5px 0;
  698. position:relative;
  699. opacity:1;
  700. }
  701.  
  702. .posts:hover .ts svg { opacity:1; }
  703. .tags a:hover .ts svg { fill:{color:link hover}; }
  704. .pn { padding:10px 0; border-top:1px solid {color:border}; }
  705. .pn a { font-size:{select:font size}; }
  706.  
  707. .nt {
  708. margin-top:-30px;
  709. margin-bottom:10px;
  710. font-size:12px;
  711. color:{color:title};
  712. }
  713.  
  714. ol.notes {
  715. list-style-type:none;
  716. text-align:left;
  717. padding:0px;
  718. margin:0;
  719. }
  720.  
  721. ol.notes li.note blockquote {
  722. border-left:1px solid {color:border};
  723. padding-left:10px;
  724. margin-left:10px;
  725. }
  726.  
  727. ol.notes li.note { display:block; padding:0; margin:5px 0; }
  728. ol.notes li.note img.avatar { display:none!important; }
  729. a.more_notes_link {
  730. display:block;
  731. text-align:left;
  732. color:{color:link};
  733. }
  734.  
  735. a.more_notes_link:hover { color:{color:link hover}; }
  736.  
  737. /* like and reblog buttons */
  738.  
  739. .controls {
  740. margin:0 0 0 15px;
  741. position:absolute;
  742. top:0;
  743. left:100%;
  744. {block:ifnotcontrols}
  745. display:none;
  746. {/block:ifnotcontrols}
  747. }
  748.  
  749. .controls a {
  750. display:block;
  751. overflow:hidden;
  752. width:auto;
  753. height:auto;
  754. }
  755.  
  756. .controls svg {
  757. padding:5px;
  758. width:9px;
  759. fill:{color:link};
  760. overflow:visible;
  761. border:1px solid {color:border};
  762. border-radius:3px;
  763. }
  764.  
  765. .controls svg:hover {
  766. border:1px solid {color:link hover};
  767. background:{color:posts};
  768. }
  769.  
  770. .like:hover svg, .reblog:hover svg {
  771. fill:{color:link hover}!important;
  772. border:1px solid {color:link hover};
  773. transition:all .6s ease;
  774. -webkit-transition:all .6s ease;
  775. -moz-transition:all .6s ease;
  776. -o-transition:all .6s ease;
  777. }
  778.  
  779. .controls .reblog { opacity:.93; width:25px; }
  780. .controls .like {
  781. width:12px;
  782. margin-top:0px;
  783. margin-left:0px;
  784. }
  785.  
  786. .controls .like .like_botton:hover + svg {
  787. fill:{color:link hover}!important;
  788. border:1px solid {color:link hover};
  789. transition:all .6s ease;
  790. -webkit-transition:all .6s ease;
  791. -moz-transition:all .6s ease;
  792. -o-transition:all .6s ease;
  793. }
  794.  
  795. .controls .like .liked + svg { opacity:1; }
  796. .controls .like .liked + svg path {
  797. fill:#ec5a5a;
  798. border:1px solid {color:link hover};
  799. }
  800.  
  801. .controls .like .like_button { position:relative; }
  802. .controls .like .like_button iframe {
  803. position:absolute;
  804. top:0;
  805. left:0;
  806. bottom:0;
  807. right:0;
  808. z-index:2;
  809. opacity:0;
  810. }
  811.  
  812. /* do not disturb */
  813.  
  814. .lo { bottom:20px; right:20px; position:fixed; }
  815. .lo a { text-transform:uppercase; font-size:12px; font-family:'source sans pro',sans-serif; }
  816.  
  817. {CustomCSS}
  818.  
  819. </style>
  820.  
  821. <!-- scripts!DO NOT DISTURB -->
  822. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  823. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  824. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  825. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  826.  
  827. <script>
  828. $(document).ready(function() {
  829. $('.photo-slideshow').pxuPhotoset({
  830. lightbox: true,
  831. rounded: false,
  832. gutter: '0px',
  833. borderRadius: '0px',
  834. photoset: '.photo-slideshow',
  835. photoWrap: '.photo-data',
  836. photo: '.pxu-photo'
  837. });
  838. });
  839. </script>
  840.  
  841. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  842. <script>
  843. $(document).ready(function(){
  844. $('.posts').unnest({
  845. yourCaption: ".caption",
  846. wrapName: ".tumblr_parent",
  847. newCaptionUsername: true,
  848. originalPostCaptionUsername: false,
  849. tumblrAvatars: true,
  850. tumblrAvatarClass: ".tumblr_avatar",
  851. usernameColon: false
  852. });
  853. });
  854. </script>
  855.  
  856. {block:indexpage}
  857. {block:ifinfinitescroll}
  858. <script src="https://static.tumblr.com/xbvpdcx/9LRo1g4a7/jquery.infinitescroll.min.js"></script>
  859.  
  860. <script>
  861. // Infinite Scroll
  862. $(function() {
  863.  
  864. var $container = $('#entries');
  865. $container.infinitescroll({
  866.  
  867. loading: {
  868. finishedMsg: "<em>No more posts</em>",
  869. img: null,
  870. msg: null,
  871. msgText: "<em>Loading posts...</em>",
  872. {block:ifloadmore}
  873. finished: function () {$('a#load').text('Load More'); },
  874. {/block:ifloadmore}
  875.  
  876. },
  877.  
  878. navSelector : '#pg',
  879. nextSelector : '#pg a:last',
  880. itemSelector : '.posts',
  881. {block:ifloadmore}
  882. errorCallback: function () {$('a#load').fadeOut();},
  883. {/block:ifloadmore}
  884. bufferPx : 600,
  885.  
  886. },
  887.  
  888. function( newElements ) {
  889. $( newElements ).find('.photo-slideshow').pxuPhotoset({
  890. lightbox: true,
  891. rounded: true,
  892. gutter: '0px',
  893. borderRadius: '0px',
  894. photoset: '.photo-slideshow',
  895. photoWrap: '.photo-data',
  896. photo: '.pxu-photo'
  897. });
  898.  
  899. resizeVideos();
  900.  
  901. var $newElems = $(newElements);
  902. var $newElemsIDs = $newElems.map(function(){
  903. return this.id;
  904. }).get();
  905. console.log($newElems, $newElemsIDs);
  906. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  907.  
  908. $newElems.unnest({
  909.  
  910. yourCaption: ".caption",
  911. wrapName: ".tumblr_parent",
  912. newCaptionUsername: false,
  913. originalPostCaptionUsername: false,
  914. tumblrAvatars: true,
  915. tumblrAvatarClass: ".tumblr_avatar",
  916. usernameColon: false
  917.  
  918. });
  919.  
  920. });
  921.  
  922. {block:ifloadmore}
  923. $container.infinitescroll('unbind');
  924. $('a#load').on('click', function(e) {
  925. e.preventDefault();
  926. $container.infinitescroll('retrieve');
  927. });
  928. {/block:ifloadmore}
  929. });
  930. </script>
  931. {/block:ifinfinitescroll}
  932. {/block:indexpage}
  933.  
  934. <script>
  935. $(document).ready(function(){
  936. $('.search').submit(function(event){
  937. var value = $('input:first').val();
  938. location.replace('https://{Name}.tumblr.com/tagged/' + value);
  939. });
  940. });
  941. </script>
  942. <!-- end scripts -->
  943.  
  944. </head>
  945. <body>
  946.  
  947. <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>
  948.  
  949. <aside>
  950.  
  951. <div class="img"><a href="/"><img src="{image:gif}"/></a></div>
  952. <div class="t"><a href="/">{title}</a></div>
  953. <div class="desc">{description}</div>
  954. <div class="icon"><a href="/"><img src="{image:icon}"/></a></div>
  955.  
  956. <nav>
  957. <div class="links">
  958. <a href="/">{text:home}</a>
  959. <a href="/ask">{text:ask}</a>
  960. <a href="/archive">{text:archive}</a>
  961. <a class="dropt">{text:drop down}</a>
  962. <div class="dropl">
  963. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  964. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  965. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  966. </div>
  967.  
  968. {block:ifsearchbar}
  969. <div class="svg"><svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 483.083 483.083" style="enable-background:new 0 0 483.083 483.083;" xml:space="preserve"><g><g><path d="M332.74,315.35c30.883-33.433,50.15-78.2,50.15-127.5C382.89,84.433,298.74,0,195.04,0S7.19,84.433,7.19,187.85 S91.34,375.7,195.04,375.7c42.217,0,81.033-13.883,112.483-37.4l139.683,139.683c3.4,3.4,7.65,5.1,11.9,5.1s8.783-1.7,11.9-5.1 c6.517-6.517,6.517-17.283,0-24.083L332.74,315.35z M41.19,187.85C41.19,103.133,110.04,34,195.04,34 c84.717,0,153.85,68.85,153.85,153.85S280.04,341.7,195.04,341.7S41.19,272.567,41.19,187.85z"/></g></g></svg></div>
  970. {/block:ifsearchbar} <form action="/search" method="get" class="search">
  971. <input type="text" name="q" value="{SearchQuery}" class="query" placeholder="search"></form>
  972. </div>
  973. </nav>
  974.  
  975. </aside>
  976.  
  977. <section id="entries">
  978.  
  979. {block:Posts}
  980. <div class="posts" id="{PostID}">
  981.  
  982. {block:Quote}
  983. <div id="q">
  984. <div class="quote">{Quote}</div>
  985. {block:Source}<div class="source"> {Source}</div>{/block:Source}
  986. </div>
  987. {/block:Quote}
  988.  
  989. {block:Audio}
  990. {block:audioplayer}
  991. <div class="hold">
  992. <div class="player">{audioplayerwhite}</div>
  993. <div class="audio_info">
  994. {block:trackname}<span class="track">{trackname}</span>{/block:trackname}
  995. {block:artist}<span class="artist">{artist}</span>{/block:artist}
  996. </div>
  997. </div>
  998. {/block:audioplayer}
  999. {/block:Audio}
  1000.  
  1001. {block:Text}
  1002. {block:Title}<h1>{Title}</h1>{/block:Title}
  1003. <div class="text caption">{Body}</div>
  1004. {/block:Text}
  1005.  
  1006. {block:Link}
  1007. <div class="caption">
  1008. <div class="title"><a href="{URL}">{Name}</a></div>
  1009. </div>
  1010. {block:Description}{Description}{/block:Description}
  1011. {/block:Link}
  1012.  
  1013. {block:Chat}
  1014. {block:Title}<div class="title">{title}</div>{/block:Title}
  1015. <ol class="chat">
  1016. {block:lines}
  1017. <li class="l {Alt}">
  1018. {block:label}<span class="label">{label}</span>{/block:label} {line}
  1019. </li>
  1020. {/block:lines}
  1021. </ol>
  1022. {/block:Chat}
  1023.  
  1024. {block:Photo}
  1025. <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">
  1026. <img src="{PhotoURL-HighRes}" width="{text:post width}">
  1027. </a>
  1028. </div>
  1029. {/block:Photo}
  1030.  
  1031. {block:Photoset}
  1032. <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>
  1033. {/block:Photoset}
  1034.  
  1035. {block:Video}
  1036. <div class="video">{Video-500}</div>
  1037. {/block:Video}
  1038.  
  1039. {block:Answer}
  1040. <div class="q">
  1041. <div class="aski"><img src="{AskerPortraitURL-128}" /></div>
  1042. <div class="sender">{Asker} asked:</div>
  1043. {Question}
  1044. </div>
  1045. <div class="a caption">{Answer}</div>
  1046. {/block:Answer}
  1047.  
  1048. {block:Caption}
  1049. <div class="caption">{Caption}</div>
  1050. {/block:Caption}
  1051.  
  1052. {block:indexpage}
  1053. <div class="perma">
  1054.  
  1055. {block:Date}
  1056. <div class="when">
  1057. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442 442" style="enable-background:new 0 0 442 442;" xml:space="preserve"><g><g><path d="M221,155.833c9.35,0,17-7.65,17-17v-17c0-9.35-7.65-17-17-17c-9.35,0-17,7.65-17,17v17 C204,148.183,211.65,155.833,221,155.833z"/><path d="M187,223.833h17v96.333c0,9.35,7.65,17,17,17c9.35,0,17-7.65,17-17V206.833c0-9.35-7.65-17-17-17h-34 c-9.35,0-17,7.65-17,17S177.65,223.833,187,223.833z"/><path d="M442,17c0-9.35-7.65-17-17-17H17C7.65,0,0,7.65,0,17v408c0,9.35,7.65,17,17,17h408c9.35,0,17-7.65,17-17V17z M408,408H34 V34h374V408z"/></g></g></svg>
  1058.  
  1059. <a href="{Permalink}" title="{TimeAgo}">{NoteCountWithLabel}</a>
  1060. </div>
  1061. {/block:Date}
  1062.  
  1063. {block:HasTags}
  1064. <div class="{select:tags}">
  1065. <div class="ts">
  1066. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 524.237 524.237" style="enable-background:new 0 0 524.237 524.237;" xml:space="preserve"><g><g><path d="M209.95,465.552c3.117,3.117,7.367,4.533,11.9,4.533h0.283c4.533,0,8.783-1.7,11.9-4.817l183.6-188.983 c6.517-6.8,6.517-17.283-0.283-23.8L220.15,55.569c-3.117-3.117-7.65-4.817-11.9-4.817l0,0L18.133,51.035 c-9.35,0-17,7.367-17,16.717L0,254.469c0,4.533,1.7,9.067,5.1,12.183L209.95,465.552z M35.133,84.752l166.033-0.567l180.2,180.2 l-160.083,164.9L34,247.385L35.133,84.752z"/><path d="M321.017,77.669c-6.8,6.517-6.8,17.283-0.283,24.083l162.633,165.467L311.383,444.585 c-6.517,6.8-6.233,17.567,0.283,24.083c3.4,3.117,7.65,4.817,11.9,4.817c4.533,0,8.783-1.7,12.183-5.1l183.6-189.267 c6.517-6.517,6.517-17.283,0-23.8L345.1,77.952C338.3,71.435,327.533,71.152,321.017,77.669z"/><circle cx="118.15" cy="163.235" r="6.233"/><path d="M118.15,140.002c-12.75,0-23.233,10.483-23.233,23.233s10.483,23.233,23.233,23.233s23.233-10.483,23.233-23.233 C141.1,150.485,130.9,140.002,118.15,140.002z M118.15,174.002c-5.95,0-10.767-4.817-10.767-10.767 c0-5.95,4.817-10.767,10.767-10.767c5.95,0,10.767,4.817,10.767,10.767C128.917,169.185,124.1,174.002,118.15,174.002z"/></g></g></svg>
  1067. </div>
  1068. </div>
  1069.  
  1070. <div class="{select:tags} tags">
  1071. {block:Tags}
  1072. <a href="{TagUrl}">{Tag}</a>
  1073. {/block:Tags}
  1074. </div>
  1075. {/block:HasTags}
  1076.  
  1077. </div>
  1078.  
  1079. <div class="controls">
  1080. <div class="reblog">
  1081. <a href="{ReblogURL}" target="_blank" class="reblog">
  1082. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  1083. </a>
  1084. </div>
  1085.  
  1086. <div class="like">{LikeButton}
  1087. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  1088. </div>
  1089. </div>
  1090. {/block:indexpage}
  1091.  
  1092. {block:permalinkpage}
  1093. {block:Date}
  1094. <div class="permalink">
  1095. posted {timeago} on {dayofmonth} {month} {year}
  1096. {block:RebloggedFrom}<br>
  1097. via <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;&nbsp;&nbsp; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  1098. {block:HasTags}
  1099. <div class="pt">tagged: {block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1100. </div>
  1101. {/block:Date}
  1102. {/block:permalinkpage}
  1103.  
  1104. </div>
  1105.  
  1106. {block:PostNotes}
  1107. <div class="nt">{notecountwithlabel}</div>
  1108. <div class="pn">{PostNotes}</div>
  1109. {/block:PostNotes}
  1110.  
  1111. </div>
  1112. {/block:Posts}
  1113.  
  1114. </section>
  1115.  
  1116. {block:indexpage}
  1117. {block:Pagination}
  1118. <div id="pg">
  1119. <span>
  1120. {block:JumpPagination length="3"}{block:CurrentPage}<a class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1121. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1122.  
  1123. <span class="nextprev">
  1124. {block:PreviousPage}<a href="{PreviousPage}">back</a>{block:nextpage} / {/block:nextpage}
  1125. {/block:PreviousPage}
  1126. {block:NextPage}<a class="nxtpg" href="{NextPage}">next</a>{/block:NextPage}
  1127. </span>
  1128.  
  1129. </div>
  1130.  
  1131. {block:ifloadmore}
  1132. <footer>
  1133. <a id="load">load more</a>
  1134. </footer>
  1135. {/block:ifloadmore}
  1136. {/block:Pagination}
  1137. {/block:indexpage}
  1138.  
  1139. {block:ContentSource}
  1140. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1141. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1142. {/block:SourceLogo}
  1143. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1144. {/block:ContentSource}
  1145.  
  1146. <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>
  1147. </a></div>
  1148.  
  1149. <!--- do not disturb --->
  1150. <div class="lo"><a href="http://wanderlusthemes.tumblr.com" title="theme">j</a></div>
  1151. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1152. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1153. <script>
  1154. jQuery.noConflict();
  1155. (function($){
  1156. $(document).ready(function(){
  1157. $("a[title],img[title],[title]").style_my_tooltips({
  1158. tip_follows_cursor:true,
  1159. tip_delay_time:200,
  1160. tip_fade_speed:300,
  1161. attribute:"title"
  1162. });
  1163. });
  1164. })(jQuery);
  1165.  
  1166. //scroll to top
  1167. $(window).scroll(function(){
  1168. if ($(this).scrollTop() > 100) {
  1169. $('.top').fadeIn('slow');
  1170. } else {
  1171. $('.top').fadeOut('slow');
  1172. }
  1173. });
  1174. //Click event to scroll to top
  1175. $('.top').click(function(){
  1176. $('html, body').animate({scrollTop : 0},700);
  1177. return false;
  1178. });
  1179. </script>
  1180.  
  1181. <script>
  1182. $(document).ready(function(){
  1183. $(".dropl").hide();
  1184. $(".dropt").click(function(){
  1185. $(this).next(".dropl").slideToggle();
  1186. }); });
  1187. </script>
  1188.  
  1189. </body>
  1190. </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!