API tools faq
paste
amboise

theme 02 - withered

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