amboise

neon

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