API tools faq
paste
Advertisement
mothmans

chrry no dots

mothmans
Jun 5th, 2020
101
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 46.88 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3. <title>{Title} {block:TagPage}/ #{Tag}{/block:TagPage}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
  4.  
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8. <meta charset="utf-8">
  9. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  10.  
  11. <!---
  12.  
  13. THEME BY SEYCHE.TUMBLR.COM
  14.  
  15. CREDITS:
  16. -outicons by Anton Saputro
  17. -css photosets by annasthms and espoirthemes
  18. -tippy.js tooltips by atomiks
  19. -notecount shortening by shythemes
  20. -responsive videos by nouvae
  21. -remove redirects by magnusthemes
  22. -npf photosets by codematurgy
  23. -npf photoset conversion by annasthms
  24. (full list of credits @ seyche.tumblr.com/credits)
  25.  
  26. --->
  27.  
  28. <link href="https://fonts.googleapis.com/css?family=ABeeZee:400,400i|Barlow:400,400i,700,700i|Cabin:400,400i,700,700i|Inconsolata:400,700|Karla:400,400i,700,700i|Lato:400,400i,700,700i|Libre+Franklin:400,400i,700,700i|Literata:400,400i,700,700i|Lora:400,400i,700,700i|Muli:400,400i,700,700i|Open+Sans:400,400i,700,700i|PT+Sans:400,400i,700,700i|PT+Serif:400,400i,700,700i|Poppins:400,400i,700,700i|Public+Sans:400,400i,700,700i&display=swap" rel="stylesheet">
  29.  
  30. <link href="https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i,700|Literata:400,400i,700,700i|Lora:400,400i,700,700i|Merriweather:400,400i,700,700i|PT+Serif:400,400i,700,700i|Playfair+Display:400,400i,700,700i|Source+Serif+Pro:400,700|Vollkorn:400,400i,700,700i&display=swap" rel="stylesheet">
  31. <link href="https://fonts.googleapis.com/css?family=Mada:400,500,600,700&display=swap" rel="stylesheet">
  32. <link href="https://fonts.googleapis.com/css?family=Barlow:400,400i,500,500i,600,600i,700,700i|Gelasio:400,400i,500,500i,600,600i,700,700i|Gupter:400,500,700|Inconsolata:400,700|Inria+Serif:400,400i,700,700i|Karla:400,400i,700,700i|Rubik:400,400i,500,500i,700,700i&display=swap" rel="stylesheet">
  33.  
  34. <link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,700,700i|Lato:400,400i,700,700i|Montserrat:400,400i,700,700i|Open+Sans:400,400i,700,700i|PT+Sans:400,400i,700,700i|Raleway:400,400i,700,700i&display=swap" rel="stylesheet">
  35.  
  36. <link href="https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&family=Barlow:ital,wght@0,400;0,700;1,400;1,700&family=Karla:ital,wght@0,400;0,700;1,400;1,700&family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Lora:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Public+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
  37.  
  38. <link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Heebo:wght@100;300;400;500;700;800;900&family=Hind:wght@300;400;500;600;700&family=Mada:wght@200;300;400;500;600;700;900&family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&family=Rubik:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
  39.  
  40. <!----- PHOTOSETS ----->
  41.  
  42. <link href="https://static.tumblr.com/0podkko/xIbplezmo/modified_photosets.css" rel="stylesheet">
  43.  
  44. <link href="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosetstyle.css" rel="stylesheet" type="text/css">
  45.  
  46. <!----- VARIABLES ----->
  47.  
  48. <meta name="image:Sidebar" content=""/>
  49.  
  50. <meta name="color:Background" content="#ffffff"/>
  51. <meta name="color:Text" content="#707070"/>
  52. <meta name="color:Link" content="#4c4c4c"/>
  53. <meta name="color:Accent" content="#da8da9"/>
  54. <meta name="color:Borders" content="#e0e0e0"/>
  55. <meta name="color:Title" content="#212121"/>
  56.  
  57. <meta name="select:Font" content="Libre Franklin" title="Libre Franklin"/>
  58. <meta name="select:Font" content="Public Sans" title="Public Sans"/>
  59. <meta name="select:Font" content="Karla" title="Karla"/>
  60. <meta name="select:Font" content="Lato" title="Lato"/>
  61. <meta name="select:Font" content="ABeeZee" title="ABeeZee"/>
  62. <meta name="select:Font" content="Muli" title="Muli"/>
  63. <meta name="select:Font" content="Open Sans" title="Open Sans"/>
  64. <meta name="select:Font" content="PT Sans" title="PT Sans"/>
  65. <meta name="select:Font" content="Barlow" title="Barlow"/>
  66. <meta name="select:Font" content="Poppins" title="Poppins"/>
  67. <meta name="select:Font" content="Cabin" title="Cabin"/>
  68. <meta name="select:Font" content="Inconsolata" title="Inconsolata"/>
  69. <meta name="select:Font" content="Lora" title="Lora"/>
  70. <meta name="select:Font" content="Literata" title="Literata"/>
  71. <meta name="select:Font" content="Mada" title="MAda"/>
  72. <meta name="select:Font" content="Roboto" title="Roboto"/>
  73. <meta name="select:Font" content="Heebo" title="Heebo"/>
  74. <meta name="select:Font" content="Rubik" title="Rubik"/>
  75. <meta name="select:Font" content="Heebo" title="Heebo"/>
  76. <meta name="select:Font" content="Fira Sans" title="Fira Sans"/>
  77. <meta name="select:Font" content="Hind" title="Hind"/>
  78. <meta name="select:Font" content="Nunito" title="Nunito"/>
  79. <meta name="select:Font" content="Ubuntu" title="Ubutnu"/>
  80. <meta name="select:Font" content="Helvetica" title="Helvetica"/>
  81. <meta name="select:Font" content="Mada" title="MAda"/>
  82.  
  83.  
  84. <meta name="select:Font Size" content="11px" title="11px"/>
  85. <meta name="select:Font Size" content="11.5px" title="11.5px"/>
  86. <meta name="select:Font Size" content="12px" title="12px"/>
  87. <meta name="select:Font Size" content="13px" title="13px"/>
  88. <meta name="select:Font Size" content="14px" title="14px"/>
  89. <meta name="select:Font Size" content="15px" title="15px"/>
  90. <meta name="select:Font Size" content="16px" title="16px"/>
  91.  
  92. <meta name="select:Post Width" content="540px" title="540px"/>
  93. <meta name="select:Post Width" content="350px" title="350px"/>
  94. <meta name="select:Post Width" content="400px" title="400px"/>
  95. <meta name="select:Post Width" content="450px" title="450px"/>
  96. <meta name="select:Post Width" content="500px" title="500px"/>
  97.  
  98. <meta name="select:Sidebar Position" content="right" title="Right"/>
  99. <meta name="select:Sidebar Position" content="left" title="Left"/>
  100.  
  101. <meta name="select:Photoset Gutter" content="4" title="4px"/>
  102. <meta name="select:Photoset Gutter" content="3" title="3px"/>
  103. <meta name="select:Photoset Gutter" content="2" title="2px"/>
  104. <meta name="select:Photoset Gutter" content="1" title="1px"/>
  105.  
  106. <meta name="select:Tags" content="show-tags" title="Show Tags"/>
  107. <meta name="select:Tags" content="hide-tags" title="Hide Tags"/>
  108. <meta name="select:Tags" content="hover-tags" title="Hover Tags"/>
  109.  
  110. <meta name="if:Show Icon" content="0"/>
  111. <meta name="if:Show Blog URL" content="1"/>
  112. <meta name="if:Search Bar" content="1"/>
  113. <meta name="if:Hide Caption" content="0"/>
  114. <meta name="if:Rounded Photo Corners" content="0"/>
  115.  
  116. <meta name="text:Post Margin" content="225"/>
  117.  
  118. <meta name="text:Home Link" content="home"/>
  119. <meta name="text:Ask Link" content="ask"/>
  120. <meta name="text:Link 1 URL" content="" />
  121. <meta name="text:Link 1" content="" />
  122. <meta name="text:Link 2 URL" content="" />
  123. <meta name="text:Link 2" content="" />
  124. <meta name="text:Link 3 URL" content="" />
  125. <meta name="text:Link 3" content="" />
  126. <meta name="text:Link 4 URL" content="" />
  127. <meta name="text:Link 4" content="" />
  128. <meta name="text:Link 5 URL" content="" />
  129. <meta name="text:Link 5" content="" />
  130. <meta name="text:Link 6 URL" content="" />
  131. <meta name="text:Link 6" content="" />
  132.  
  133. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  134.  
  135. <!----- PHOTOSETS ----->
  136.  
  137. <script src="https://static.tumblr.com/0podkko/jfMplm3f8/modified_photosets.js"></script>
  138.  
  139. <script src="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosets.js"></script>
  140.  
  141. <script src="https://static.tumblr.com/0podkko/qWqq8va08/photosets.js"></script>
  142.  
  143. <!----- LOAD IN ----->
  144.  
  145. <script>
  146. $(document).ready(function(){
  147. $(function() {
  148. $('body').removeClass('load-in');
  149. });
  150. });
  151. </script>
  152.  
  153. <style type="text/css">
  154.  
  155. body {
  156. font-family: '{select:font}', sans-serif;
  157. font-size: {select:font size};
  158. color: {color:text};
  159. background-color: {color:background};
  160. text-align: left;
  161. line-height: 160%;
  162. word-wrap: break-word;
  163. letter-spacing: 0.2px;
  164. margin: 0;
  165. opacity: 1.0;
  166. -webkit-transition: 2s opacity;
  167. -moz-transition: 2s opacity;
  168. -ms-transition: 2s opacity;
  169. -o-transition: 2s opacity;
  170. transition: 2s opacity;
  171. }
  172.  
  173. body.load-in {
  174. opacity: 0;
  175. -webkit-transition: none;
  176. -moz-transition: none;
  177. -ms-transition: none;
  178. -o-transition: none;
  179. transition: none;
  180. }
  181.  
  182. a {
  183. color: {color:link};
  184. text-decoration: none;
  185. -webkit-transition: all 0.3s;
  186. -moz-transition: all 0.3s;
  187. -ms-transition: all 0.3s;
  188. -o-transition: all 0.3s;
  189. transition: all 0.3s;
  190. }
  191.  
  192. a:hover {
  193. color: {color:accent};
  194. -webkit-transition: all 0.3s;
  195. -moz-transition: all 0.3s;
  196. -ms-transition: all 0.3s;
  197. -o-transition: all 0.3s;
  198. transition: all 0.3s;
  199. }
  200.  
  201. p a, li a {border-bottom: 2px solid rgba({RGBcolor:accent}, 0.6);}
  202. p a:hover, li a:hover {border-bottom: 2px solid rgba({RGBcolor:accent}, 1.0);}
  203.  
  204. blockquote {
  205. padding: 0 0 0 1.25em;
  206. border-left: 1px solid {color:borders};
  207. margin: 1.25em 0 1.25em 1.25em;
  208. }
  209.  
  210. h1, h2, h3, h4, h5, .title {
  211. color: {color:title};
  212. letter-spacing: 1px;
  213. line-height: 160%;
  214. font-weight: bold;
  215. }
  216.  
  217. h1 a, h2 a, h3 a, h4 a, h5 a, .title a {color: {color:title};}
  218. h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, .title a:hover {color: {color:accent}}
  219. h1, .title {font-size: 1.5em;}
  220. h2 {font-size: 1.3em;}
  221. h3 {font-size: 1.25em;}
  222. h4 {font-size: 1.1em;}
  223. h5 {font-size: 1em;}
  224.  
  225. small {font-size: 0.9em;}
  226. big {font-size: 1.1em;}
  227. b, strong {color: {color:title};}
  228. b a, strong a {color: {color:link};}
  229. b a:hover, strong a:hover {color: {color:accent};}
  230.  
  231. ul {list-style-type: circle;}
  232. ol {list-style-type: decimal;}
  233. li {max-width: 100%;}
  234.  
  235. .tippy-tooltip.custom-theme {
  236. background-color: {color:background};
  237. color: {color:title};
  238. text-align: center;
  239. font-family: '{select:font}', sans-serif;
  240. font-weight: normal;
  241. text-transform: uppercase;
  242. letter-spacing: 1px;
  243. border-radius: 0;
  244. font-style: normal;
  245. padding: 0.25em;
  246. margin: 20px auto auto 10px;
  247. font-size: 0.8em;
  248. border: 1px solid {color:borders};
  249. }
  250.  
  251. ::-webkit-scrollbar {
  252. width: 17px;
  253. height: 17px;
  254. background-color: {color:background};
  255. }
  256.  
  257. ::-webkit-scrollbar-track {border: 8px solid {color:background}; background-color: {color:borders};}
  258.  
  259. ::-webkit-scrollbar-thumb {
  260. border: 6px solid {color:background};
  261. background-color: {color:title};
  262. min-height: 24px;
  263. min-width: 24px;
  264. }
  265.  
  266. .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  267. z-index: 999999999!important;
  268. opacity: 0.6;
  269. transform: scale(0.8);
  270. transform-origin: 100% 0;
  271. -webkit-transform: scale(0.8);
  272. -webkit-transform-origin: 100% 0;
  273. -o-transform: scale(0.8);
  274. -o-transform-origin: 100% 0;
  275. -moz-transform: scale(0.8);
  276. -moz-transform-origin: 100% 0;
  277. -ms-transform: scale(0.8);
  278. -ms-transform-origin: 100% 0;
  279. -webkit-transition: all 0.4s;
  280. -moz-transition: all 0.4s;
  281. -ms-transition: all 0.4s;
  282. -o-transition: all 0.4s;
  283. transition: all 0.4s;
  284. }
  285.  
  286. .tmblr-iframe-compact .tmblr-iframe--unified-controls:hover {
  287. opacity: 1.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--app-cta-button {display: none !important;}
  296.  
  297. /*----- COMMON -----*/
  298.  
  299. .border::after, nav::before {
  300. content: '';
  301. display: block;
  302. height: 1px;
  303. width: 50px;
  304. background: {color:borders};
  305. margin: 2em 0;
  306. }
  307.  
  308. .upper {
  309. text-transform: uppercase;
  310. letter-spacing: 1px;
  311. font-size: 0.85em;
  312. }
  313.  
  314. .subtitle {font-weight: bold; color: {color:title};}
  315. .subtitle a {color: {color:title};}
  316. .subtitle a:hover {color: {color:accent};}
  317.  
  318. .icon {
  319. width: 20px;
  320. height: 20px;
  321. display: inline;
  322. vertical-align: middle;
  323. fill: {color:accent};
  324. float: left;
  325. }
  326.  
  327. .bullet a::before {
  328. content: '';
  329. display: inline-block;
  330. vertical-align: middle;
  331. background: rgba({RGBcolor:accent}, 0.6);
  332. width: 5px;
  333. height: 5px;
  334. border-radius: 50%;
  335. margin: auto 8px;
  336. }
  337.  
  338. /*----- SIDEBAR -----*/
  339.  
  340. .sidebar {
  341. position: fixed;
  342. width: 250px;
  343. height: auto;
  344. top: 100px;
  345. }
  346.  
  347. .right .sidebar {margin-left: calc({select:post width} + 150px);}
  348.  
  349. .sidebar .title {
  350. text-transform: uppercase;
  351. letter-spacing: 1px;
  352. font-size: 1.25em;
  353. display: block;
  354. }
  355.  
  356. {block:ifSidebarImage}
  357. #side-img {
  358. margin: 0 0 20px 0;
  359. {block:ifShowIcon}margin: 0 0 40px 0;{/block:ifShowIcon}
  360. max-width: 100%;
  361. height: auto;
  362. {block:ifRoundedPhotoCorners}
  363. border-radius: 5px;
  364. {/block:ifRoundedPhotoCorners}
  365. }
  366. {/block:ifSidebarImage}
  367.  
  368. {block:ifShowIcon}
  369. .side-icon {
  370. border-radius: 50%;
  371. width: 64px;
  372. height: 64px;
  373. {block:ifSidebarImage}
  374. position: absolute;
  375. margin: -86px 0 0 10px;
  376. border: 5px solid {color:background};
  377. {/block:ifSidebarImage}
  378. {block:ifNotSidebarImage}
  379. margin-bottom: 20px;
  380. {/block:ifNotSidebarImage}
  381. }
  382. {/block:ifShowIcon}
  383.  
  384. {block:ifShowBlogURL}
  385. #blogurl::before {content: '@'; color: {color:accent};}
  386. {/block:ifShowBlogURL}
  387.  
  388. .dot {
  389. display:none;
  390. width: 3px;
  391. height: 3px;
  392. display: inline-block;
  393. vertical-align: middle;
  394. border-radius: 50%;
  395. margin: 1em 2px 1em 0;
  396. }
  397.  
  398.  
  399. .find {
  400. background-color: inherit;
  401. margin-top: 0.75em;
  402. }
  403.  
  404. .find svg {margin-top: 2px;}
  405.  
  406. .find input {
  407. border: none;
  408. outline: none;
  409. display: inline-block;
  410. background: inherit;
  411. margin: 0 0 0 0.5em;
  412. padding: 0;
  413. color: {color:link};
  414. text-align: left;
  415. width: calc(100% - 40px);
  416. font-family: inherit;
  417. font-size: 0.85em;
  418. }
  419.  
  420. .find input[type=text] {color: {color:link};}
  421. input::-webkit-input-placeholder {color: {color:link};}
  422. input::-moz-placeholder {color: {color:link};}
  423. input:-moz-placeholder {color: {color:link};}
  424. input:-ms-input-placeholder {color: {color:link};}
  425.  
  426. nav {font-style: normal;}
  427. nav a:first-of-type::before {display: none;}
  428.  
  429. /*----- POSTS -----*/
  430.  
  431. #container {
  432. position: relative;
  433. margin: auto;
  434. width: calc({select:post width} + 400px);
  435. }
  436.  
  437. article {
  438. position: relative;
  439. width: {select:post width};
  440. }
  441.  
  442. .right article {margin: {text:post margin}px 0;}
  443. .left article {margin: {text:post margin}px 0 {text:post margin}px 400px;}
  444. .right article:first-of-type {margin: 100px 0 {text:post margin}px 0;}
  445. .left article:first-of-type {margin: 100px 0 {text:post margin}px 400px;}
  446.  
  447. .tumblr_video_container {max-height: {select:post width}!important; overflow: hidden!important; max-width: 100%;}
  448. .posts li, .posts blockquote, .posts img, figure, video, .video, .video iframe {max-width: 100%;}
  449. .postsource {display: none;}
  450.  
  451. /*----- CAPTION -----*/
  452.  
  453. .caption {margin: 2em 0 0 0; list-style-type: none;}
  454. .caption p {margin: 1em 0;}
  455. .caption p:last-of-type {margin: 1em 0 0 0;}
  456. .ogcap p:first-of-type {margin-top: 0;}
  457. .body:first-of-type {margin-top: 0;}
  458.  
  459. .caption iframe, .caption img {max-width: 100%;}
  460.  
  461. .username::before {
  462. content: '';
  463. display: inline-block;
  464. vertical-align: middle;
  465. background: rgba({RGBcolor:accent}, 0.6);
  466. width: 8px;
  467. height: 8px;
  468. border-radius: 50%;
  469. margin-right: 10px;
  470. -webkit-transition: all 0.3s;
  471. -moz-transition: all 0.3s;
  472. -ms-transition: all 0.3s;
  473. -o-transition: all 0.3s;
  474. transition: all 0.3s;
  475. }
  476.  
  477. .username:hover::before {
  478. background: rgba({RGBcolor:accent}, 1.0);
  479. -webkit-transition: all 0.3s;
  480. -moz-transition: all 0.3s;
  481. -ms-transition: all 0.3s;
  482. -o-transition: all 0.3s;
  483. transition: all 0.3s;
  484. }
  485.  
  486. .username a, .username a:hover {border-bottom: none;}
  487.  
  488. .deactive:hover {color: {color:link};}
  489.  
  490. .deactive::after {
  491. content: '(deactivated blog)';
  492. margin-left: 0.75em;
  493. opacity: 0;
  494. -webkit-transition: all 0.3s;
  495. -moz-transition: all 0.3s;
  496. -ms-transition: all 0.3s;
  497. -o-transition: all 0.3s;
  498. transition: all 0.3s;
  499. }
  500.  
  501. .deactive:hover::after {
  502. opacity: 0.7;
  503. -webkit-transition: all 0.3s;
  504. -moz-transition: all 0.3s;
  505. -ms-transition: all 0.3s;
  506. -o-transition: all 0.3s;
  507. transition: all 0.3s;
  508. }
  509.  
  510. .tmblr-attribution {margin-top: 0.75em;}
  511.  
  512. {block:ifHideCaption}{block:IndexPage}
  513. .hide-cap {display: none;}
  514. {/block:IndexPage}{/block:ifHideCaption}
  515.  
  516. /*----- TEXT -----*/
  517.  
  518. pre {
  519. line-height: inherit;
  520. font-size: inherit;
  521. white-space: pre-wrap;
  522. white-space: -moz-pre-wrap;
  523. white-space: -pre-wrap;
  524. white-space: -o-pre-wrap;
  525. word-wrap: break-word;
  526. font-family: 'Inconsolata', monospace;
  527. }
  528.  
  529. @font-face {
  530. font-family: Calluna;
  531. src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3=&v=f685dc881c60c298ea22a73fe505b88a");
  532. 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");
  533. font-weight: 700;
  534. font-style: italic
  535. }
  536.  
  537. @font-face {
  538. font-family: Fairwater;
  539. 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");
  540. font-weight: 400;
  541. font-style: normal
  542. }
  543.  
  544. p.npf_quirky {font-family: Fairwater; font-size: 20px;}
  545.  
  546. .npf_color_joey {color: #e57373;}
  547. .npf_color_monica {color: #ff8a65;}
  548. .npf_color_phoebe {color: #ffee58;}
  549. .npf_color_ross {color: #81c784;}
  550. .npf_color_rachel {color: #4fc3f7;}
  551. .npf_color_chandler {color: #9575cd;}
  552. .npf_color_niles {color: #f06292;}
  553.  
  554. #k {
  555. position: fixed;
  556. bottom: 30px;
  557. right: 30px;
  558. font-size: 15px;
  559. background-color: {color:background};
  560. padding: 5px 8px;
  561. border-radius: 3px;
  562. }
  563.  
  564. #k:hover {background-color: {color:accent}; color: {color:background};}
  565.  
  566. /*----- LINK -----*/
  567.  
  568. .linkp {
  569. border: 1px solid {color:borders};
  570. color: {color:link};
  571. -webkit-transition: all 0.3s;
  572. -moz-transition: all 0.3s;
  573. -ms-transition: all 0.3s;
  574. -o-transition: all 0.3s;
  575. transition: all 0.3s;
  576. }
  577.  
  578. .linkp:hover {
  579. border: 1px solid {color:accent};
  580. -webkit-transition: all 0.3s;
  581. -moz-transition: all 0.3s;
  582. -ms-transition: all 0.3s;
  583. -o-transition: all 0.3s;
  584. transition: all 0.3s;
  585. }
  586.  
  587. .thumbnail {max-width: 100%;}
  588. .link {padding: 2em;}
  589. .linktxt, .linkhost {margin-top: 1.25em;}
  590. .linkhost {font-style: italic;}
  591. .link svg {margin: 1.25em 0.75em 0 0;}
  592.  
  593. .npf-link-block {
  594. margin-top: 1em;
  595. border-radius: 0;
  596. -webkit-transition: all 0.3s;
  597. -moz-transition: all 0.3s;
  598. -ms-transition: all 0.3s;
  599. -o-transition: all 0.3s;
  600. transition: all 0.3s;
  601. }
  602.  
  603. .npf-link-block:hover {
  604. border: 1px solid {color:accent};
  605. -webkit-transition: all 0.3s;
  606. -moz-transition: all 0.3s;
  607. -ms-transition: all 0.3s;
  608. -o-transition: all 0.3s;
  609. transition: all 0.3s;
  610. }
  611.  
  612. .npf-link-block .bottom {
  613. padding: 25px !important;
  614. color: {color:link};
  615. }
  616.  
  617. .npf-link-block .bottom .site-name {
  618. text-transform: uppercase;
  619. letter-spacing: 1px;
  620. font-size: 0.9em;
  621. font-weight: normal;
  622. color: {color:link};
  623. }
  624.  
  625. /*----- PHOTO -----*/
  626.  
  627. img {
  628. margin: 0;
  629. display: block;
  630. height: auto;
  631. }
  632.  
  633. .photo img {
  634. width: 100%;
  635. {block:ifRoundedPhotoCorners}
  636. border-radius: 5px;
  637. {/block:ifRoundedPhotoCorners}
  638. }
  639.  
  640. .vignette, #vignette {opacity: 0;}
  641. .tmblr-lightbox, #tumblr_lightbox {background-color: rgba(60, 60, 60, .8) !important;}
  642.  
  643. .lightbox-image, #tumblr_lightbox img {
  644. box-shadow: none !important;
  645. border-radius: 0 !important;
  646. max-width: none;
  647. }
  648.  
  649. /*----- PHOTOSET -----*/
  650.  
  651. [photoset-layout] {
  652. grid-gap: {select:photoset gutter}px;
  653. {block:ifNotRoundedPhotoCorners}
  654. border-radius: 0;
  655. {/block:ifNotRoundedPhotoCorners}
  656. {block:ifRoundedPhotoCorners}
  657. border-radius: 5px;
  658. {/block:ifRoundedPhotoCorners}
  659. overflow: hidden;
  660. }
  661.  
  662. [photoset-layout] div {
  663. padding: 0;
  664. border: none;
  665. cursor: pointer;
  666. }
  667.  
  668. [photoset-layout] img {
  669. border: none;
  670. border-radius: 0;
  671. }
  672.  
  673. .post-content div.npf_row, .post div.npf_row, body div.npf_row {
  674. margin-left: 0 !important;
  675. margin-right: 0 !important;
  676. }
  677.  
  678. .captext figure {margin: 1em 0;}
  679. .captext figure .tmblr-full {margin-top: {select:photoset gutter}px;}
  680. .tmblr-full:hover {cursor: pointer;}
  681. .npf_image, .tmblr-full {border: none; outline: none;}
  682.  
  683. .npf_photoset {
  684. {block:ifRoundedPhotoCorners}
  685. border-radius: 5px;
  686. overflow: hidden;
  687. {/block:ifRoundedPhotoCorners}
  688. }
  689.  
  690. .text-post [photoset-layout] {margin-bottom: 2em;}
  691.  
  692. /*----- QUOTE -----*/
  693.  
  694. .quote, p.npf_quote {
  695. font-size: 1.25em;
  696. line-height: 160%;
  697. font-style: italic;
  698. color: {color:title};
  699. }
  700.  
  701. .quote p:first-of-type {margin-top: 0;}
  702. .quote p:last-of-type {margin-bottom: 0;}
  703. p.npf_quote {font-family: inherit; margin-bottom: 1em;}
  704.  
  705. /*----- CHAT -----*/
  706.  
  707. .chat {padding: 0; margin: 0;}
  708. .chat li {list-style-type: none;}
  709. .line {padding-top: 2em;}
  710. .line:first-of-type, p.npf_chat:first-of-type {padding-top: 0;}
  711. .chat svg {margin-right: 0.75em;}
  712.  
  713. p.npf_chat {font-family: inherit;}
  714. p.npf_chat b {color: {color:title};}
  715.  
  716. /*----- ASK -----*/
  717.  
  718. .askpost {border: 1px solid {color:borders};}
  719.  
  720. .q-asker {
  721. color: {color:title};
  722. font-weight: bold;
  723. border-bottom: 1px solid {color:borders};
  724. padding: 10px 10px 10px 50px;
  725. }
  726.  
  727. .askpost svg {border-right: 1px solid {color:borders}; padding: 10px;}
  728. .question {padding: 2em;}
  729. .question p:first-of-type {margin-top: 0;}
  730. .question p:last-of-type {margin-bottom: 0;}
  731.  
  732. /*----- AUDIO -----*/
  733.  
  734. .audiopost {
  735. border: 1px solid {color:borders};
  736. padding: 2em;
  737. display: flex;
  738. align-items: center;
  739. justify-content: space-between;
  740. }
  741.  
  742. .albumart img {
  743. width: 100px;
  744. height: 100px;
  745. {block:ifRoundedPhotoCorners}
  746. border-radius: 5px;
  747. {/block:ifRoundedPhotoCorners}
  748. overflow: hidden;
  749. }
  750.  
  751. .button {
  752. width: 30px;
  753. height: 30px;
  754. overflow: hidden;
  755. position: relative;
  756. z-index: 10;
  757. margin: 11px 10px;
  758. }
  759.  
  760. .audiobox {
  761. background-color: #f2f2f2;
  762. z-index: 50;
  763. width: 50px;
  764. height: 50px;
  765. margin: 0;
  766. border-radius: 50%;
  767. display: inline-block;
  768. }
  769.  
  770. .audioinfo {
  771. padding: 0 2em;
  772. display: inline-block;
  773. text-align: center;
  774. }
  775.  
  776. .track {font-size: 1.2em; font-weight: bold;}
  777.  
  778. /*----- INFO -----*/
  779.  
  780. .info-left::before, .lirb::before, .pinfo::before {
  781. content: '';
  782. display: block;
  783. height: 1px;
  784. width: 50px;
  785. background: {color:borders};
  786. margin: 2.25em 0 2em 0;
  787. }
  788.  
  789. .lirb::before {margin: 2.25em 0 2em 5em;}
  790.  
  791. {block:IndexPage}
  792. .flexing {
  793. display: flex;
  794. align-items: center;
  795. justify-content: space-between;
  796. }
  797. {/block:IndexPage}
  798.  
  799. .ibullet::after {
  800. content: '';
  801. display: inline-block;
  802. vertical-align: middle;
  803. background: rgba({RGBcolor:accent}, 0.6);
  804. width: 5px;
  805. height: 5px;
  806. border-radius: 50%;
  807. margin: auto 0.75em 0.25em 0.75em;
  808. }
  809.  
  810. .likeb {
  811. position: relative;
  812. display: inline-block;
  813. height: 1em;
  814. line-height: 1em;
  815. margin-bottom: -2px;
  816. }
  817.  
  818. .likeb .like_button iframe {
  819. position: absolute;
  820. top: 0;
  821. left: 0;
  822. bottom: 0;
  823. right: 0;
  824. z-index: 2;
  825. opacity: 0;
  826. }
  827.  
  828. .lirb {text-align: right;}
  829. .like_button iframe {width: 100% !important; height: 100% !important;}
  830. .likeb .liked + .lb {color: {color:accent};}
  831. .likeb .liked + .lb:after {content: 'd';}
  832.  
  833. .tags {font-style: normal;}
  834.  
  835. .tags a::before {
  836. content: '#';
  837. color: rgba({RGBcolor:accent}, 0.6);
  838. font-weight: bold;
  839. display: inline;
  840. vertical-align: middle;
  841. font-style: normal;
  842. margin-right: 0.15em;
  843. }
  844.  
  845. .tags a {margin-right: 0.75em;}
  846. #perma-tags a::after {content: ',';}
  847. #perma-tags a:last-of-type::after {display: none;}
  848. #taghead {text-align: center;}
  849. .tagname {color: {color:accent};}
  850.  
  851. .show-tags {display: block;}
  852. .hide-tags {display: none;}
  853.  
  854. .hover-tags {
  855. opacity: 0;
  856. -webkit-transition: all 0.5s;
  857. -moz-transition: all 0.5s;
  858. -ms-transition: all 0.5s;
  859. -o-transition: all 0.5s;
  860. transition: all 0.5s;
  861. }
  862.  
  863. .posts:hover .hover-tags {
  864. opacity: 1.0;
  865. -webkit-transition: all 0.5s;
  866. -moz-transition: all 0.5s;
  867. -ms-transition: all 0.5s;
  868. -o-transition: all 0.5s;
  869. transition: all 0.5s;
  870. }
  871.  
  872. /*----- POST NOTES -----*/
  873.  
  874. #notetitle {
  875. margin-top: 50px;
  876. color: {color:title};
  877. font-size: 1.1em;
  878. }
  879.  
  880. ol.notes {
  881. list-style-type: none;
  882. max-width: 100%;
  883. padding: 0;
  884. margin: 0;
  885. }
  886.  
  887. ol.notes li.note {display: block; line-height: 180%;}
  888. ol.notes li.note img.avatar {display: none;}
  889.  
  890. /*----- PAGINATION -----*/
  891.  
  892. .pg {
  893. margin: auto auto 200px auto;
  894. text-align: center;
  895. color: {color:title};
  896. }
  897.  
  898. .pg svg {
  899. width: 30px;
  900. height: 30px;
  901. display: inline;
  902. vertical-align: middle;
  903. fill: {color:accent};
  904. margin: 0 7px;
  905. -webkit-transition: all 0.3s;
  906. -moz-transition: all 0.3s;
  907. -ms-transition: all 0.3s;
  908. -o-transition: all 0.3s;
  909. transition: all 0.3s;
  910. }
  911.  
  912. .pg svg:hover {
  913. fill: {color:link};
  914. -webkit-transition: all 0.3s;
  915. -moz-transition: all 0.3s;
  916. -ms-transition: all 0.3s;
  917. -o-transition: all 0.3s;
  918. transition: all 0.3s;
  919. }
  920.  
  921. #m {
  922. text-align: center;
  923. display: none;
  924. margin-bottom: 50px;
  925. }
  926.  
  927. /*----- MOBILE CONTROLS -----*/
  928.  
  929. .mobile-controls {
  930. top: 20px;
  931. right: 20px;
  932. z-index: 9999999;
  933. position: fixed;
  934. display: none;
  935. }
  936.  
  937. .mobile-controls a {margin-left: 8px;}
  938.  
  939. .mobile-controls a svg {
  940. width: 24px;
  941. height: 24px;
  942. fill: {color:link};
  943. -webkit-transition: all 0.3s;
  944. -moz-transition: all 0.3s;
  945. -ms-transition: all 0.3s;
  946. -o-transition: all 0.3s;
  947. transition: all 0.3s;
  948. }
  949.  
  950. .mobile-controls a:hover svg {
  951. fill: {color:accent};
  952. -webkit-transition: all 0.3s;
  953. -moz-transition: all 0.3s;
  954. -ms-transition: all 0.3s;
  955. -o-transition: all 0.3s;
  956. transition: all 0.3s;
  957. }
  958.  
  959. /*----- RESPONSIVE -----*/
  960.  
  961. @media only screen and (max-width: 1023px) {
  962. .mobile-controls {display: block;}
  963. .tmblr-iframe-compact .tmblr-iframe--unified-controls {display: none;}
  964. }
  965.  
  966. @media only screen and (max-width: 1023px) and (min-width: 601px) {
  967. .right .sidebar, .left .sidebar {
  968. margin: 100px auto {text:post margin}px auto;
  969. position: static;
  970. width: {select:post width};
  971. }
  972.  
  973. #container {width: {select:post width};}
  974. .left article, .left article:first-of-type {margin: {text:post margin}px 0;}
  975. }
  976.  
  977. @media only screen and (max-width: 600px) {
  978. #container {
  979. width: 70vw;
  980. }
  981.  
  982. .right .sidebar, .left .sidebar {
  983. width: 70vw;
  984. display: block;
  985. position: static;
  986. margin: 150px auto;
  987. }
  988.  
  989. .right article, .left article {
  990. width: 70vw;
  991. margin: 150px auto;
  992. }
  993.  
  994. .right article:first-of-type, .left article:first-of-type {margin: 150px auto;}
  995.  
  996. .albumart {display: none;}
  997. .audioinfo {text-align: right; padding: 0;}
  998. #k {display: none;}
  999. #m {display: block;}
  1000. }
  1001.  
  1002. @media only screen and (max-width: 390px) {
  1003. .notecount {display: none;}
  1004. }
  1005.  
  1006. {CustomCSS}
  1007.  
  1008. </style>
  1009. </head>
  1010.  
  1011. <body class="load-in">
  1012.  
  1013. <div class="mobile-controls">
  1014. <a href="https://www.tumblr.com/follow/{Name}" title="follow"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M57,114h45v45c0,3.3,2.7,6,6,6s6-2.7,6-6v-45h45c3.3,0,6-2.7,6-6s-2.7-6-6-6h-45V57c0-3.3-2.7-6-6-6s-6,2.7-6,6v45H57c-3.3,0-6,2.7-6,6S53.7,114,57,114z"/><path d="M108,196.1c48.6,0,88.1-39.5,88.1-88.1S156.6,19.9,108,19.9S19.9,59.4,19.9,108S59.4,196.1,108,196.1z M108,31.9c42,0,76.1,34.1,76.1,76.1S150,184.1,108,184.1S31.9,150,31.9,108S66,31.9,108,31.9z"/></svg></a>
  1015. <a href="https://www.tumblr.com/message/{Name}" title="message"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M51.6,144.6l-6,34.1c-0.4,2.3,0.5,4.6,2.4,5.9c1,0.8,2.3,1.1,3.5,1.1c1,0,2-0.2,2.8-0.7l44.3-23.8c3.2,0.3,6.3,0.4,9.4,0.4c46.3,0,83.9-29.5,83.9-65.7c0-36.2-37.6-65.7-83.9-65.7S24.1,59.7,24.1,95.9C24.1,114.6,34.1,132.2,51.6,144.6z M108,42.3c39.6,0,71.9,24.1,71.9,53.7c0,29.6-32.3,53.7-71.9,53.7c-3.2,0-6.6-0.2-10-0.5c-1.2-0.1-2.4,0.1-3.5,0.7l-35,18.8l4.5-25.7c0.4-2.4-0.6-4.8-2.7-6.1c-16.1-10.3-25.3-25.1-25.3-40.8C36.1,66.4,68.4,42.3,108,42.3z"/></svg></a>
  1016. <a href="https://www.tumblr.com/dashboard" title="dashboard"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M113.7,20.4c-2.3,0.9-3.7,3.1-3.7,5.6v39.1c-6.2,0.3-16.3,1.2-27.1,3.7c-20.4,4.9-34.6,13.6-42.3,26c-8.7,14.1-1.3,35.4,22.2,63.5c16.4,19.6,34.7,35.5,35.4,36.2c1.1,1,2.5,1.5,3.9,1.5c0,0,0,0,0,0c3.3,0,6-2.7,6-6c0-1.2-0.4-2.3-1-3.3c-1.2-2.1-7-13-12.4-25.3c-10.5-23.9-10.6-32.7-10.1-35.3c1-5.6,11.1-6.5,17.1-6.5c3.6,0,7.1,0.3,9.7,0.6l2,36.1c0.1,2.3,1.5,4.3,3.6,5.2c2.1,0.9,4.5,0.5,6.3-1l67.2-58c1.3-1.1,2-2.6,2.1-4.3s-0.6-3.3-1.7-4.5l-70.7-72C118.6,20.1,116,19.5,113.7,20.4z M122,40.7l55.9,57l-53.2,45.9l-1.6-28.8c-0.2-2.7-2.1-5-4.8-5.5c-0.3-0.1-7.9-1.5-16.6-1.5c-21.5,0-27.6,8.9-28.9,16.4c-1.4,7.7,1.6,20.2,9.1,37.9c-3.3-3.6-6.7-7.4-10-11.3c-19.2-23-26.7-40.5-21.1-49.4C65.4,77.7,110.2,77,115.3,77c0.3,0,0.5,0,0.6,0c1.6,0,3.2-0.6,4.3-1.7c1.2-1.1,1.8-2.7,1.8-4.3V40.7z"/></svg></a>
  1017. </div>
  1018.  
  1019. <section id="container" class="{select:sidebar position}">
  1020.  
  1021. <!----- SIDEBAR ----->
  1022.  
  1023. <aside class="sidebar">
  1024. {block:ifSidebarImage}<a href="/"><img src="{image:Sidebar}" id="side-img"/></a>{/block:ifSidebarImage}
  1025. {block:ifShowIcon}<img src="{PortraitURL-64}" class="side-icon">{/block:ifShowIcon}
  1026. <a href="/" class="title">{Title}</a>
  1027. {block:ifShowBlogURL}<div id="blogurl">{Name}</div>{/block:ifShowBlogURL}
  1028.  
  1029. <div class="dot d-one"></div>
  1030. <div class="dot d-two"></div>
  1031. <div class="dot d-three"></div>
  1032. <div class="dot d-four"></div>
  1033. <div class="dot d-five"></div>
  1034.  
  1035. <div id="description">{Description}</div>
  1036. {block:ifSearchBar}
  1037. <form action="/search" method="get" class="find" name="sform">
  1038. <svg class="icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M140,134.2c10.9-11.8,17.7-27.6,17.7-45c0-36.5-29.7-66.3-66.3-66.3S25.1,52.7,25.1,89.2s29.7,66.3,66.3,66.3c14.9,0,28.6-4.9,39.7-13.2l49.3,49.3c1.2,1.2,2.7,1.8,4.2,1.8c1.5,0,3.1-0.6,4.2-1.8c2.3-2.3,2.3-6.1,0-8.5L140,134.2z M37.1,89.2c0-29.9,24.3-54.3,54.3-54.3c29.9,0,54.3,24.3,54.3,54.3s-24.3,54.3-54.3,54.3C61.4,143.5,37.1,119.1,37.1,89.2z"/></svg>
  1039. <input type="text" name="q" placeholder="search this blog..." value="{SearchQuery}" value autocomplete="off" class="upper"/>
  1040. </form>
  1041. {/block:ifSearchBar}
  1042.  
  1043. <nav class="bullet">
  1044. {block:ifHomeLink}<a href="/">{text:Home Link}</a>{/block:ifHomeLink}{block:ifAskLink}<a href="/ask">{text:Ask Link}</a>{/block:ifAskLink}{block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}{block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}{block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}{block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}{block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}{block:ifLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifLink6}
  1045. </nav>
  1046. </aside>
  1047.  
  1048. <!----- POSTS ----->
  1049.  
  1050. {block:TagPage}
  1051. <article id="taghead">
  1052. showing posts tagged with <span class="tagname upper">#{Tag}</span>
  1053. </article>
  1054. {/block:TagPage}
  1055.  
  1056. {block:Posts}
  1057. <article class="posts" id="{PostID}">
  1058.  
  1059. {block:Text}
  1060. <div class="text-post" id="{PostID}">
  1061. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  1062. {block:NotReblog}
  1063. <li class="caption ogcap body">
  1064. <div class="captext">{Body}</div>
  1065. </li>
  1066. {/block:NotReblog}
  1067. {block:RebloggedFrom}{block:Reblogs}
  1068. <li class="caption rbcap body">
  1069. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1070. <div class="captext">{Body}</div>
  1071. </li>
  1072. {/block:Reblogs}{/block:RebloggedFrom}
  1073. </div>
  1074. {/block:Text}
  1075.  
  1076. {block:Link}
  1077. <a href="{URL}"><div class="linkp">
  1078. {block:Thumbnail}<img src="{Thumbnail-HighRes}" class="thumbnail">{/block:Thumbnail}
  1079. <div class="link">
  1080. <div class="linktitle title">{Name}</div>
  1081. {block:Excerpt}<div class="linktxt">{Excerpt}</div>{/block:Excerpt}
  1082. {block:Host}<svg class="icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"> <path d="M47.9,66h82.1c4.5,0,7.9,5.4,7.9,12.5v24.3c0,8.8-4.9,16.2-7.9,16.2H98c-3.3,0-6,2.7-6,6s2.7,6,6,6h32.1 c11.9,0,19.9-14.6,19.9-28.2V78.5c0-14-8.6-24.5-19.9-24.5H47.9C36.4,54,27,65,27,78.5v24.3c0,13,8.5,27.4,20.6,27.4c3.3,0,6-2.7,6-6s-2.7-6-6-6c-3.4,0-8.6-6.9-8.6-15.4V78.5C39,70.8,43.6,66,47.9,66z"/><path d="M86,164h82.1c9.1,0,18.9-9.7,18.9-27.6v-24.3c0-14.5-8.3-25.4-19.3-25.4c-3.3,0-6,2.7-6,6s2.7,6,6,6c4.1,0,7.3,6,7.3,13.4v24.3c0,8.6-3.7,15.6-6.9,15.6H86c-3.5,0-9-7.1-9-15.6v-24.3c0-7.5,4.8-13.1,9-13.1h32c3.3,0,6-2.7,6-6s-2.7-6-6-6H86c-11.6,0-21,11.3-21,25.1v24.3C65,149.4,74,164,86,164z"/><div class="linkhost">by {Host}</div>{/block:Host}
  1083. </div>
  1084. </div></a>
  1085. {block:Description}
  1086. {block:NotReblog}
  1087. <li class="caption ogcap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1088. <div class="captext">{Description}</div>
  1089. </li>
  1090. {/block:NotReblog}
  1091. {/block:Description}
  1092. {block:RebloggedFrom}{block:Reblogs}
  1093. <li class="caption rbcap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1094. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1095. <div class="captext">{Body}</div>
  1096. </li>
  1097. {/block:Reblogs}{/block:RebloggedFrom}
  1098. {/block:Link}
  1099.  
  1100. {block:Photo}
  1101. <div class="photo">
  1102. {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}"></a>{LinkCloseTag}
  1103. </div>
  1104. {block:Caption}
  1105. {block:NotReblog}
  1106. <li class="caption ogcap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1107. <div class="captext">{Caption}</div>
  1108. </li>
  1109. {/block:NotReblog}
  1110. {block:Reblogs}
  1111. <li class="caption rbcap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1112. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1113. <div class="captext">{Body}</div>
  1114. </li>
  1115. {/block:Reblogs}
  1116. {/block:Caption}
  1117. {/block:Photo}
  1118.  
  1119. {block:Photoset}
  1120. <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>
  1121. {block:Caption}
  1122. {block:NotReblog}
  1123. <li class="caption ogcap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1124. <div class="captext">{Caption}</div>
  1125. </li>
  1126. {/block:NotReblog}
  1127. {block:Reblogs}
  1128. <li class="caption rbcap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1129. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1130. <div class="captext">{Body}</div>
  1131. </li>
  1132. {/block:Reblogs}
  1133. {/block:Caption}
  1134. {/block:Photoset}
  1135.  
  1136. {block:Video}
  1137. <div class="video">{Video-500}</div>
  1138. {block:Caption}
  1139. {block:NotReblog}
  1140. <li class="caption ogcap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1141. <div class="captext">{Caption}</div>
  1142. </li>
  1143. {/block:NotReblog}
  1144. {block:Reblogs}
  1145. <li class="caption rbcap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1146. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1147. <div class="captext">{Body}</div>
  1148. </li>
  1149. {/block:Reblogs}
  1150. {/block:Caption}
  1151. {/block:Video}
  1152.  
  1153. {block:Quote}
  1154. <div class=" quote border">{Quote}</div>
  1155. {block:Source}<div class="source upper">{Source}</div>{/block:Source}
  1156. {/block:Quote}
  1157.  
  1158. {block:Chat}
  1159. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  1160. <ul class="chat">{block:Lines}
  1161. <li class="line">
  1162. {block:Label}<svg class="icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M51.6,144.6l-6,34.1c-0.4,2.3,0.5,4.6,2.4,5.9c1,0.8,2.3,1.1,3.5,1.1c1,0,2-0.2,2.8-0.7l44.3-23.8c3.2,0.3,6.3,0.4,9.4,0.4c46.3,0,83.9-29.5,83.9-65.7c0-36.2-37.6-65.7-83.9-65.7S24.1,59.7,24.1,95.9C24.1,114.6,34.1,132.2,51.6,144.6z M108,42.3c39.6,0,71.9,24.1,71.9,53.7c0,29.6-32.3,53.7-71.9,53.7c-3.2,0-6.6-0.2-10-0.5c-1.2-0.1-2.4,0.1-3.5,0.7l-35,18.8l4.5-25.7c0.4-2.4-0.6-4.8-2.7-6.1c-16.1-10.3-25.3-25.1-25.3-40.8C36.1,66.4,68.4,42.3,108,42.3z"/></svg><div class="label subtitle">{Label}</div>{/block:Label}
  1163. {Line}
  1164. </li>
  1165. {/block:Lines}</ul>
  1166. {/block:Chat}
  1167.  
  1168. {block:Answer}
  1169. <div class="askpost">
  1170. <svg class="icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M37.1,171h141.9c3.3,0,6-2.7,6-6V74.7c0,0,0-0.1,0-0.1V50.7c0-3.3-2.7-6-6-6H37.1c-3.3,0-6,2.7-6,6v25.1c0,0,0,0,0,0.1V165C31.1,168.3,33.8,171,37.1,171z M43.1,56.7h129.9v15.2l-65.5,55.5L43.1,73V56.7z M43.1,88.7l60.5,51.1c2.2,1.9,5.5,1.9,7.7,0l61.6-52.2V159H43.1V88.7z"/></svg>
  1171. <div class="q-asker upper">{Asker} sent a message</div>
  1172. <div class="question">{Question}</div>
  1173. </div>
  1174. {block:NotReblog}
  1175. <li class="caption ogcap">
  1176. <div class="captext">{Replies}</div>
  1177. </li>
  1178. {/block:NotReblog}
  1179. {block:Answerer}
  1180. <li class="caption rbcap">
  1181. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Answerer}</a></div>
  1182. <div class="captext">{Answer}</div>
  1183. </li>
  1184. {/block:Answerer}
  1185. {block:RebloggedFrom}{block:Reblogs}
  1186. <li class="caption">
  1187. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1188. <div class="captext">{Body}</div>
  1189. </li>
  1190. {/block:Reblogs}{/block:RebloggedFrom}
  1191. {/block:Answer}
  1192.  
  1193. {block:Audio}
  1194. <div class="audiopost">
  1195. <div class="audiobox"><div class="button">
  1196. {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
  1197. </div></div>
  1198. <div class="audioinfo">
  1199. {block:TrackName}<div class="subtitle track">{TrackName}</div>{/block:TrackName}
  1200. {block:Artist}<div class="upper">by {Artist}</div>{/block:Artist}
  1201. </div>
  1202. {block:AlbumArt}
  1203. <div class="albumart"><img src="{AlbumArtURL}"></div>
  1204. {/block:AlbumArt}
  1205. </div>
  1206. {block:Caption}
  1207. {block:NotReblog}
  1208. <li class="caption ogcap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1209. <div class="captext">{Caption}</div>
  1210. </li>
  1211. {/block:NotReblog}
  1212. {block:Reblogs}
  1213. <li class="caption rbcap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1214. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1215. <div class="captext">{Body}</div>
  1216. </li>
  1217. {/block:Reblogs}
  1218. {/block:Caption}
  1219. {/block:Audio}
  1220.  
  1221. <!----- INFO ----->
  1222.  
  1223. {block:Date}
  1224. <div class="info flexing">
  1225. {block:IndexPage}
  1226. <div class="info-left upper">
  1227. <a href="{Permalink}" {block:NoteCount}class="ibullet"{/block:NoteCount} title="{TimeAgo}">{DayOfWeek}</a>{block:NoteCount}<a href="{Permalink}" class="notecount">{NoteCount}</a>{/block:NoteCount}
  1228. </div>
  1229. <div class="lirb upper">
  1230. <a href="{ReblogURL}" target="_blank" class="ibullet">reblog</a><a class="likeb" href="#">{LikeButton}<span class="lb">like</span></a>
  1231. </div>
  1232. {/block:IndexPage}
  1233. </div>
  1234.  
  1235. {block:PermalinkPage}
  1236. <div class="pinfo">
  1237. {TimeAgo} on {DayOfWeek}, {DayOfMonth} {Month} {Year}<br>
  1238. {block:RebloggedFrom}
  1239. reblogged via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a><br>
  1240. original post by <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  1241. {/block:RebloggedFrom}
  1242. </div>
  1243. {/block:PermalinkPage}
  1244.  
  1245. {block:HasTags}
  1246. <div class="tags {block:IndexPage}{select:tags}{/block:IndexPage}" {block:PermalinkPage}id="perma-tags"{/block:PermalinkPage}>
  1247. {block:Tags}
  1248. <a href="{TagURL}">{Tag}</a>
  1249. {/block:Tags}
  1250. </div>
  1251. {/block:HasTags}
  1252. {/block:Date}
  1253.  
  1254. <!----- POST NOTES ----->
  1255.  
  1256. {block:Date}{block:PermalinkPage}
  1257. <div class="notes">
  1258. {block:PostNotes}
  1259. <div class="upper border" id="notetitle">{NoteCountWithLabel}</div>
  1260. <div id="pnotes">{PostNotes}</div>
  1261. {/block:PostNotes}
  1262. </div>
  1263. {/block:PermalinkPage}{/block:Date}
  1264.  
  1265. <!----- SOURCE ----->
  1266.  
  1267. <div class="postsource">
  1268. {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}
  1269. </div>
  1270.  
  1271. </article>
  1272. {/block:Posts}
  1273.  
  1274. <!----- PAGINATION ----->
  1275.  
  1276. {block:Pagination}
  1277. <article class="pg upper">
  1278. {block:PreviousPage}
  1279. <a href="{PreviousPage}"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M137.3,43.2c-2.5-2.1-6.3-1.8-8.5,0.7L78,104.1c-1.9,2.2-1.9,5.5,0,7.7l50.8,60.3c1.2,1.4,2.9,2.1,4.6,2.1c1.4,0,2.7-0.5,3.9-1.4c2.5-2.1,2.9-5.9,0.7-8.5L90.4,108L138,51.6C140.1,49.1,139.8,45.3,137.3,43.2z"/></svg></a>
  1280. {/block:PreviousPage}
  1281. page {CurrentPage} of {TotalPages}
  1282. {block:NextPage}
  1283. <a href="{NextPage}"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M78.7,172.8c1.1,0.9,2.5,1.4,3.9,1.4c1.7,0,3.4-0.7,4.6-2.1l50.8-60.3c1.9-2.2,1.9-5.5,0-7.7L87.2,43.9c-2.1-2.5-5.9-2.9-8.5-0.7c-2.5,2.1-2.9,5.9-0.7,8.5l47.5,56.4L78,164.4C75.9,166.9,76.2,170.7,78.7,172.8z"/></svg></a>
  1284. {/block:NextPage}
  1285. </article>
  1286. {/block:Pagination}
  1287.  
  1288. </section>
  1289.  
  1290. <a href="https://seyche.tumblr.com" title="cherry blossom theme by seyche" id="k">&.</a>
  1291.  
  1292. <a href="https://seyche.tumblr.com" id="m" class="upper">cherry blossom theme by seyche</a>
  1293.  
  1294. <!----- VIDEO RESIZING ----->
  1295.  
  1296. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  1297.  
  1298. <!----- TOOLTIPS ----->
  1299.  
  1300. <script src="https://unpkg.com/popper.js@1"></script>
  1301. <script src="https://unpkg.com/tippy.js@5/dist/tippy-bundle.iife.js"></script>
  1302.  
  1303. <script>
  1304.  
  1305. /// PHOTOSETS
  1306.  
  1307. $(document).ready(function(){
  1308.  
  1309. undoPhotoset({
  1310. 'posts': '.text-post',
  1311. 'text class': '',
  1312. 'photoset class': ''
  1313. },false);
  1314.  
  1315. initPhotosets();
  1316.  
  1317. npfPhotosets(".posts", {
  1318. rowClass:"npf_row",
  1319. imageContainerClass:"tmblr-full",
  1320. generatedPhotosetContainerClass:"npf_photoset",
  1321. imageClass:"npf_image",
  1322. includeCommonPhotosets: false,
  1323. useTumblrLightbox: true,
  1324. insertGalleryIndicator: false,
  1325. galleryIndicatorClass: "npf_gallery_indicator",
  1326. galleryIndicatorContent: "<img src='image_url'>",
  1327. photosetMargins:"{select:photoset gutter}"
  1328. });
  1329.  
  1330. /// TOOLTIPS
  1331.  
  1332. tippy('[title]', {
  1333. theme: 'custom',
  1334. arrow: false,
  1335. followCursor: true,
  1336. delay: 100,
  1337. placement: 'bottom-start',
  1338. zIndex: 9999999999,
  1339. maxWidth: 400,
  1340.  
  1341. content(reference) {
  1342. const title = reference.getAttribute('title');
  1343. reference.removeAttribute('title');
  1344. return title;
  1345. },
  1346. });
  1347.  
  1348. /// NOTECOUNT
  1349.  
  1350. $('article').find('.notecount').each(function(){
  1351. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  1352. if (n > 999) {
  1353. n = Math.floor(n / 100) / 10;
  1354. $(this).text(n + 'k n');
  1355. }
  1356. });
  1357. });
  1358.  
  1359. /// REMOVE REDIRECTS
  1360.  
  1361. $(document).ready(function(){
  1362. //remove tumblr redirects script by magnusthemes@tumblr
  1363. $('a[href*="t.umblr.com/redirect"]').each(function(){
  1364. var originalURL = $(this).attr("href").split("?z=")[1].split("&t=")[0];
  1365. var replaceURL = decodeURIComponent(originalURL);
  1366. $(this).attr("href", replaceURL);
  1367. });
  1368. });
  1369.  
  1370. /// RESPONSIVE VIDEOS
  1371.  
  1372. function flexFrame() {
  1373. $(".caption").each(function() {
  1374. $(this).find("iframe").wrap("<div class='capframe'></div>");
  1375. flexibleFrames($(".capframe"));
  1376. });
  1377. flexibleFrames($(".video"));
  1378. }
  1379. $(document).ready(flexFrame);
  1380.  
  1381. </script>
  1382.  
  1383. </body>
  1384. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!