API tools faq
paste
amboise

violeta

amboise
Apr 24th, 2020
5,323
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 52.60 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. theme violeta by amboise
  5. be cool and steal nor copy 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 demis
  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.  
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  30. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  31. <meta name="viewport" content="width=device-width, initial-scale=1">
  32.  
  33. <!--Default Variables-->
  34.  
  35. <meta name="color:Sidebar" content="#ffffff"/>
  36. <meta name="color:Sidebar Text" content="#666666"/>
  37. <meta name="color:Background" content="#f8f8f8"/>
  38. <meta name="color:Posts" content="#ffffff"/>
  39. <meta name="color:Text" content="#666666"/>
  40. <meta name="color:Info" content="#a4a3a3">
  41. <meta name="color:Link" content="#666666"/>
  42. <meta name="color:Scrollbar" content="#cccccc" />
  43. <meta name="color:Borders" content="#eeeeee"/>
  44. <meta name="color:Lightbox" content="#ffffff"/>
  45. <meta name="color:Tooltip Text" content="#8f8f8f"/>
  46. <meta name="color:Tooltip Background" content="#ffffff"/>
  47. <meta name="color:Tooltip Border" content="#e8e8e8"/>
  48. <meta name="color:Text Selection" content="#000000"/>
  49. <meta name="color:Text Selection Background" content="#fbfbfb"/>
  50.  
  51. <meta name="select:Font Size" content="13px" title="13px"/>
  52. <meta name="select:Font Size" content="14px" title="14px"/>
  53.  
  54. <meta name="select:Letter Spacing" content="0px" title="0px"/>
  55. <meta name="select:Letter Spacing" content="0.5px" title="0.5px"/>
  56. <meta name="select:Letter Spacing" content="1px" title="1px"/>
  57. <meta name="select:Letter Spacing" content="1.5px" title="1.5px"/>
  58. <meta name="select:Letter Spacing" content="2px" title="2px"/>
  59.  
  60. <meta name="select:Font" content="Muli" title="Muli"/>
  61. <meta name="select:Font" content="Lato" title="Lato"/>
  62. <meta name="select:Font" content="PT Sans" title="PT Sans"/>
  63. <meta name="select:Font" content="Karla" title="Karla"/>
  64. <meta name="select:Font" content="Nunito" title="Nunito"/>
  65. <meta name="select:Font" content="Fira Sans" title="Fira Sans"/>
  66. <meta name="select:Font" content="Source Sans Pro" tile="Source Sans Pro"/>
  67.  
  68. <meta name="select:Header Alignment" content="left" title="Left">
  69. <meta name="select:Header Alignment" content="center" title="Center">
  70. <meta name="select:Header Alignment" content="right" title="Right">
  71.  
  72. <meta name="if:Right Sidebar" content=""/>
  73. <meta name="if:Enter Button" content=""/>
  74. <meta name="if:Avatar" content=""/>
  75. <meta name="if:Dark Version" content=""/>
  76. <meta name="if:Show Captions" content="">
  77. <meta name="if:Show Tags" content=""/>
  78. <meta name="if:Show Via" content=""/>
  79. <meta name="if:Show Date" content=""/>
  80. <meta name="if:Show Post Controls" content=""/>
  81. <meta name="if:Load More" content=""/>
  82. <meta name="if:Infinite Scroll" content=""/>
  83.  
  84. <meta name="text:Search Placeholder" content="search blog"/>
  85.  
  86. <meta name="text:Link 1" content="" />
  87. <meta name="text:Link 1 URL" content="" />
  88. <meta name="text:Link 2" content="" />
  89. <meta name="text:Link 2 URL" content="" />
  90. <meta name="text:Link 3" content="" />
  91. <meta name="text:Link 3 URL" content="" />
  92. <meta name="text:Link 4" content="" />
  93. <meta name="text:Link 4 URL" content="" />
  94. <meta name="text:Link 5" content="" />
  95. <meta name="text:Link 5 URL" content="" />
  96. <meta name="text:Link 6" content="" />
  97. <meta name="text:Link 6 URL" content="" />
  98. <meta name="text:Link 7" content="" />
  99. <meta name="text:Link 7 URL" content="" />
  100. <meta name="text:Link 8" content="" />
  101. <meta name="text:Link 8 URL" content="" />
  102. <meta name="text:Link 9" content="" />
  103. <meta name="text:Link 9 URL" content="" />
  104.  
  105. <meta name="image:Header" content=""/>
  106. <meta name="image:Icon" content=""/>
  107.  
  108. <!-- fonts ----------------------------------------------------------------->
  109.  
  110. <link href="https://fonts.googleapis.com/css?family={select:font}:400,400i,700,700i&display=swap" rel="stylesheet">
  111. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  112.  
  113. <!-- CSS customization ----------------------------------------------------->
  114.  
  115. <style type="text/css">
  116.  
  117. /* lightbox */
  118.  
  119. #tumblr_lightbox, .tmblr-lightbox {
  120. background-color:rgba({RGBcolor:lightbox},.95)!important;
  121. }
  122.  
  123. #vignette, .vignette {
  124. opacity:0;
  125. }
  126.  
  127. #tumblr_lightbox img, .lightbox-image {
  128. box-shadow:none!important;
  129. border-radius:0!important;
  130. border:1px solid {color:borders}!important;
  131. -moz-box-sizing:border-box;
  132. box-sizing:border-box;
  133. max-width:none;
  134. }
  135.  
  136. #tumblr_lightbox_caption, .lightbox-caption {
  137. visibility:hidden;
  138. }
  139.  
  140. /* tumblr controls by@cyantists */
  141.  
  142. iframe.tmblr-iframe {
  143. {block:IndexPage}display:none;{/block:IndexPage}
  144. {block:PermalinkPage}display:block;{/block:PermalinkPage}
  145. position:absolute;
  146. z-index:990;
  147. top:70px;
  148. right:7%;
  149. opacity:0.5;
  150. filter:invert(1) contrast(150%);
  151. -webkit-filter:invert(1) contrast(150%);
  152. -o-filter:invert(1) contrast(150%);
  153. -moz-filter:invert(1) contrast(150%);
  154. -ms-filter:invert(1) contrast(150%);
  155. transform:scale(0.65);
  156. transform-origin:100% 0;
  157. -webkit-transform:scale(0.65);
  158. -webkit-transform-origin:100% 0;
  159. -o-transform:scale(0.65);
  160. -o-transform-origin:100% 0;
  161. -moz-transform:scale(0.65);
  162. -moz-transform-origin:100% 0;
  163. -ms-transform:scale(0.65);
  164. -ms-transform-origin:100% 0;
  165. }
  166.  
  167. iframe.tmblr-iframe:hover {
  168. opacity:1!important;
  169. transition:all .3s linear;
  170. -o-transition:all .3s linear;
  171. -moz-transition:all .3s linear;
  172. -webkit-transition:all .3s linear;
  173. }
  174.  
  175. /* text selection color */
  176.  
  177. ::selection {
  178. background:{color:text selection background};
  179. color:{color:text selection};
  180. }
  181.  
  182. ::moz-selection {
  183. background:{color:text selection background};
  184. color:{color:text selection};
  185. }
  186.  
  187. ::webkit-selection {
  188. background:{color:text selection background};
  189. color:{color:text selection};
  190. }
  191.  
  192. /* scrollbar */
  193.  
  194. ::-webkit-scrollbar{
  195. height:12px;
  196. width:12px;
  197. background:inherit;
  198. }
  199.  
  200. ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
  201.  
  202. ::-webkit-scrollbar-track {background:{color:background};}
  203.  
  204. ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {
  205. border:4.5px solid {color:background};}
  206.  
  207. #s-m-t-tooltip {
  208. max-width:300px;
  209. z-index:10;
  210. margin:0 14px 0 12px;
  211. padding:5px 10px 5px 10px;
  212. background-color:rgb({RGBcolor:tooltip background});
  213. border:1px solid {color:tooltip border};
  214. color:{color:tooltip text};
  215. font-size:calc({select:font size} - 1px);
  216. text-transform:lowercase;
  217. letter-spacing:1px;
  218. line-height:16px;
  219. }
  220.  
  221. /* main structure */
  222.  
  223. body {
  224. position:relative;
  225. color:{color:text};
  226. background-color:{color:background};
  227. font-size:{select:font size};
  228. font-family:{select:font}, serif, sans-serif, monospace;
  229. line-height:1.75em;
  230. letter-spacing:{select:letter spacing};
  231. font-weight:400;
  232. word-wrap:break-word;
  233. text-align:left;
  234. margin:0;
  235. -moz-osx-font-smoothing:grayscale;
  236. -webkit-font-smoothing:antialiased;
  237. font-smoothing:antialiased;
  238. }
  239.  
  240. body.overflow {overflow:hidden;}
  241.  
  242. body div.npf_row img{
  243. cursor:default;
  244. }
  245.  
  246. body div.npf_photoset {
  247. margin:20px 0 20px 0;
  248. }
  249.  
  250. b, strong {font-weight:700;}
  251.  
  252. a {
  253. color:inherit;
  254. text-decoration:none;
  255. transition:all .3s linear;
  256. -webkit-transition:all .3s linear;
  257. -o-transition:all .3s linear;
  258. -moz-transition:all .3s linear;
  259. }
  260.  
  261. a, a img {cursor:pointer;}
  262.  
  263. a:hover {
  264. text-decoration:none;
  265. }
  266.  
  267. img {
  268. opacity:1;
  269. border:0;
  270. text-decoration:none;
  271. max-width:100%;
  272. height:auto;
  273. display:block;
  274. }
  275.  
  276. blockquote {
  277. padding:0 0 0 15px;
  278. margin:.75em 0;
  279. border-left:1px solid #eee;
  280. }
  281.  
  282. pre {
  283. padding:0;
  284. margin:0;
  285. line-height:inherit!important;
  286. background:transparent;
  287. font-family:inherit!Important;
  288. font-size:inherit!important;
  289. white-space:pre-wrap;
  290. white-space:-moz-pre-wrap;
  291. white-space:-pre-wrap;
  292. white-space:-o-pre-wrap;
  293. word-wrap:break-word;
  294. }
  295.  
  296. p {margin:.5em 0;}
  297.  
  298. p:first-of-type {margin-top:0;}
  299.  
  300. p:last-of-type {margin-bottom:.5em;}
  301.  
  302. small, big, sup, pre {
  303. font-size:{select:font size}!important;
  304. line-height:1.75em!important;
  305. vertical-align:baseline!important;
  306. }
  307.  
  308. h1, h2, h3, h4, h5, h6, h7, h8, h9, h10 {
  309. margin:.5em 0;
  310. padding:0;
  311. color:inherit;
  312. font-size:{select:font size};
  313. font-weight:400;
  314. }
  315.  
  316. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  317.  
  318. hr {
  319. border:none;
  320. box-shadow:0;
  321. margin:2em auto;
  322. width:75px;
  323. border-top:1px solid {color:borders};
  324. }
  325.  
  326. /* sidebar */
  327.  
  328. .copy {
  329. margin:25px 0 75px 0;
  330. }
  331.  
  332. .counter {
  333. text-align:right;
  334. text-transform:lowercase;
  335. margin:0 0 50px 0;
  336. min-height:25px;
  337. overflow:hidden;
  338. white-space:nowrap;
  339. text-overflow:ellipsis;
  340. }
  341.  
  342. .bloginfo {
  343. margin:0;
  344. position:relative;
  345. }
  346.  
  347. .bloginfo img {
  348. float:left;
  349. display:block;
  350. margin:-5px 25px 0 0;
  351. width:50px;
  352. height:50px;
  353. padding:5px;
  354. overflow:hidden;
  355. border-radius:50%;
  356. border:1px solid {color:borders};
  357. }
  358.  
  359. .blogtitle {
  360. font-weight:700;
  361. font-size:18px;
  362. letter-spacing:4px;
  363. line-height:30px;
  364. {block:IfAvatar}max-width:calc(100% - 30px);{/block:IfAvatar}
  365. max-width:100%;
  366. overflow:hidden;
  367. white-space:nowrap;
  368. text-overflow:ellipsis;
  369. }
  370.  
  371. .desc {
  372. margin:25px 0 25px 0;
  373. }
  374.  
  375. nav {
  376. width:100%;
  377. }
  378.  
  379. nav li {
  380. width:calc(100% / 2);
  381. float:left;
  382. display:block;
  383. margin:0 0 10px 0;
  384. }
  385.  
  386. nav li:before {
  387. content:url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http%3A%2F%2Fwww.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="rgba({RGBcolor:text})" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>');
  388. margin:4px 15px -4px 0;
  389. position:relative;
  390. }
  391.  
  392. nav li:hover a {
  393. margin-left:10px;
  394. }
  395.  
  396. nav svg {
  397. float:left;
  398. width:12px;
  399. height:12px;
  400. margin:6px 10px 0 0;
  401. }
  402.  
  403. .cher {
  404. display:block;
  405. position:absolute;
  406. bottom:75px;
  407. }
  408.  
  409. .sfm input {
  410. border:0;
  411. margin:0;
  412. padding:0;
  413. color:{color:sidebar text};
  414. text-align:left;
  415. text-transform:lowercase;
  416. letter-spacing:{select:letter spacing};
  417. font-family:{select:font};
  418. font-size:{select:font size};
  419. background:{color:sidebar};
  420. }
  421.  
  422. ::placeholder {
  423. color:{color:text};
  424. opacity: 1;
  425. }
  426.  
  427. :-ms-input-placeholder {
  428. color:{color:text};
  429. }
  430.  
  431. ::-ms-input-placeholder {
  432. color:{color:text};
  433. }
  434.  
  435. input:focus,
  436. select:focus,
  437. textarea:focus,
  438. button:focus {
  439. outline:none;
  440. }
  441.  
  442. /* posts */
  443.  
  444. header {
  445. background:{color:sidebar};
  446. color:{color:sidebar text};
  447. }
  448.  
  449. .item, .enter {display:none;}
  450. .page-1 {display:block;}
  451.  
  452. .foto {
  453. position:relative;
  454. width:50%;
  455. height:100vh;
  456. margin-left:50%;
  457. background:{color:background} no-repeat center {select:header alignment};
  458. background-size:cover;
  459. }
  460.  
  461. aside {
  462. position:absolute;
  463. z-index:10;
  464. }
  465.  
  466. {block:IfHeaderImage}
  467. .foto, aside {
  468. display:block;
  469. }
  470. {/block:IfHeaderImage}
  471.  
  472. {block:IfNotHeaderImage}
  473. .foto, aside {
  474. display:none;
  475. }
  476. {/block:IfNotHeaderImage}
  477.  
  478. .enter {
  479. position:absolute;
  480. bottom:75px;
  481. left:50%;
  482. transform:translate(-50%,0);
  483. }
  484.  
  485. .enter b {
  486. padding:10px 15px 10px 15px;
  487. background:{color:sidebar};
  488. color:{color:sidebar text};
  489. }
  490.  
  491. .enter:hover {
  492. cursor:pointer;
  493. }
  494.  
  495. section {
  496. width:50%;
  497. padding-top:135px;
  498. margin-left:50%;
  499. {block:PermalinkPage}
  500. min-height:calc(100vh - 215px);
  501. {/block:PermalinkPage}
  502. }
  503.  
  504. .cc {
  505. text-align:right;
  506. text-transform:lowercase;
  507. width:70%;
  508. margin:-60px auto 60px auto;
  509. }
  510.  
  511. .cc .links a {
  512. margin-left:15px;
  513. }
  514.  
  515. .cc .tot {
  516. text-align:left;
  517. float:left;
  518. }
  519.  
  520. .cc .tti {
  521. font-weight:700;
  522. font-size:calc({select:font size} + 3px);
  523. text-align:left;
  524. float:left;
  525. overflow:hidden;
  526. white-space:nowrap;
  527. text-overflow:ellipsis;
  528. }
  529.  
  530. .posts {
  531. width:70%;
  532. margin:auto auto 100px auto;
  533. }
  534.  
  535. .posts svg {
  536. width:{select:font size};
  537. height:{select:font size};
  538. margin:0 15px -1.5px 0;
  539. }
  540.  
  541. .ph {
  542. position:relative;
  543. overflow:hidden;
  544. }
  545.  
  546. .ph img {
  547. width:100%;
  548. display:block;
  549. }
  550.  
  551. .photo, .photoset {
  552. border:1px solid #eee;
  553. }
  554.  
  555. /* titles */
  556.  
  557. .title {
  558. font-size:calc({select:font size} + 2px);
  559. font-weight:700;
  560. margin:15px 0 15px 0;
  561. }
  562.  
  563. /* captions */
  564.  
  565. .from {
  566. {block:IndexPage}{block:IfNotShowVia}display:none;{/block:IfNotShowVia}{/block:IndexPage}
  567. padding-bottom:20px;
  568. }
  569.  
  570. .from svg {
  571. width:calc({select:font size} - 1px);
  572. display:inline-block;
  573. }
  574.  
  575. .ellip {
  576. display:inline-block;
  577. margin-bottom:-5px;
  578. max-width:calc(100% - 50px);
  579. overflow:hidden;
  580. white-space:nowrap;
  581. text-overflow:ellipsis;
  582. }
  583.  
  584. .captions {
  585. {block:IndexPage}{block:IfNotShowCaptions}display:none;{/block:IfNotShowCaptions}{/block:IndexPage}
  586. }
  587.  
  588. .comment {
  589. padding:20px 0 0 0;
  590. list-style:none;
  591. }
  592.  
  593. .comment:last-of-type {
  594. padding-bottom:0!important;
  595. }
  596.  
  597. .tex img {
  598. width:auto;
  599. }
  600.  
  601. .tex ul {
  602. list-style-type:circle;
  603. margin-left:-22px;
  604. }
  605.  
  606. .tex ol {
  607. margin-left:-22px;
  608. }
  609.  
  610. .tex a {
  611. border-bottom:2px solid {color:link};
  612. }
  613.  
  614. .tex li, .tex blockquote {text-align:left;}
  615.  
  616. .user {
  617. display:inline-block;
  618. font-weight:700;
  619. line-height:3em;
  620. text-transform:lowercase;
  621. margin-bottom:1em;
  622. }
  623.  
  624. .user b {
  625. font-weight:400;
  626. }
  627.  
  628. .user img {
  629. float:left;
  630. width:20px;
  631. height:20px;
  632. overflow:hidden;
  633. border-radius:50%;
  634. border:1px solid {color:borders};
  635. margin:9px 15px 0 0;
  636. }
  637.  
  638. .deactivated:after {
  639. content:'deactivated';
  640. position:absolute;
  641. padding-left:8px;
  642. font-weight:400;
  643. color:{color:info};
  644. }
  645.  
  646. /* quote */
  647.  
  648. .quote {
  649. padding-bottom:15px;
  650. font-weight:700;
  651. font-size:calc({select:font size} + 2px);
  652. }
  653.  
  654. .source {
  655. text-transform:lowercase;
  656. }
  657.  
  658. /* audio */
  659.  
  660. .soundcloud_audio_player {
  661. max-height:116px!important;
  662. width:100%!important;
  663. }
  664.  
  665. .spotify_audio_player {
  666. max-height:80px!important;
  667. width:100%!important;
  668. }
  669.  
  670. .box-p {
  671. position:absolute;
  672. top:30px;
  673. right:25px;
  674. width:35px;
  675. height:35px;
  676. background:{color:background};
  677. border:1px solid {color:borders};
  678. overflow:hidden;
  679. border-radius:50%;
  680. }
  681.  
  682. .audio {
  683. position:relative;
  684. height:100px;
  685. border:1px solid {color:borders};
  686. }
  687.  
  688. .minfo {
  689. position:absolute;
  690. margin:28px 25px 25px 125px;
  691. width:calc(100% - 185px);
  692. text-transform:lowercase;
  693. }
  694.  
  695. .track {
  696. font-weight:700;
  697. }
  698.  
  699. .track, .artist {
  700. width:100%;
  701. overflow:hidden;
  702. white-space:nowrap;
  703. text-overflow:ellipsis;
  704. }
  705.  
  706. .cover {
  707. width:100px;
  708. height:100px;
  709. float:left;
  710. left:0;
  711. border-right:1px solid {color:borders};
  712. }
  713.  
  714. .cover svg {
  715. float:left;
  716. color:{color:text};
  717. width:50px;
  718. height:50px;
  719. margin:-75px 0 0 25px;
  720. }
  721.  
  722. /* chat */
  723.  
  724. .chat {
  725. text-align:left;
  726. margin:0;
  727. padding:0;
  728. list-style:none;
  729. }
  730.  
  731. .l {
  732. padding:7.5px 0;
  733. }
  734.  
  735. .label {
  736. font-weight:700;
  737. display:inline-block;
  738. }
  739.  
  740. .l:last-of-type {
  741. padding-bottom:15px;
  742. border:0;
  743. }
  744.  
  745. /* permalink and notes */
  746.  
  747. .when {
  748. padding-top:15px;
  749. text-transform:lowercase;
  750. color:{color:info};
  751. }
  752.  
  753. .date, .tags, .post-controls {
  754. display:block;
  755. margin-bottom:10px;
  756. }
  757.  
  758. .date {
  759. {block:IndexPage}{block:IfNotShowDate}display:none;{/block:IndexPage}{/block:IfNotShowDate}
  760. }
  761.  
  762. .post-controls a {
  763. margin-right:15px;
  764. }
  765.  
  766. .post-controls svg {
  767. margin-right:12px;
  768. }
  769.  
  770. .like, .rb {
  771. display:inline-block;
  772. }
  773.  
  774. .like-b {
  775. position:relative;
  776. display:inline-block;
  777. height:1em;
  778. line-height:1em;
  779. overflow:hidden;
  780. margin-left:8px;
  781. margin-bottom:-1px;
  782. {block:PermalinkPage}margin-bottom:-2px;{/block:PermalinkPage}
  783. }
  784.  
  785. .like-b .like_button iframe {
  786. position:absolute;
  787. top:0;
  788. left:0;
  789. bottom:0;
  790. right:0;
  791. z-index:2;
  792. opacity:0;
  793. }
  794.  
  795. .like-b .liked + .b {
  796. color:inherit;
  797. }
  798.  
  799. .like-b .liked + .b:after {
  800. content:'d';
  801. }
  802.  
  803. .tags {
  804. {block:IndexPage}{block:IfNotShowTags}display:none;{/block:IfNotShowTags}{/block:IndexPage}
  805. }
  806.  
  807. .tags svg {
  808. margin-right:15px;
  809. }
  810.  
  811. .tags .comma:last-of-type {
  812. display:none;
  813. }
  814.  
  815. /* post notes */
  816.  
  817. .pagenotes {
  818. width:70%;
  819. margin:-65px auto 75px auto;
  820. }
  821.  
  822. .postnotes {margin-top:15px;}
  823.  
  824. ol.notes {
  825. list-style:none;
  826. padding:0px;
  827. margin:0px;
  828. }
  829.  
  830. ol.notes li.note {
  831. display:block;
  832. padding:0;
  833. margin:5px 0;
  834. }
  835.  
  836. li.note.reblog:before, li.note.reply:before, li.note.like:before, li.note.original_post:before, .ss1:before, .ss2:before {
  837. float:left;
  838. margin:1px 20px 0 0;
  839. }
  840.  
  841. li.note.reblog:before {
  842. content:url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http%3A%2F%2Fwww.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="rgba({RGBcolor:text})" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rotate-ccw"><polyline points="1 4 1 10 7 10"></polyline><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"></path></svg>');
  843. }
  844.  
  845. li.note.reply:before {
  846. content:url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http%3A%2F%2Fwww.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="rgba({RGBcolor:text})" 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>');
  847. }
  848.  
  849. li.note.like:before {
  850. content:url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http%3A%2F%2Fwww.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="rgba({RGBcolor:text})" 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>');
  851. }
  852.  
  853. li.note.original_post:before {
  854. content:url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http%3A%2F%2Fwww.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="rgba({RGBcolor:text})" 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>');
  855. }
  856.  
  857. li.note blockquote {
  858. padding-left:30px;
  859. }
  860.  
  861. ol.notes li.note img.avatar {display:none!important;}
  862.  
  863. a.more_notes_link {
  864. display:block;
  865. text-transform:lowercase;
  866. text-align:left;
  867. font-weight:700;
  868. margin-top:25px;
  869. }
  870.  
  871. /* pagination */
  872.  
  873. footer {
  874. text-transform:lowercase;
  875. position:relative;
  876. }
  877.  
  878. footer a, .pagination a, .load a, .paged a {
  879. display:inline-block;
  880. }
  881.  
  882. {block:ifInfiniteScroll}
  883. .pagination, #infscr-loading, .tot {
  884. display:none!important;
  885. }
  886. {/block:ifInfiniteScroll}
  887.  
  888. {block:ifNotInfiniteScroll}
  889. .more, .load {
  890. display:none;
  891. }
  892. {/block:ifNotInfiniteScroll}
  893.  
  894. /* scroll to top */
  895.  
  896. footer .scrollup {
  897. display:inline-block;
  898. float:right;
  899. text-align:right;
  900. margin-bottom:75px;
  901. }
  902.  
  903. /* queries */
  904.  
  905. @media (min-width:1001px) {
  906. .open, .open svg {
  907. display:none;
  908. }
  909.  
  910. header {
  911. position:fixed;
  912. top:0;
  913. border-right:1px solid {color:borders};
  914. width:calc(50% - 1px);
  915. height:100%;
  916. left:0;
  917. z-index:999;
  918. }
  919.  
  920. aside {
  921. width:50%;
  922. height:100vh;
  923. position:absolute;
  924. right:0;
  925. }
  926.  
  927. .desc {
  928. max-height:25%;
  929. overflow-x:hidden;
  930. overflow-y:auto;
  931. }
  932.  
  933. .stuff {
  934. width:70%;
  935. margin:75px auto 75px auto;
  936. height:calc(100% - (75px * 2));
  937. }
  938.  
  939. .counter {
  940. max-width:100%;
  941. }
  942.  
  943. .cc .tti, .overlay {
  944. display:none;
  945. }
  946.  
  947. footer {
  948. width:50%;
  949. margin:-20px 0 75px 50%;
  950. }
  951.  
  952. .pagination, .more, .paged {
  953. width:70%;
  954. margin:0 auto;
  955. }
  956.  
  957. /* right sidebar */
  958.  
  959. {block:IfRightSidebar}
  960. header {
  961. left:50%;
  962. border-left:1px solid {color:borders};
  963. }
  964.  
  965. aside {
  966. right:50%;
  967. }
  968.  
  969. .foto, section, footer {
  970. margin-left:0;
  971. }
  972.  
  973. iframe.tmblr-iframe {
  974. right:57%;
  975. }
  976. {/block:IfRightSidebar}
  977. }
  978.  
  979. @media (max-width:1000px) {
  980.  
  981. iframe.tmblr-iframe, .tot {
  982. display:none!important;
  983. }
  984.  
  985. aside {
  986. width:100%;
  987. height:100vh;
  988. }
  989.  
  990. /* burger */
  991.  
  992. .close {
  993. text-transform:lowercase;
  994. position:absolute;
  995. top:75px;
  996. left:10%;
  997. z-index:99999;
  998. }
  999.  
  1000. .open {
  1001. position:fixed;
  1002. top:22px;
  1003. left:2.5%;
  1004. z-index:9999;
  1005. font-weight:bold;
  1006. width:30px;
  1007. height:30px;
  1008. }
  1009.  
  1010. .open span {
  1011. position:relative;
  1012. margin-top:5px;
  1013. margin-bottom:5px;
  1014. -webkit-user-select:none;
  1015. -moz-user-select:none;
  1016. -ms-user-select:none;
  1017. user-select:none;
  1018. position:absolute;
  1019. top:50%;
  1020. left:50%;
  1021. margin-top:-1px;
  1022. display:block;
  1023. width:11px;
  1024. height:2px;
  1025. background-color:{color:text};
  1026. outline:1px solid transparent;
  1027. -webkit-transition-property: background-color, -webkit-transform;
  1028. -moz-transition-property: background-color, -moz-transform;
  1029. -o-transition-property: background-color, -o-transform;
  1030. transition-property: background-color, transform;
  1031. -webkit-transition-duration:0.1s;
  1032. -moz-transition-duration:0.1s;
  1033. -o-transition-duration:0.1s;
  1034. transition-duration:0.1s;
  1035. }
  1036.  
  1037. .open span::before, .open span::after {
  1038. position:absolute;
  1039. content:'';
  1040. display:block;
  1041. width:15px;
  1042. height:2px;
  1043. background-color:{color:text};
  1044. outline:1px solid transparent;
  1045. -webkit-transition-property: background-color, -webkit-transform;
  1046. -moz-transition-property: background-color, -moz-transform;
  1047. -o-transition-property: background-color, -o-transform;
  1048. transition-property: background-color, transform;
  1049. -webkit-transition-duration:0.1s;
  1050. -moz-transition-duration:0.1s;
  1051. -o-transition-duration:0.1s;
  1052. transition-duration:0.1s;
  1053. }
  1054.  
  1055. .open span::before {top:-5px;}
  1056. .open span::after {top:5px;}
  1057.  
  1058. .open:hover, .close:hover {cursor:pointer;}
  1059.  
  1060. /* menu */
  1061.  
  1062. header {
  1063. background-color:rgba({RGBcolor:sidebar},1);
  1064. text-align:left;
  1065. position:fixed;
  1066. z-index:9999;
  1067. top:0;
  1068. left:0;
  1069. right:0;
  1070. bottom:0;
  1071. padding:75px 10% 0 10%;
  1072. width:calc(100% - 20%);
  1073. height:calc(100% - 75px);
  1074. -webkit-transform:translateX(-100%);
  1075. -moz-transform:translateX(-100%);
  1076. -ms-transform:translateX(-100%);
  1077. -o-transform:translateX(-100%);
  1078. transform:translateX(-100%);
  1079. overflow-y:auto;
  1080. -webkit-overflow-scrolling: touch;
  1081. }
  1082.  
  1083. header.show {
  1084. -webkit-transform:translateX(0px);
  1085. -moz-transform:translateX(0px);
  1086. -ms-transform:translateX(0px);
  1087. -o-transform:translateX(0px);
  1088. transform:translateX(0px);
  1089. -webkit-transition:all .5s;
  1090. -moz-transition:all .5s;
  1091. -o-transition:all .5s;
  1092. transition:all .5s;
  1093. }
  1094.  
  1095. .foto {
  1096. margin-left:0;
  1097. width:100%;
  1098. }
  1099.  
  1100. section {
  1101. width:100%;
  1102. padding-top:150px;
  1103. margin-left:0;
  1104. }
  1105.  
  1106. .stuff {
  1107. width:100%;
  1108. }
  1109.  
  1110. .counter {
  1111. text-align:right;
  1112. margin-left:85px;
  1113. max-width:calc(100% - 75px);
  1114. }
  1115.  
  1116. .cc {
  1117. background:{color:sidebar};
  1118. border-bottom:1px solid #eee;
  1119. padding:25px 10% 20px 10%;
  1120. width:calc(100% - 20%);
  1121. height:30px;
  1122. top:0;
  1123. position:fixed;
  1124. margin:0 auto 60px auto;
  1125. z-index:10;
  1126. }
  1127.  
  1128. .posts, .pagenotes {
  1129. width:80%;
  1130. }
  1131.  
  1132. footer {
  1133. width:80%;
  1134. margin:-20px auto 75px auto;
  1135. }
  1136.  
  1137. .overlay {
  1138. position:fixed;
  1139. top:0;
  1140. left:0;
  1141. z-index:4;
  1142. width:100%;
  1143. height:100%;
  1144. -webkit-transition:all .35s;
  1145. -moz-transition:all .35s;
  1146. -o-transition:all .35s;
  1147. transition:all .35s;
  1148. background-color:{color:sidebar};
  1149. opacity:0;
  1150. visibility:hidden;
  1151. }
  1152.  
  1153. .overlay.show {
  1154. opacity:0.5;
  1155. visibility:visible;
  1156. }
  1157.  
  1158. .tti {
  1159. max-width:calc(100% - 220px);
  1160. }
  1161.  
  1162. }
  1163.  
  1164. @media (max-width:568px) {
  1165. #clock, .cher, .links {display:none!important;}
  1166. .open {left:7.5%;}
  1167. .close {top:28px;}
  1168. header {padding-top:15px;height:calc(100% - 15px);}
  1169. nav li {width:100%;}
  1170. nav li:last-of-type {margin-bottom:50px;}
  1171.  
  1172. .tti {
  1173. float:right!important;
  1174. text-align:right!important;
  1175. max-width:calc(100% - 50px);
  1176. }
  1177.  
  1178. .counter {
  1179. margin-top:12px;
  1180. }
  1181.  
  1182. .box-p {
  1183. left:35px;
  1184. opacity:.5;
  1185. transition:.5s all;
  1186. }
  1187.  
  1188. .box-p:hover {
  1189. opacity:1;
  1190. }
  1191. }
  1192.  
  1193. /* dark version */
  1194.  
  1195. {block:IfDarkVersion}
  1196. iframe.tmblr-iframe {
  1197. filter:invert(0) contrast(100%);
  1198. -webkit-filter:invert(0) contrast(100%);
  1199. -o-filter:invert(0) contrast(100%);
  1200. -moz-filter:invert(0) contrast(100%);
  1201. -ms-filter:invert(0) contrast(100%);
  1202. }
  1203.  
  1204. body, svg, .open, .cc, .overlay, .open svg, .enter b, .overlay, .links, .pagenotes a {
  1205. color:#dadada;
  1206. background:#242424;
  1207. }
  1208.  
  1209. header, .foto {
  1210. background-color:rgba(34,34,34,0.95);
  1211. color:#dadada;
  1212. }
  1213.  
  1214. .sfm input {
  1215. color:#dadada;
  1216. background:transparent;
  1217. }
  1218.  
  1219. .open span, .open span:before, .open span:after {
  1220. background:#dadada;
  1221. }
  1222.  
  1223. header, blockquote, .cc, .photo, .photoset, .user img, .audio, .extra svg, .box-p, .bloginfo img, .cover, #s-m-t-tooltip {
  1224. border-color:#383838;
  1225. }
  1226.  
  1227. .extra svg, .audio, .box-p, #s-m-t-tooltip {
  1228. background:#1d1d1d;
  1229. }
  1230.  
  1231. .blogtitle, .user, .user svg, .tex a, .tti, .quote, #s-m-t-tooltip {
  1232. color:#ffffff;
  1233. }
  1234.  
  1235. #time, .counter, .cc, .name, .when, .deactivated, .pagenotes {
  1236. color:#a4a3a3;
  1237. }
  1238.  
  1239. #tumblr_lightbox, .tmblr-lightbox {
  1240. background-color:rgba(36,36,36,0.95)!important;
  1241. }
  1242.  
  1243. #tumblr_lightbox img, .lightbox-image {
  1244. border:1px solid #383838!important;
  1245. }
  1246.  
  1247. nav::-webkit-scrollbar-thumb,
  1248. ::-webkit-scrollbar-thumb {
  1249. background:#a4a3a3;
  1250. }
  1251.  
  1252. nav::-webkit-scrollbar-track,
  1253. ::-webkit-scrollbar-track {
  1254. background:#242424;
  1255. }
  1256.  
  1257. nav::-webkit-scrollbar-thumb, nav::-webkit-scrollbar-track,
  1258. ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {
  1259. border:4.5px solid #242424;
  1260. }
  1261.  
  1262. ::placeholder {
  1263. color:#a4a3a3;
  1264. opacity:1;
  1265. }
  1266.  
  1267. :-ms-input-placeholder {
  1268. color:#a4a3a3;
  1269. }
  1270.  
  1271. ::-ms-input-placeholder {
  1272. color:#a4a3a3;
  1273. }
  1274.  
  1275. nav li:before {
  1276. content:url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http%3A%2F%2Fwww.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="rgba(218,218,218)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>');
  1277. }
  1278.  
  1279. li.note.reblog:before {
  1280. content:url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http%3A%2F%2Fwww.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="rgba(164,163,163)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rotate-ccw"><polyline points="1 4 1 10 7 10"></polyline><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"></path></svg>');
  1281. }
  1282.  
  1283. li.note.reply:before {
  1284. content:url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http%3A%2F%2Fwww.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="rgba(164,163,163)" 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>');
  1285. }
  1286.  
  1287. li.note.like:before {
  1288. content:url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http%3A%2F%2Fwww.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="rgba(164,163,163)" 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>');
  1289. }
  1290.  
  1291. li.note.original_post:before {
  1292. content:url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http%3A%2F%2Fwww.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="rgba(164,163,163)" 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>');
  1293. }
  1294.  
  1295. {/block:IfDarkVersion}
  1296.  
  1297. {CustomCSS}
  1298.  
  1299. </style>
  1300. </head>
  1301.  
  1302. <body>
  1303.  
  1304. <div class="open"> <span></span> </div>
  1305.  
  1306. <header>
  1307. <div class="stuff">
  1308.  
  1309. <div class="counter">
  1310. <div id="clock"></div>
  1311. </div>
  1312.  
  1313. <div class="bloginfo">
  1314. {block:IfAvatar}
  1315. {Block:IfIconImage}<img src="{image:Icon}">{/block:IfIconImage}
  1316. {Block:IfNotIconImage}<img src="{PortraitURL-64}">{/block:IfNotIconImage}
  1317. {/block:IfAvatar}
  1318. <div class="blogtitle"><a href="/">{Title}</a></div>
  1319. <div class="name">@{Name}</div>
  1320. </div>
  1321.  
  1322. <div class="desc">{Description}</div>
  1323.  
  1324. <nav>
  1325. {block:ifLink1}<li><a href="{text:Link 1 URL}">{text:Link 1}</a></li>{/block:ifLink1}
  1326. {block:ifLink2}<li><a href="{text:Link 2 URL}">{text:Link 2}</a></li>{/block:ifLink2}
  1327. {block:ifLink3}<li><a href="{text:Link 3 URL}">{text:Link 3}</a></li>{/block:ifLink3}
  1328. {block:ifLink4}<li><a href="{text:Link 4 URL}">{text:Link 4}</a></li>{/block:ifLink4}
  1329. {block:ifLink5}<li><a href="{text:Link 5 URL}">{text:Link 5}</a></li>{/block:ifLink5}
  1330. {block:ifLink6}<li><a href="{text:Link 6 URL}">{text:Link 6}</a></li>{/block:ifLink6}
  1331. {block:ifLink7}<li><a href="{text:Link 7 URL}">{text:Link 7}</a></li>{/block:ifLink7}
  1332. {block:ifLink8}<li><a href="{text:Link 8 URL}">{text:Link 8}</a></li>{/block:ifLink8}
  1333. {block:ifLink9}<li><a href="{text:Link 9 URL}">{text:Link 9}</a></li>{/block:ifLink9}
  1334. <li><a href="https://amboise.tumblr.com">credit</a></li>
  1335. </nav>
  1336.  
  1337. <div class="cher">
  1338. <script language="javascript">
  1339. function send()
  1340. {document.theform.submit()}
  1341. </script>
  1342.  
  1343. <form action="/search" method="get" class="sfm" name="theform">
  1344. <input type="text" name="q" placeholder="{text:search placeholder}" id="sf"/>
  1345. </form>
  1346. </div>
  1347.  
  1348. </div>
  1349.  
  1350. <div class="close">{lang:close}</div>
  1351.  
  1352. </header>
  1353.  
  1354. <div class="overlay"></div>
  1355.  
  1356. <!-- posts ----------------------------------------------------------------->
  1357.  
  1358. {block:HomePage}
  1359. {block:IfEnterButton}
  1360. <aside>
  1361. <div class="enter page-{CurrentPage}"><b>enter</b></div>
  1362. </aside>
  1363. {/block:IfEnterButton}
  1364. <div class="item page-{CurrentPage}">
  1365. <div class="foto" style="background-image:url('{image:header}');"></div>
  1366. </div>
  1367. {/block:HomePage}
  1368.  
  1369. <section id="entries">
  1370.  
  1371. <div class="cc">
  1372. <a class="tti" href="/">{Title}</a>
  1373.  
  1374. {block:Pagination}
  1375. <div class="tot">
  1376. {lang:CurrentPage of TotalPages}
  1377. </div>
  1378. {/block:Pagination}
  1379.  
  1380. {block:IndexPage}
  1381. <div class="links">
  1382. <a href="https://tumblr.com/follow/{Name}">{lang:follow}</a>
  1383. <a href="/ask">{lang:mail}</a>
  1384. <a href="/archive">{lang:archive}</a>
  1385. </div>
  1386. {/block:IndexPage}
  1387. </div>
  1388.  
  1389. {block:Posts}
  1390. <article class="posts {block:Caption}captioned{/block:Caption}" id="{PostID}">
  1391.  
  1392. <div class="from">
  1393. {block:RebloggedFrom}
  1394. {block:IndexPage}
  1395. <a href="{ReblogParentURL}">
  1396. <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>
  1397. <div class="ellip">{ReblogParentName}</a></div>
  1398. {/block:IndexPage}
  1399. {block:PermalinkPage}
  1400. <a href="{ReblogRootURL}">
  1401. <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>
  1402. <div class="ellip">{ReblogRootName}</a></div>
  1403. {/block:PermalinkPage}
  1404. </div>
  1405. {/block:RebloggedFrom}
  1406. </div>
  1407.  
  1408. <!-- quote ----------------------------------------------------------------->
  1409. {block:Quote}
  1410. <div class="quote">{Quote}</div>
  1411. {block:Source}<div class="source">{Source}</div>{/block:Source}
  1412. {/block:Quote}
  1413.  
  1414. <!-- text ------------------------------------------------------------------>
  1415. {block:Text}
  1416. {block:RebloggedFrom}
  1417. <li class="comment" style="padding-top;">
  1418. {block:Reblogs}
  1419. <span><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img src="{PortraitURL-64}">{Username}</a>
  1420. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1421. </span><div class="tex">{Body}</div>
  1422. {/block:Reblogs}
  1423. </li>
  1424. {/block:RebloggedFrom}
  1425. {block:NotReblog}
  1426. <li class="comment" style="padding-top:0;">
  1427. {block:Date}<div class="user">
  1428. <img src="{PortraitURL-64}">{Name}</div>{/block:Date}
  1429. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1430. <div class="tex">{Body}</div>
  1431. </li>
  1432. {/block:NotReblog}
  1433. {/block:Text}
  1434.  
  1435. <!-- link ------------------------------------------------------------------>
  1436. {block:Link}
  1437. <div class="title"><a href="{URL}">{name}</a></div>
  1438. {block:Description}
  1439. {block:NotReblog}
  1440. <li class="comment ted">
  1441. <div class="tex">{description}</div>
  1442. </li>
  1443. {/block:NotReblog}
  1444. {/block:Description}
  1445. {block:RebloggedFrom}
  1446. {block:Reblogs}
  1447. <li class="comment {block:Title}ted{/block:Title}" style="padding-bottom:10px;">
  1448. {block:IsActive}
  1449. <span><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank">
  1450. <img src="{PortraitURL-64}">{Username}</a></span>
  1451. {/block:IsActive}
  1452. {block:IsDeactivated}
  1453. <span><div class="user deactivated" >
  1454. <img src="{PortraitURL-64}">{Username}</div></span>
  1455. {/block:IsDeactivated}
  1456. </span><div class="tex">{body}</div>
  1457. </li>
  1458. {/block:Reblogs}
  1459. {/block:RebloggedFrom}
  1460. {/block:Link}
  1461.  
  1462. <!-- chat ------------------------------------------------------------------>
  1463. {block:Chat}
  1464. {block:Title}<div class="title">{title}</div>{/block:Title}
  1465. <ol class="chat {block:Title}ted{/block:Title}">
  1466. {block:lines}
  1467. <li class="l {Alt}">
  1468. {block:label}<span class="label">{label}</span>{/block:label} {line}
  1469. </li>
  1470. {/block:lines}
  1471. </ol>
  1472. {/block:Chat}
  1473.  
  1474. <div class="ph">
  1475.  
  1476. <!-- photo ----------------------------------------------------------------->
  1477. {block:Photo}
  1478. <div class="photo">
  1479. <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">
  1480. <img src="{PhotoURL-HighRes}">
  1481. </a>
  1482. </div>
  1483. {/block:Photo}
  1484.  
  1485. <!-- photoset -------------------------------------------------------------->
  1486. {block:Photoset}
  1487. <div class="photoset">
  1488. <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>
  1489. </div>
  1490. {/block:Photoset}
  1491.  
  1492. <!-- video ----------------------------------------------------------------->
  1493. {block:Video}
  1494. <div class="video">{Video-500}</div>
  1495. {/block:Video}
  1496.  
  1497. <!-- audio ----------------------------------------------------------------->
  1498. {block:Audio}
  1499. {block:AudioPlayer}
  1500. <div class="audio">
  1501.  
  1502. {block:AudioPlayer}
  1503. <div class="cover">
  1504. {block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}
  1505. <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>
  1506. </div>
  1507. <div class="minfo">
  1508. <div class="track">{block:TrackName}{TrackName}{/block:TrackName}</div>
  1509. <div class="artist">{block:Artist}by {Artist}{/block:Artist}</div>
  1510. </div>
  1511.  
  1512. <div class="box-p">{AudioPlayer}</div>
  1513. {/block:AudioPlayer}
  1514.  
  1515. {block:AudioEmbed}
  1516. <div class="embed">{AudioEmbed-500}</div>
  1517. {/block:AudioEmbed}
  1518.  
  1519. </div>
  1520. {/block:Audio}
  1521.  
  1522. <!-- captions ------------------------------------------------------------->
  1523. {block:Caption}
  1524. <div class="captions">
  1525. {block:Reblogs}
  1526. <li class="comment {block:Title}ted{/block:Title}" style="padding-bottom:10px;">
  1527. {block:IsActive}
  1528. <span><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank">
  1529. <img src="{PortraitURL-64}">{Username}</a></span>
  1530. {/block:IsActive}
  1531. {block:IsDeactivated}
  1532. <span><div class="user deactivated">
  1533. <img src="{PortraitURL-64}">{Username}</div></span>
  1534. {/block:IsDeactivated}
  1535. </span><div class="tex">{body}</div>
  1536. </li>
  1537. {/block:Reblogs}
  1538. {block:NotReblog}
  1539. <li class="comment {block:Title}ted{/block:Title}" style="padding-bottom:10px;">
  1540. <div class="tex">{Caption}</div>
  1541. </li>
  1542. {/block:NotReblog}
  1543. </div>
  1544. {/block:Caption}
  1545.  
  1546. </div>
  1547.  
  1548. <!-- answers --------------------------------------------------------------->
  1549. {block:Answer}
  1550. <li class="comment">
  1551. <div class="user">
  1552. <img src="{AskerPortraitURL-64}">{Asker} <b>sent:</b></div>
  1553. <div class="tex">{Question}</div>
  1554. </li>
  1555. {block:Answerer}
  1556. <li class="comment">
  1557. <div class="user">
  1558. <img src="{AnswererPortraitURL-64}">{Answerer} <b>sent:</b></div>
  1559. <div class="tex">{Answer}</div>
  1560. </li>
  1561. {/block:Answerer}
  1562. {block:NotReblog}
  1563. <li class="comment">
  1564. <div class="user">
  1565. <img src="{PortraitURL-64}">{Name} <b>said:</b></div>
  1566. <div class="tex">{Replies}</div>
  1567. </li>
  1568. {/block:NotReblog}
  1569. {block:RebloggedFrom}
  1570. {block:Reblogs}
  1571. <li class="comment">
  1572. {block:IsActive}
  1573. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank">
  1574. <img src="{PortraitURL-64}">{Username}</a>
  1575. {/block:IsActive}
  1576. {block:IsDeactivated}
  1577. <div class="user deactivated">
  1578. <img src="{PortraitURL-64}">{Username}</div>
  1579. {/block:IsDeactivated}
  1580. <div class="tex">{Body}</div>
  1581. </li>
  1582. {/block:Reblogs}
  1583. {/block:RebloggedFrom}
  1584. {/block:Answer}
  1585.  
  1586. <!-- date ------------------------------------------------------------------>
  1587. {block:Date}
  1588.  
  1589. <div class="when">
  1590.  
  1591. {block:IndexPage}
  1592. {block:IfShowPostControls}
  1593. <div class="post-controls">
  1594. <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>
  1595. <a class="like-b" href="#">
  1596. {LikeButton}<span class="b">like</span></a>
  1597. <a class="rb" href="{ReblogURL}" target="_blank">
  1598. <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>
  1599. <a href="{Permalink}">
  1600. <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>
  1601. </div>
  1602. {/block:IfShowPostControls}
  1603. {/block:IndexPage}
  1604.  
  1605. <div class="date">
  1606. <a href="{Permalink}"><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> {Month} {DayOfMonth}{DayOfMonthSuffix}</a>
  1607. </div>
  1608.  
  1609. {block:HasTags}
  1610. <div class="tags">
  1611. <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>
  1612. {block:Tags}<a href="{TagUrl}">{Tag}</a><i class="comma">, </i>
  1613. {/block:Tags}
  1614. </div>
  1615. {/block:HasTags}
  1616.  
  1617. </div>
  1618. {/block:Date}
  1619.  
  1620. </article>
  1621.  
  1622. <!-- post notes ------------------------------------------------------------>
  1623. {block:PostNotes}
  1624. <article class="posts pagenotes">
  1625.  
  1626. <div class="notecount">
  1627. <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}</div></br>
  1628. <div class="postnotes">{PostNotes}</div>
  1629.  
  1630. </article>
  1631. {/block:PostNotes}
  1632. {/block:Posts}
  1633. </section>
  1634.  
  1635. <!-- pagination ------------------------------------------------------------>
  1636. <footer>
  1637. {block:Pagination}
  1638. <div class="pagination">
  1639.  
  1640. {block:PreviousPage}
  1641. <a href="{PreviousPage}" class="prev"> {lang:prev} </a> —
  1642. {/block:PreviousPage}
  1643.  
  1644. {block:NextPage}
  1645. <a href="{NextPage}" class="next"> {lang:next}</a>
  1646. {/block:NextPage}
  1647.  
  1648. <a href="#" class="scrollup">back to top</a>
  1649.  
  1650. </div>
  1651.  
  1652. {block:IndexPage}
  1653. {block:IfLoadMore}
  1654. <div class="more">
  1655. <a href="#" class="load">{lang:load more posts}</a>
  1656. <a href="#" class="scrollup">back to top</a>
  1657. </div>
  1658. {/block:IfLoadMore}
  1659. {/block:IndexPage}
  1660. {/block:Pagination}
  1661.  
  1662. {block:PermalinkPagination}
  1663. <div class="paged">
  1664.  
  1665. <a {block:NextPost}href="{NextPost}"{/block:NextPost}>{lang:prev}</a>
  1666. <a {block:PreviousPost}href="{PreviousPost}"{/block:PreviousPost} style="float:right;">{lang:next}</a>
  1667.  
  1668. </div>
  1669. {/block:PermalinkPagination}
  1670. </footer>
  1671.  
  1672. <!-- jquery -->
  1673. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1674. <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">
  1675. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.min.js"></script>
  1676. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  1677. <script type="text/javascript" src="https://static.tumblr.com/cqvi50o/VSzox2ncv/style-my-tooltips.js"></script>
  1678. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1679. <script src="https://static.tumblr.com/2b2izpj/cB7ogqs8l/jquery.initialize.js"></script>
  1680. {block:IndexPage}{block:ifInfiniteScroll}<script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifInfiniteScroll}{/block:IndexPage}
  1681.  
  1682. <script>
  1683. // clock widget by
  1684. function updateClock() {
  1685. var currentTime = new Date();
  1686. var currentHours = currentTime.getHours();
  1687. var currentMinutes = currentTime.getMinutes();
  1688. var currentDate = currentTime.toDateString();
  1689. var currentWeekday = currentDate.substring(0, 3);
  1690. var currentMonth = currentDate.substring(4, 8);
  1691. var currentYear = currentTime.getFullYear();
  1692. var currentDay = currentTime.getDate();
  1693. currentMinutes = (currentMinutes < 10 ? "0" : "") + currentMinutes;
  1694. var timeOfDay = (currentHours < 12) ? "AM" : "PM";
  1695. currentHours = (currentHours > 12) ? currentHours - 12 : currentHours;
  1696. currentHours = (currentHours == 0) ? 12 : currentHours;
  1697. var currentTimeString = + currentHours + ":" + currentMinutes + " " + timeOfDay;
  1698. $("#clock").html(currentTimeString);
  1699. };
  1700. $(document).ready(function(){
  1701. setInterval('updateClock()', 1000);
  1702. $('aside .enter').click(function(){
  1703. $('html, body').animate({scrollTop: $("section").offset().top}, 1000)}),
  1704. // npf plugin by codematurgy
  1705. npfPhotosets(".posts", {
  1706. rowClass:"npf_row",
  1707. imageContainerClass:"tmblr-full",
  1708. generatedPhotosetContainerClass:"npf_photoset",
  1709. imageClass:"npf_image",
  1710. includeSingleRowImagesInPhotosets: true,
  1711. insertGalleryIndicator: false,
  1712. galleryIndicatorClass: "npf_gallery_indicator",
  1713. galleryIndicatorContent: "<img src='image_url'>",
  1714. photosetMargins:"2"
  1715. });
  1716. // tooltips
  1717. $("[title]").style_my_tooltips({
  1718. tip_follows_cursor: false,
  1719. tip_delay_time: 100,
  1720. tip_fade_speed: 300
  1721. });
  1722. // scroll to top
  1723. $(window).scroll(function(){
  1724. if ($(this).scrollTop() > 100) {
  1725. $('.scrollup').fadeIn();
  1726. } else {
  1727. $('.scrollup').fadeOut();
  1728. }
  1729. });
  1730. $('.scrollup').click(function(){
  1731. $("html, body").animate({ scrollTop: 0 }, 1000);
  1732. return false;
  1733. });
  1734. // menu
  1735. $('.open').click(function(){
  1736. $('.overlay').addClass('show');
  1737. $('header').addClass('show');
  1738. $('body').css('overflow','hidden');
  1739. });
  1740. $('.close').click(function(){
  1741. $('header').removeClass('show');
  1742. $('.overlay').removeClass('show');
  1743. $('body').css('overflow','auto');
  1744. });
  1745. // photosets
  1746. $('.photo-slideshow').pxuPhotoset({
  1747. lightbox: true,
  1748. rounded: false,
  1749. gutter: '2px',
  1750. photoset: '.photo-slideshow',
  1751. photoWrap: '.photo-data',
  1752. photo: '.pxu-photo'
  1753. });
  1754. // audio player
  1755. var $audio = $('iframe.tumblr_audio_player');
  1756. $audio.load(function() {
  1757. $(this).contents().find('head').append('<style type="text/css">' +
  1758. '.audio-player {background:transparent;transform:scale(1);color:{color:text};{block:IfDarkVersion}color:rgb(218,218,218);{/block:IfDarkVersion}max-width:30px!important;margin-top:3px!important;}' +
  1759. '.audio-player .progress, .audio-player .audio-info {display:none;}' +
  1760. '</style>');
  1761. });
  1762. // flexible frames by nouvae
  1763. function flexFrame() {
  1764. $(".comment").each(function() {
  1765. $(this).find("iframe").wrap("<div class='iframe-flex'></div>");
  1766. flexibleFrames($(".iframe-flex"));
  1767. });
  1768. flexibleFrames($(".video"));}
  1769. $(document).ready(flexFrame);
  1770. // infinite scroll
  1771. {block:IndexPage}
  1772. var $container = $('#entries');
  1773. {block:ifInfiniteScroll}
  1774. $container.infinitescroll({
  1775. itemSelector: '.posts',
  1776. navSelector: '.pagination',
  1777. nextSelector: '.next',
  1778. loadingImg: '',
  1779. loadingText: '',
  1780. bufferPx: 2000,
  1781. errorCallback: function(){
  1782. $('.load').hide();
  1783. },
  1784. },
  1785. function(arrayOfNewElems) {
  1786. flexFrame();
  1787. var $newElems = $(arrayOfNewElems);
  1788. $newElems.find('.photo-slideshow').pxuPhotoset({
  1789. lightbox: true,
  1790. rounded: false,
  1791. gutter: '2px',
  1792. photoset: '.photo-slideshow',
  1793. photoWrap: '.photo-data',
  1794. photo: '.pxu-photo'
  1795. });
  1796. var npfOptions = {
  1797. rowClass:"npf_row",
  1798. imageContainerClass:"tmblr-full",
  1799. generatedPhotosetContainerClass:"npf_photoset",
  1800. imageClass:"npf_image",
  1801. includeSingleRowImagesInPhotosets: true,
  1802. insertGalleryIndicator: false,
  1803. galleryIndicatorClass: "npf_gallery_indicator",
  1804. galleryIndicatorContent: "<img src='image_url'>",
  1805. photosetMargins:"2"
  1806. }
  1807. npfPhotosets(".posts", npfOptions);
  1808. var $audio = $('iframe.tumblr_audio_player');
  1809. $audio.load(function() {
  1810. $(this).contents().find('head').append('<style type="text/css">' +
  1811. '.audio-player {background:transparent;transform:scale(1);color:{color:text};{block:IfDarkVersion}color:rgb(218,218,218);{/block:IfDarkVersion}max-width:30px!important;margin-top:3px!important;}' +
  1812. '.audio-player .progress, .audio-player .audio-info {display:none;}' +
  1813. '</style>');
  1814. });
  1815. var $newElemsIDs = $newElems.map(function(){
  1816. return this.id;
  1817. }).get();
  1818. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs)
  1819. });
  1820. {block:IfLoadMore}
  1821. $(window).unbind('.infscr');
  1822. $('.load').click(function(){
  1823. $container.infinitescroll('retrieve');
  1824. return false;
  1825. });
  1826. {/block:IfLoadMore}
  1827. {/block:IfInfiniteScroll}
  1828. {/block:IndexPage}
  1829. // minimal soundcloud player by shythemes
  1830. var color = '{color:link}';
  1831. $('.soundcloud_audio_player').each(function(){
  1832. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  1833. });
  1834. //remove tumblr redirects script by magnusthemes@tumblr
  1835. $('a[href*="t.umblr.com/redirect"]').initialize(function(){
  1836. var originalURL = $(this).attr("href").split("?z=")[1].split("&t=")[0];
  1837. var replaceURL = decodeURIComponent(originalURL);
  1838. $(this).attr("href", replaceURL);
  1839. });
  1840. });
  1841. </script>
  1842.  
  1843. {block:ContentSource}
  1844. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1845. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1846. {/block:SourceLogo}
  1847. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1848. {/block:ContentSource}
  1849. </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!