API tools faq
paste
Advertisement
amboise

blue rose

amboise
Jul 2nd, 2019
9,559
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 56.91 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. theme blue rose by amboise
  5. be cool n.n
  6.  
  7. base code by sorrism
  8. custom tumblr controls by cyantists
  9. infinite scroll by paul irish
  10. photosets by pixel union
  11. shortening notes, lightboxes, tumblr controls by shythemes
  12. flexible frames script by nouvae
  13. remove tumblr redirects script by magnusthemes
  14. feather icons by cole bemis
  15. tooltips by malihu
  16.  
  17. full credits at https://amboise.tumblr.com/credits
  18.  
  19.  
  20. -->
  21.  
  22. <!DOCTYPE html>
  23. <head>
  24.  
  25. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  26.  
  27. <link rel="shortcut icon" href="{favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  30.  
  31. <meta name="viewport" content="width=device-width, initial-scale=1">
  32.  
  33. <meta name="color:Topbar Text" content="#888888"/>
  34. <meta name="color:Topbar Background" content="#ffffff"/>
  35. <meta name="color:Topbar Border" content="#eeeeee"/>
  36. <meta name="color:Background" content="#ffffff"/>
  37. <meta name="color:Header Text" content="#888888"/>
  38. <meta name="color:Post" content="#ffffff"/>
  39. <meta name="color:Text" content="#888888"/>
  40. <meta name="color:Info" content="#a4a3a3"/>
  41. <meta name="color:Borders" content="#eeeeee"/>
  42. <meta name="color:Post Text" content="#888888"/>
  43. <meta name="color:Post Background" content="#f2eadb"/>
  44. <meta name="color:Post Hover" content="#000000"/>
  45. <meta name="color:Post Hover Icon" content="#ffffff"/>
  46. <meta name="color:Back" content="#eeeeee"/>
  47. <meta name="color:Link" content="#a7a7a7"/>
  48. <meta name="color:Link Hover" content="#000000"/>
  49. <meta name="color:Title"content="#000000"/>
  50. <meta name="color:Lightbox" content="#000000"/>
  51. <meta name="color:Close Button" content="#ffffff"/>
  52. <meta name="color:Tooltip Text" content="#000000"/>
  53. <meta name="color:Tooltip Background" content="#ffffff"/>
  54. <meta name="color:Tooltip Border" content="#e8e8e8"/>
  55. <meta name="color:Selection Text" content="#000000"/>
  56. <meta name="color:Selection Background" content="#ffffff"/>
  57. <meta name="color:Scrollbar" content="#cccccc"/>
  58.  
  59. <meta name="select:Font" content="ABeeZee" title="ABeeZee"/>
  60. <meta name="select:Font" content="Ubuntu" title="Ubuntu"/>
  61. <meta name="select:Font" content="Muli" title="Muli"/>
  62. <meta name="select:Font" content="Lato" title="Lato"/>
  63. <meta name="select:Font" content="Fira Sans" title="Fira Sans"/>
  64. <meta name="select:Font" content="Nunito Sans" title="Nunito Sans"/>
  65. <meta name="select:Font" content="Karla" title="Karla"/>
  66. <meta name="select:Font" content="PT Sans" title="PT Sans"/>
  67.  
  68. <meta name="select:Font Size" content="13px" title="13px"/>
  69. <meta name="select:Font Size" content="14px" title="14px"/>
  70.  
  71. <meta name="select:Icon" content="125px" title="125px"/>
  72. <meta name="select:Icon" content="150px" title="150px"/>
  73.  
  74. <meta name="if:Social Block" content=""/>
  75. <meta name="if:Social Two" content=""/>
  76. <meta name="if:Social Three" content=""/>
  77. <meta name="if:Fixed Top Bar" content=""/>
  78. <meta name="if:Posts Borders" content=""/>
  79. <meta name="if:Round Borders" content=""/>
  80. <meta name="if:Italic" content=""/>
  81. <meta name="if:Search" content=""/>
  82. <meta name="if:Load More" content=""/>
  83.  
  84. <meta name="text:Social One Link" content=""/>
  85. <meta name="text:Social One Title" content=""/>
  86. <meta name="text:Social Two Link" content=""/>
  87. <meta name="text:Social Two Title" content=""/>
  88. <meta name="text:Social Three Link" content=""/>
  89. <meta name="text:Social Three Title" content=""/>
  90.  
  91. <meta name="text:Link 1" content=""/>
  92. <meta name="text:Link 1 URL" content=""/>
  93. <meta name="text:Link 2" content=""/>
  94. <meta name="text:Link 2 URL" content=""/>
  95. <meta name="text:Link 3" content=""/>
  96. <meta name="text:Link 3 URL" content=""/>
  97. <meta name="text:Link 4" content=""/>
  98. <meta name="text:Link 4 URL" content=""/>
  99. <meta name="text:Link 5" content=""/>
  100. <meta name="text:Link 5 URL" content=""/>
  101.  
  102. <meta name="image:Icon" content=""/>
  103. <meta name="image:Social One" content=""/>
  104. <meta name="image:Social Two" content=""/>
  105. <meta name="image:Social Three" content=""/>
  106.  
  107. <!-- fonts and icons ------------------------------------------------------->
  108.  
  109. <link href="https://fonts.googleapis.com/css?family={select:font}:400,400i,700,700i|Rancho" rel="stylesheet">
  110. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  111.  
  112. <!-- click and show -------------------------------------------------------->
  113.  
  114. <script type="text/javascript">
  115. function unhide(divID) {
  116. var item = document.getElementById(divID);
  117. if (item) {
  118. item.className=(item.className=='hidden')?'unhidden':'hidden';
  119. }
  120. }
  121. </script>
  122.  
  123. <!-- CSS customization ----------------------------------------------------->
  124.  
  125. <style type="text/css">
  126.  
  127. .hidden {display: none;}
  128. .unhidden {display: block;}
  129.  
  130. /* tumblr controls by@cyantists */
  131.  
  132. iframe.tmblr-iframe {
  133. {block:IndexPage}display:none;{/block:IndexPage}
  134. z-index:9999999!important;
  135. top:80px!important;
  136. right:20px!important;
  137. opacity:0;
  138. padding-right:38px;
  139. /* delete invert(1) from here */
  140. filter:invert(1) contrast(150%);
  141. -webkit-filter:invert(1) contrast(150%);
  142. -o-filter:invert(1) contrast(150%);
  143. -moz-filter:invert(1) contrast(150%);
  144. -ms-filter:invert(1) contrast(150%);
  145. /* to here if your blog has a dark background */
  146. transform:scale(0.65);
  147. transform-origin:100% 0;
  148. -webkit-transform:scale(0.65);
  149. -webkit-transform-origin:100% 0;
  150. -o-transform:scale(0.65);
  151. -o-transform-origin:100% 0;
  152. -moz-transform:scale(0.65);
  153. -moz-transform-origin:100% 0;
  154. -ms-transform:scale(0.65);
  155. -ms-transform-origin:100% 0;
  156. }
  157.  
  158. iframe.tmblr-iframe:hover {
  159. opacity:0.6!important;
  160. }
  161.  
  162. .hcontrols {
  163. display:none;
  164. position:fixed;
  165. top:15px;
  166. right:15px;
  167. z-index:9;
  168. }
  169.  
  170. .hcontrols svg {
  171. width:14px;
  172. height:14px;
  173. padding:9px;
  174. }
  175.  
  176. /* text selection color */
  177.  
  178. ::selection {
  179. background:{color:selection background};
  180. color:{color:selection text};
  181. }
  182.  
  183. ::-moz-selection {
  184. background:{color:selection background};
  185. color:{color:selection text};
  186. }
  187.  
  188. ::-webkit-selection {
  189. background:{color:selection background};
  190. color:{color:selection text};
  191. }
  192.  
  193. /* scrollbar */
  194.  
  195. ::-webkit-scrollbar {
  196. width:.4em;
  197. background:{color:background};
  198. }
  199.  
  200. nav::-webkit-scrollbar {
  201. background:{color:post};
  202. }
  203.  
  204. .social::-webkit-scrollbar {
  205. height:.4em;
  206. }
  207.  
  208. ::-webkit-scrollbar,
  209. ::-webkit-scrollbar-thumb, {
  210. overflow:visible;
  211. border-radius: 4px;
  212. }
  213.  
  214. ::-webkit-scrollbar-thumb {
  215. background:{color:scrollbar};
  216. }
  217.  
  218. /* tooltips */
  219.  
  220. #s-m-t-tooltip {
  221. max-width:300px;
  222. z-index:100;
  223. margin:0 14px 0 12px;
  224. padding:5px 10px 5px 10px;
  225. background-color:{color:tooltip background};
  226. border:1px solid {color:tooltip border};
  227. color:{color:tooltip text};
  228. font-size:calc({select:font size} - 2px);
  229. text-transform:lowercase;
  230. letter-spacing:2px;
  231. line-height:16px;
  232. }
  233.  
  234. /* main structure */
  235.  
  236. body {
  237. color:{color:text};
  238. background:{color:background};
  239. line-height:1.5em;
  240. letter-spacing:.5px;
  241. font-size:{select:font size};
  242. font-family:{select:font};
  243. font-weight:400;
  244. word-wrap:break-word;
  245. text-align:left;
  246. margin:0;
  247. max-width:100%;
  248. overflow-x:hidden!important;
  249. }
  250.  
  251. body.overflow {overflow:hidden;}
  252.  
  253. b, strong {font-weight:700;}
  254.  
  255. a {
  256. color:inherit;
  257. text-decoration:none;
  258. transition:all .3s linear;
  259. -webkit-transition:all .3s linear;
  260. -o-transition:all .3s linear;
  261. -moz-transition:all .3s linear;
  262. }
  263.  
  264. a, a img {cursor:pointer;}
  265.  
  266. a:hover {
  267. text-decoration:none;
  268. }
  269.  
  270. img {
  271. opacity:1;
  272. border:0;
  273. text-decoration:none;
  274. max-width:100%;
  275. height:auto;
  276. display:block;
  277. }
  278.  
  279. blockquote {
  280. padding:15px;
  281. margin:.75em 0 .5em;
  282. border:1px solid {color:borders};
  283. }
  284.  
  285. pre {
  286. padding:0;
  287. margin:0;
  288. line-height:inherit!important;
  289. background:transparent;
  290. font-family:inherit!Important;
  291. font-size:inherit!important;
  292. white-space:pre-wrap;
  293. white-space:-moz-pre-wrap;
  294. white-space:-pre-wrap;
  295. white-space:-o-pre-wrap;
  296. word-wrap:break-word;
  297. }
  298.  
  299. p {margin:.5em 0;}
  300.  
  301. p:first-of-type {margin-top:0;}
  302.  
  303. p:last-of-type {margin-bottom:.5em;}
  304.  
  305. small, big, sup, pre {
  306. font-size:{select:font size}!important;
  307. line-height:1.5em!important;
  308. vertical-align:baseline!important;
  309. }
  310.  
  311. h1, h2, h3, h4 {
  312. margin:.5em 0;
  313. font-size:{select:font size};
  314. padding:0;
  315. font-weight:0;
  316. }
  317.  
  318. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  319.  
  320. hr {
  321. border:none;
  322. box-shadow:0;
  323. margin:2em auto;
  324. width:75px;
  325. border-top:1px solid {color:borders};
  326. }
  327.  
  328. /* header */
  329.  
  330. .topbar {
  331. top:0;
  332. left:0;
  333. right:0;
  334. z-index:99;
  335. {block:IfFixedTopBar}position:fixed;{/block:IfFixedTopBar}
  336. {block:IfNotFixedTopBar}position:absolute;{/block:IfNotFixedTopBar}
  337. width:calc(100% - 40px);
  338. height:30px;
  339. color:{color:topbar text}!important;
  340. background:{color:topbar background};
  341. border-bottom:1px solid {color:topbar border};
  342. -webkit-transition:all .3s linear;
  343. -moz-transition:all .3s linear;
  344. -o-transition:all .3s linear;
  345. transition:all .3s linear;
  346. }
  347.  
  348. .topbar {
  349. padding:20px;
  350. }
  351.  
  352. .link {
  353. position:absolute;
  354. top:50%;
  355. transform:translate(0,-50%);
  356. right:50px;
  357. }
  358.  
  359. .link svg {
  360. width:15px;
  361. height:15px;
  362. padding:5px;
  363. display:inline-block;
  364. margin-left:5px;
  365. color:{color:topbar text};
  366. }
  367.  
  368. .blo {
  369. float:left;
  370. margin:5px 0 0 35px;
  371. color:{color:title};
  372. font-weight:700;
  373. letter-spacing:2px;
  374. max-width:calc(100% - 100px);
  375. overflow:hidden;
  376. white-space:nowrap;
  377. text-overflow:ellipsis;
  378. }
  379.  
  380. .cher {
  381. {block:IfNotSearch}display:none;{/block:IfNotSearch}
  382. {block:IfSearch}display:block;{/block:IfSearch}
  383. position:absolute;
  384. left:50%;
  385. transform:translate(-50%);
  386. border:1px solid {color:borders};
  387. }
  388.  
  389. .sfm input {
  390. border:0;
  391. margin:0;
  392. padding:4px 7.5px 4px 7.5px;
  393. text-align:center;
  394. text-transform:lowercase;
  395. letter-spacing:.5px;
  396. font-family:{select:font};
  397. font-size:{select:font size};
  398. color:{color:text};
  399. background:{color:background};
  400. }
  401.  
  402. input:focus,
  403. select:focus,
  404. textarea:focus,
  405. button:focus {
  406. outline:none;
  407. }
  408.  
  409. header {
  410. position:relative;
  411. left:0;
  412. right:0;
  413. min-height:300px;
  414. margin:200px auto 0 auto;
  415. }
  416.  
  417. .icon, .social img {
  418. {block:ifPostsBorders}
  419. padding:5px;
  420. border:1px solid {color:borders};
  421. {/block:IfPostsBorders}
  422. background:{color:post};
  423. }
  424.  
  425. .icon, .icon img {
  426. overflow:hidden;
  427. border-radius:50%;
  428. min-width:125px;
  429. min-height:125px;
  430. max-width:150px;
  431. max-height:150px;
  432. width:{select:icon};
  433. height:{select:icon};
  434. }
  435.  
  436. .bloginfo {
  437. margin-top:30px;
  438. }
  439.  
  440. .blogtitle {
  441. font-weight:700;
  442. font-size:calc({select:font size} + 2px);
  443. }
  444.  
  445. .desc {
  446. margin-top:10px;
  447. }
  448.  
  449. .nav {
  450. margin:25px 0 25px -38px;
  451. }
  452.  
  453. .nav li:before {
  454. content:'';
  455. }
  456.  
  457. .nav li {
  458. padding:5px 5px 5px 0;
  459. display:inline-block;
  460. margin-right:20px;
  461. }
  462.  
  463. .social {
  464. margin-top:25px;
  465. height:80px;
  466. }
  467.  
  468. .social ul {
  469. width:20px;
  470. display:inline-block;
  471. }
  472.  
  473. .social li {
  474. list-style-type:none;
  475. margin-left:-40px;
  476. }
  477.  
  478. .social img {
  479. width:50px;
  480. height:50px;
  481. overflow:hidden;
  482. border-radius:50%;
  483. }
  484.  
  485. /* posts */
  486.  
  487. section {
  488. margin:0 auto 125px;
  489. }
  490.  
  491. #entries {
  492. overflow-x:hidden!important;
  493. }
  494.  
  495. .posts {
  496. overflow:hidden;
  497. {block:IfRoundBorders}
  498. border-radius:.4em;
  499. {/block:IfRoundBorders}
  500. }
  501.  
  502. {block:IndexPage}
  503.  
  504. .ph svg, .npf_gallery_indicator svg {
  505. top:0;
  506. right:0;
  507. width:14px;
  508. height:14px;
  509. padding:15px;
  510. position:absolute;
  511. color:#fff;
  512. }
  513.  
  514. .box .tmblr-full img {
  515. display:none;
  516. }
  517.  
  518. .box .tmblr-full:first-of-type img {
  519. display:block;
  520. min-height:100%!important;
  521. }
  522.  
  523. .stuff {
  524. display:none;
  525. }
  526.  
  527. @media (min-width:901px) {
  528. header {
  529. min-width:calc(((250px * 3) + (50px * 3) - 36px));
  530. max-width:calc(((250px * 3) + (50px * 3) - 36px));
  531. }
  532.  
  533. .icon {
  534. position:absolute;
  535. transform:translate(-50%,0);
  536. left:50%;
  537. margin-left:calc((-250px / 2) - 50px);
  538. }
  539.  
  540. .bloginfo {
  541. max-width:50%;
  542. position:absolute;
  543. left:50%;
  544. transform:translate(-50%,0);
  545. margin-left:calc(250px / 2);
  546. }
  547.  
  548. section {
  549. width:calc((250px * 3) + (50px * 3) + 36px);
  550. }
  551.  
  552. #entries {
  553. margin-left:calc(50% - ((250px * 1.5) + (50px * 1.4)));
  554. }
  555.  
  556. .posts, .info {
  557. width:250px;
  558. height:250px;
  559. overflow:hidden;
  560. }
  561.  
  562. .posts {
  563. float:left;
  564. margin:0 50px 50px 0;
  565. {block:ifPostsBorders}
  566. padding:5px;
  567. border:1px solid {color:borders};
  568. {/block:ifPostsBorders}
  569. background:{color:post};
  570. }
  571.  
  572. .box {
  573. padding:25px;
  574. width:calc(250px - 50px);
  575. height:calc(250px - 50px);
  576. overflow:hidden;
  577. }
  578.  
  579. .foto, .cover {
  580. width:100%;
  581. height:250px;
  582. }
  583. }
  584.  
  585. @media (max-width:900px) {
  586. .hcontrols {
  587. display:none;
  588. }
  589.  
  590. section {
  591. max-width:100%;
  592. }
  593.  
  594. #entries {
  595. display: flex;
  596. flex-direction: row;
  597. flex-wrap: wrap;
  598. justify-content: flex-start;
  599. align-content: stretch;
  600. padding:0 0 0 5px;
  601. max-width:calc(100% - 5px);
  602. }
  603.  
  604. .posts, .burger {
  605. display:inline-block;
  606. float:left;
  607. margin:0 5px 5px 0;
  608. flex: 0 0 auto 0;
  609. }
  610.  
  611. .box {
  612. padding:25px;
  613. height:0;
  614. width:calc(100% - 50px);
  615. overflow:hidden;
  616. }
  617.  
  618. .foto, .cover {
  619. width:100%;
  620. height:100%;
  621. padding-bottom:100%;
  622. }
  623.  
  624. .info {
  625. padding-top:calc(100% - 4px);
  626. width:calc(100% - 4px);
  627. height:0;
  628. }
  629. }
  630.  
  631. @media screen and (min-width:481px) and (max-width:899px) {
  632. .burger, .posts {
  633. width: calc((100% / 3) - 5px);
  634. height: calc((100% / 3) - 5px);
  635. }
  636.  
  637. .box {
  638. padding-bottom:calc(100% - 25px);
  639. }
  640.  
  641. .info {
  642. padding-top:calc(100% - 3px);
  643. width:calc(100% - 3px);
  644. height:0;
  645. }
  646. }
  647.  
  648. @media screen and (min-width:321px) and (max-width:480px) {
  649. #entries {
  650. padding:0;
  651. margin-right:5px;
  652. margin-left:5px;
  653. max-width:calc(100% - 10px);
  654. }
  655.  
  656. .posts {
  657. width:calc((100% / 2) - 5px);
  658. height:calc((100% / 2) - 5px);
  659. }
  660.  
  661. .burger {
  662. width:calc(100% / 2);
  663. }
  664.  
  665. .box {
  666. padding-bottom:calc(100% - 25px);
  667. }
  668.  
  669. .info {
  670. padding-top:calc(100% - 10px);
  671. width:calc(100% - 9.5px);
  672. height:0;
  673. }
  674. }
  675.  
  676. @media screen and (max-width:320px) {
  677. .burger {
  678. width:calc(100% - 5px);
  679. height:calc(100% - 5px);
  680. }
  681.  
  682. .posts {
  683. width:100%;
  684. height:100%;
  685. }
  686.  
  687. .box {
  688. padding-bottom:calc(100% - 25px);
  689. }
  690.  
  691. .info {
  692. padding-top:calc(100% - 5px);
  693. width:calc(100% - 5px);
  694. max-height:100%;
  695. height:0;
  696. }
  697.  
  698. section {margin-bottom:0}
  699.  
  700. footer {
  701. z-index:6;
  702. position:relative;
  703. margin:0 auto 0;
  704. padding-top:125px;
  705. padding-bottom:115px;
  706. }
  707. }
  708. {/block:IndexPage}
  709.  
  710. .tex ul {
  711. list-style-type:circle;
  712. margin-left:-23px;
  713. }
  714.  
  715. .tex ol {
  716. margin-left:-22px;
  717. }
  718.  
  719. .foto, .cover {
  720. background:{color:back} no-repeat center;
  721. background-size:cover;
  722. overflow:hidden;
  723. }
  724.  
  725. .music {
  726. z-index:5;
  727. position:absolute;
  728. top:0;
  729. right:0;
  730. }
  731.  
  732. .cover {
  733. position:relative;
  734. margin:-25px;
  735. z-index:4;
  736. width:calc(100% + 50px);
  737. height:calc(100% + 50px);
  738. }
  739.  
  740. .box {
  741. position:relative;
  742. color:{color:post text};
  743. background:{color:post background};
  744. }
  745.  
  746. .box ul {
  747. margin-left:-40px;
  748. list-style-type:none;
  749. }
  750.  
  751. .box:after {
  752. content:'';
  753. height:calc(150px / 5);
  754. width:100%;
  755. background:linear-gradient(0deg, rgb({RGBcolor:post background}), rgba({RGBcolor:post background},0.50));
  756. position:absolute;
  757. left:0;
  758. right:0;
  759. bottom:0;
  760. z-index:1;
  761. }
  762.  
  763. {block:IfItalic}
  764. .box .title, .box .cap, .tr, .art, .title-two, .box .chat {
  765. font-style:italic;
  766. }
  767. {/block:IfItalic}
  768.  
  769. .box .title {
  770. font-weight:700;
  771. font-size:{select:font size};
  772. padding:0;
  773. margin:0 0 2px 0;
  774. }
  775.  
  776. .title-two {
  777. font-size:calc({select:font size} + 1px);
  778. font-weight:700;
  779. word-spacing:300px;
  780. }
  781.  
  782. .box .npf_gallery_indicator {
  783. z-index:3;
  784. }
  785.  
  786. .box .cap img, .box .tmblr-full img {
  787. position:absolute;
  788. bottom:50%;
  789. left:50%;
  790. transform:translate(-50%,50%);
  791. padding:0;
  792. width:auto;
  793. z-index:2;
  794. margin:0;
  795. }
  796.  
  797. .tmblr-full, .npf_photoset {
  798. margin:15px 0 25px 0;
  799. }
  800.  
  801. .box .cap {
  802. display:none;
  803. }
  804.  
  805. .box .cap:first-of-type {
  806. display:block;
  807. }
  808.  
  809. .box blockquote {
  810. padding:0;
  811. margin:-.75em 0 1000px 0!important;
  812. border:none;
  813. font-style:italic;
  814. font-size:calc({select:font size} + 1px);
  815. }
  816.  
  817. .box .tex a {
  818. border:none;
  819. }
  820.  
  821. .box .user {
  822. margin:0!important;
  823. line-height:0;
  824. }
  825.  
  826. .box .user img {
  827. display:none;
  828. }
  829.  
  830. .box .q {
  831. padding:0;
  832. margin:0;
  833. border:none;
  834. }
  835.  
  836. .npf_gallery_indicator {
  837. top:0;
  838. right:0;
  839. position:absolute;
  840. }
  841.  
  842. .ph {
  843. position:relative;
  844. overflow:hidden;
  845. }
  846.  
  847. .ph img {
  848. width:100%;
  849. display:block;
  850. }
  851.  
  852. .box .vid svg {
  853. color:{color:text};
  854. position:absolute;
  855. top:50%;
  856. left:50%;
  857. width:16px;
  858. height:16px;
  859. transform:translate(-50%,-50%);
  860. }
  861.  
  862. /* titles */
  863.  
  864. .title {
  865. font-weight:700;
  866. margin:20px 0 20px 0;
  867. }
  868.  
  869. /* captions */
  870.  
  871. .comment {
  872. padding:25px 0 25px 0;
  873. list-style:none;
  874. }
  875.  
  876. {block:IndexPage}
  877. .comment:last-of-type {padding-bottom:0;}
  878. {/block:IndexPage}
  879.  
  880. .tex a {
  881. border-bottom:1px solid {color:link};
  882. }
  883.  
  884. .tex a:hover {
  885. color:{color:link hover};
  886. }
  887.  
  888. .tex li, .tex blockquote {text-align:left;}
  889.  
  890. .user {
  891. font-weight:700;
  892. display:inline-block;
  893. line-height:1em;
  894. margin:1.5em 0 1.5em 0;
  895. text-transform:lowercase;
  896. }
  897.  
  898. .user img {
  899. display:block;
  900. float:left;
  901. width:20px;
  902. height:20px;
  903. overflow:hidden;
  904. border-radius:50%;
  905. border:1px solid {color:borders};
  906. margin:-4px 15px 0 0;
  907. }
  908.  
  909. .user svg {
  910. display:none;
  911. color:black;
  912. margin-bottom:-1px;
  913. }
  914.  
  915. .deactivated:after {
  916. content:'deactivated';
  917. position:absolute;
  918. padding-left:8px;
  919. opacity:0;
  920. color:{color:text};
  921. transition:.4s ease-in-out;
  922. }
  923.  
  924. .deactivated:hover:after {opacity:1;}
  925.  
  926. /* quote */
  927.  
  928. .quote {
  929. font-style:italic;
  930. font-size:calc({select:font size} + 1px);
  931. }
  932.  
  933. .source {
  934. margin-top:10px;
  935. font-style:italic;
  936. text-transform:lowercase;
  937. }
  938.  
  939. /* audio */
  940.  
  941. .soundcloud_audio_player {
  942. max-height:116px!important;
  943. width:100%!important;
  944. }
  945.  
  946. .spotify_audio_player {
  947. max-height:80px!important;
  948. width:100%!important;
  949. }
  950.  
  951. .box-p {
  952. position:absolute;
  953. top:105px;
  954. left:25px;
  955. width:35px;
  956. height:35px;
  957. background:transparent;
  958. border:1px solid {color:borders};
  959. overflow:hidden;
  960. border-radius:50%;
  961. }
  962.  
  963. .audio {
  964. min-height:160px;
  965. max-height:160px;
  966. border:1px solid {color:borders};
  967. }
  968.  
  969. .playinfo {
  970. position:relative;
  971. text-align:center;
  972. top:20px;
  973. padding:10px;
  974. margin:0 20px 0 20px;
  975. border:1px solid {color:borders};
  976. overflow:hidden;
  977. border-radius:.4em;
  978. }
  979.  
  980. .extra {
  981. position:absolute;
  982. right:20px;
  983. top:110px;
  984. }
  985.  
  986. .extra svg {
  987. width:14px;
  988. height:14px;
  989. padding:7px;
  990. overflow:hidden;
  991. border-radius:50%;
  992. margin-left:10px;
  993. border:1px solid {color:borders};
  994. }
  995.  
  996. .artist {
  997. letter-spacing:1px;
  998. font-size:calc({select:font size} - 1px);
  999. text-transform:lowercase;
  1000. max-width:100%;
  1001. overflow:hidden;
  1002. white-space:nowrap;
  1003. text-overflow:ellipsis;
  1004. }
  1005.  
  1006. .track {
  1007. margin-bottom:5px;
  1008. font-weight:700;
  1009. max-width:100%;
  1010. overflow:hidden;
  1011. white-space:nowrap;
  1012. text-overflow:ellipsis;
  1013. }
  1014.  
  1015. .track svg {
  1016. float:left;
  1017. margin-right:10px;
  1018. margin-top:3px;
  1019. }
  1020.  
  1021. /* asks */
  1022.  
  1023. .q {
  1024. padding:5px 20px 20px 20px;
  1025. margin:0 0 1em;
  1026. border:1px solid #eee;
  1027. }
  1028.  
  1029. .q .user {margin:1.5em 0 1em 0;}
  1030.  
  1031. /* chat */
  1032.  
  1033. .chat {
  1034. text-align:left;
  1035. margin:0;
  1036. padding:0;
  1037. list-style:none;
  1038. }
  1039.  
  1040. .l {
  1041. padding:0 0 5px 0;
  1042. }
  1043.  
  1044. .label {
  1045. margin-right:5px;
  1046. display:inline-block;
  1047. }
  1048.  
  1049. .l:last-of-type {
  1050. padding:0;
  1051. }
  1052.  
  1053. .pop-post .label {
  1054. font-weight:700;
  1055. }
  1056.  
  1057. /* permalink and notes */
  1058.  
  1059. .when {
  1060. text-transform:lowercase;
  1061. padding:40px 0 0 0;
  1062. color:{color:info};
  1063. }
  1064.  
  1065. .post-controls a {
  1066. margin-right:15px;
  1067. }
  1068.  
  1069. .like, .rb {
  1070. display:inline-block;
  1071. }
  1072.  
  1073. .like-b {
  1074. position:relative;
  1075. display:inline-block;
  1076. height:1em;
  1077. line-height:1em;
  1078. overflow:hidden;
  1079. margin-bottom:-1px;
  1080. }
  1081.  
  1082. .like-b .like_button iframe {
  1083. position:absolute;
  1084. top:0;
  1085. left:0;
  1086. bottom:0;
  1087. right:0;
  1088. z-index:2;
  1089. opacity:0;
  1090. }
  1091.  
  1092. .like-b .liked + .b {
  1093. color:inherit;
  1094. }
  1095.  
  1096. .like-b .liked + .b:after {
  1097. content:'d';
  1098. }
  1099.  
  1100. .tags {
  1101. display:block;
  1102. margin-top:5px;
  1103. }
  1104.  
  1105. .tags a {
  1106. margin-right:15px;
  1107. }
  1108.  
  1109. {block:PermalinkPage}
  1110. section {
  1111. width:100%;
  1112. margin:0 auto 150px;
  1113. }
  1114.  
  1115. section svg {
  1116. width:12px;
  1117. height:12px;
  1118. margin:0 15px -1.5px 0;
  1119. }
  1120.  
  1121. #entries {
  1122. margin:0 auto;
  1123. }
  1124.  
  1125. .posts {
  1126. width:530px;
  1127. padding:5px;
  1128. background:{color:post};
  1129. border:1px solid {color:borders};
  1130. overflow:hidden;
  1131. float:none;
  1132. margin:0 auto;
  1133. }
  1134.  
  1135. .tex img {
  1136. display:block;
  1137. width:100%;
  1138. }
  1139.  
  1140. .tmblr-full, .npf_photoset {
  1141. margin-left:-25px;
  1142. margin-right:-25px;
  1143. margin-bottom:25px;
  1144. }
  1145.  
  1146. .comment, .when {padding:25px;}
  1147. .when {padding-bottom:0;}
  1148. .tags {margin-top:0;}
  1149. .tags a {margin:0 0 0 5px;}
  1150. .music, .copy, .foto {display:none;}
  1151.  
  1152. {/block:PermalinkPage}
  1153.  
  1154. /* post notes */
  1155.  
  1156. .pagenotes {
  1157. width:530px;
  1158. padding:5px;
  1159. background:{color:post};
  1160. border:1px solid {color:borders};
  1161. border-top:none;
  1162. margin:0 auto;
  1163. }
  1164.  
  1165. .postnotes, .noted {
  1166. padding:25px;
  1167. }
  1168.  
  1169. .postnotes {
  1170. padding-top:0;
  1171. }
  1172.  
  1173. ol.notes {
  1174. list-style:none;
  1175. padding:0px;
  1176. margin:0px;
  1177. }
  1178.  
  1179. ol.notes li.note {
  1180. display:block;
  1181. padding:0;
  1182. margin:5px 0;
  1183. }
  1184.  
  1185. li.note blockquote {
  1186. margin-right:10px;
  1187. }
  1188.  
  1189. ol.notes li.note img.avatar {display:none!important;}
  1190.  
  1191. a.more_notes_link {
  1192. display:block;
  1193. text-transform:lowercase;
  1194. text-align:left;
  1195. }
  1196.  
  1197. /* burger */
  1198.  
  1199. .info {
  1200. z-index:6;
  1201. position:relative;
  1202. background:rgb({RGBcolor:post hover},0.25);
  1203. opacity:0;
  1204. visibility:hidden;
  1205. transition:.25s;
  1206. -o-transition:.25s;
  1207. -moz-transition:.25s;
  1208. -webkit-transition:.25s;
  1209. }
  1210.  
  1211. .info svg {
  1212. cursor:pointer;
  1213. width:16px;
  1214. height:16px;
  1215. color:{color:post hover icon};
  1216. position:absolute;
  1217. top:50%;
  1218. left:50%;
  1219. transform:translate(-50%,-50%);
  1220. }
  1221.  
  1222. .burger {
  1223. position:absolute;
  1224. z-index:6;
  1225. }
  1226.  
  1227. .burger .arr {
  1228. display:none;
  1229. color:{color:close button};
  1230. text-transform:lowercase;
  1231. }
  1232.  
  1233. .burger:hover .info {
  1234. visibility:visible;
  1235. opacity:1;
  1236. -o-opacity:1;
  1237. -moz-opacity:1;
  1238. -webkit-opacity:1;
  1239. }
  1240.  
  1241. .burger.clicked {
  1242. height:20px;
  1243. position:fixed;
  1244. z-index:10000;
  1245. top:50px;
  1246. left:50px;
  1247. transition-delay:.75s;
  1248. }
  1249.  
  1250. .burger.clicked .info {
  1251. display:none;
  1252. }
  1253.  
  1254. .burger.clicked .arr {
  1255. display:block;
  1256. cursor:pointer;
  1257. }
  1258.  
  1259. .arr svg {
  1260. color:{color:close button};
  1261. width:15px;
  1262. height:15px;
  1263. margin:0 15px -4px 0;
  1264. }
  1265.  
  1266. /* nav */
  1267.  
  1268. nav {
  1269. color:{color:text};
  1270. background-color:{color:post};
  1271. position:fixed;
  1272. z-index:9999;
  1273. top:0;
  1274. right:0;
  1275. height:calc(100% - 50px);
  1276. width:calc(540px + 50px);
  1277. padding:25px;
  1278. -webkit-transform:translateX(100%);
  1279. -moz-transform:translateX(100%);
  1280. -ms-transform:translateX(100%);
  1281. -o-transform:translateX(100%);
  1282. transform:translateX(100%);
  1283. -webkit-transition:all .5s ease-out;
  1284. -moz-transition:all .5s ease-out;
  1285. -o-transition:all .5s ease-out;
  1286. transition:all .5s ease-out;
  1287. overflow-x:hidden!important;
  1288. overflow-y:auto;
  1289. -webkit-overflow-scrolling: touch;
  1290. }
  1291.  
  1292. nav.show {
  1293. -webkit-transform:translateX(0px);
  1294. -moz-transform:translateX(0px);
  1295. -ms-transform:translateX(0px);
  1296. -o-transform:translateX(0px);
  1297. transform:translateX(0px);
  1298. }
  1299.  
  1300. nav.show ul.main li {
  1301. -webkit-transform:translateX(0px);
  1302. -moz-transform:translateX(0px);
  1303. -ms-transform:translateX(0px);
  1304. -o-transform:translateX(0px);
  1305. transform:translateX(0px);
  1306. opacity:1;
  1307. }
  1308.  
  1309. nav.show .pop, nav.show .pop-post, nav.show .entry {
  1310. -webkit-transform: translateX(0px);
  1311. -moz-transform: translateX(0px);
  1312. -ms-transform: translateX(0px);
  1313. -o-transform: translateX(0px);
  1314. transform: translateX(0px);
  1315. opacity: 1;
  1316. }
  1317.  
  1318. nav.show .pop {transition-delay:0s;}
  1319. nav.show .pop-post {transition-delay:.5s;}
  1320. nav.show .entry {transition-delay:.75s;}
  1321.  
  1322. nav .pop {
  1323. margin:25px auto 25px;
  1324. width:500px;
  1325. }
  1326.  
  1327. nav .box-p {
  1328. top:165px;
  1329. }
  1330.  
  1331. nav .extra {
  1332. top:165px;
  1333. }
  1334.  
  1335. nav .entry {
  1336. z-index:10000;
  1337. margin:0 0 40px 0;
  1338. width:100%;
  1339. overflow:hidden;
  1340. white-space:nowrap;
  1341. text-overflow:ellipsis;
  1342. -webkit-transform: translateY(-30px) translateX(0);
  1343. -moz-transform: translateY(-30px) translateX(0);
  1344. -ms-transform: translateY(-30px) translateX(0);
  1345. -o-transform: translateY(-30px) translateX(0);
  1346. transform: translateY(-30px) translateX(0);
  1347. opacity: 0;
  1348. -webkit-transition: all 0.4s ease;
  1349. -moz-transition: all 0.4s ease;
  1350. -o-transition: all 0.4s ease;
  1351. transition: all 0.4s ease;
  1352. }
  1353.  
  1354. nav svg {
  1355. width:12px;
  1356. height:12px;
  1357. margin:0 15px -1.5px 0;
  1358. }
  1359.  
  1360. .ellip {margin-bottom:-5px;}
  1361.  
  1362. .rblg, .ago {display:inline-block;}
  1363.  
  1364. .rblg {
  1365. margin-right:15px;
  1366. text-transform:lowercase;
  1367. }
  1368.  
  1369. nav .tex img {
  1370. width:100%;
  1371. display:block;
  1372. }
  1373.  
  1374. nav .pop-post {
  1375. -webkit-transform: translateX(100%);
  1376. -moz-transform: translateX(100%);
  1377. -ms-transform: translateX(100%);
  1378. -o-transform: translateX(100%);
  1379. transform: translateX(100%);
  1380. opacity: 0;
  1381. -webkit-transition: all 0.4s ease;
  1382. -moz-transition: all 0.4s ease;
  1383. -o-transition: all 0.4s ease;
  1384. transition: all 0.4s ease;
  1385. }
  1386.  
  1387. nav .when, nav .entry {
  1388. color:{color:info};
  1389. }
  1390.  
  1391. /* overlay */
  1392.  
  1393. .overlay {
  1394. position:fixed;
  1395. top:0;
  1396. left:0;
  1397. z-index:100;
  1398. width:100%;
  1399. height:100%;
  1400. background-color:rgb({RGBcolor:lightbox});
  1401. opacity:0;
  1402. visibility:hidden;
  1403. -webkit-transition: all 0.2s ease-out;
  1404. -moz-transition: all 0.2s ease-out;
  1405. -o-transition: all 0.2s ease-out;
  1406. transition: all 0.2s ease-out;
  1407. }
  1408.  
  1409. .overlay.show {
  1410. opacity:.75;
  1411. visibility:visible;
  1412. }
  1413.  
  1414. /* pagination */
  1415.  
  1416. footer {
  1417. clear:both;
  1418. text-align:center;
  1419. text-transform:lowercase;
  1420. width:100%;
  1421. margin:0 auto 115px;
  1422. }
  1423.  
  1424. .pagination {
  1425. margin:0 auto;
  1426. position:relative;
  1427. }
  1428.  
  1429. .pagination a {margin-right:15px;}
  1430. .pagination a:hover {color:{color:text};}
  1431.  
  1432. /* scroll to top */
  1433.  
  1434. .scrollup {
  1435. display:none;
  1436. position:fixed;
  1437. bottom:15px;
  1438. right:20px;
  1439. z-index:7;
  1440. }
  1441.  
  1442. .scrollup svg {
  1443. color:{color:text};
  1444. padding:5px;
  1445. width:14px;
  1446. height:14px;
  1447. }
  1448.  
  1449. .scrollup svg:hover {
  1450. color:#000;
  1451. -webkit-transition: all .3s;
  1452. -moz-transition: all .3s;
  1453. -o-transition: all .3s;
  1454. -ms-transition: all .3s;
  1455. transition: all .3s;
  1456. }
  1457.  
  1458. /* credit */
  1459.  
  1460. .credit {
  1461. clear:both;
  1462. width:100%;
  1463. margin-top:50px;
  1464. margin-bottom:100px;
  1465. text-align:center;
  1466. text-transform:lowercase;
  1467. }
  1468.  
  1469. .credit svg {
  1470. z-index:6;
  1471. width:13px;
  1472. height:13px;
  1473. padding:5px;
  1474. color:{color:text};
  1475. }
  1476.  
  1477. .credit a {
  1478. font-weight:700;
  1479. margin-bottom:5px;
  1480. margin:5px;
  1481. }
  1482.  
  1483. {block:ifLoadMore}
  1484. .pagination, #infscr-loading {
  1485. display:none!important;
  1486. }
  1487. {/block:ifLoadMore}
  1488.  
  1489. {block:IfNotLoadMore}
  1490. .load {
  1491. display:none;
  1492. }
  1493. {/block:IfNotLoadMore}
  1494.  
  1495. /* queries */
  1496.  
  1497. {block:PermalinkPage}
  1498. @media (min-width:901px) {
  1499. {block:IfSocialBlock}
  1500. section {
  1501. margin-top:100px!important;
  1502. }
  1503. {/block:IfSocialBlock}
  1504. }
  1505.  
  1506. @media (min-width:900px) {
  1507. header {
  1508. min-width:calc(((250px * 3) + (50px * 3) - 36px));
  1509. max-width:calc(((250px * 3) + (50px * 3) - 36px));
  1510. }
  1511.  
  1512. .icon {
  1513. position:absolute;
  1514. transform:translate(-50%,0);
  1515. left:50%;
  1516. margin-left:calc((-250px / 2) - 50px);
  1517. }
  1518.  
  1519. .bloginfo {
  1520. max-width:50%;
  1521. position:absolute;
  1522. left:50%;
  1523. transform:translate(-50%,0);
  1524. margin-left:calc(250px / 2);
  1525. }
  1526. }
  1527. .box {display:none;}
  1528. {/block:PermalinkPage}
  1529.  
  1530. @media (min-width:901px) {
  1531. .social ul {
  1532. margin-right:25px;
  1533. }
  1534.  
  1535. {block:IfSocialBlock}
  1536. section {
  1537. margin-top:100px;
  1538. }
  1539. {/block:IfSocialBlock}
  1540. }
  1541.  
  1542. @media (max-width:900px) {
  1543. .social ul {
  1544. margin:0 12.5px 0 12.5px;
  1545. }
  1546.  
  1547. .burger.clicked {
  1548. padding:25px;
  1549. width:calc(100% - 50px);
  1550. background:{color:post};
  1551. border-bottom:1px solid {color:borders};
  1552. position:fixed;
  1553. z-index:10000;
  1554. top:0px;
  1555. left:0px;
  1556. transition-delay:.5s;
  1557. }
  1558.  
  1559. .burger.clicked .info {
  1560. display:none;
  1561. }
  1562.  
  1563. .burger.clicked .arr {
  1564. display:block;
  1565. cursor:pointer;
  1566. margin-left:22px;
  1567. }
  1568.  
  1569. .burger .arr {
  1570. color:{color:text};
  1571. }
  1572.  
  1573. .arr svg {
  1574. color:{color:text};
  1575. width:15px;
  1576. height:15px;
  1577. margin:0 15px -4px 0;
  1578. }
  1579.  
  1580. nav, nav .pop {
  1581. width:calc(100% - 50px);
  1582. }
  1583.  
  1584. nav .pop {margin-top:80px;}
  1585.  
  1586. header {
  1587. margin-top:115px;
  1588. width:100%;
  1589. margin-bottom:50px;
  1590. }
  1591.  
  1592. .icon {
  1593. {block:IfPostsBorders}
  1594. margin-left:calc(50% - (({select:icon} + 15px) / 2));
  1595. {/block:IfPostsBorders}
  1596. {block:IfNotPostsBorders}
  1597. margin-left:calc(50% - ({select:icon} / 2));
  1598. {/block:IfNotPostsBorders}
  1599. }
  1600.  
  1601. .bloginfo {
  1602. text-align:center;
  1603. margin:30px auto;
  1604. max-width:calc(100% - 50px);
  1605. padding:0 20px 0 20px;
  1606. }
  1607.  
  1608. .nav {
  1609. margin-left:-5px;
  1610. }
  1611.  
  1612. {block:PermalinkPage}
  1613. .posts {
  1614. width:calc(100% - 60px);
  1615. }
  1616. {/block:PermalinkPage}
  1617. }
  1618.  
  1619. @media (max-width:480px) {
  1620. .cher {display:none;}
  1621. .burger.clicked .arr {
  1622. margin-left:5px;
  1623. }
  1624.  
  1625. .nav li {margin-right:10px;}
  1626. .nav {margin-left:-30px;}
  1627.  
  1628. nav {
  1629. height:calc(100% - 30px);
  1630. padding:15px;
  1631. }
  1632.  
  1633. nav, nav .pop {
  1634. width:calc(100% - 30px);
  1635. }
  1636.  
  1637. .blo {
  1638. margin-left:0px;
  1639. }
  1640.  
  1641. .link {
  1642. right:20px;
  1643. }
  1644.  
  1645. nav .entry {
  1646. margin:0 0 30px 0;
  1647. }
  1648.  
  1649. .ellip {
  1650. max-width:50%;
  1651. overflow:hidden;
  1652. white-space:nowrap;
  1653. text-overflow:ellipsis;
  1654. }
  1655.  
  1656. {block:PermalinkPage}
  1657. .posts {
  1658. width:calc(100% - 12px);
  1659. }
  1660. {/block:PermalinkPage}
  1661. }
  1662.  
  1663. @media (max-width:320px) {
  1664. .social {
  1665. overflow-x:scroll;
  1666. overflow-y:hidden;
  1667. white-space:nowrap;
  1668. }
  1669.  
  1670. .nav li {margin-right:5px;}
  1671.  
  1672. .credit {
  1673. z-index:6;
  1674. position:relative;
  1675. padding:0 0 100px 0;
  1676. margin:-115px 0 0 0;
  1677. }
  1678. }
  1679.  
  1680. {CustomCSS}
  1681.  
  1682. </style>
  1683. </head>
  1684.  
  1685. <body>
  1686.  
  1687. <div class="topbar">
  1688.  
  1689. <div class="link">
  1690. <a href="/ask" title="{lang:Mail}">
  1691. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
  1692. </a>
  1693.  
  1694. <a href="/archive" title="{lang:Archive}">
  1695. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-grid"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>
  1696. </a>
  1697.  
  1698. <a href="https://www.tumblr.com/follow/{Name}" title="{lang:Follow}">
  1699. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
  1700. </a>
  1701. </div>
  1702.  
  1703. <div class="blo"><a href="/">| {Name}</a></div>
  1704.  
  1705. <div class="cher">
  1706. <script language="javascript">
  1707. function send()
  1708. {document.theform.submit()}
  1709. </script>
  1710.  
  1711. <form action="/search" method="get" class="sfm" name="theform">
  1712. <input type="text" name="q" placeholder="search" id="sf"/>
  1713. </form>
  1714. </div>
  1715.  
  1716. </div>
  1717.  
  1718. <header>
  1719.  
  1720. <div class="icon">
  1721. {block:ifIconImage}<img src="{image:icon}">{/block:ifIconImage}
  1722. {block:IfNotIconImage}<img src="{PortraitURL-64}">{/block:IfNotIconImage}
  1723. </div>
  1724.  
  1725. <div class="bloginfo">
  1726. <div class="blogtitle"><a href="/">{Title}</a></div>
  1727. <div class="desc">{Description}</div>
  1728.  
  1729. <ul class="nav">
  1730. {block:ifLink1}<li><a href="{text:Link 1 URL}">{text:Link 1}</a></li>{/block:ifLink1}
  1731. {block:ifLink2}<li><a href="{text:Link 2 URL}">{text:Link 2}</a></li>{/block:ifLink2}
  1732. {block:ifLink3}<li><a href="{text:Link 3 URL}">{text:Link 3}</a></li>{/block:ifLink3}
  1733. {block:ifLink4}<li><a href="{text:Link 4 URL}">{text:Link 4}</a></li>{/block:ifLink4}
  1734. {block:ifLink5}<li><a href="{text:Link 5 URL}">{text:Link 5}</a></li>{/block:ifLink5}
  1735. </ul>
  1736.  
  1737. {block:IfSocialBlock}
  1738. <div class="social ">
  1739. <ul><li><a href="{text:social one link}" title="{text:social one title}"><img src="{image:social one}"></a></li></ul>
  1740. {block:IfSocialTwo}
  1741. <ul><li><a href="{text:social two link}" title="{text:social two title}"><img src="{image:social two}"></a></li></ul>
  1742. {/block:IfSocialTwo}
  1743. {block:IfSocialThree}
  1744. <ul><li><a href="{text:social three link}" title="{text:social three title}"><img src="{image:social three}"></a></li></ul>
  1745. {/block:IfSocialThree}
  1746. </div>
  1747. {/block:IfSocialBlock}
  1748.  
  1749. </div>
  1750.  
  1751. </header>
  1752.  
  1753. <!-- posts ----------------------------------------------------------------->
  1754.  
  1755. <section id="entries">
  1756.  
  1757. {block:Posts}
  1758. <article class="posts {block:Caption}captioned{/block:Caption}" id="{PostID}">
  1759.  
  1760. {block:Date}
  1761. {block:IndexPage}
  1762. <div class="burger">
  1763.  
  1764. <div class="info">
  1765. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-message-circle"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path></svg>
  1766. </div>
  1767.  
  1768. <div class="arr">
  1769. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg> close
  1770. </div>
  1771.  
  1772. </div>
  1773.  
  1774. <nav>
  1775.  
  1776. <div class="pop">
  1777. <div class="pop-post">
  1778.  
  1779. <div class="entry">
  1780.  
  1781. <div class="rblg">
  1782. {block:RebloggedFrom}
  1783. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-repeat"><polyline points="17 1 21 5 17 9"></polyline><path d="M3 11V9a4 4 0 0 1 4-4h14"></path><polyline points="7 23 3 19 7 15"></polyline><path d="M21 13v2a4 4 0 0 1-4 4H3"></path></svg>
  1784. <a class="ellip" href="{ReblogParentURL}">{ReblogParentName}</a>
  1785. {/block:RebloggedFrom}
  1786.  
  1787. {block:NotReblog}
  1788. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-feather"><path d="M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z"></path><line x1="16" y1="8" x2="2" y2="22"></line><line x1="17" y1="15" x2="9" y2="15"></line></svg>
  1789. <a class="ellip" href="{Permalink}">{Name}</a>
  1790. {/block:NotReblog}
  1791. </div>
  1792.  
  1793. <a href="{Permalink}" target="_blank">
  1794. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
  1795. <div class="ellip ago">{TimeStamp}</div>
  1796. </a>
  1797.  
  1798. </div>
  1799.  
  1800. {block:Link}
  1801. {block:Description}
  1802. {block:NotReblog}
  1803. <li class="comment" style="padding-top:0;">
  1804. <div class="title"><a href="{URL}">{Name}</a></div>
  1805. <div class="tex">{description}</div>
  1806. </li>
  1807. {/block:NotReblog}
  1808. {/block:Description}
  1809. {block:RebloggedFrom}
  1810. <li class="comment" style="padding-top:0;">
  1811. {block:Reblogs}
  1812. {block:IsOriginalEntry}
  1813. <span><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img src="{PortraitURL-64}">{Username}</a>
  1814. <div class="title"><a href="{URL}">{Name}</a></div></span>
  1815. <div class="tex">{Body}</div>
  1816. {/block:IsOriginalEntry}
  1817. {block:IsNotOriginalEntry}
  1818. <span><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank">
  1819. <img src="{PortraitURL-64}">{Username}</a></span>
  1820. <div class="title"><a href="{URL}">{Name}</a></div>
  1821. <div class="tex">{Body}</div>
  1822. {block:IsNotOriginalEntry}
  1823. {/block:Reblogs}
  1824. </li>
  1825. {/block:RebloggedFrom}
  1826. {/block:Link}
  1827.  
  1828. {block:Chat}
  1829. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1830. <ol class="chat">
  1831. {block:Lines}<li class="l {Alt}">
  1832. {block:label}<span class="label">{label}</span>{/block:label}{line}
  1833. </li>{/block:Lines}
  1834. </ol>
  1835. {/block:Chat}
  1836.  
  1837. {block:Quote}
  1838. <div class="quote">{Quote}</div>
  1839. {block:Source}<div class="source">— {Source}</div>{/block:Source}
  1840. {/block:Quote}
  1841.  
  1842. {block:Text}
  1843. {block:RebloggedFrom}
  1844. <li class="comment" style="padding-top:0;">
  1845. {block:Reblogs}
  1846. {block:IsOriginalEntry}
  1847. <span><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img src="{PortraitURL-64}">{username}</a>
  1848. {block:Title}<div class="title">{title}</div>{/block:Title}
  1849. </span><div class="tex">{body}</div>
  1850. {/block:IsOriginalEntry}
  1851. {block:IsNotOriginalEntry}
  1852. <span><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank">
  1853. <img src="{PortraitURL-64}">{username}</a></span>
  1854. {block:Title}<div class="title">{title}</div>{/block:Title}
  1855. <div class="tex">{body}</div>
  1856. {block:IsNotOriginalEntry}
  1857. {/block:Reblogs}
  1858. </li>
  1859. {/block:RebloggedFrom}
  1860. {block:NotReblog}
  1861. <li class="comment" style="padding-top:0;">
  1862. <span><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img src="{PortraitURL-64}">{Name}</a></span>
  1863. {block:Title}<div class="title">{title}</div>{/block:Title}
  1864. <div class="tex">{body}</div>
  1865. </li>
  1866. {/block:NotReblog}
  1867. {/block:Text}
  1868.  
  1869. <div class="ph">
  1870. {block:Photo}<img src="{PhotoURL-HighRes}">{/block:Photo}
  1871.  
  1872. {block:Photoset}
  1873. <div class="photoset">
  1874. <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></div>{/block:Photos}</div>
  1875. </div>
  1876. {/block:Photoset}
  1877. </div>
  1878.  
  1879. {block:Video}
  1880. <div class="video">{Video-500}</div>
  1881. {/block:Video}
  1882.  
  1883. {block:Audio}
  1884. <div class="audio">
  1885.  
  1886. {block:AudioPlayer}
  1887. <div class="playinfo">
  1888. <div class="track">{block:TrackName}{TrackName}{/block:TrackName}</div>
  1889. <div class="artist">{block:Artist}- {Artist} -{/block:Artist}</div>
  1890. </div>
  1891. <div class="extra"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-skip-back"><polygon points="19 20 9 12 19 4 19 20"></polygon><line x1="5" y1="19" x2="5" y2="5"></line></svg> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-skip-forward"><polygon points="5 4 15 12 5 20 5 4"></polygon><line x1="19" y1="5" x2="19" y2="19"></line></svg> </div>
  1892.  
  1893. <div class="box-p">{AudioPlayer}</div>
  1894. {/block:AudioPlayer}
  1895.  
  1896. {block:AudioEmbed}
  1897. <div class="embed">{AudioEmbed-500}</div>
  1898. {/block:AudioEmbed}
  1899.  
  1900. </div>
  1901. {/block:Audio}
  1902.  
  1903. {block:Caption}
  1904. {block:Reblogs}
  1905. <li class="comment {block:Title}ted{/block:Title}">
  1906. {block:IsOriginalEntry}
  1907. {block:IsActive}
  1908. <span><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img src="{PortraitURL-64}">{Username}</a></span>
  1909. {/block:IsActive}
  1910. {block:IsDeactivated}
  1911. <span><div class="user deactivated">
  1912. <img src="{PortraitURL-64}">{Username}</div></span>
  1913. {/block:IsDeactivated}
  1914. {/block:IsOriginalEntry}
  1915. {block:IsNotOriginalEntry}
  1916. <span><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img src="{PortraitURL-64}">{Username}</a>
  1917. {/block:IsNotOriginalEntry}
  1918. </span><div class="tex">{Body}</div>
  1919. </li>
  1920. {/block:Reblogs}
  1921. {block:NotReblog}
  1922. <li class="comment {block:Title}ted{/block:Title}">
  1923. <span><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img src="{PortraitURL-64}">{Name}</a></span>
  1924. <div class="tex">{Caption}</div>
  1925. </li>
  1926. {/block:NotReblog}
  1927. {/block:Caption}
  1928.  
  1929. {block:Answer}
  1930. <div class="comment" style="padding-bottom:0;padding-top:0;">
  1931. <div class="q">
  1932. <div class="user"><img src="{AskerPortraitURL-64}">{Asker} sent</div>
  1933. <div class="ques">{Question}</div>
  1934. </div>
  1935. </div>
  1936. {block:Answerer}
  1937. <li class="comment" style="padding-top:10px;">
  1938. <div class="user"><img src="{AnswererPortraitURL-64}">{Answerer} replied</div>
  1939. <div class="tex">{Answer}</div>
  1940. </li>
  1941. {/block:Answerer}
  1942. {block:NotReblog}
  1943. <li class="comment" style="padding-top:10px;">
  1944. <div class="tex">{Replies}</div>
  1945. </li>
  1946. {/block:NotReblog}
  1947. {block:RebloggedFrom}
  1948. {block:Reblogs}
  1949. <li class="comment">
  1950. <a {block:HasPermalink}href="{permalink}"{/block:HasPermalink} class="user" target="_blank"><img src="{PortraitURL-64}">{Username}</a>
  1951. <div class="tex">{Body}</div>
  1952. </li>
  1953. {/block:Reblogs}
  1954. {/block:RebloggedFrom}
  1955. {/block:Answer}
  1956.  
  1957. <div class="when">
  1958.  
  1959. <div class="post-controls">
  1960. <a class="like-b" href="#">{LikeButton}
  1961. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-heart"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg> <span class="b"> like</span></a>
  1962. <a class="rb" href="{ReblogURL}" target="_blank">
  1963. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-repeat"><polyline points="17 1 21 5 17 9"></polyline><path d="M3 11V9a4 4 0 0 1 4-4h14"></path><polyline points="7 23 3 19 7 15"></polyline><path d="M21 13v2a4 4 0 0 1-4 4H3"></path></svg> reblog</a>
  1964. {block:NoteCount}
  1965. <a href="{Permalink}">
  1966. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bar-chart-2"><line x1="18" y1="20" x2="18" y2="10"></line><line x1="12" y1="20" x2="12" y2="4"></line><line x1="6" y1="20" x2="6" y2="14"></line></svg> {NoteCountWithLabel}</a>
  1967. {/block:NoteCount}
  1968. </div>
  1969.  
  1970. {block:HasTags}
  1971. <div class="tags">
  1972. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-tag"><path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"></path><line x1="7" y1="7" x2="7" y2="7"></line></svg>
  1973. {block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}
  1974. </div>
  1975. {/block:HasTags}
  1976. {block:RebloggedFrom}
  1977. <div style="margin-top:5px;"></div>
  1978. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path></svg>
  1979. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1980. {/block:RebloggedFrom}
  1981.  
  1982. </div></div>
  1983.  
  1984. </nav>
  1985.  
  1986. <div class="overlay"></div>
  1987.  
  1988. {/block:IndexPage}
  1989. {/block:Date}
  1990.  
  1991. <!-- quote ----------------------------------------------------------------->
  1992. {block:Quote}
  1993. <div class="box">
  1994. <div class="quote">{Quote}</div>
  1995. </div>
  1996.  
  1997. {block:PermalinkPage}
  1998. <div class="quote">{Quote}</div>
  1999. {block:Source}<div class="source">{Source}</div>{/block:Source}
  2000. {/block:PermalinkPage}
  2001. {/block:Quote}
  2002.  
  2003. <!-- text ------------------------------------------------------------------>
  2004. {block:Text}
  2005. <div class="box">
  2006. {block:Title}<div class="title">{Title}</div>{/block:Title}
  2007. {block:RebloggedFrom}{block:Reblogs}
  2008. <li class="cap">
  2009. <div class="tex">{Body}</div></li>
  2010. {/block:Reblogs}{/block:RebloggedFrom}
  2011. {block:NotReblog}
  2012. <li class="cap">
  2013. <div class="tex">{Body}</div></li>
  2014. {/block:NotReblog}
  2015. </div>
  2016.  
  2017. {block:PermalinkPage}
  2018. {block:RebloggedFrom}
  2019. <li class="comment" style="padding-top:20px;">
  2020. {block:Reblogs}
  2021. {block:IsOriginalEntry}
  2022. <span><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img src="{PortraitURL-64}">{Username}</a>
  2023. {block:Title}<div class="title">{Title}</div>{/block:Title}
  2024. </span><div class="tex">{Body}</div>
  2025. {/block:IsOriginalEntry}
  2026. {block:IsNotOriginalEntry}
  2027. <span><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img src="{PortraitURL-64}">{Username}</a></span>
  2028. {block:Title}<div class="title">{Title}</div>{/block:Title}
  2029. <div class="tex">{Body}</div>
  2030. {block:IsNotOriginalEntry}
  2031. {/block:Reblogs}
  2032. </li>
  2033. {/block:RebloggedFrom}
  2034. {block:NotReblog}
  2035. <li class="comment" style="padding-top:20px;">
  2036. {block:Title}<div class="title">{Title}</div>{/block:Title}
  2037. <div class="tex">{Body}</div>
  2038. </li>
  2039. {/block:NotReblog}
  2040. {/block:PermalinkPage}
  2041. {/block:Text}
  2042.  
  2043. <!-- link ------------------------------------------------------------------>
  2044. {block:Link}
  2045. <div class="box">
  2046. <div class="title-two"><a href="{URL}">{Name}</a></div>
  2047. </div>
  2048.  
  2049. {block:PermalinkPage}
  2050. {block:Description}
  2051. {block:NotReblog}
  2052. <li class="comment ted">
  2053. <div class="title"><a href="{URL}">{Name}</a></div>
  2054. <div class="tex">{description}</div>
  2055. </li>
  2056. {/block:NotReblog}
  2057. {/block:Description}
  2058. {block:RebloggedFrom}
  2059. {block:Reblogs}
  2060. {block:IsActive}
  2061. <li class="comment">
  2062. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank"><img src="{PortraitURL-64}">{username}</a>
  2063. <div class="title"><a href="{URL}">{Name}</a></div>
  2064. <div class="tex">{body}</div>
  2065. </li>
  2066. {/block:IsActive}
  2067. {block:IsDeactivated}
  2068. <li class="comment">
  2069. <span class="user deactivated"><img src="{PortraitURL-64}">{username}</span>
  2070. <div class="title"><a href="{URL}">{Name}</a></div>
  2071. <div class="tex">{body}</div>
  2072. </li>
  2073. {/block:IsDeactivated}
  2074. {/block:Reblogs}
  2075. {/block:RebloggedFrom}
  2076. {/block:PermalinkPage}
  2077. {/block:Link}
  2078.  
  2079. <!-- chat ------------------------------------------------------------------>
  2080. {block:Chat}
  2081. <div class="box">
  2082. {block:Title}<div class="user">{Title}</div>{/block:Title}
  2083. <ol class="chat">
  2084. {block:Lines}<li class="l {Alt}">
  2085. {block:label}<span class="label">{label}</span>{/block:label}{line}
  2086. </li>{/block:Lines}
  2087. </ol>
  2088. </div>
  2089.  
  2090. {block:PermalinkPage}
  2091. {block:Title}<div class="title">{Title}</div>{/block:Title}
  2092. <ol class="chat">
  2093. {block:Lines}<li class="l {Alt}">
  2094. {block:label}<span class="label">{label}</span>{/block:label}{line}
  2095. </li>{/block:Lines}
  2096. </ol>
  2097. {/block:PermalinkPage}
  2098. {/block:Chat}
  2099.  
  2100. <div class="ph">
  2101.  
  2102. <!-- photos ---------------------------------------------------------------->
  2103. {block:IndexPage}
  2104. {block:Photo}
  2105. <div class="foto" style="background-image:url('{PhotoURL-HighRes}');"></div>
  2106. {/block:Photo}
  2107.  
  2108. {block:Photoset}
  2109. <div class="copy"> <svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-copy"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg> </div>
  2110. {block:Photos}
  2111. <div class="foto" style="background-image:url('{PhotoURL-HighRes}');"></div>
  2112. <!--{/block:Photos}-->
  2113. {/block:Photoset}
  2114. {/block:IndexPage}
  2115.  
  2116. {block:PermalinkPage}
  2117. {block:Photo}<img src="{PhotoURL-HighRes}">{/block:Photo}
  2118.  
  2119. {block:Photoset}
  2120. <div class="photoset">
  2121. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"> <div class="pxu-photo"><img src="{PhotoURL-HighRes}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"> </div></div>{/block:Photos}</div>
  2122. </div>
  2123. {/block:Photoset}
  2124. {/block:PermalinkPage}
  2125.  
  2126. <!-- video ----------------------------------------------------------------->
  2127. {block:Video}
  2128. <div class="box">
  2129. <div class="vid">
  2130. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-video"><polygon points="23 7 16 12 23 17 23 7"></polygon><rect x="1" y="5" width="15" height="14" rx="2" ry="2"></rect></svg>
  2131. </div>
  2132. </div>
  2133.  
  2134. {block:PermalinkPage}
  2135. <div class="video">{Video-500}</div>
  2136. {/block:PermalinkPage}
  2137. {/block:Video}
  2138.  
  2139. <!-- audio ----------------------------------------------------------------->
  2140. {block:Audio}
  2141. <div class="box">
  2142. <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="2" 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>
  2143. {block:AlbumArt}<div class="cover" style="background-image:url('{AlbumArtURL}');"></div>{/block:AlbumArt}
  2144. <div class="tr"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" 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> {block:TrackName}{TrackName}{/block:TrackName}</div>
  2145. <div class="art">{block:Artist}by {Artist}{/block:Artist}</div>
  2146. </div>
  2147.  
  2148. {block:PermalinkPage}
  2149. <div class="audio">
  2150.  
  2151. {block:AudioPlayer}
  2152. <div class="playinfo">
  2153. <div class="track">{block:TrackName}{TrackName}{/block:TrackName}</div>
  2154. <div class="artist">{block:Artist}- {Artist} -{/block:Artist}</div>
  2155. </div>
  2156. <div class="extra"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-skip-back"><polygon points="19 20 9 12 19 4 19 20"></polygon><line x1="5" y1="19" x2="5" y2="5"></line></svg> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-skip-forward"><polygon points="5 4 15 12 5 20 5 4"></polygon><line x1="19" y1="5" x2="19" y2="19"></line></svg> </div>
  2157.  
  2158. <div class="box-p">{AudioPlayer}</div>
  2159. {/block:AudioPlayer}
  2160.  
  2161. {block:AudioEmbed}
  2162. <div class="embed">{AudioEmbed-500}</div>
  2163. {/block:AudioEmbed}
  2164.  
  2165. </div>
  2166. {/block:PermalinkPage}
  2167. {/block:Audio}
  2168.  
  2169. </div>
  2170.  
  2171. <!-- captions ------------------------------------------------------------->
  2172. {block:PermalinkPage}
  2173. {block:Caption}
  2174. {block:Reblogs}
  2175. <li class="comment {block:Title}ted{/block:Title}">
  2176. {block:IsOriginalEntry}
  2177. {block:IsActive}
  2178. <span><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img src="{PortraitURL-64}">{Username}</a></span>
  2179. {/block:IsActive}
  2180. {block:IsDeactivated}
  2181. <span><div class="user deactivated">
  2182. <img src="{PortraitURL-64}">{Username}</div></span>
  2183. {/block:IsDeactivated}
  2184. {/block:IsOriginalEntry}
  2185. {block:IsNotOriginalEntry}
  2186. <span><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img src="{PortraitURL-64}">{Username}</a>
  2187. {/block:IsNotOriginalEntry}
  2188. </span><div class="tex">{body}</div>
  2189. </li>
  2190. {/block:Reblogs}
  2191. {block:NotReblog}
  2192. <li class="comment {block:Title}ted{/block:Title}">
  2193. <span><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img src="{PortraitURL-64}">{Name}</a></span>
  2194. <div class="tex">{Caption}</div>
  2195. </li>
  2196. {/block:NotReblog}
  2197. {/block:Caption}
  2198. {/block:PermalinkPage}
  2199.  
  2200. <!-- answers --------------------------------------------------------------->
  2201. {block:Answer}
  2202. <div class="box">
  2203. <div class="cap">
  2204. <div class="q">
  2205. <div class="user"><img src="{AskerPortraitURL-64}">{Asker}</div>
  2206. <div class="ques">{Question}</div>
  2207. </div>
  2208. </div>
  2209. </div>
  2210.  
  2211. {block:PermalinkPage}
  2212. <div class="comment">
  2213. <div class="q">
  2214. <div class="user"><img src="{AskerPortraitURL-64}">{Asker} sent</div>
  2215. <div class="ques">{Question}</div>
  2216. </div>
  2217. </div>
  2218. {block:Answerer}
  2219. <li class="comment">
  2220. <div class="user"><img src="{AnswererPortraitURL-64}">{Answerer} replied</div>
  2221. <div class="tex">{Answer}</div>
  2222. </li>
  2223. {/block:Answerer}
  2224. {block:NotReblog}
  2225. <li class="comment" style="padding-top:0;">
  2226. <div class="tex">{Replies}</div>
  2227. </li>
  2228. {/block:NotReblog}
  2229. {block:RebloggedFrom}
  2230. {block:Reblogs}
  2231. <li class="comment">
  2232. <a {block:HasPermalink}href="{permalink}"{/block:HasPermalink} class="user" target="_blank"><img src="{PortraitURL-64}">{Username}</a>
  2233. <div class="tex">{Body}</div>
  2234. </li>
  2235. {/block:Reblogs}
  2236. {/block:RebloggedFrom}
  2237. {/block:PermalinkPage}
  2238. {/block:Answer}
  2239.  
  2240. {block:Date}{/block:Date}
  2241. </article>
  2242.  
  2243. <!-- post notes ------------------------------------------------------------>
  2244. {block:PostNotes}
  2245. <article class="posts pagenotes">
  2246.  
  2247. <div class="when">
  2248. {block:HasTags}
  2249. <div class="tags">
  2250. {lang:Filed Under}:{block:Tags}<a href="{TagUrl}"> {Tag}</a>{/block:Tags}
  2251. </div>
  2252. {/block:HasTags}
  2253.  
  2254. {block:RebloggedFrom}<span>
  2255. {block:ContentSource}
  2256. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a></br>
  2257. {/block:ContentSource}
  2258. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a></br>
  2259. </span>{/block:RebloggedFrom}
  2260. </div>
  2261.  
  2262. <a href="javascript:unhide('displaybx');">
  2263. <div class="noted">
  2264. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bar-chart-2"><line x1="18" y1="20" x2="18" y2="10"></line><line x1="12" y1="20" x2="12" y2="4"></line><line x1="6" y1="20" x2="6" y2="14"></line></svg> {NoteCountWithLabel}
  2265. </div>
  2266. </a>
  2267.  
  2268. <div id="displaybx" class="hidden">
  2269. <div class="postnotes">{PostNotes}</div>
  2270. </div>
  2271.  
  2272. </article>
  2273. {/block:PostNotes}
  2274. {/block:Posts}
  2275. </section>
  2276.  
  2277. <!-- pagination ------------------------------------------------------------>
  2278. <footer>
  2279. {block:Pagination}
  2280. <div class="pagination">
  2281.  
  2282. {block:PreviousPage}
  2283. <a href="{PreviousPage}" class="prev">prev</a>
  2284. {/block:PreviousPage}
  2285.  
  2286. {block:NextPage}
  2287. <a href="{NextPage}" class="next" style="margin-right:0;">next</a>
  2288. {/block:NextPage}
  2289.  
  2290. </div>
  2291. {/block:Pagination}
  2292.  
  2293. {block:IndexPage}
  2294. {block:IfLoadMore}
  2295. <a href="#" class="load">{lang:load more posts}</a>
  2296. {/block:IfLoadMore}
  2297. {/block:IndexPage}
  2298. </footer>
  2299.  
  2300. <a href="#" class="scrollup">
  2301. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-up"><polyline points="18 15 12 9 6 15"></polyline></svg>
  2302. </a>
  2303.  
  2304. <div class="credit">
  2305. <a href="https://amboise.tumblr.com/">amboise</a></br>
  2306. {lang:Powered by Tumblr}
  2307. </div>
  2308. <!-- end -->
  2309.  
  2310. <!-- jquery -->
  2311. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  2312. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.min.js"></script>
  2313. <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">
  2314. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  2315. <script src="//static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script>
  2316. <script type="text/javascript" src="https://static.tumblr.com/cqvi50o/VSzox2ncv/style-my-tooltips.js"></script>
  2317. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  2318. <script src="https://static.tumblr.com/2b2izpj/cB7ogqs8l/jquery.initialize.js"></script>
  2319. {block:IndexPage}{block:ifLoadMore}<script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifLoadMore}{/block:IndexPage}
  2320.  
  2321. <script>
  2322. $(document).ready(function(){
  2323. // tooltips
  2324. $("[title]").style_my_tooltips({
  2325. tip_follows_cursor: false,
  2326. tip_delay_time: 100,
  2327. tip_fade_speed: 300
  2328. });
  2329. // scroll to top
  2330. $(window).scroll(function(){
  2331. if ($(this).scrollTop() > 100) {
  2332. $('.scrollup').fadeIn();} else {
  2333. $('.scrollup').fadeOut();
  2334. }
  2335. });
  2336. $('.scrollup').click(function(){
  2337. $("html, body").animate({ scrollTop: 0 }, 1000);
  2338. return false;
  2339. });
  2340. // popup
  2341. $('.burger').each(function(){
  2342. $(this).click(function(){
  2343. $(this).toggleClass('clicked');
  2344. $(this).closest('article').find('nav, .overlay').toggleClass('show');
  2345. $('body').toggleClass('overflow');
  2346. });
  2347. });
  2348. // photosets
  2349. $('.photo-slideshow').pxuPhotoset({
  2350. lightbox: false,
  2351. rounded: false,
  2352. gutter: '2px',
  2353. photoset: '.photo-slideshow',
  2354. photoWrap: '.photo-data',
  2355. photo: '.pxu-photo'
  2356. });
  2357. // npf plugin by codematurgy
  2358. npfPhotosets('.posts, .pop', {
  2359. rowClass:'npf_row',
  2360. imageContainerClass:'tmblr-full',
  2361. generatedPhotosetContainerClass:'npf_photoset',
  2362. imageClass:'npf_image',
  2363. includeSingleRowImagesInPhotosets: true,
  2364. insertGalleryIndicator: true,
  2365. galleryIndicatorClass: 'npf_gallery_indicator',
  2366. galleryIndicatorContent: '<svg xmlns="https://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-copy"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>',
  2367. photosetMargins:'2',
  2368. });
  2369. // timeago by bychloethemes
  2370. $('.ago').timeAgo({
  2371. time: 'word',
  2372. spaces: true,
  2373. words: true,
  2374. suffix: "ago",
  2375. });
  2376. // audio player
  2377. var $audio = $('iframe.tumblr_audio_player');
  2378. $audio.load(function() {
  2379. $(this).contents().find('head').append('<style type="text/css">' +
  2380. '.audio-player {background:transparent;transform:scale(1);color:{color:text};max-width:30px!important;margin-top:3px!important;}' +
  2381. '.audio-player .progress, .audio-player .audio-info {display:none;}' +
  2382. '</style>');
  2383. });
  2384. // flexible frames by nouvae
  2385. function flexFrame() {
  2386. $(".comment").each(function() {
  2387. $(this).find("iframe").wrap("<div class='iframe-flex'></div>");
  2388. flexibleFrames($(".iframe-flex"));
  2389. });
  2390. flexibleFrames($(".video"));}
  2391. $(document).ready(flexFrame);
  2392. // infinite scroll
  2393. {block:IndexPage}
  2394. var $container = $('#entries');
  2395. {block:ifLoadMore}
  2396. $container.infinitescroll({
  2397. itemSelector: '.posts',
  2398. navSelector: '.pagination',
  2399. nextSelector: '.next',
  2400. loadingImg: '',
  2401. loadingText: '',
  2402. bufferPx: 2000,
  2403. errorCallback: function(){
  2404. $('.load').hide();
  2405. },
  2406. },
  2407. function(arrayOfNewElems) {
  2408. flexFrame();
  2409. var $newElems = $(arrayOfNewElems);
  2410. $newElems.find('.photo-slideshow').pxuPhotoset({
  2411. lightbox: false,
  2412. rounded: false,
  2413. gutter: '2px',
  2414. photoset: '.photo-slideshow',
  2415. photoWrap: '.photo-data',
  2416. photo: '.pxu-photo'
  2417. });
  2418. $newElems.find('.ago').timeAgo({
  2419. time: 'word',
  2420. spaces: true,
  2421. words: true,
  2422. suffix: 'ago',
  2423. });
  2424. $newElems.find('.burger').each(function(){
  2425. $(this).click(function(){
  2426. $(this).toggleClass('clicked');
  2427. $(this).closest('article').find('nav, .overlay')
  2428. .toggleClass('show');
  2429. $('body').toggleClass('overflow');
  2430. });
  2431. });
  2432. var $newElemsIDs = $newElems.map(function(){
  2433. return this.id;
  2434. }).get();
  2435. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs)
  2436. var npfOptions = {
  2437. rowClass:'npf_row',
  2438. imageContainerClass:'tmblr-full',
  2439. generatedPhotosetContainerClass:'npf_photoset',
  2440. imageClass:'npf_image',
  2441. includeSingleRowImagesInPhotosets: true,
  2442. insertGalleryIndicator: true,
  2443. galleryIndicatorClass: 'npf_gallery_indicator',
  2444. galleryIndicatorContent: '<svg xmlns="https://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-copy"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>',
  2445. photosetMargins:'2',
  2446. }
  2447. npfPhotosets('.posts, .pop', npfOptions);
  2448. var $audio = $('iframe.tumblr_audio_player');
  2449. $audio.load(function() {
  2450. $(this).contents().find('head').append('<style type="text/css">' +
  2451. '.audio-player {background:transparent;transform:scale(1);color:{color:text};max-width:30px!important;margin-top:3px!important;}' +
  2452. '.audio-player .progress, .audio-player .audio-info {display:none;}' +
  2453. '</style>');
  2454. });
  2455. });
  2456. $(window).unbind('.infscr');
  2457. $('.load').click(function(){
  2458. $container.infinitescroll('retrieve');
  2459. return false;
  2460. });
  2461. {/block:IfLoadMore}
  2462. {/block:IndexPage}
  2463. //remove tumblr redirects script by magnusthemes@tumblr
  2464. $('a[href*="t.umblr.com/redirect"]').initialize(function(){
  2465. var originalURL = $(this).attr("href").split("?z=")[1].split("&t=")[0];
  2466. var replaceURL = decodeURIComponent(originalURL);
  2467. $(this).attr("href", replaceURL);
  2468. });
  2469. });
  2470. </script>
  2471.  
  2472. <!-- controls -------------------------------------------------------------->
  2473. <div class="hcontrols">
  2474. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-more-vertical"><circle cx="12" cy="12" r="1"></circle><circle cx="12" cy="5" r="1"></circle><circle cx="12" cy="19" r="1"></circle></svg>
  2475. </div>
  2476.  
  2477. {block:ContentSource}
  2478. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  2479. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  2480. {/block:SourceLogo}
  2481. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2482. {/block:ContentSource}
  2483. </body></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!