API tools faq
paste
amboise

jasmine

amboise
May 26th, 2018
2,210
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.42 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. theme by amboise - be cool and don't steal nor copy n.n
  5.  
  6. base code by sorrism
  7. photosets by pixel union
  8. flexible frames by nouvae
  9. lightboxes, min soundcloud player script & custom tumblr buttons by shythemes
  10. tumblr controls by cyantists
  11. icons by saturnthms and colebemis
  12. tooltips by malihu
  13.  
  14. full credits at amboise.tumblr.com/credits
  15.  
  16.  
  17. -->
  18.  
  19. <!DOCTYPE html>
  20. <head>
  21.  
  22. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  23.  
  24. <link rel="shortcut icon" href="{favicon}">
  25.  
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  28. <meta name="viewport" content="width=device-width, initial-scale=1">
  29.  
  30. <!--Default Variables-->
  31.  
  32. <meta name="color:Accent" content="#fde2d1" />
  33.  
  34. <meta name="if:Reblog" content=""/>
  35. <meta name="if:Like" content=""/>
  36. <meta name="if:Notes" content=""/>
  37. <meta name="if:Captions" content=""/>
  38. <meta name="if:Tags" content=""/>
  39. <meta name="if:Infinite Scroll" content=""/>
  40.  
  41. <meta name="select:Font" content="Karla" title="Karla"/>
  42. <meta name="select:Font" content="Lato" title="Lato"/>
  43. <meta name="select:Font" content="Fira Sans" title="Fira Sans"/>
  44. <meta name="select:Font" content="Nunito Sans" title="Nunito Sans"/>
  45. <meta name="select:Font" content="Open Sans" title="Open Sans"/>
  46. <meta name="select:Font" content="PT Sans" title="Pt Sans"/>
  47.  
  48. <meta name="select:Font Size" content="13px" title="13px"/>
  49. <meta name="select:Font Size" content="14px" title="14px"/>
  50. <meta name="select:Font Size" content="12px" title="12px"/>
  51.  
  52. <meta name="select:Gutter Size" content="1px" title="1px"/>
  53. <meta name="select:Gutter Size" content="2px" title="2px"/>
  54. <meta name="select:Gutter Size" content="3px" title="3px"/>
  55.  
  56. <meta name="text:Posts" content="400px"/>
  57.  
  58. <meta name="text:Link 1" content="" />
  59. <meta name="text:Link 1 URL" content="" />
  60. <meta name="text:Link 2" content="" />
  61. <meta name="text:Link 2 URL" content="" />
  62. <meta name="text:Link 3" content="" />
  63. <meta name="text:Link 3 URL" content="" />
  64. <meta name="text:Link 4" content="" />
  65. <meta name="text:Link 4 URL" content="" />
  66. <meta name="text:Link 5" content="" />
  67. <meta name="text:Link 5 URL" content="" />
  68. <meta name="text:Link 6" content="" />
  69. <meta name="text:Link 6 URL" content="" />
  70.  
  71. <!-- fonts and icons ------------------------------------------------------->
  72.  
  73. <link href="https://fonts.googleapis.com/css?family={select:font}:400,400i,700,700i" rel="stylesheet">
  74. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  75. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  76.  
  77. <script type="text/javascript">
  78. function unhide(divID) {
  79. var item = document.getElementById(divID);
  80. if (item) {
  81. item.className=(item.className=='hidden')?'unhidden':'hidden';
  82. }
  83. }
  84. </script>
  85.  
  86. <!-- CSS customization ----------------------------------------------------->
  87.  
  88. <style type="text/css">
  89.  
  90. .hidden {display: none;}
  91. .unhidden {display: block;}
  92.  
  93. /* lightbox */
  94.  
  95. #tumblr_lightbox, .tmblr-lightbox {
  96. background-color:rgba(255,255,255,.95)!important;
  97. }
  98. #vignette, .vignette {
  99. opacity:0;
  100. }
  101. #tumblr_lightbox img, .lightbox-image {
  102. box-shadow:none!important;
  103. border-radius:0!important;
  104. -moz-box-sizing:border-box;
  105. box-sizing:border-box;
  106. max-width:none;
  107. }
  108. #tumblr_lightbox_caption, .lightbox-caption {
  109. visibility:hidden;
  110. }
  111.  
  112. /* tumblr controls by@cyantists */
  113.  
  114. iframe.tmblr-iframe {
  115. z-index:99999999999999!important;
  116. top:13px!important;
  117. right:8px!important;
  118. opacity:0;
  119. padding-right:38px;
  120. /* delete invert(1) from here */
  121. filter:invert(1) contrast(150%);
  122. -webkit-filter:invert(1) contrast(150%);
  123. -o-filter:invert(1) contrast(150%);
  124. -moz-filter:invert(1) contrast(150%);
  125. -ms-filter:invert(1) contrast(150%);
  126. /* to here if your blog has a dark background */
  127. transform:scale(0.65);
  128. transform-origin:100% 0;
  129. -webkit-transform:scale(0.65);
  130. -webkit-transform-origin:100% 0;
  131. -o-transform:scale(0.65);
  132. -o-transform-origin:100% 0;
  133. -moz-transform:scale(0.65);
  134. -moz-transform-origin:100% 0;
  135. -ms-transform:scale(0.65);
  136. -ms-transform-origin:100% 0;}
  137.  
  138. iframe.tmblr-iframe:hover {
  139. opacity:0.6!important;}
  140.  
  141. .hcontrols {
  142. position:fixed;
  143. top:15px;
  144. right:13px;
  145. z-index:999999999;}
  146.  
  147. .hcontrols svg {
  148. width:14px;
  149. height:14px;
  150. padding:9px;}
  151.  
  152. .hcontrols svg path {
  153. fill:#888888;}
  154.  
  155. /* text selection color */
  156.  
  157. ::selection {background:#e8e8e8;color:#000000;}
  158. ::-moz-selection {background:#e8e8e8;color:#000000;}
  159. ::-webkit-selection {background:#e8e8e8;color:#000000;}
  160.  
  161. /* scrollbar */
  162.  
  163. ::-webkit-scrollbar{
  164. height:11px;
  165. width:11px;
  166. background:inherit;
  167. }
  168.  
  169. ::-webkit-scrollbar-thumb {background:#d5d5d5;}
  170.  
  171. ::-webkit-scrollbar-track {background:#eee;}
  172.  
  173. ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {
  174. border:5px solid rgb(255,255,255);}
  175.  
  176. /* media queries */
  177.  
  178. @media only screen and (max-width:768px) {
  179. header {width:540px!important;}
  180. .posts {width:540px!important;}
  181. footer {width:540px!important;}
  182. .pagination {width:540px!important;}
  183. }
  184.  
  185. @media only screen and (max-width:576px) {
  186. .hcontrols {display:none;}
  187. }
  188.  
  189. /* tooltips */
  190.  
  191. #s-m-t-tooltip {
  192. max-width:300px;
  193. z-index:10;
  194. margin:24px 14px 7px 12px;
  195. padding:5px 10px 5px 10px;
  196. background:#fff;
  197. background:rgb(255,255,255);
  198. border:1px solid rgb(232,232,232);
  199. border-radius:.4em;
  200. -moz-border-radius:.4em;
  201. -webkit-border-radius:.4em;
  202. font-size:10px;
  203. text-transform:lowercase;
  204. letter-spacing:1px;
  205. line-height:16px;
  206. color:#000;
  207. }
  208.  
  209. /* main structure */
  210.  
  211. body {
  212. color:#000000;
  213. background-color:rgb(255,255,255);
  214. font-size:{select:font size};
  215. font-family:{select:font};
  216. font-weight:400;
  217. word-wrap:break-word;
  218. line-height:1.5em;
  219. text-align:left;
  220. margin:0;
  221. }
  222.  
  223. a {
  224. color:inherit;
  225. text-decoration:none;
  226. transition:all .3s linear;
  227. -webkit-transition:all .3s linear;
  228. -o-transition:all .3s linear;
  229. -moz-transition:all .3s linear;
  230. }
  231.  
  232. a, a img {cursor:pointer;}
  233. a:hover {text-decoration:none;}
  234.  
  235. b, strong {font-weight:700;}
  236.  
  237. img {
  238. opacity:1;
  239. border:0;
  240. text-decoration:none;
  241. max-width:100%;
  242. height:auto;
  243. display:block;
  244. }
  245.  
  246. blockquote {
  247. padding:0 0 0 15px;
  248. margin:.5em 0;
  249. border-left:1px solid #eee;
  250. }
  251.  
  252. pre {
  253. padding:0;
  254. margin:0;
  255. line-height:inherit!important;
  256. background:transparent;
  257. font-family:inherit!Important;
  258. font-size:inherit!important;
  259. white-space:pre-wrap;
  260. white-space:-moz-pre-wrap;
  261. white-space:-pre-wrap;
  262. white-space:-o-pre-wrap;
  263. word-wrap:break-word;
  264. }
  265.  
  266. p {margin:.75em 0;}
  267.  
  268. p:first-of-type {margin-top:0;}
  269.  
  270. p:last-of-type {margin-bottom:0;}
  271.  
  272. small, big, sub, pre {
  273. font-size:1em!important;
  274. line-height:1.4em!important;
  275. vertical-align:baseline!important;
  276. }
  277.  
  278. h1, h2, h3, h4 {
  279. margin:.5em 0;
  280. font-size:{select:font size};
  281. padding:0;
  282. color:#000;
  283. font-weight:0;
  284. }
  285.  
  286. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  287.  
  288. hr {
  289. border:none;
  290. box-shadow:0;
  291. margin:2em auto;
  292. width:75px;
  293. border-top:1px solid #eee;
  294. }
  295.  
  296.  
  297. /* header */
  298.  
  299. header {
  300. top:150px;
  301. width:{text:posts};
  302. margin:100px auto 125px auto;
  303. padding:15px;
  304. max-width:calc(100vw - 50px);
  305. }
  306.  
  307. .blogtitle {
  308. font-size:calc({select:font size} + 1px);
  309. text-transform:lowercase;
  310. margin:0 0 -15px 0;
  311. }
  312.  
  313. .desc {
  314. font-size:{select:font size};
  315. margin-top:25px;
  316. border:1px solid #eee;
  317. padding:15px;
  318. }
  319.  
  320. .desc a {border-bottom:1px solid {color:accent};}
  321.  
  322. nav {
  323. font-size:{select:font size};
  324. display:block;
  325. margin:15px 0 0 0;
  326. }
  327.  
  328. nav a {
  329. display:inline-block;
  330. border:0;
  331. float:right;
  332. margin-right:8px;
  333. }
  334.  
  335. /* pagination */
  336.  
  337. .pagination {
  338. width:{text:posts};
  339. max-width:calc(100vw - 50px);
  340. margin:150px auto 150px auto;
  341. text-transform:lowercase;
  342. font-size:inherit;
  343. text-align:center;
  344. color:#a4a3a3!important;
  345. }
  346.  
  347. .pagination a {
  348. margin:0 15px;
  349. color:#a4a3a3;
  350. }
  351.  
  352. .current_page {
  353. }
  354.  
  355. {block:ifInfiniteScroll}
  356. .pagination, #infscr-loading {
  357. display:none!important;
  358. }
  359. {/block:ifInfiniteScroll}
  360.  
  361. /* posts */
  362.  
  363. section {
  364. width:100%;
  365. margin:100px auto 100px auto;
  366. max-width:calc(100vw - 50px);
  367. }
  368.  
  369. .posts {
  370. width:{text:posts};
  371. margin:auto auto 200px auto;
  372. max-width:calc(100vw - 50px);
  373. }
  374.  
  375. .ph {
  376. position:relative;
  377. overflow:hidden;
  378. }
  379.  
  380. .ph img {
  381. width:100%;
  382. display:block;
  383. }
  384.  
  385. /* titles */
  386.  
  387. .title {
  388. color:#000000;
  389. font-size:calc({select:font size} + 1px);
  390. padding:15px 0 5px;
  391. }
  392.  
  393. .title a {color:#000;}
  394.  
  395. /*.ted {margin-top:10px;}*/
  396.  
  397. /* captions */
  398.  
  399. .raya {
  400. margin-top:5px;
  401. border-top:1px solid rgb(232,232,232);
  402. }
  403.  
  404. .comment {
  405. padding-top:15px;
  406. list-style:none;
  407. background-color:rgb(255,255,255);
  408. border-top:1px solid rgb(232,232,232);
  409. }
  410.  
  411. .captions {
  412. {block:IndexPage}{block:IfNotCaptions}display:none;{/block:IfNotCaptions}{/block:IndexPage}}
  413.  
  414. .comment:first-of-type {border-top:none;}
  415.  
  416. .tex {padding-bottom:10px;}
  417.  
  418. .tex a {
  419. margin:0 0 20px;
  420. transition: background-size .8s ease;
  421. background: linear-gradient(to bottom, transparent 62%, {color:accent} 0) left bottom/0% 75% no-repeat;
  422. text-decoration:none;
  423. border-bottom:1px solid {color:accent};
  424. cursor: pointer;
  425. color:#000;
  426. display:inline;
  427. -webkit-transition: all 0.3s ease;
  428. -moz-transition: all 0.3s ease;
  429. -o-transition: all 0.3s ease;
  430. transition: all 0.3s ease;
  431. }
  432.  
  433. .tex a:hover {
  434. color:#000;
  435. background-size: 100% 80%;
  436. }
  437.  
  438. .tex:active {
  439. background-size: 100% 70%;
  440. }
  441.  
  442. .tex li, .tex blockquote {text-align:left;}
  443.  
  444. .tex ol {
  445. margin-left:10px;
  446. }
  447.  
  448. .tex ul {
  449. margin-left:-24px;
  450. list-style-type:none;
  451. }
  452.  
  453. .tex ul li {
  454. margin-bottom:1px;
  455. }
  456.  
  457. .tex ul li:before {
  458. content:'\e09a';
  459. font-family:'saturnicons';
  460. font-size:5px;
  461. vertical-align:middle;
  462. margin-left:-15px;
  463. margin-right:10px;
  464. color:#a4a3a3;
  465. }
  466.  
  467. .user {
  468. color:rgb(125,125,125);
  469. font-size:inherit;
  470. display:inline-block;
  471. line-height:1em;
  472. margin-bottom:.75em;
  473. }
  474.  
  475. .deactivated, .deactivated:hover {text-decoration:line-through;}
  476.  
  477. .deactivated:after {
  478. content:'deactivated';
  479. position:absolute;
  480. padding-left:8px;
  481. opacity:0;
  482. transition:.4s ease-in-out;
  483. }
  484.  
  485. .deactivated:hover:after {opacity:1;}
  486.  
  487. /* icons */
  488.  
  489. .sf {font-size:9px;margin-right:10px;}
  490.  
  491. .sf-circle {color:#f2f2a5;font-size:7px;margin-bottom:-1px;}
  492. .sf-chat {color:#e7f3cd;margin-right:7px;}
  493. .sf-cross-2 {color:#c5f2da;font-size:8px;margin-left:1px;}
  494. .sf-diamonds {color:#caf3f3;}
  495. .sf-link-2 {color:#f2f2a5;}
  496. .sf-hearts {color:#ffb3ba;}
  497. .sf-paper-plane {color:#bae1ff;}
  498. .sf-push-pin {color:#ffdfba;margin-right:8px;}
  499. .sf-graph-3 {color:#ffb3ba;margin-right:7px;}
  500. .sf-star {color:#ebdae4;}
  501. .sf-user {color:#e0e1f5;}
  502. .sf-arrow-left, .sf-arrow-right {font-size:11px;color:#969696;}
  503. .sf-arrow-right {margin-left:10px;}
  504. .sf-chevron-up {color:#969696;}
  505. .sf-cross {font-size:7px;margin-right:0;}
  506.  
  507. /* quote */
  508.  
  509. .quote {
  510. color:#000000;
  511. padding-top:15px;
  512. font-size:calc({select:font size} + 1px);
  513. }
  514.  
  515. .source {
  516. padding:10px 0 10px;
  517. text-transform:lowercase;
  518. text-align:right;
  519. }
  520.  
  521. /* audio posts */
  522.  
  523. .soundcloud_audio_player {
  524. max-height:116px!important;
  525. width:100%!important;
  526. }
  527.  
  528. .spotify_audio_player {
  529. max-height:80px!important;
  530. width:100%!important;
  531. }
  532.  
  533. .audio {
  534. background-color:#fff;
  535. z-index:0;
  536. padding-right:15px;
  537. min-height:50px;
  538. }
  539.  
  540. .playbutton {
  541. width:30px;
  542. height:30px;
  543. overflow:hidden;
  544. border-radius:15px;
  545. position:absolute;
  546. margin:0;
  547. opacity:.1;
  548. z-index:2!important;
  549. }
  550.  
  551. .playbox {
  552. background-color:rgb(255,255,255,0.8);
  553. position: absolute;
  554. width:35px;height:35px;
  555. overflow:hidden;
  556. border-radius:50%;
  557. z-index:2;
  558. margin-top:10px;
  559. right:15px;
  560. opacity:.1;
  561. transition:1s ease-in;
  562. -webkit-transition:.5s ease-in;
  563. -o-transition:.5s ease-in;
  564. -moz-transition:.5s ease-in;
  565. -ms-transition:.5s ease-in;
  566. }
  567.  
  568. .playbox:hover {
  569. opacity:.8;
  570. }
  571.  
  572. .info {
  573. position:absolute;
  574. white-space:nowrap;
  575. overflow:hidden;
  576. text-overflow:ellipsis;
  577. display:block;
  578. margin-right:75px;
  579. }
  580.  
  581. .track {color:#000;}
  582. .artist {color:#666;}
  583.  
  584. .audio svg {
  585. width:14px;
  586. margin-top:10px;
  587. color:#666;
  588. }
  589.  
  590. .play, .music{
  591. display:inline;
  592. float:right;
  593. margin-right:10px;
  594. }
  595.  
  596. .music {margin-right:20px;}
  597.  
  598. /* asks */
  599.  
  600. .q {
  601. text-align:left;
  602. padding:15px 0 10px;
  603. background-color:rgb(255,255,255);
  604. }
  605.  
  606. .as {
  607. text-transform:lowercase;
  608. color:rgb(125,125,125);
  609. }
  610.  
  611. .ques {margin-top:10px;}
  612.  
  613. .as a {color:#000;}
  614.  
  615. .as a:hover {color:#666;}
  616.  
  617. .answer {
  618. padding-top:15px;
  619. list-style:none;
  620. background-color:rgb(255,255,255);
  621. }
  622.  
  623. /* chat */
  624.  
  625. .chat {
  626. text-align:left;
  627. margin:0;
  628. padding:0;
  629. list-style:none;
  630. }
  631.  
  632. .l {
  633. padding:7.5px 0;
  634. }
  635.  
  636. .label {
  637. border-bottom:1px solid rgb(242,242,165);
  638. display:inline-block;
  639. }
  640.  
  641. .l:first-of-type {padding-top:15px;}
  642.  
  643. .l:last-of-type {
  644. padding-bottom:15px;
  645. border:0;
  646. }
  647.  
  648. /* permalink and notes */
  649.  
  650. .when {
  651. font-size:inherit;
  652. padding-top:10px;
  653. background-color:rgb(255,255,255);
  654. text-transform:lowercase;
  655. }
  656.  
  657. .when a {
  658. {block:IndexPage}
  659. color:rgb(150,150,150);
  660. {/block:IndexPage}
  661. }
  662.  
  663. .when span {display:block;}
  664.  
  665. .notecount {display:inline;}
  666.  
  667. .reblog {display:inline-block;}
  668. .like-b {
  669. position:relative;
  670. display:inline-block;
  671. height:1em;
  672. line-height:1em;
  673. overflow:hidden;
  674. margin-bottom:-2px;
  675. }
  676.  
  677. .like-b .like_button iframe {
  678. position:absolute;
  679. top:0;
  680. left:0;
  681. bottom:0;
  682. right:0;
  683. z-index:2;
  684. opacity:0;
  685. }
  686.  
  687. .like-b .liked + .b {
  688. color:inherit;
  689. }
  690.  
  691. .like-b .liked + .b:after {
  692. content:'d';
  693. }
  694.  
  695. .controls {
  696. display:inline-block;
  697. float:right;
  698. }
  699.  
  700. .tags {
  701. {block:IndexPage}{block:IfNotTags}display:none;{/block:IfNotTags}{/block:IndexPage}
  702. }
  703.  
  704. .tags a {margin-right:10px;}
  705.  
  706. /* post notes */
  707.  
  708. .pagenotes {max-width:100%;margin:-175px auto 0 auto;}
  709. .postnotes {margin-top:15px;}
  710.  
  711. ol.notes {
  712. list-style:none;
  713. padding:0px;
  714. margin:0px;
  715. }
  716.  
  717. ol.notes li.note {
  718. display:block;
  719. padding:0;
  720. margin:5px 0;
  721. }
  722.  
  723. li.note.reblog:before, li.note.reply:before {
  724. content:'\e1ef';
  725. font-family:'saturnicons';
  726. font-size:9px;
  727. margin-right:10px;
  728. color:#888888;
  729. }
  730.  
  731. li.note.like:before {
  732. content:'\e12a';
  733. font-family:'saturnicons';
  734. font-size:9px;
  735. margin-right:10px;
  736. color:rgb(255,97,129);
  737. }
  738.  
  739. li.note.original_post:before {
  740. content:'\e161';
  741. font-family:'saturnicons';
  742. font-size:9px;
  743. margin-right:10px;
  744. color:#555555;
  745. }
  746.  
  747. li.note blockquote {
  748. margin-right:10px;
  749. }
  750.  
  751. ol.notes li.note img.avatar {display:none!important;}
  752.  
  753. a.more_notes_link {
  754. display:block;
  755. text-transform:lowercase;
  756. text-align:left;
  757. color:#000;
  758. }
  759.  
  760. /* scroll to top */
  761.  
  762. .scrollup {
  763. display:none;
  764. position:fixed;
  765. bottom:40px;
  766. right:15px;
  767. z-index:6;
  768. }
  769.  
  770. .scrollup a {
  771. color:#666;
  772. padding:5px;
  773. overflow:hidden;
  774. }
  775.  
  776. .scrollup a:hover {
  777. color:#000;
  778. -webkit-transition: all .3s;
  779. -moz-transition: all .3s;
  780. -o-transition: all .3s;
  781. -ms-transition: all .3s;
  782. transition: all .3s;
  783. }
  784.  
  785. .credit {
  786. position:fixed;
  787. bottom:20px;
  788. right:23.5px;
  789. }
  790.  
  791. .credit svg {
  792. color:#939292;
  793. }
  794.  
  795. {CustomCSS}
  796.  
  797. </style>
  798.  
  799. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  800.  
  801. <a href="#" class="scrollup"><i class="sf sf-chevron-up" aria-hidden="true"></i></a>
  802.  
  803. </head>
  804.  
  805. <body>
  806.  
  807. <header>
  808.  
  809. <div class="blogtitle"><a href="/">{Title}</a></div>
  810. <div class="desc">{Description}</div>
  811.  
  812. <nav>
  813. {block:ifLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifLink6}
  814. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
  815. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  816. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  817. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  818. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  819. </nav>
  820.  
  821. </header>
  822.  
  823. <section id="entries">{block:posts}
  824. <article class="posts {block:caption}captioned{/block:caption}" id="{PostID}">
  825.  
  826. <!-- quote ----------------------------------------------------------------->
  827. {block:Quote}
  828. <div class="quote">{quote}</div>
  829. {block:Source}<div class="source">{source}</div>{/block:Source}
  830. <div class="raya"></div>
  831. {/block:Quote}
  832.  
  833. <!-- text ------------------------------------------------------------------>
  834. {block:Text}
  835. {block:Title}<div class="title">{title}</div>{/block:Title}
  836. {block:RebloggedFrom}
  837. {block:Reblogs}
  838. {block:IsActive}
  839. <li class="comment {block:Title}ted{/block:Title}">
  840. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank"><i class="sf sf-circle" aria-hidden="true"></i>{username}</a>
  841. <div class="tex">{body}</div>
  842. </li>
  843. {/block:IsActive}
  844. {block:IsDeactivated}
  845. <li class="comment {block:Title}ted{/block:Title}">
  846. <i class="sf sf-circle" aria-hidden="true"></i><span class="user inactive deactivated">{username}</span>
  847. <div class="tex">{body}</div>
  848. </li>
  849. {/block:IsDeactivated}
  850. {/block:Reblogs}
  851. {/block:RebloggedFrom}
  852. {block:NotReblog}
  853. <li class="comment {block:Title}ted{/block:Title}">
  854. <div class="tex">{body}</div>
  855. </li>
  856. {/block:NotReblog}
  857. <div class="raya"></div>
  858. {/block:Text}
  859.  
  860. <!-- link ------------------------------------------------------------------>
  861. {block:Link}<div class="title"><i class="sf sf-link-2" aria-hidden="true"></i><a href="{URL}">{name}</a></div>
  862. {block:Description}
  863. {block:NotReblog}
  864. <li class="comment ted">
  865. <div class="tex">{description}</div>
  866. </li>
  867. {/block:NotReblog}
  868. {/block:Description}
  869. {block:RebloggedFrom}
  870. {block:Reblogs}
  871. {block:IsActive}
  872. <li class="comment">
  873. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank"><span class="sf sf-circle" aria-hidden="true"></span>{username}</a>
  874. <div class="tex">{body}</div>
  875. </li>
  876. {/block:IsActive}
  877. {block:IsDeactivated}
  878. <li class="comment">
  879. <span class="sf sf-circle" aria-hidden="true"></span><span class="user inactive deactivated">{username}</span>
  880. <div class="tex">{body}</div>
  881. </li>
  882. {/block:IsDeactivated}
  883. {/block:Reblogs}
  884. {/block:RebloggedFrom}
  885. <div class="raya"></div>
  886. {/block:Link}
  887.  
  888. <!-- chat ------------------------------------------------------------------>
  889. {block:Chat}
  890. {block:Title}<div class="title">{title}</div>{/block:Title}
  891. <ol class="chat {block:Title}ted{/block:Title}">
  892. {block:lines}
  893. <li class="l {Alt}">
  894. {block:label}<span class="label">{label}</span>{/block:label} {line}
  895. </li>
  896. {/block:lines}
  897. </ol>
  898. <div class="raya"></div>
  899. {/block:Chat}
  900.  
  901. <div class="ph">
  902.  
  903. <!-- photo ----------------------------------------------------------------->
  904. {block:Photo}
  905. <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">
  906. <img src="{PhotoURL-HighRes}">
  907. </a>
  908. <div class="raya"></div>
  909. {/block:Photo}
  910.  
  911. <!-- photoset -------------------------------------------------------------->
  912. {block:Photoset}
  913. <div class="photoset">
  914. <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>
  915. </div>
  916. <div class="raya"></div>
  917. {/block:Photoset}
  918.  
  919. <!-- video ----------------------------------------------------------------->
  920. {block:Video}
  921. <div class="video">{Video-500}</div>
  922. <div class="raya"></div>
  923. {/block:Video}
  924.  
  925. <!-- audio ----------------------------------------------------------------->
  926. {block:Audio}
  927. <div class="audio">
  928. <div class=playbox><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  929. <div class="info">
  930. <div class="track">{block:TrackName}{TrackName}{/block:TrackName}</div>
  931. <div class="artist">{block:Artist}{Artist}{/block:Artist}</div>
  932. </div>
  933. <div class="play"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-play"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></div>
  934. <div class="music"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-music"><path d="M9 17H5a2 2 0 0 0-2 2 2 2 0 0 0 2 2h2a2 2 0 0 0 2-2zm12-2h-4a2 2 0 0 0-2 2 2 2 0 0 0 2 2h2a2 2 0 0 0 2-2z"></path><polyline points="9 17 9 5 21 3 21 15"></polyline></svg></div>
  935. </div>
  936. <div class="raya"></div>
  937. {/block:Audio}
  938.  
  939. <!-- captions ------------------------------------------------------------->
  940. {block:Caption}
  941. <div class="captions">
  942. {block:Reblogs}
  943. {block:IsActive}
  944. <li class="comment">
  945. <span class="sf sf-circle" aria-hidden="true"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank"></span>{username}</a>
  946. <div class="tex">{body}</div>
  947. </li>
  948. {/block:IsActive}
  949. {block:IsDeactivated}
  950. <li class="comment">
  951. <span class="sf sf-circle" aria-hidden="true"></span><span class="user inactive deactivated">{username}</span>
  952. <div class="tex">{body}</div>
  953. </li>
  954. {/block:IsDeactivated}
  955. {/block:Reblogs}
  956. {block:NotReblog}
  957. <li class="comment">
  958. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank"><span class="sf sf-circle" aria-hidden="true"></span>{name}</a>
  959. <div class="tex">{caption}</div>
  960. </li>
  961. {/block:NotReblog}
  962. </div>
  963. {/block:Caption}
  964.  
  965. </div>
  966.  
  967. <!-- answers --------------------------------------------------------------->
  968. {block:Answer}
  969. <div class="q">
  970. <span class="as"><i class="sf sf-chat" aria-hidden="true"></i>
  971. {asker}</span></br>
  972. <div class="ques">{question}</div>
  973. </div>
  974. <div class="raya"></div>
  975. {block:Answerer}
  976. <li class="answer">
  977. <div class="user"><span class="sf sf-circle" aria-hidden="true"></span>{answerer}</div>
  978. <div class="tex">{answer}</div>
  979. </li>
  980. {/block:Answerer}
  981. {block:NotReblog}
  982. <li class="answer">
  983. <div class="user">
  984. <span class="sf sf-circle" aria-hidden="true"></span>{Name}
  985. </div>
  986. <div class="tex">{replies}</div>
  987. </li>
  988. {/block:NotReblog}
  989. {block:RebloggedFrom}
  990. {block:Reblogs}
  991. {block:IsActive}
  992. <li class="comment">
  993. <span class="sf sf-circle" aria-hidden="true"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank"></span>{username}</a>
  994. <div class="tex">{body}</div>
  995. {/block:IsActive}
  996. {block:IsDeactivated}
  997. <span class="sf sf-circle" aria-hidden="true"></span><span class="user inactive deactivated">{username}</span>
  998. <div class="tex">{body}</div>
  999. </li>
  1000. {/block:IsDeactivated}
  1001. {/block:Reblogs}
  1002. {/block:RebloggedFrom}
  1003. {/block:Answer}
  1004.  
  1005. <!-- date ------------------------------------------------------------------>
  1006. {block:Date}
  1007.  
  1008. <div class="when">
  1009.  
  1010. {block:IndexPage}
  1011. <span style="margin-top:5px"><a href="{permalink}"><i class="sf sf-cross-2" aria-hidden="true"></i>{block:IfNotes}<div class="notecount">{NoteCountWithLabel}</div></a>{/block:IfNotes}{block:IfNotNotes}{DayOfWeek}{/block:IfNotNotes}</a>
  1012.  
  1013. <div class="controls">
  1014. {block:IfReblog}
  1015. <div class="reblog">
  1016. <i class="sf sf-paper-plane" aria-hidden="true"></i><a href="{ReblogURL}" target="_blank" style="margin-right:10px">reblog</a>
  1017. </div>
  1018. {/block:IfReblog}
  1019.  
  1020. {block:IfLike}
  1021. <i class="sf sf-hearts" aria-hidden="true"></i><a class="like-b" href="#">{LikeButton}<span class="b">like</span></a>
  1022. </div>
  1023. {/block:IfLike}
  1024. </span>
  1025. {block:IndexPage}
  1026.  
  1027. {block:PermalinkPage}
  1028. <span style="margin-top:5px"><i class="sf sf-cross-2" aria-hidden="true"></i>{TimeAgo} on {Month} {DayOfMonth}</span>
  1029.  
  1030. {block:RebloggedFrom}
  1031. <span style="margin-top:5px"><i class="sf sf-diamonds" aria-hidden="true"></i>Via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1032. {block:ContentSource}- Source <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}
  1033. </span>
  1034. {/block:RebloggedFrom}
  1035. {/block:PermalinkPage}
  1036.  
  1037. {block:HasTags}
  1038. <div class="tags" style="margin-top:5px">
  1039. <i class="sf sf-push-pin" aria-hidden="true"></i>{block:Tags}<a href="{TagUrl}"> {Tag}</a>{/block:Tags}
  1040. </div>
  1041. {/block:HasTags}
  1042.  
  1043. </div>
  1044. {/block:Date}
  1045.  
  1046. </article>
  1047.  
  1048. <!-- post notes ------------------------------------------------------------>
  1049. {block:PostNotes}
  1050. <article class="posts pagenotes">
  1051. <i class="sf sf-graph-3" aria-hidden="true"></i><a href="javascript:unhide('displaybx');"> {NoteCountWithLabel}</a>
  1052. <div id="displaybx" class="hidden"><div class="postnotes">{PostNotes}</div></div>
  1053. </article>
  1054. {/block:PostNotes}
  1055.  
  1056. {/block:Posts}
  1057.  
  1058. <!-- pagination ------------------------------------------------------------>
  1059. {block:Pagination}
  1060. <div class="pagination">
  1061. {block:PreviousPage}
  1062. <a href="{PreviousPage}"><i class="sf sf-arrow-left" aria-hidden="true"></i></a>
  1063. {/block:PreviousPage}
  1064.  
  1065. {block:JumpPagination length="3"}
  1066. {block:CurrentPage}<a class="current_page"><i class="sf sf-cross-2" aria-hidden="true" style="margin-right:0;color:#ffd394"></i></span>{/block:CurrentPage}
  1067. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1068. {/block:JumpPagination}
  1069.  
  1070. {block:NextPage}
  1071. <a href="{NextPage}" class="next"><i class="sf sf-arrow-right" aria-hidden="true"></i></a>
  1072. {/block:NextPage}
  1073.  
  1074. </div>
  1075. {/block:Pagination}
  1076.  
  1077. </div>
  1078.  
  1079. <a class="credit" href="https://amboise.tumblr.com/"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-power"><path d="M18.36 6.64a9 9 0 1 1-12.73 0"></path><line x1="12" y1="2" x2="12" y2="12"></line></svg></a>
  1080.  
  1081. </section>
  1082.  
  1083. <!-- scripts -->
  1084. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1085. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  1086. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1087. <script src="https://static.tumblr.com/2b2izpj/cB7ogqs8l/jquery.initialize.js"></script>
  1088. <script type="text/javascript" src="http://static.tumblr.com/cqvi50o/VSzox2ncv/style-my-tooltips.js"></script>
  1089. {block:IndexPage}{block:ifInfiniteScroll}<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifInfiniteScroll}{/block:IndexPage}
  1090.  
  1091. <script>
  1092. $(document).ready(function(){
  1093. $(window).scroll(function(){
  1094. if ($(this).scrollTop() > 100) {
  1095. $('.scrollup').fadeIn();
  1096. } else {
  1097. $('.scrollup').fadeOut();
  1098. }
  1099. });
  1100. $('.scrollup').click(function(){
  1101. $("html, body").animate({ scrollTop: 0 }, 1000);
  1102. return false;
  1103. });
  1104. });
  1105.  
  1106. (function($) {
  1107. $(document).ready(function() {
  1108. $("[title]").style_my_tooltips({
  1109. tip_follows_cursor: true,
  1110. tip_delay_time: 100,
  1111. tip_fade_speed: 200
  1112. });
  1113. });
  1114. })(jQuery);
  1115.  
  1116. $(document).ready(function(){
  1117. $('.photo-slideshow').pxuPhotoset({
  1118. lightbox: true,
  1119. rounded: false,
  1120. gutter: '{select:gutter size}',
  1121. photoset: '.photo-slideshow',
  1122. photoWrap: '.photo-data',
  1123. photo: '.pxu-photo'
  1124. });
  1125. var $container = $('.when');
  1126. $container.find('.notecount').each(function(){
  1127. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  1128. if (n > 999) {
  1129. n = Math.floor(n / 100) / 10;
  1130. $(this).text(n + 'k notes');
  1131. }
  1132. });
  1133. function flexFrame() {
  1134. $(".comment").each(function() {
  1135. $(this).find("iframe").wrap("<div class='iframe-flex'></div>");
  1136. flexibleFrames($(".iframe-flex"));
  1137. });
  1138. flexibleFrames($(".video"));
  1139. }
  1140.  
  1141. $(document).ready(flexFrame);
  1142.  
  1143. var $container = $('#entries');
  1144. {block:ifInfiniteScroll}
  1145. $container.infinitescroll({
  1146. itemSelector: '.posts',
  1147. navSelector: '.pagination',
  1148. nextSelector: '.next',
  1149. loadingImg: '',
  1150. loadingText: '',
  1151. bufferPx: 3000,
  1152. },
  1153. function( newElements ) {
  1154. var $newElems = $( newElements );
  1155. $newElems.find('.photo-slideshow').pxuPhotoset({
  1156. lightbox: true,
  1157. rounded: false,
  1158. gutter: '{select:gutter size}',
  1159. photoset: '.photo-slideshow',
  1160. photoWrap: '.photo-data',
  1161. photo: '.pxu-photo'
  1162. });
  1163. $newElems.find('.notecount').each(function(){
  1164. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  1165. if (n > 999) {
  1166. n = Math.floor(n / 100) / 10;
  1167. $(this).text(n + 'k notes');
  1168. }
  1169. });
  1170. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1171. flexFrame();
  1172. });
  1173. {/block:ifInfiniteScroll}
  1174. $(document).ready(function(){
  1175. //remove tumblr redirects script by magnusthemes@tumblr
  1176. $('a[href*="t.umblr.com/redirect"]').initialize(function(){
  1177. var originalURL = $(this).attr("href").split("?z=")[1].split("&t=")[0];
  1178. var replaceURL = decodeURIComponent(originalURL);
  1179. $(this).attr("href", replaceURL);
  1180. });
  1181. });
  1182. });
  1183.  
  1184. </script>
  1185.  
  1186. <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>
  1187.  
  1188. {block:ContentSource}
  1189. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1190. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1191. {/block:SourceLogo}
  1192. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1193. {/block:ContentSource}
  1194. </body></html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!