API tools faq
paste
Advertisement
amboise

crystal

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