API tools faq
paste
seiche

theme eight: dahlia

seiche
Mar 23rd, 2020 (edited)
15,131
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 57.43 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>{Title} {block:TagPage}/ #{Tag}{/block:TagPage}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
  5.  
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9. <meta charset="utf-8">
  10. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  11.  
  12. <!---
  13.  
  14. DAHLIA THEME BY SEYCHE.TUMBLR.COM
  15.  
  16. CREDITS:
  17. -feather icons by Cole Bemis
  18. -css photosets by annasthms and espoirthemes
  19. -tippy.js tooltips by atomiks
  20. -notecount shortening by shythemes
  21. -responsive videos by nouvae
  22. -remove redirects by magnusthemes
  23. -npf photosets by codematurgy
  24. -popups tutorial by odeysseus
  25. (full list of credits @ seyche.tumblr.com/credits)
  26.  
  27. --->
  28.  
  29. <link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,300i,700,700i|Lato:300,300i,700,700i|Libre+Franklin:300,300i,700,700i|Muli:300,300i,700,700i|Nunito+Sans:300,300i,700,700i|Open+Sans:300,300i,700,700i|Overpass:300,300i,700,700i|Public+Sans:300,300i,700,700i|Roboto:300,300i,700,700i&display=swap" rel="stylesheet">
  30.  
  31. <!----- PHOTOSETS ----->
  32.  
  33. <link href="https://static.tumblr.com/0podkko/xIbplezmo/modified_photosets.css" rel="stylesheet">
  34.  
  35. <link href="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosetstyle.css" rel="stylesheet" type="text/css">
  36.  
  37. <!----- VARIABLES ----->
  38.  
  39. <meta name="image:Header" content=""/>
  40. <meta name="image:Profile" content=""/>
  41.  
  42. <meta name="color:Background" content="#fafafa"/>
  43. <meta name="color:Posts" content="#ffffff"/>
  44. <meta name="color:Text" content="#5a5a5a"/>
  45. <meta name="color:Link" content="#9f9f9f"/>
  46. <meta name="color:Accent" content="#c8c9d7"/>
  47. <meta name="color:Borders" content="#e5e7ed"/>
  48. <meta name="color:Title" content="#212121"/>
  49. <meta name="color:Search Background" content="#f5f5f5"/>
  50.  
  51. <meta name="select:Font" content="Roboto" title="Roboto"/>
  52. <meta name="select:Font" content="Libre Franklin" title="Libre Franklin"/>
  53. <meta name="select:Font" content="Open Sans" title="Open Sans"/>
  54. <meta name="select:Font" content="Lato" title="Lato"/>
  55. <meta name="select:Font" content="Muli" title="Muli"/>
  56. <meta name="select:Font" content="IBM Plex Sans" title="IBM Plex Sans"/>
  57. <meta name="select:Font" content="Nunito Sans" title="Nunito Sans"/>
  58. <meta name="select:Font" content="Overpass" title="Overpass"/>
  59. <meta name="select:Font" content="Public Sans" title="Public Sans"/>
  60.  
  61. <meta name="select:Font Size" content="14px" title="14px"/>
  62. <meta name="select:Font Size" content="12px" title="12px"/>
  63. <meta name="select:Font Size" content="13px" title="13px"/>
  64. <meta name="select:Font Size" content="15px" title="15px"/>
  65. <meta name="select:Font Size" content="16px" title="16px"/>
  66.  
  67. <meta name="select:Post width" content="540px" title="540px"/>
  68. <meta name="select:Post width" content="400px" title="400px"/>
  69. <meta name="select:Post width" content="450px" title="450px"/>
  70. <meta name="select:Post width" content="500px" title="500px"/>
  71. <meta name="select:Post width" content="600px" title="600px"/>
  72.  
  73. <meta name="select:Photoset Gutter" content="1" title="1px"/>
  74. <meta name="select:Photoset Gutter" content="2" title="2px"/>
  75. <meta name="select:Photoset Gutter" content="3" title="3px"/>
  76. <meta name="select:Photoset Gutter" content="4" title="4px"/>
  77.  
  78. <meta name="if:Popup" content="0"/>
  79. <meta name="if:Circular Profile Image" content="0"/>
  80. <meta name="if:Captions On Top" content="1"/>
  81. <meta name="if:Hide Caption" content="0"/>
  82. <meta name="if:Hide Tags" content="0"/>
  83. <meta name="if:Hide First Caption Username" content="0"/>
  84.  
  85. <meta name="text:Location Icon" content="map-pin"/>
  86. <meta name="text:Location" content=""/>
  87. <meta name="text:Establishment Icon" content="calendar"/>
  88. <meta name="text:Establishment Date" content=""/>
  89. <meta name="text:Status Icon" content="cloud-drizzle"/>
  90. <meta name="text:Status" content=""/>
  91.  
  92. <meta name="text:Home Link" content="posts"/>
  93. <meta name="text:Ask Link" content="ask"/>
  94. <meta name="text:Archive Link" content="archive"/>
  95. <meta name="text:Header Link 1 URL" content="" />
  96. <meta name="text:Header Link 1" content="" />
  97. <meta name="text:Header Link 2 URL" content="" />
  98. <meta name="text:Header Link 2" content="" />
  99. <meta name="text:Header Link 3 URL" content="" />
  100. <meta name="text:Header Link 3" content="" />
  101.  
  102. <meta name="text:Popup Title" content="navigation"/>
  103. <meta name="text:Popup Text" content=""/>
  104.  
  105. <meta name="text:Popup Link 1 URL" content="" />
  106. <meta name="text:Popup Link 1" content="" />
  107. <meta name="text:Popup Link 2 URL" content="" />
  108. <meta name="text:Popup Link 2" content="" />
  109. <meta name="text:Popup Link 3 URL" content="" />
  110. <meta name="text:Popup Link 3" content="" />
  111. <meta name="text:Popup Link 4 URL" content="" />
  112. <meta name="text:Popup Link 4" content="" />
  113. <meta name="text:Popup Link 5 URL" content="" />
  114. <meta name="text:Popup Link 5" content="" />
  115. <meta name="text:Popup Link 6 URL" content="" />
  116. <meta name="text:Popup Link 6" content="" />
  117.  
  118. <meta name="text:Sideblog Section Title" content=""/>
  119. <meta name="text:Sideblog 1 Image URL" content=""/>
  120. <meta name="text:Sideblog 1 URL" content=""/>
  121. <meta name="text:Sideblog 1 Title" content=""/>
  122. <meta name="text:Sideblog 1 Description" content=""/>
  123. <meta name="text:Sideblog 2 Image URL" content=""/>
  124. <meta name="text:Sideblog 2 URL" content=""/>
  125. <meta name="text:Sideblog 2 Title" content=""/>
  126. <meta name="text:Sideblog 2 Description" content=""/>
  127. <meta name="text:Sideblog 3 Image URL" content=""/>
  128. <meta name="text:Sideblog 3 URL" content=""/>
  129. <meta name="text:Sideblog 3 Title" content=""/>
  130. <meta name="text:Sideblog 3 Description" content=""/>
  131.  
  132. <meta name="text:Updates Section Title" content=""/>
  133. <meta name="text:Updates Title 1" content=""/>
  134. <meta name="text:Updates Content 1" content=""/>
  135. <meta name="text:Updates Title 2" content=""/>
  136. <meta name="text:Updates Content 2" content=""/>
  137. <meta name="text:Updates Title 3" content=""/>
  138. <meta name="text:Updates Content 3" content=""/>
  139.  
  140. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  141.  
  142. <script src="https://unpkg.com/feather-icons"></script>
  143.  
  144. <!----- TOOLTIPS ----->
  145.  
  146. <script src="https://unpkg.com/popper.js@1"></script>
  147. <script src="https://unpkg.com/tippy.js@5/dist/tippy-bundle.iife.js"></script>
  148.  
  149. <!----- LOAD IN ----->
  150.  
  151. <script>
  152. $(document).ready(function(){
  153. $(function() {
  154. $('body').removeClass('load-in');
  155. });
  156. });
  157. </script>
  158.  
  159. <style type="text/css">
  160.  
  161. body {
  162. font-family: '{select:font}', sans-serif;
  163. font-size: {select:font size};
  164. color: {color:text};
  165. background-color: {color:background};
  166. text-align: left;
  167. line-height: 160%;
  168. word-wrap: break-word;
  169. letter-spacing: 0.2px;
  170. margin: 0;
  171. padding: 0;
  172. font-weight: 300;
  173. opacity: 1.0;
  174. -webkit-transition: 2s opacity;
  175. -moz-transition: 2s opacity;
  176. -ms-transition: 2s opacity;
  177. -o-transition: 2s opacity;
  178. transition: 2s opacity;
  179. }
  180.  
  181. body.load-in {
  182. opacity: 0;
  183. -webkit-transition: none;
  184. -moz-transition: none;
  185. -ms-transition: none;
  186. -o-transition: none;
  187. transition: none;
  188. }
  189.  
  190. a {
  191. color: {color:link};
  192. text-decoration: none;
  193. -webkit-transition: all 0.3s;
  194. -moz-transition: all 0.3s;
  195. -ms-transition: all 0.3s;
  196. -o-transition: all 0.3s;
  197. transition: all 0.3s;
  198. }
  199.  
  200. a:hover {
  201. color: {color:accent};
  202. -webkit-transition: all 0.3s;
  203. -moz-transition: all 0.3s;
  204. -ms-transition: all 0.3s;
  205. -o-transition: all 0.3s;
  206. transition: all 0.3s;
  207. }
  208.  
  209. p a, li a {box-shadow: inset 0 -2px 0 {color:accent};}
  210. p a:hover, li a:hover {box-shadow: inset 0 -6px 0 {color:accent}; color: {color:title};}
  211.  
  212. blockquote {
  213. padding: 1.25em;
  214. border: 1px solid {color:borders};
  215. margin: 1.25em 0;
  216. border-radius: 6px;
  217. }
  218.  
  219. h1, h2, h3, h4, h5, .title {
  220. color: {color:title};
  221. letter-spacing: 1px;
  222. line-height: 150%;
  223. font-weight: bold;
  224. }
  225.  
  226. h1 a, h2 a, h3 a, h4 a, h5 a, .title a {color: {color:title};}
  227. h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, .title a:hover {color: {color:accent}}
  228. h1, .title {font-size: 1.75em;}
  229. h2 {font-size: 1.6em;}
  230. h3 {font-size: 1.5em;}
  231. h4 {font-size: 1.25em;}
  232. h5 {font-size: 1.15em;}
  233.  
  234. small {font-size: 0.9em;}
  235. big {font-size: 1.1em;}
  236. b, bold, strong {color: {color:title}; font-weight: 700;}
  237. b a, bold a, strong a {color: {color:link};}
  238. b a:hover, bold a:hover strong a:hover {color: {color:title};}
  239.  
  240. ul {list-style-type: circle;}
  241. ol {list-style-type: decimal;}
  242. li {max-width: 100%;}
  243.  
  244. .tippy-tooltip.custom-theme {
  245. background-color: {color:posts};
  246. color: {color:title};
  247. text-align: center;
  248. font-family: '{select:font}', serif;
  249. font-weight: normal;
  250. text-transform: uppercase;
  251. letter-spacing: 1px;
  252. border-radius: 4px;
  253. font-style: normal;
  254. padding: 0.25em;
  255. margin: 15px auto auto 10px;
  256. font-size: 0.8em;
  257. border: 1px solid {color:borders};
  258. }
  259.  
  260. ::-webkit-scrollbar {
  261. width: 17px;
  262. height: 17px;
  263. background-color: {color:background};
  264. }
  265.  
  266. ::-webkit-scrollbar-track {border: 8px solid {color:background}; background-color: {color:borders};}
  267.  
  268. ::-webkit-scrollbar-thumb {
  269. border: 6px solid {color:background};
  270. background-color: {color:title};
  271. min-height: 24px;
  272. min-width: 24px;
  273. }
  274.  
  275. .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  276. z-index: 999999999!important;
  277. opacity: 0.6;
  278. transform: scale(0.8);
  279. transform-origin: 100% 0;
  280. -webkit-transform: scale(0.8);
  281. -webkit-transform-origin: 100% 0;
  282. -o-transform: scale(0.8);
  283. -o-transform-origin: 100% 0;
  284. -moz-transform: scale(0.8);
  285. -moz-transform-origin: 100% 0;
  286. -ms-transform: scale(0.8);
  287. -ms-transform-origin: 100% 0;
  288. -webkit-transition: all 0.4s;
  289. -moz-transition: all 0.4s;
  290. -ms-transition: all 0.4s;
  291. -o-transition: all 0.4s;
  292. transition: all 0.4s;
  293. }
  294.  
  295. .tmblr-iframe-compact .tmblr-iframe--unified-controls:hover {
  296. opacity: 1.0;
  297. -webkit-transition: all 0.4s;
  298. -moz-transition: all 0.4s;
  299. -ms-transition: all 0.4s;
  300. -o-transition: all 0.4s;
  301. transition: all 0.4s;
  302. }
  303.  
  304. .tmblr-iframe--app-cta-button {display: none!important;}
  305.  
  306. /*----- SEARCH BAR -----*/
  307.  
  308. #search {
  309. position: fixed;
  310. border-bottom: 1px solid {color:borders};
  311. width: 100%;
  312. background-color: {color:posts};
  313. top: 0;
  314. z-index: 9997;
  315. padding: 12px 0;
  316. box-sizing: border-box;
  317. }
  318.  
  319. #search-wrap {
  320. width: calc({select:post width} + 150px);
  321. margin: auto;
  322. display: flex;
  323. align-items: center;
  324. justify-content: center;
  325. flex-direction: row;
  326. }
  327.  
  328. #search-wrap .icon {
  329. width: 46px;
  330. height: 46px;
  331. display: inline-block;
  332. }
  333.  
  334. .find svg {
  335. width: 1.25em;
  336. height: 1.25em;
  337. margin-right: 0.75em;
  338. }
  339.  
  340. .find {
  341. background-color: inherit;
  342. {block:ifPopup}width: calc(100% - 150px);{/block:ifPopup}
  343. {block:ifNotPopup}width: calc(100% - 95px);{/block:ifNotPopup}
  344. margin: auto auto auto 30px;
  345. border: 1px solid {color:borders};
  346. background-color: {color:search background};
  347. border-radius: 2em;
  348. padding: 10px 10px 10px 15px;
  349. box-sizing: border-box;
  350. vertical-align: middle;
  351. display: inline-block;
  352. }
  353.  
  354. .find input {
  355. border: none;
  356. outline: none;
  357. display: inline-block;
  358. background: inherit;
  359. margin: 0;
  360. padding: 0;
  361. color: {color:text};
  362. width: calc(100% - 3em);
  363. font-family: inherit;
  364. font-size: inherit;
  365. font-weight: 300;
  366. }
  367.  
  368. .find input[type=text] {color: {color:text};}
  369. input::-webkit-input-placeholder {color: {color:text};}
  370. input::-moz-placeholder {color: {color:text};}
  371. input:-moz-placeholder {color: {color:text};}
  372. input:-ms-input-placeholder {color: {color:text};}
  373.  
  374. .menu-button {
  375. border: 1px solid {color:accent};
  376. padding: 10px;
  377. float: right;
  378. border-radius: 50%;
  379. background-color: {color:accent};
  380. }
  381.  
  382. .menu-button svg {
  383. width: 24px;
  384. height: 24px;
  385. color: {color:posts};
  386. -webkit-transition: all 0.3s;
  387. -moz-transition: all 0.3s;
  388. -ms-transition: all 0.3s;
  389. -o-transition: all 0.3s;
  390. transition: all 0.3s;
  391. }
  392.  
  393. .menu-button:hover {cursor: help; background-color: {color:posts};}
  394.  
  395. .menu-button:hover svg {
  396. color: {color:accent};
  397. -webkit-transition: all 0.3s;
  398. -moz-transition: all 0.3s;
  399. -ms-transition: all 0.3s;
  400. -o-transition: all 0.3s;
  401. transition: all 0.3s;
  402. }
  403.  
  404. /*----- POPUP -----*/
  405.  
  406. #pop {
  407. width: 100%;
  408. height: 100%;
  409. top: 0;
  410. left: 0;
  411. position: fixed;
  412. z-index: 9998;
  413. background: rgba({RGBcolor:background}, 0.9);
  414. display: none;
  415. }
  416.  
  417. .fade {
  418. top: 0;
  419. left: 0;
  420. position: fixed;
  421. z-index: 9999;
  422. width: 100%;
  423. height: 100%;
  424. }
  425.  
  426. #pop-wrap {
  427. display: flex;
  428. justify-content: center;
  429. align-items: center;
  430. flex-direction: row;
  431. width: 99vw;
  432. height: 100vh;
  433. }
  434.  
  435. .popup {
  436. background: {color:posts};
  437. z-index: 99999;
  438. border: 1px solid {color:borders};
  439. border-radius: 6px;
  440. box-sizing: border-box;
  441. }
  442.  
  443. .popup a, .popup a:hover {box-shadow: none;}
  444.  
  445. #pop-left {
  446. width: 230px;
  447. margin-right: 40px;
  448. order: 1;
  449. }
  450.  
  451. #pop-centre {
  452. width: 540px;
  453. order: 2;
  454. }
  455.  
  456. #pop-right {
  457. width: 230px;
  458. margin-left: 40px;
  459. order: 3;
  460. }
  461.  
  462. #pop .title {
  463. font-size: 1.25em;
  464. text-transform: capitalize;
  465. border-bottom: 1px solid {color:borders};
  466. padding: 20px;
  467. }
  468.  
  469. #pop li {list-style-type: none;}
  470. #popup-content {padding: 40px;}
  471. #pop-centre li:first-of-type {margin-top: 0.75em;}
  472.  
  473. #pop-centre nav {
  474. box-sizing: border-box;
  475. text-transform: capitalize;
  476. margin-top: 1.5em;
  477. }
  478.  
  479. #pop-centre nav li {
  480. display: inline-block;
  481. width: 48%;
  482. margin-top: 10px;
  483. text-align: center;
  484. }
  485.  
  486. #pop-centre nav li:nth-child(odd) {margin-right: 7px;}
  487.  
  488. #pop-centre nav a {
  489. background-color: {color:search background};
  490. padding: 10px;
  491. box-sizing: border-box;
  492. display: inline-block;
  493. width: 100%;
  494. border-radius: 2em;
  495. border: 1px solid {color:borders};
  496. }
  497.  
  498. #pop-centre nav a:hover {
  499. background-color: {color:accent};
  500. color: {color:posts};
  501. border: 1px solid {color:accent};
  502. }
  503.  
  504. #pop-left li, #pop-right li {
  505. padding: 15px;
  506. border-bottom: 1px solid {color:borders};
  507. }
  508.  
  509. #pop-left li:last-of-type, #pop-right li:last-of-type {border-bottom: none;}
  510. #pop-left .subtitle, #pop-left .sideblog-desc {margin-left: calc(45px + 0.75em);}
  511.  
  512. #pop-left .icon {
  513. width: 45px;
  514. height: 45px;
  515. float: left;
  516. }
  517.  
  518. #pop-left .subtitle a, #pop-left .subtitle a:hover {border-bottom: none;}
  519. #pop-left .subtitle a::before {content: '@';}
  520.  
  521. .numbers {
  522. float: left;
  523. font-size: 1.25em;
  524. color: {color:accent};
  525. font-weight: bold;
  526. margin-right: 0.5em;
  527. }
  528.  
  529. #pop-right .subtitle {text-transform: capitalize;}
  530. .update-txt, #pop-right .subtitle {margin-left: 1.5em;}
  531.  
  532. /*----- HEADER -----*/
  533.  
  534. header {
  535. border-bottom: 1px solid {color:borders};
  536. {block:ifNotHeaderImage}padding-top: 40px;{/block:ifNotHeaderImage}
  537. }
  538.  
  539. #header-img {width: 100%;}
  540.  
  541. #side-img {
  542. width: 125px;
  543. height: 125px;
  544. border-radius: 6px;
  545. {block:ifNotHeaderImage}margin: 0 0 0 45px;{/block:ifNotHeaderImage}
  546. {block:ifHeaderImage}
  547. position: absolute;
  548. margin: -90px 0 0 45px;
  549. background-color: {color:posts};
  550. padding: 5px;
  551. {/block:ifHeaderImage}
  552. z-index: 5;
  553. {block:ifCircularProfileImage}
  554. border-radius: 50%;
  555. {/block:ifCircularProfileImage}
  556. }
  557.  
  558. #header-content {
  559. {block:ifHeaderImage}padding: 60px 50px 25px 50px;{/block:ifHeaderImage}
  560. {block:ifNotHeaderImage}padding: 1.5em 50px 25px 50px;{/block:ifNotHeaderImage}
  561. {block:ifNotProfileImage}padding: 40px 50px 25px 50px;{/block:ifNotProfileImage}
  562. {block:ifNotProfileImage}{block:ifNotHeaderImage}padding: 0 50px 25px 50px;{/block:ifNotHeaderImage}{/block:ifNotProfileImage}
  563. }
  564.  
  565. #blogurl {color: {color:link};}
  566. #blogurl::before {content: '@'; color: {color:accent};}
  567. #description {margin-top: 1.5em;}
  568. #desc-stats {margin-top: 0.5em;}
  569.  
  570. #desc-stats li {
  571. list-style-type: none;
  572. display: inline-block;
  573. color: {color:link};
  574. margin-right: 1em;
  575. }
  576.  
  577. #desc-stats li svg {
  578. width: 1.25em;
  579. height: 1.25em;
  580. display: inline-block;
  581. vertical-align: middle;
  582. margin-right: 0.5em;
  583. }
  584.  
  585. header nav a {
  586. border-bottom: 4px solid transparent;
  587. margin-right: 1em;
  588. padding: 0 3px 25px 3px;
  589. }
  590.  
  591. header nav {margin-top: 2em; text-transform: capitalize;}
  592. header nav a:hover {border-bottom: 4px solid {color:accent};}
  593. .home {color: {color:accent}; border-bottom: 4px solid {color:accent};}
  594.  
  595. /*----- POSTS -----*/
  596.  
  597. #container {position: relative; margin: auto;}
  598.  
  599. #posts-container {
  600. border-right: 1px solid {color:borders};
  601. border-left: 1px solid {color:borders};
  602. width: calc({select:post width} + 100px);
  603. margin: 70px auto auto auto;
  604. background-color: {color:posts};
  605. }
  606.  
  607. article {
  608. width: 100%;
  609. position: relative;
  610. margin: auto;
  611. border-bottom: 1px solid {color:borders};
  612. box-sizing: border-box;
  613. }
  614.  
  615. .posts {padding: 50px;}
  616.  
  617. .tumblr_video_container {max-height: {select:post width}!important; overflow: hidden!important;
  618. }
  619. .posts li, .posts blockquote, .posts img, figure, video, iframe, .video, .video iframe {max-width: 100%;}
  620. .postsource {display: none;}
  621.  
  622. /*----- COMMON STYLES -----*/
  623.  
  624. .subtitle {color: {color:title}; font-weight: bold;}
  625.  
  626. .subtitle a {color: {color:title};}
  627. .subtitle a:hover {color: {color:accent};}
  628.  
  629. .upper {
  630. font-size: 0.9em;
  631. text-transform: uppercase;
  632. letter-spacing: 1px;
  633. }
  634.  
  635. .icon {
  636. display: inline-block;
  637. border-radius: 50%;
  638. vertical-align: middle;
  639. }
  640.  
  641. svg {
  642. display: inline-block;
  643. vertical-align: middle;
  644. color: {color:accent};
  645. }
  646.  
  647. /*----- CAPTION -----*/
  648.  
  649. .caption {
  650. margin: 2em 0 0 0;
  651. list-style-type: none;
  652. {block:ifCaptionsOnTop}margin: 2em 0;{/block:ifCaptionsOnTop}
  653. }
  654.  
  655. .caption p {margin: 1em 0;}
  656. .ogcap p:first-of-type {margin: 0 0 1em 0;}
  657. .caption p:last-of-type, .ogcap p:last-of-type {margin-bottom: 0;}
  658. .body:first-of-type {margin-top: 0;}
  659. .caption blockquote p:first-of-type {margin-top: 0;}
  660. .caption blockquote p:last-of-type {margin-bottom: 0;}
  661. .caption iframe, .caption img {max-width: 100%;}
  662.  
  663. {block:ifHideFirstCaptionUsername}
  664. .twit-cap:first-of-type .username, .twit-cap:first-of-type .capicon {display: none;}
  665. .twit-cap:first-of-type p {margin: 0 0 1em 0;}
  666. .twit-cap blockquote p:first-of-type {margin-top: 0;}
  667. .twit-cap blockquote p:last-of-type {margin-bottom: 0;}
  668. {/block:ifHideFirstCaptionUsername}
  669.  
  670. .capicon {width: 25px; height: 25px;}
  671.  
  672. .username {display: inline-block; margin-left: 1em;}
  673. .username a::before, .asker .subtitle::before {content: '@'}
  674. .username a, .username a:hover {box-shadow: none;}
  675.  
  676. .deactive::after {
  677. content: '(deactivated)';
  678. margin-left: 1em;
  679. opacity: 0.7;
  680. color: {color:text};
  681. }
  682.  
  683. p.tmblr-attribution {margin-top: 1em;}
  684.  
  685. {block:ifHideCaption}{block:IndexPage}
  686. .hide-cap {display: none;}
  687. {/block:IndexPage}{/block:ifHideCaption}
  688.  
  689. /*----- TEXT -----*/
  690.  
  691. pre {
  692. line-height: inherit;
  693. font-size: inherit;
  694. white-space: pre-wrap;
  695. white-space: -moz-pre-wrap;
  696. white-space: -pre-wrap;
  697. white-space: -o-pre-wrap;
  698. word-wrap: break-word;
  699. }
  700.  
  701. @font-face {
  702. font-family: Calluna;
  703. src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3=&v=f685dc881c60c298ea22a73fe505b88a");
  704. src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3%3F=&v=f685dc881c60c298ea22a73fe505b88a#iefix") format("embedded-opentype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.woff?3=&v=760a50f4d098e59aebaf0f0e58ae2cc8") format("woff"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.ttf?3=&v=5ace789439bff3b27f8d4112725531da") format("truetype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.svg?3=&v=5b95c481dd7411c6e112143d6646bd9b#_.regular") format("svg");
  705. font-weight: 700;
  706. font-style: italic
  707. }
  708.  
  709. @font-face {
  710. font-family: Fairwater;
  711. src: url("https://assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff2?v=b7ab7a58cded3365889a447bfd9e9c45") format("woff2"),url("https://assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff?v=96e975b7468359e6f67086305577e43e") format("woff");
  712. font-weight: 400;
  713. font-style: normal
  714. }
  715.  
  716. p.npf_quirky {font-family: Fairwater; font-size: 1.75em;}
  717.  
  718. .npf_color_joey {color: #e57373;}
  719. .npf_color_monica {color: #ff8a65;}
  720. .npf_color_phoebe {color: #ffee58;}
  721. .npf_color_ross {color: #81c784;}
  722. .npf_color_rachel {color: #4fc3f7;}
  723. .npf_color_chandler {color: #9575cd;}
  724. .npf_color_niles {color: #f06292;}
  725.  
  726. #k {
  727. position: fixed;
  728. bottom: 30px;
  729. right: 20px;
  730. font-size: 14px;
  731. background-color: {color:background};
  732. padding: 5px 9px;
  733. border-radius: 3px;
  734. }
  735.  
  736. #k:hover {background-color: {color:accent}; color: {color:background};}
  737.  
  738. /*----- LINK -----*/
  739.  
  740. .linkp {
  741. color: {color:text};
  742. border-radius: 6px;
  743. border: 1px solid {color:borders};
  744. overflow: hidden;
  745. box-shadow: none;
  746. -webkit-transition: all 0.3s;
  747. -moz-transition: all 0.3s;
  748. -ms-transition: all 0.3s;
  749. -o-transition: all 0.3s;
  750. transition: all 0.3s;
  751. }
  752.  
  753. .linkp:hover, .npf-link-block:hover {
  754. background-color: {color:search background};
  755. box-shadow: none;
  756. -webkit-transition: all 0.3s;
  757. -moz-transition: all 0.3s;
  758. -ms-transition: all 0.3s;
  759. -o-transition: all 0.3s;
  760. transition: all 0.3s;
  761. }
  762.  
  763. .thumbnail {max-width: 100%; border-bottom: 1px solid {color:borders};}
  764. .link {padding: 30px;}
  765. .linkhost, .linktxt {color: {color:text}; margin-top: 1.5em;}
  766.  
  767. .link svg {
  768. width: 1.5em;
  769. height: 1.5em;
  770. margin-right: 0.75em;
  771. }
  772.  
  773. .npf-link-block {
  774. margin-top: 1.25em;
  775. border-radius: 4px;
  776. box-shadow: none;
  777. -webkit-transition: all 0.3s;
  778. -moz-transition: all 0.3s;
  779. -ms-transition: all 0.3s;
  780. -o-transition: all 0.3s;
  781. transition: all 0.3s;
  782. }
  783.  
  784. .npf-link-block .poster .title {background-color: initial; padding: 30px;}
  785. .npf-link-block .title {font-size: 1.25em; border-bottom: none;}
  786. .npf-link-block .bottom {padding: 30px !important; color: {color:text};}
  787.  
  788. .npf-link-block .bottom .site-name {
  789. font-size: 0.9em;
  790. color: {color:text};
  791. font-weight: normal;
  792. letter-spacing: 1px;
  793. }
  794.  
  795. /*----- PHOTO -----*/
  796.  
  797. img {
  798. margin: 0;
  799. display: block;
  800. height: auto;
  801. }
  802.  
  803. .photo img {width: 100%; border-radius: 6px;}
  804. .vignette, #vignette {opacity: 0;}
  805. .tmblr-lightbox, #tumblr_lightbox {background-color: rgba(60, 60, 60, .8) !important;}
  806.  
  807. .lightbox-image, #tumblr_lightbox img {
  808. box-shadow: none !important;
  809. border-radius: 6px !important;
  810. max-width: none;
  811. }
  812.  
  813. /*----- PHOTOSET -----*/
  814.  
  815. [photoset-layout] {
  816. grid-gap: {select:photoset gutter}px;
  817. border-radius: 6px;
  818. overflow: hidden;
  819. grid-template-columns: repeat(6, auto);
  820. }
  821.  
  822. [photoset-layout] div {
  823. padding: 0;
  824. border: none;
  825. cursor: pointer;
  826. }
  827.  
  828. [photoset-layout] img {
  829. border: none;
  830. border-radius: 0;
  831. }
  832.  
  833. .post-content div.npf_row, .post div.npf_row, body div.npf_row {
  834. margin-left: 0 !important;
  835. margin-right: 0 !important;
  836. }
  837.  
  838. .captext figure {margin: 1em 0;}
  839. .captext figure .tmblr-full {margin-top: {select:photoset gutter}px;}
  840. .npf_photoset {border-radius: 6px; overflow: hidden;}
  841. .tmblr-full:hover {cursor: pointer;}
  842. .npf_image, .tmblr-full {border: none; outline: none;}
  843.  
  844. .text-post [photoset-layout] {margin-bottom: 2.5em;}
  845.  
  846. /*----- QUOTE -----*/
  847.  
  848. .quote, p.npf_quote {
  849. color: {color:title};
  850. font-size: 1.35em;
  851. line-height: 160%;
  852. }
  853.  
  854. .quote p:first-of-type {margin-top: 0;}
  855. .quote p:last-of-type {margin-bottom: 0;}
  856. p.npf_quote {font-family: inherit; margin-bottom: 1em;}
  857.  
  858. .source {margin-top: 1.5em; text-align: right; color: {color:link};}
  859.  
  860. .source::before {
  861. content: '';
  862. width: 2em;
  863. height: 1px;
  864. background-color: {color:borders};
  865. display: inline-block;
  866. margin: 0 0.5em 0.35em 0;
  867. }
  868.  
  869. /*----- CHAT -----*/
  870.  
  871. .chat {padding: 0; margin: 0;}
  872. .chat li {list-style-type: none;}
  873. .line {padding: 1em 0; width: calc({select:post width} - 100px);}
  874. .line:first-of-type {padding: 0 0 1em 0;}
  875. .line:last-of-type {padding: 1em 0 0 0;}
  876.  
  877. .line:nth-child(even) {margin-left: 100px;}
  878. .line:nth-child(even) .subtitle {text-align: right; float: right;}
  879.  
  880. .chattxt {
  881. box-sizing: border-box;
  882. padding: 1em;
  883. border-radius: 6px;
  884. }
  885.  
  886. .line:nth-child(odd) .chattxt {background-color: {color:search background};}
  887. .line:nth-child(even) .chattxt {background-color: {color:accent}; color: {color:posts}; margin-top: 1.5em;}
  888.  
  889. p.npf_chat {font-family: inherit; margin-top: 1em;}
  890.  
  891. p.npf_chat b {
  892. color: {color:title};
  893. text-transform: uppercase;
  894. letter-spacing: 1px;
  895. font-family: inherit;
  896. font-size: 0.9em;
  897. }
  898.  
  899. /*----- ANSWER -----*/
  900.  
  901. .askpost {
  902. border: 1px solid {color:borders};
  903. padding: 30px;
  904. border-radius: 6px;
  905. }
  906.  
  907. .askpost .icon {float: left; margin-right: 1.25em;}
  908. .asker {display: inline-block;}
  909. .question {margin-top: 1em;}
  910.  
  911. /*----- AUDIO -----*/
  912.  
  913. .audiopost {
  914. border: 1px solid {color:borders};
  915. border-radius: 6px;
  916. overflow: hidden;
  917. }
  918.  
  919. .albumart {
  920. width: 150px;
  921. height: 150px;
  922. float: left;
  923. z-index: -5;
  924. }
  925.  
  926. .button {
  927. width: 30px;
  928. height: 30px;
  929. overflow: hidden;
  930. position: relative;
  931. z-index: 10;
  932. margin: 18px 17px 16px 17px;
  933. }
  934.  
  935. .audiobox {
  936. background-color: #f2f2f2;
  937. z-index: 50;
  938. border-radius: 50%;
  939. position: absolute;
  940. margin: 42px 0 0 42px;
  941. opacity: 0.7;
  942. -webkit-transition: all 0.7s;
  943. -moz-transition: all 0.7s;
  944. -ms-transition: all 0.7s;
  945. -o-transition: all 0.7s;
  946. transition: all 0.7s;
  947. }
  948.  
  949. .audioinfo {
  950. list-style-type: none;
  951. position: relative;
  952. max-width: calc({select:post width} - 155px);
  953. height: 150px;
  954. box-sizing: border-box;
  955. line-height: 180%;
  956. margin-left: 155px;
  957. display: flex;
  958. justify-content: center;
  959. flex-direction: column;
  960. }
  961.  
  962. .flexy {padding-left: 1.5em;}
  963. .track {font-size: 1.25em;}
  964. .audioinfo svg {margin: 0 0.5em 0.15em 0; width: 1.25em; height: 1.25em;}
  965.  
  966. .audiopost:hover .audiobox {
  967. opacity: 1.0;
  968. -webkit-transition: all 0.7s;
  969. -moz-transition: all 0.7s;
  970. -ms-transition: all 0.7s;
  971. -o-transition: all 0.7s;
  972. transition: all 0.7s;
  973. }
  974.  
  975. /*----- INFO -----*/
  976.  
  977. .top-info {margin-bottom: 2em;}
  978.  
  979. .top-info .icon {
  980. position: absolute;
  981. width: 45px;
  982. height: 45px;
  983. margin-left: -75px;
  984. }
  985.  
  986. .top-info .subtitle {font-size: 1.1em;}
  987. .top-info .subtitle::before {content: '@';}
  988.  
  989. .top-info .date::before {
  990. content: '';
  991. display: inline-block;
  992. width: 5px;
  993. height: 5px;
  994. background-color: {color:accent};
  995. border-radius: 50%;
  996. margin: 0 0.8em 0.15em 0.75em;
  997. }
  998.  
  999. .top-info svg {
  1000. width: 1.25em;
  1001. height: 1.25em;
  1002. margin-right: 0.5em;
  1003. }
  1004.  
  1005. .info svg, #pg svg {
  1006. width: 1.25em;
  1007. height: 1.25em;
  1008. margin-right: 0.25em;
  1009. }
  1010.  
  1011. .info {margin: 2em auto auto -7px;}
  1012. .info a {display: inline-block; margin-right: 2em;}
  1013.  
  1014. .info a svg, #pg a svg {
  1015. padding: 7px;
  1016. border-radius: 50%;
  1017. background-color: transparent;
  1018. -webkit-transition: all 0.3s;
  1019. -moz-transition: all 0.3s;
  1020. -ms-transition: all 0.3s;
  1021. -o-transition: all 0.3s;
  1022. transition: all 0.3s;
  1023. }
  1024.  
  1025. .info a:hover svg, #pg a:hover svg {
  1026. padding: 7px;
  1027. background-color: rgba({RGBcolor:accent}, 0.3);
  1028. -webkit-transition: all 0.3s;
  1029. -moz-transition: all 0.3s;
  1030. -ms-transition: all 0.3s;
  1031. -o-transition: all 0.3s;
  1032. transition: all 0.3s;
  1033. }
  1034.  
  1035. .like-wrap {position: relative; display: inline-block;}
  1036. .like-wrap:hover {cursor: pointer;}
  1037.  
  1038. .like-wrap .like_button iframe {
  1039. position: absolute;
  1040. top: 0;
  1041. left: 0;
  1042. bottom: 0;
  1043. right: 0;
  1044. z-index: 2;
  1045. opacity: 0;
  1046. }
  1047.  
  1048. .like_button iframe {width: 100% !important; height: 100% !important;}
  1049. .like-wrap .liked + .lb {color: {color:accent};}
  1050. .like-wrap .liked + .lb::after {content: 'd';}
  1051.  
  1052. .tags {margin-top: 0.25em;}
  1053. .tags a {margin-right: 1em;}
  1054. .tags a::before {content: '#'; color: {color:accent};}
  1055. {block:ifHideTags}{block:IndexPage}.tags {display: none;}{/block:IndexPage}{/block:ifHideTags}
  1056.  
  1057. .pin-post {margin-bottom: 1em;}
  1058.  
  1059. #perma-date {font-size: 1.15em; margin: auto auto 0.25em 7px;}
  1060. #perma-date li {list-style-type: none; display: inline-block;}
  1061.  
  1062. #perma-date li::after {
  1063. content: '';
  1064. display: inline-block;
  1065. width: 5px;
  1066. height: 5px;
  1067. background-color: {color:accent};
  1068. border-radius: 50%;
  1069. margin: 0 0.75em 0.15em 0.75em;
  1070. }
  1071.  
  1072. #perma-date li:last-of-type::after {display: none;}
  1073.  
  1074. /*---- POST NOTES -----*/
  1075.  
  1076. .notes {margin: 0; padding: 50px;}
  1077. .notes .title {font-size: 1.25em;}
  1078. .notes a, .notes a:hover {box-shadow: none;}
  1079.  
  1080. ol.notes {
  1081. list-style-type: none;
  1082. max-width: 100%;
  1083. padding: 0;
  1084. margin: 2em 0 0 0;
  1085. }
  1086.  
  1087. ol.notes li.note {padding: 0.25em; display: block;}
  1088. ol.notes li.note a, ol.notes li.note a:hover {box-shadow: none;}
  1089. a.more_notes_link {font-weight: bold; color: {color:title};}
  1090.  
  1091. ol.notes li.note img.avatar {
  1092. border-radius: 50%;
  1093. margin-right: 1em;
  1094. vertical-align: middle;
  1095. display: inline-block;
  1096. }
  1097.  
  1098. /*---- PAGINATION -----*/
  1099.  
  1100. #pg {padding: 50px;}
  1101. #pg a {color: {color:title}; display: inline-block;}
  1102. #pg a:hover {color: {color:accent};}
  1103.  
  1104. .next {float: right;}
  1105. .next svg {margin: auto 0 auto 0.25em;}
  1106.  
  1107. #btop {
  1108. position: fixed;
  1109. right: 26px;
  1110. bottom: 70px;
  1111. }
  1112.  
  1113. #btop svg {
  1114. width: 24px;
  1115. height: 24px;
  1116. -webkit-transition: all 0.3s;
  1117. -moz-transition: all 0.3s;
  1118. -ms-transition: all 0.3s;
  1119. -o-transition: all 0.3s;
  1120. transition: all 0.3s;
  1121. }
  1122.  
  1123. #btop:hover svg {
  1124. color: {color:title};
  1125. -webkit-transition: all 0.3s;
  1126. -moz-transition: all 0.3s;
  1127. -ms-transition: all 0.3s;
  1128. -o-transition: all 0.3s;
  1129. transition: all 0.3s;
  1130. }
  1131.  
  1132. /*---- RESPONSIVENESS -----*/
  1133.  
  1134. @media only screen and (max-width: 1100px) {
  1135. #pop-centre {width: 450px;}
  1136. }
  1137.  
  1138. @media only screen and (max-width: 700px) {
  1139. #posts-container {width: 100vw;}
  1140. #search-wrap {width: 90vw;}
  1141.  
  1142. .line {width: calc(100% - 100px);}
  1143.  
  1144. .top-info .icon {
  1145. float: left;
  1146. position: static;
  1147. margin: auto 15px auto auto;
  1148. }
  1149.  
  1150. #pg a {display: block;}
  1151. }
  1152.  
  1153. {CustomCSS}
  1154.  
  1155. </style>
  1156. </head>
  1157.  
  1158. <body class="load-in">
  1159.  
  1160. <!----- POPUP ----->
  1161.  
  1162. {block:ifPopup}
  1163. <div id="pop"><div class="fade"></div>
  1164. <div id="pop-wrap">
  1165.  
  1166. {block:ifSideblogSectionTitle}
  1167. <div class="popup" id="pop-left">
  1168. <div class="title">{text:Sideblog Section Title}</div>
  1169. {block:ifSideblog1Title}<li>
  1170. {block:ifSideblog1ImageURL}<img src="{text:Sideblog 1 Image URL}" class="icon"/>{/block:ifSideblog1ImageURL}
  1171. <div class="subtitle"><a href="{text:Sideblog 1 URL}">{text:Sideblog 1 Title}</a></div>
  1172. <div class="sideblog-desc">{text:Sideblog 1 Description}&nbsp;</div>
  1173. </li>{/block:ifSideblog1Title}
  1174. {block:ifSideblog2Title}<li>
  1175. {block:ifSideblog2ImageURL}<img src="{text:Sideblog 2 Image URL}" class="icon"/>{/block:ifSideblog2ImageURL}
  1176. <div class="subtitle"><a href="{text:Sideblog 2 URL}">{text:Sideblog 2 Title}</a></div>
  1177. <div class="sideblog-desc">{text:Sideblog 2 Description}&nbsp;</div>
  1178. </li>{/block:ifSideblog2Title}
  1179. {block:ifSideblog3Title}<li>
  1180. {block:ifSideblog3ImageURL}<img src="{text:Sideblog 3 Image URL}" class="icon"/>{block:ifSideblog3ImageURL}
  1181. <div class="subtitle"><a href="{text:Sideblog 3 URL}">{text:Sideblog 3 Title}</a></div>
  1182. <div class="sideblog-desc">{text:Sideblog 3 Description}&nbsp;</div>
  1183. </li>{/block:ifSideblog3Title}
  1184. </div>
  1185. {/block:ifSideblogSectionTitle}
  1186.  
  1187. <div class="popup" id="pop-centre">
  1188. <div class="title">{text:Popup Title}</div>
  1189. <div id="popup-content">
  1190. {text:Popup Text}
  1191. <nav>
  1192. {block:ifPopupLink1}<li><a href="{text:Popup Link 1 URL}">{text:Popup Link 1}</a></li>{/block:ifPopupLink1}
  1193. {block:ifPopupLink2}<li><a href="{text:Popup Link 2 URL}">{text:Popup Link 2}</a></li>{/block:ifPopupLink2}
  1194. {block:ifPopupLink3}<li><a href="{text:Popup Link 3 URL}">{text:Popup Link 3}</a></li>{/block:ifPopupLink3}
  1195. {block:ifPopupLink4}<li><a href="{text:Popup Link 4 URL}">{text:Popup Link 4}</a></li>{/block:ifPopupLink4}
  1196. {block:ifPopupLink5}<li><a href="{text:Popup Link 5 URL}">{text:Popup Link 5}</a></li>{/block:ifPopupLink5}
  1197. {block:ifPopupLink6}<li><a href="{text:Popup Link 6 URL}">{text:Popup Link 6}</a></li>{/block:ifPopupLink6}
  1198. </nav>
  1199. </div>
  1200. </div>
  1201.  
  1202. {block:ifUpdatesSectionTitle}
  1203. <div class="popup" id="pop-right">
  1204. <div class="title">{text:Updates Section Title}</div>
  1205. {block:ifUpdatesContent1}<li>
  1206. <div class="numbers">1</div>
  1207. <div class="subtitle">{text:Updates Title 1}</div>
  1208. <div class="update-txt">{text:Updates Content 1}</div>
  1209. </li>{/block:ifUpdatesContent1}
  1210. {block:ifUpdatesContent2}<li>
  1211. <div class="numbers">2</div>
  1212. <div class="subtitle">{text:Updates Title 2}</div>
  1213. <div class="update-txt">{text:Updates Content 2}</div>
  1214. </li>{block:ifUpdatesContent2}
  1215. {block:ifUpdatesContent3}<li>
  1216. <div class="numbers">3</div>
  1217. <div class="subtitle">{text:Updates Title 3}</div>
  1218. <div class="update-txt">{text:Updates Content 3}</div>
  1219. </li>{block:ifUpdatesContent3}
  1220. </div>
  1221. {/block:ifUpdatesSectionTitle}
  1222.  
  1223. </div>
  1224. </div>
  1225. {/block:ifPopup}
  1226.  
  1227. <!----- SEARCH BAR ----->
  1228.  
  1229. <header id="search">
  1230. <div id="search-wrap">
  1231. <img src="{PortraitURL-64}" class="icon"/>
  1232. <form action="/search" method="get" class="find" name="sform">
  1233. <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-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
  1234. <input type="text" name="q" placeholder="Search {Name}" value="{SearchQuery}" value autocomplete="off"/>
  1235. </form>
  1236. {block:ifPopup}<a class="click menu-button" title="menu"><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-horizontal"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg></a>{/block:ifPopup}
  1237. </div>
  1238. </header>
  1239.  
  1240. <section id="container">
  1241.  
  1242. <!----- HEADER ----->
  1243.  
  1244. <section id="posts-container">
  1245.  
  1246. <header>
  1247. {block:ifHeaderImage}<img src="{image:Header}" id="header-img"/>{/block:ifHeaderImage}
  1248. {block:ifProfileImage}<img src="{image:Profile}" id="side-img"/></a>{/block:ifProfileImage}
  1249. <div id="header-content">
  1250. <div class="title"><a href="/">{Title}</a></div>
  1251. <div id="blogurl">{Name}</div>
  1252. <div id="description">{Description}</div>
  1253. <div id="desc-stats">
  1254. {block:ifLocation}<li><i data-feather="{text:Location Icon}"></i>{text:Location}</li>{/block:ifLocation}
  1255. {block:ifEstablishmentDate}<li><i data-feather="{text:Establishment Icon}"></i>{text:Establishment Date}</li>{/block:ifEstablishmentDate}
  1256. {block:ifStatus}<li><i data-feather="{text:Status Icon}"></i>{text:Status}</li>{/block:ifStatus}
  1257. </div>
  1258.  
  1259. <nav id="top-nav">
  1260. {block:ifHomeLink}<a href="/" class="home">{text:Home Link}</a>{/block:ifHomeLink}
  1261. {block:ifAskLink}<a href="/ask">{text:Ask Link}</a>{/block:ifAskLink}
  1262. {block:ifArchiveLink}<a href="/archive">{text:Archive Link}</a>{/block:ifArchiveLink}
  1263. {block:ifHeaderLink1}<a href="{text:Header Link 1 URL}">{text:Header Link 1}</a>{/block:ifHeaderLink1}
  1264. {block:ifHeaderLink2}<a href="{text:Header Link 2 URL}">{text:Header Link 2}</a>{/block:ifHeaderLink2}
  1265. {block:ifHeaderLink3}<a href="{text:Header Link 3 URL}">{text:Header Link 3}</a>{/block:ifHeaderLink3}
  1266. </nav>
  1267. </div>
  1268. </header>
  1269.  
  1270. <!----- POSTS ----->
  1271.  
  1272. {block:TagPage}
  1273. <article class="posts">
  1274. Showing posts tagged with <span class="subtitle">#{Tag}</span>
  1275. </article>
  1276. {/block:TagPage}
  1277.  
  1278. {block:Posts inlineMediaWidth="1280"}
  1279. <article class="posts" id="{PostID}">
  1280.  
  1281. <!----- TOP POST INFO ----->
  1282.  
  1283. {block:Date}
  1284. <div class="top-info">
  1285. {block:IndexPage}
  1286. {block:PinnedPostLabel}<div class="pin-post"><a href="{Permalink}"><i data-feather="map-pin" aria-hidden="true"></i>{PinnedPostLabel}</a></div>{/block:PinnedPostLabel}
  1287. {/block:IndexPage}
  1288.  
  1289. {block:RebloggedFrom}
  1290. <a href="{ReblogRootURL}" title="{ReblogRootTitle}"><img src="{ReblogRootPortraitURL-64}" class="sourceicon icon"/></a>
  1291. <a href="{ReblogRootURL}" title="{ReblogRootTitle}" class="subtitle">{ReblogRootName}</a>
  1292. {/block:RebloggedFrom}
  1293. {block:NotReblog}
  1294. <a href="{Permalink}" title="original post"><img src="{PortraitURL-64}" class="icon"/></a>
  1295. <a href="{Permalink}" title="{Title}" class="subtitle">{Name}</a>
  1296. {/block:NotReblog}
  1297.  
  1298. {block:IndexPage}
  1299. <a href="{Permalink}" class="date" title="{TimeAgo}">{ShortMonth} {DayOfMonth}</a>
  1300. {/block:IndexPage}
  1301.  
  1302. {block:RebloggedFrom}
  1303. <br><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-repeat"><polyline points="17 1 21 5 17 9"></polyline><path d="M3 11V9a4 4 0 0 1 4-4h14"></path><polyline points="7 23 3 19 7 15"></polyline><path d="M21 13v2a4 4 0 0 1-4 4H3"></path></svg>
  1304. <a href="{ReblogParentURL}" title="reblogged from {ReblogParentTitle}">{ReblogParentName}</a>
  1305. {/block:RebloggedFrom}
  1306. {block:NotReblog}
  1307. <br><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-map-pin"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
  1308. <a href="{Permalink}" title="permalink">original post</a>
  1309. {/block:NotReblog}
  1310. </div>
  1311. {/block:Date}
  1312.  
  1313. <!----- TEXT POSTS ----->
  1314.  
  1315. {block:Text}
  1316. <div class="text-post">
  1317. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  1318. {block:NotReblog}
  1319. <li class="caption ogcap body">
  1320. <div class="captext">{Body}</div>
  1321. </li>
  1322. {/block:NotReblog}
  1323. {block:RebloggedFrom}{block:Reblogs}
  1324. <li class="caption rbcap body twit-cap">
  1325. <img src="{PortraitURL-64}" class="capicon icon">
  1326. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1327. <div class="captext">{Body}</div>
  1328. </li>
  1329. {/block:Reblogs}{/block:RebloggedFrom}
  1330. </div>
  1331. {/block:Text}
  1332.  
  1333. <!----- LINK POSTS ----->
  1334.  
  1335. {block:Link}
  1336. {block:ifCaptionsOnTop}
  1337. {block:Description}
  1338. {block:NotReblog}
  1339. <li class="caption ogcap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1340. <div class="captext">{Description}</div>
  1341. </li>
  1342. {/block:NotReblog}
  1343. {/block:Description}
  1344. {block:RebloggedFrom}
  1345. {block:Reblogs}
  1346. <li class="caption rbcap twit-cap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1347. <img src="{PortraitURL-64}" class="capicon icon">
  1348. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1349. <div class="captext">{Body}</div>
  1350. </li>
  1351. {/block:Reblogs}
  1352. {/block:RebloggedFrom}
  1353. {/block:ifCaptionsOnTop}
  1354.  
  1355. <a href="{URL}"><div class="linkp">
  1356. {block:Thumbnail}<img src="{Thumbnail-HighRes}" class="thumbnail">{/block:Thumbnail}
  1357. <div class="link">
  1358. <div class="title">{Name}</div>
  1359. {block:Excerpt}<div class="linktxt">{Excerpt}</div>{/block:Excerpt}
  1360. {block:Host}<div class="upper linkhost"><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-link"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg>{Host}</div>{/block:Host}
  1361. </div>
  1362. </div></a>
  1363.  
  1364. {block:ifNotCaptionsOnTop}
  1365. {block:Description}
  1366. {block:NotReblog}
  1367. <li class="caption ogcap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1368. <div class="captext">{Description}</div>
  1369. </li>
  1370. {/block:NotReblog}
  1371. {/block:Description}
  1372. {block:RebloggedFrom}
  1373. {block:Reblogs}
  1374. <li class="caption rbcap twit-cap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1375. <img src="{PortraitURL-64}" class="capicon icon">
  1376. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1377. <div class="captext">{Body}</div>
  1378. </li>
  1379. {/block:Reblogs}
  1380. {/block:RebloggedFrom}
  1381. {/block:ifNotCaptionsOnTop}
  1382. {/block:Link}
  1383.  
  1384. <!----- PHOTO POSTS ----->
  1385.  
  1386. {block:Photo}
  1387. {block:ifCaptionsOnTop}
  1388. {block:Caption}
  1389. {block:NotReblog}
  1390. <li class="caption ogcap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1391. <div class="captext">{Caption}</div>
  1392. </li>
  1393. {/block:NotReblog}
  1394. {block:Reblogs}
  1395. <li class="caption rbcap twit-cap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1396. <img src="{PortraitURL-64}" class="capicon icon">
  1397. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1398. <div class="captext">{Body}</div>
  1399. </li>
  1400. {/block:Reblogs}
  1401. {/block:Caption}
  1402. {/block:ifCaptionsOnTop}
  1403.  
  1404. <div class="photo">
  1405. {LinkOpenTag}<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"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>{LinkCloseTag}
  1406. </div>
  1407.  
  1408. {block:ifNotCaptionsOnTop}
  1409. {block:Caption}
  1410. {block:NotReblog}
  1411. <li class="caption ogcap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1412. <div class="captext">{Caption}</div>
  1413. </li>
  1414. {/block:NotReblog}
  1415. {block:Reblogs}
  1416. <li class="caption rbcap twit-cap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1417. <img src="{PortraitURL-64}" class="capicon icon">
  1418. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1419. <div class="captext">{Body}</div>
  1420. </li>
  1421. {/block:Reblogs}
  1422. {/block:Caption}
  1423. {/block:ifNotCaptionsOnTop}
  1424. {/block:Photo}
  1425.  
  1426. <!----- PHOTOSET POSTS ----->
  1427.  
  1428. {block:Photoset}
  1429. {block:ifCaptionsOnTop}
  1430. {block:Caption}
  1431. {block:NotReblog}
  1432. <li class="caption ogcap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1433. <div class="captext">{Caption}</div>
  1434. </li>
  1435. {/block:NotReblog}
  1436. {block:Reblogs}
  1437. <li class="caption rbcap twit-cap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1438. <img src="{PortraitURL-64}" class="capicon icon">
  1439. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1440. <div class="captext">{Body}</div>
  1441. </li>
  1442. {/block:Reblogs}
  1443. {/block:Caption}
  1444. {/block:ifCaptionsOnTop}
  1445.  
  1446. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" /></div>{/block:Photos}</div>
  1447.  
  1448. {block:ifNotCaptionsOnTop}
  1449. {block:Caption}
  1450. {block:NotReblog}
  1451. <li class="caption ogcap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1452. <div class="captext">{Caption}</div>
  1453. </li>
  1454. {/block:NotReblog}
  1455. {block:Reblogs}
  1456. <li class="caption rbcap twit-cap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1457. <img src="{PortraitURL-64}" class="capicon icon">
  1458. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1459. <div class="captext">{Body}</div>
  1460. </li>
  1461. {/block:Reblogs}
  1462. {/block:Caption}
  1463. {/block:ifNotCaptionsOnTop}
  1464. {/block:Photoset}
  1465.  
  1466. <!----- VIDEO POSTS ----->
  1467.  
  1468. {block:Video}
  1469. {block:ifCaptionsOnTop}
  1470. {block:Caption}
  1471. {block:NotReblog}
  1472. <li class="caption ogcap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1473. <div class="captext">{Caption}</div>
  1474. </li>
  1475. {/block:NotReblog}
  1476. {block:Reblogs}
  1477. <li class="caption rbcap twit-cap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1478. <img src="{PortraitURL-64}" class="capicon icon">
  1479. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1480. <div class="captext">{Body}</div>
  1481. </li>
  1482. {/block:Reblogs}
  1483. {/block:Caption}
  1484. {/block:ifCaptionsOnTop}
  1485.  
  1486. <div class="video">{Video-500}</div>
  1487.  
  1488. {block:ifNotCaptionsOnTop}
  1489. {block:Caption}
  1490. {block:NotReblog}
  1491. <li class="caption ogcap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1492. <div class="captext">{Caption}</div>
  1493. </li>
  1494. {/block:NotReblog}
  1495. {block:Reblogs}
  1496. <li class="caption rbcap twit-cap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1497. <img src="{PortraitURL-64}" class="capicon icon">
  1498. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1499. <div class="captext">{Body}</div>
  1500. </li>
  1501. {/block:Reblogs}
  1502. {/block:Caption}
  1503. {/block:ifNotCaptionsOnTop}
  1504. {/block:Video}
  1505.  
  1506. <!----- QUOTE POSTS ----->
  1507.  
  1508. {block:Quote}
  1509. <div class="quote">{Quote}</div>
  1510. {block:Source}<div class="source">{Source}</div>{/block:Source}
  1511. {/block:Quote}
  1512.  
  1513. <!----- CHAT POSTS ----->
  1514.  
  1515. {block:Chat}
  1516. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  1517. <ul class="chat">{block:Lines}
  1518. <li class="line">
  1519. {block:Label}<span class="subtitle upper chatter">{Label}</span>{/block:Label}
  1520. <div class="chattxt">{Line}</div>
  1521. </li>
  1522. {/block:Lines}</ul>
  1523. {/block:Chat}
  1524.  
  1525. <!----- ANSWER POSTS ----->
  1526.  
  1527. {block:Answer}
  1528. <div class="askpost">
  1529. <img src="{AskerPortraitURL-40}" class="askicon icon">
  1530. <div class="asker">
  1531. <div class="subtitle">{Asker}</div>
  1532. sent a message
  1533. </div>
  1534. <div class="question">{Question}</div>
  1535. </div>
  1536. {block:Answerer}
  1537. <li class="caption rbcap">
  1538. <img src="{AnswererPortraitURL-64}" class="capicon icon">
  1539. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}">{Answerer}</div>
  1540. <div class="captext">{Answer}</div>
  1541. </li>
  1542. {/block:Answerer}
  1543. {block:NotReblog}
  1544. <li class="caption ogcap">
  1545. <div class="captext">{Replies}</div>
  1546. </li>
  1547. {/block:NotReblog}
  1548. {block:RebloggedFrom}{block:Reblogs}
  1549. <li class="caption rbcap">
  1550. <img src="{PortraitURL-64}" class="capicon icon">
  1551. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1552. <div class="captext">{Body}</div>
  1553. </li>
  1554. {/block:Reblogs}{/block:RebloggedFrom}
  1555. {/block:Answer}
  1556.  
  1557. <!----- AUDIO POSTS ----->
  1558.  
  1559. {block:Audio}
  1560. {block:ifCaptionsOnTop}
  1561. {block:Caption}
  1562. {block:NotReblog}
  1563. <li class="caption ogcap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1564. <div class="captext">{Caption}</div>
  1565. </li>
  1566. {/block:NotReblog}
  1567. {block:Reblogs}
  1568. <li class="caption rbcap twit-cap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1569. <img src="{PortraitURL-64}" class="capicon icon">
  1570. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1571. <div class="captext">{Body}</div>
  1572. </li>
  1573. {/block:Reblogs}
  1574. {/block:Caption}
  1575. {/block:ifCaptionsOnTop}
  1576.  
  1577. <div class="audiopost">
  1578. <div class="audio-right">
  1579. <div class="audiobox"><div class="button">
  1580. {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
  1581. </div></div>
  1582. {block:AlbumArt}
  1583. <img src="{AlbumArtURL}" class="albumart">
  1584. {/block:AlbumArt}
  1585. </div>
  1586. <div class="audioinfo">
  1587. <div class="flexy">
  1588. {block:TrackName}<li class="subtitle track">{TrackName}</li>{/block:TrackName}
  1589. {block:Artist}<li><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-volume-1"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><path d="M15.54 8.46a5 5 0 0 1 0 7.07"></path></svg>by {Artist}</li>{/block:Artist}
  1590. </div>
  1591. </div>
  1592. </div>
  1593.  
  1594. {block:ifNotCaptionsOnTop}
  1595. {block:Caption}
  1596. {block:NotReblog}
  1597. <li class="caption ogcap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1598. <div class="captext">{Caption}</div>
  1599. </li>
  1600. {/block:NotReblog}
  1601. {block:Reblogs}
  1602. <li class="caption rbcap twit-cap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1603. <img src="{PortraitURL-64}" class="capicon icon">
  1604. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1605. <div class="captext">{Body}</div>
  1606. </li>
  1607. {/block:Reblogs}
  1608. {/block:Caption}
  1609. {/block:ifNotCaptionsOnTop}
  1610. {/block:Audio}
  1611.  
  1612. <!----- INFO ----->
  1613.  
  1614. {block:Date}
  1615. <div class="info">
  1616. {block:PermalinkPage}
  1617. <div id="perma-date">
  1618. <li>{12Hour}:{Minutes} {CapitalAmPm}</li>
  1619. <li>{Month} {DayOfMonth}, {Year}</li>
  1620. </div>
  1621. {/block:PermalinkPage}
  1622. {block:IndexPage}<a href="{Permalink}">
  1623. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-message-circle"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path></svg>
  1624. <span class="notecount">{NoteCount}</span>
  1625. </a>{/block:IndexPage}
  1626. <a href="{ReblogURL}" target="_blank">
  1627. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-repeat"><polyline points="17 1 21 5 17 9"></polyline><path d="M3 11V9a4 4 0 0 1 4-4h14"></path><polyline points="7 23 3 19 7 15"></polyline><path d="M21 13v2a4 4 0 0 1-4 4H3"></path></svg>
  1628. reblog
  1629. </a>
  1630. <a class="like-wrap">{LikeButton}<span class="lb"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-heart"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>like</span></a>
  1631. </div>
  1632. {/block:Date}
  1633.  
  1634. {block:HasTags}
  1635. <div class="tags">
  1636. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1637. </div>
  1638. {/block:HasTags}
  1639.  
  1640. <!----- SOURCE ----->
  1641.  
  1642. <div class="postsource">
  1643. {block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>{/block:ContentSource}
  1644. </div>
  1645.  
  1646. </article>
  1647.  
  1648. <!----- POST NOTES ----->
  1649.  
  1650. {block:PermalinkPage}{block:Date}
  1651. <article class="notes">
  1652. {block:NoteCount}<div class="title">{NoteCountWithLabel}</div>{/block:NoteCount}
  1653. {block:PostNotes}
  1654. {PostNotes}
  1655. {/block:PostNotes}
  1656. </article>
  1657. {/block:Date}{/block:PermalinkPage}
  1658.  
  1659. {/block:Posts}
  1660.  
  1661. <!----- PAGINATION ----->
  1662.  
  1663. <article id="pg">
  1664. {block:Pagination}
  1665. {block:PreviousPage}<a href="{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>go back</a>{/block:PreviousPage}
  1666. {block:NextPage}&nbsp;<a href="{NextPage}" class="next">see 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-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>{/block:NextPage}
  1667. {/block:Pagination}
  1668.  
  1669. </section>
  1670.  
  1671. </section>
  1672.  
  1673. <div id="btop">
  1674. <a href="#top" title="back to top" target="_self"><i data-feather="chevron-up"></i></a>
  1675. </div>
  1676.  
  1677. <a href="https://seyche.tumblr.com" title="dahlia theme by seyche" id="k">&.</a>
  1678. </article>
  1679.  
  1680. <!----- PHOTOSETS ----->
  1681.  
  1682. <script src="https://static.tumblr.com/0podkko/jfMplm3f8/modified_photosets.js"></script>
  1683. <script src="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosets.js"></script>
  1684.  
  1685. <!----- VIDEO RESIZING ----->
  1686.  
  1687. <script src="https://seyche.github.io/external-files-hosting/plugins/flexframes-modified.js"></script>
  1688.  
  1689. <!----- JQUERY ----->
  1690.  
  1691. <script>
  1692.  
  1693. /// PHOTOSETS
  1694.  
  1695. $(document).ready(function(){
  1696. initPhotosets();
  1697.  
  1698. npfPhotosets(".posts", {
  1699. rowClass:"npf_row",
  1700. imageContainerClass:"tmblr-full",
  1701. generatedPhotosetContainerClass:"npf_photoset",
  1702. imageClass:"npf_image",
  1703. includeCommonPhotosets: false,
  1704. useTumblrLightbox: true,
  1705. insertGalleryIndicator: false,
  1706. galleryIndicatorClass: "npf_gallery_indicator",
  1707. galleryIndicatorContent: "<img src='image_url'>",
  1708. photosetMargins:"{select:photoset gutter}"
  1709. });
  1710.  
  1711. /// NOTECOUNT
  1712.  
  1713. $('article').find('.notecount').each(function(){
  1714. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  1715. if (n > 999) {
  1716. n = Math.floor(n / 100) / 10;
  1717. $(this).text(n + 'K');
  1718. }
  1719. });
  1720. });
  1721.  
  1722. /// POPUP
  1723.  
  1724. $(document).ready(function(){
  1725. $('.click,.fade').click(function() {
  1726. $('#pop').fadeToggle(500);
  1727. });
  1728.  
  1729. /// TOOLTIPS
  1730.  
  1731. tippy('[title]', {
  1732. theme: 'custom',
  1733. arrow: false,
  1734. followCursor: true,
  1735. delay: 100,
  1736. placement: 'bottom-start',
  1737. zIndex: 9999999999,
  1738. maxWidth: 400,
  1739.  
  1740. content(reference) {
  1741. const title = reference.getAttribute('title');
  1742. reference.removeAttribute('title');
  1743. return title;
  1744. },
  1745. });
  1746.  
  1747. });
  1748.  
  1749. /// REMOVE REDIRECTS
  1750.  
  1751. $(document).ready(function(){
  1752. //remove tumblr redirects script by magnusthemes@tumblr
  1753. $('a[href*="t.umblr.com/redirect"]').each(function(){
  1754. var originalURL = $(this).attr("href").split("?z=")[1].split("&t=")[0];
  1755. var replaceURL = decodeURIComponent(originalURL);
  1756. $(this).attr("href", replaceURL);
  1757. });
  1758. });
  1759.  
  1760. /// RESPONSIVE VIDEOS
  1761.  
  1762. function flexFrame() {
  1763. $(".caption").each(function() {
  1764. $(this).find("iframe").wrap("<div class='capframe'></div>");
  1765. flexibleFrames($(".capframe"));
  1766. });
  1767. flexibleFrames($(".video"));
  1768. }
  1769. $(document).ready(flexFrame);
  1770.  
  1771. feather.replace()
  1772.  
  1773. $(document).ready(function(){
  1774. $('#btop').click(function(){
  1775. $('html, body').animate({scrollTop : 0},800);
  1776. return false;
  1777. });
  1778. });
  1779.  
  1780. </script>
  1781.  
  1782.  
  1783. </body>
  1784. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!