API tools faq
paste
Advertisement
sexycullen

seyche w/ tag/navigation page

sexycullen
Jan 13th, 2021
83
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 62.46 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. BLUEBELL 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. -responsive videos by nouvae
  20. -remove redirects by magnusthemes
  21. -npf photosets by codematurgy
  22. -npf photoset conversion by annasthms
  23. (full list of credits @ seyche.tumblr.com/credits)
  24.  
  25. --->
  26.  
  27. <link href="https://fonts.googleapis.com/css?family=Heebo:400,700|Karla:400,400i,700,700i|Lato:400,400i,700,700i|Muli:400,400i,700,700i|Nunito:400,400i,700,700i|Open+Sans:400,400i,700,700i|PT+Sans:400,400i,700,700i|Public+Sans:400,400i,700,700i|Roboto:400,400i,700,700i&display=swap" rel="stylesheet">
  28.  
  29. <!----- PHOTOSETS ----->
  30.  
  31. <link href="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosetstyle.css" rel="stylesheet" type="text/css">
  32.  
  33. <link href="https://static.tumblr.com/0podkko/xIbplezmo/modified_photosets.css" rel="stylesheet">
  34.  
  35. <!---- VARIABLES ----->
  36.  
  37. <meta name="image:Sidebar" content=""/>
  38.  
  39. <meta name="color:Background" content="#ffffff"/>
  40. <meta name="color:Text" content="#5a5a5a"/>
  41. <meta name="color:Link" content="#949494"/>
  42. <meta name="color:Accent" content="#0f4c81"/>
  43. <meta name="color:Title"content="#212121"/>
  44. <meta name="color:Borders" content="#d5dfe7"/>
  45. <meta name="color:Caption" content="#f5f5f5"/>
  46.  
  47. <meta name="select:Font" content="Lato" title="Lato"/>
  48. <meta name="select:Font" content="Karla" title="Karla"/>
  49. <meta name="select:Font" content="Public Sans" title="Public Sans"/>
  50. <meta name="select:Font" content="Heebo" title="Heebo"/>
  51. <meta name="select:Font" content="Muli" title="Muli"/>
  52. <meta name="select:Font" content="Nunito" title="Nunito"/>
  53. <meta name="select:Font" content="Open Sans" title="Open Sans"/>
  54. <meta name="select:Font" content="PT Sans" title="PT Sans"/>
  55. <meta name="select:Font" content="Roboto" title="Roboto"/>
  56.  
  57. <meta name="select:Font Size" content="13px" title="13px"/>
  58. <meta name="select:Font Size" content="12px" title="12px"/>
  59. <meta name="select:Font Size" content="14px" title="14px"/>
  60. <meta name="select:Font Size" content="15px" title="15px"/>
  61. <meta name="select:Font Size" content="16px" title="16px"/>
  62.  
  63. <meta name="select:Sidebar Position" content="left" title="Left">
  64. <meta name="select:Sidebar Position" content="right" title="Right">
  65.  
  66. <meta name="select:Post Width" content="540px" title="540px"/>
  67. <meta name="select:Post Width" content="400px" title="400px"/>
  68. <meta name="select:Post Width" content="450px" title="450px"/>
  69. <meta name="select:Post Width" content="500px" title="500px"/>
  70. <meta name="select:Post Width" content="600px" title="600px"/>
  71.  
  72. <meta name="select:Photoset Gutter" content="1" title="1px"/>
  73. <meta name="select:Photoset Gutter" content="2" title="2px"/>
  74. <meta name="select:Photoset Gutter" content="3" title="3px"/>
  75. <meta name="select:Photoset Gutter" content="4" title="4px"/>
  76.  
  77. <meta name="select:Tags" content="show-tags" title="Show tags"/>
  78. <meta name="select:Tags" content="hover-tags" title="Hover tags"/>
  79. <meta name="select:Tags" content="hide-tags" title="Hide tags"/>
  80.  
  81. <meta name="if:Show Icon" content="1"/>
  82. <meta name="if:Search Bar" content="1"/>
  83. <meta name="if:Updates Tab" content="0"/>
  84. <meta name="if:Hide Caption" content="0"/>
  85. <meta name="if:Show Post Source Icon" content="0"/>
  86.  
  87. <meta name="text:Post Margin" content="200"/>
  88.  
  89. <meta name="text:Home Link" content="home"/>
  90. <meta name="text:Ask Link" content="ask"/>
  91. <meta name="text:Archive Link" content="archive"/>
  92. <meta name="text:Link 1 URL" content="" />
  93. <meta name="text:Link 1" content="" />
  94. <meta name="text:Link 2 URL" content="" />
  95. <meta name="text:Link 2" content="" />
  96. <meta name="text:Link 3 URL" content="" />
  97. <meta name="text:Link 3" content="" />
  98. <meta name="text:Link 4 URL" content="" />
  99. <meta name="text:Link 4" content="" />
  100. <meta name="text:Link 5 URL" content="" />
  101. <meta name="text:Link 5" content="" />
  102. <meta name="text:Link 6 URL" content="" />
  103. <meta name="text:Link 6" content="" />
  104.  
  105. <meta name="text:Updates Text" content=""/>
  106. <meta name="text:Currently" content=""/>
  107. <meta name="text:Watching" content=""/>
  108. <meta name="text:Reading" content=""/>
  109. <meta name="text:Listening To" content=""/>
  110.  
  111. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  112.  
  113. <!----- LOAD IN ----->
  114.  
  115. <script>
  116. $(document).ready(function(){
  117. $(function() {
  118. $('body').removeClass('load-in');
  119. });
  120. });
  121. </script>
  122.  
  123. <style type="text/css">
  124.  
  125. body {
  126. font-family: '{select:font}', sans-serif;
  127. font-size: {select:font size};
  128. color: {color:text};
  129. background-color: {color:background};
  130. text-align: left;
  131. line-height: 160%;
  132. word-wrap: break-word;
  133. letter-spacing: 0.2px;
  134. margin: 0;
  135. opacity: 1.0;
  136. -webkit-transition: 2s opacity;
  137. -moz-transition: 2s opacity;
  138. -ms-transition: 2s opacity;
  139. -o-transition: 2s opacity;
  140. transition: 2s opacity;
  141. }
  142.  
  143. body.load-in {
  144. opacity: 0;
  145. -webkit-transition: none;
  146. -moz-transition: none;
  147. -ms-transition: none;
  148. -o-transition: none;
  149. transition: none;
  150. }
  151.  
  152. body::before {
  153. content: '';
  154. width: 100%;
  155. height: 10px;
  156. position: fixed;
  157. background-color: {color:accent};
  158. top: 0;
  159. right: 0;
  160. left: 0;
  161. z-index: 999999;
  162. }
  163.  
  164. a {
  165. text-decoration: none;
  166. color: {color:link};
  167. -webkit-transition: all 0.3s;
  168. -moz-transition: all 0.3s;
  169. -ms-transition: all 0.3s;
  170. -o-transition: all 0.3s;
  171. transition: all 0.3s;
  172. }
  173.  
  174. a:hover {
  175. color: {color:accent};
  176. -webkit-transition: all 0.3s;
  177. -moz-transition: all 0.3s;
  178. -ms-transition: all 0.3s;
  179. -o-transition: all 0.3s;
  180. transition: all 0.3s;
  181. }
  182.  
  183. p a, li a {border-bottom: 2px solid rgba({RGBcolor:accent}, 0.3); display: inline-block;}
  184.  
  185. p a::after, li a::after {
  186. content: '';
  187. width: 0px;
  188. height: 2px;
  189. position: relative;
  190. display: block;
  191. bottom: -2px;
  192. background: {color:accent};
  193. -webkit-transition: all 0.5s;
  194. -moz-transition: all 0.5s;
  195. -ms-transition: all 0.5s;
  196. -o-transition: all 0.5s;
  197. transition: all 0.5s;
  198. }
  199.  
  200. p a:hover::after, li a:hover::after {
  201. width: 100%;
  202. -webkit-transition: all 0.5s;
  203. -moz-transition: all 0.5s;
  204. -ms-transition: all 0.5s;
  205. -o-transition: all 0.5s;
  206. transition: all 0.5s;
  207. }
  208.  
  209. h1, h2, h3, h4, h5, .title {
  210. color: {color:title};
  211. letter-spacing: 1px;
  212. line-height: 140%;
  213. font-weight: bold;
  214. }
  215.  
  216. h1 a, h2 a, h3 a, h4 a, h5 a, .title a {color: {color:title};}
  217. h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, .title a:hover {color: {color:accent}}
  218. h1, .title {font-size: 1.5em;}
  219. h2 {font-size: 1.3em;}
  220. h3 {font-size: 1.25em;}
  221. h4 {font-size: 1.1em;}
  222. h5 {font-size: 1em;}
  223.  
  224. small {font-size: 0.9em;}
  225. big {font-size: 1.1em;}
  226. b, strong {color: {color:title};}
  227. b a, strong a {color: {color:link};}
  228. b a:hover, strong a:hover {color: {color:accent};}
  229.  
  230. blockquote {
  231. padding: 0 0 0 1.25em;
  232. border-left: 1px solid {color:borders};
  233. margin: 1.25em 0 1.25em 1.25em;
  234. }
  235.  
  236. ul {list-style-type: circle;}
  237. ol {list-style-type: decimal;}
  238. li {max-width: 100%;}
  239.  
  240. .tippy-tooltip.custom-theme {
  241. background-color: {color:title};
  242. color: {color:posts};
  243. text-align: center;
  244. font-family: inherit;
  245. font-weight: normal;
  246. text-transform: uppercase;
  247. letter-spacing: 1px;
  248. border-radius: 3px;
  249. font-style: normal;
  250. padding: 0.25em;
  251. margin: 20px auto auto 10px;
  252. font-size: 0.8em;
  253. }
  254.  
  255. ::-webkit-scrollbar {
  256. width: 17px;
  257. height: 17px;
  258. background-color: {color:background};
  259. }
  260.  
  261. ::-webkit-scrollbar-track {border: 8px solid {color:background}; background-color: {color:borders};}
  262.  
  263. ::-webkit-scrollbar-thumb {
  264. border: 6px solid {color:background};
  265. background-color: {color:title};
  266. min-height: 24px;
  267. min-width: 24px;
  268. }
  269.  
  270. .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  271. margin-top: 8px;
  272. z-index: 999999999!important;
  273. opacity: 0.6;
  274. transform: scale(0.8);
  275. transform-origin: 100% 0;
  276. -webkit-transform: scale(0.8);
  277. -webkit-transform-origin: 100% 0;
  278. -o-transform: scale(0.8);
  279. -o-transform-origin: 100% 0;
  280. -moz-transform: scale(0.8);
  281. -moz-transform-origin: 100% 0;
  282. -ms-transform: scale(0.8);
  283. -ms-transform-origin: 100% 0;
  284. -webkit-transition: all 0.4s;
  285. -moz-transition: all 0.4s;
  286. -ms-transition: all 0.4s;
  287. -o-transition: all 0.4s;
  288. transition: all 0.4s;
  289. }
  290.  
  291. .tmblr-iframe-compact .tmblr-iframe--unified-controls:hover {
  292. opacity: 1.0;
  293. -webkit-transition: all 0.4s;
  294. -moz-transition: all 0.4s;
  295. -ms-transition: all 0.4s;
  296. -o-transition: all 0.4s;
  297. transition: all 0.4s;
  298. }
  299.  
  300. .tmblr-iframe--app-cta-button {display: none!important;}
  301.  
  302. /*----- SIDEBAR -----*/
  303.  
  304. .sidebar {
  305. position: fixed;
  306. height: auto;
  307. width: 190px;
  308. overflow: hidden;
  309. top: 100px;
  310. }
  311.  
  312. .left .sidebar {margin: auto auto auto 0;}
  313. .right .sidebar {margin: auto auto auto calc({select:post width} + 125px); float: right;}
  314.  
  315. #side-icon {
  316. margin: 0 0 1.25em 0;
  317. width: 64px;
  318. height: 64px;
  319. {block:ifSidebarImage}display: none;{/block:ifSidebarImage}
  320. }
  321.  
  322. .left #side-icon {border-radius: 50% 50% 5px 50%;}
  323. .right #side-icon {border-radius: 50% 50% 50% 5px;}
  324.  
  325. {block:ifSidebarImage}
  326. #side-img {
  327. max-width: 100%;
  328. border-radius: 5px;
  329. margin-bottom: 1.25em;
  330. }
  331. {/block:ifSidebarImage}
  332.  
  333. nav {list-style-type: none;}
  334. nav li {display: inline-block; margin: 0;}
  335.  
  336. #top-links a svg {
  337. fill: {color:accent};
  338. width: 24px;
  339. height: 24px;
  340. margin-right: 4px;
  341. -webkit-transition: all 0.3s;
  342. -moz-transition: all 0.3s;
  343. -ms-transition: all 0.3s;
  344. -o-transition: all 0.3s;
  345. transition: all 0.3s;
  346. }
  347.  
  348. #top-links a:hover svg {
  349. fill: {color:title};
  350. -webkit-transition: all 0.3s;
  351. -moz-transition: all 0.3s;
  352. -ms-transition: all 0.3s;
  353. -o-transition: all 0.3s;
  354. transition: all 0.3s;
  355. }
  356.  
  357. #top-links {margin-top: 0.75em;}
  358. #top-links li a::after {display: none}
  359. .search-button, .links-button, .updates-button {cursor: help;}
  360. .drop-search, #extra-links, #updates {display: none;}
  361.  
  362. {block:ifSearchBar}
  363. .find {
  364. background-color: inherit;
  365. margin-top: 1.25em;
  366. border-bottom: 1px solid {color:borders};
  367. }
  368.  
  369. .find input {
  370. border: none;
  371. outline: none;
  372. display: inline-block;
  373. background: inherit;
  374. margin: 0;
  375. padding: 0 0 0.75em 0;
  376. color: {color:link};
  377. width: 100%;
  378. font-family: inherit;
  379. font-size: inherit;
  380. }
  381.  
  382. .find input[type=text] {color: {color:link};}
  383. input::-webkit-input-placeholder {color: {color:link};}
  384. input::-moz-placeholder {color: {color:link};}
  385. input:-moz-placeholder {color: {color:link};}
  386. input:-ms-input-placeholder {color: {color:link};}
  387. {/block:ifSearchBar}
  388.  
  389. #description {margin-top: 1.75em; padding: 20px;}
  390.  
  391. #extra-links {margin-top: 1.5em; font-style: normal;}
  392. #extra-links li {display: inline-block; margin-right: 0.75em;}
  393. #extra-links a {display: inline-block;}
  394. #extra-links a:hover {color: {color:title};}
  395.  
  396. #extra-links a::after {
  397. content: '';
  398. width: 0px;
  399. height: 3px;
  400. position: relative;
  401. display: block;
  402. bottom: 3px;
  403. background: {color:accent};
  404. z-index: -5;
  405. -webkit-transition: all 0.3s;
  406. -moz-transition: all 0.3s;
  407. -ms-transition: all 0.3s;
  408. -o-transition: all 0.3s;
  409. transition: all 0.3s;
  410. }
  411.  
  412. #extra-links a:hover::after {
  413. width: 100%;
  414. -webkit-transition: all 0.3s;
  415. -moz-transition: all 0.3s;
  416. -ms-transition: all 0.3s;
  417. -o-transition: all 0.3s;
  418. transition: all 0.3s;
  419. }
  420.  
  421. #updates {margin-top: 1.5em;}
  422.  
  423. #upd-text {
  424. border-bottom: 1px solid {color:borders};
  425. padding-bottom: 1em;
  426. margin-bottom: 1em;
  427. }
  428.  
  429. .upd-stat {
  430. color: {color:accent};
  431. font-weight: bold;
  432. margin-right: 0.5em;
  433. }
  434.  
  435. /*----- COMMON -----*/
  436.  
  437. .subtitle {
  438. font-size: 1.1em;
  439. font-weight: bold;
  440. color: {color:title};
  441. }
  442.  
  443. .subtitle a {color: {color:title};}
  444. .subtitle a:hover {color: {color:accent};}
  445.  
  446. .bullet::before {
  447. content: '';
  448. width: 5px;
  449. height: 5px;
  450. background: rgba({RGBcolor:accent}, 0.7);
  451. display: inline-block;
  452. margin: 0 0.85em 0.15em 0.85em;
  453. vertical-align: middle;
  454. border-radius: 50%;
  455. }
  456.  
  457. .box, .caption {
  458. background-color: {color:caption};
  459. border-radius: 5px;
  460. box-sizing: border-box;
  461. overflow: hidden;
  462. }
  463.  
  464. nav li a, nav li a:hover, .username a, .username a:hover {border-bottom: none;}
  465.  
  466. svg {
  467. fill: {color:accent};
  468. width: 20px;
  469. height: 20px;
  470. display: inline-block;
  471. vertical-align: middle;
  472. -webkit-transition: all 0.3s;
  473. -moz-transition: all 0.3s;
  474. -ms-transition: all 0.3s;
  475. -o-transition: all 0.3s;
  476. transition: all 0.3s;
  477. }
  478.  
  479. .blue {
  480. background-color: {color:accent};
  481. color: {color:background};
  482. padding: 20px 30px;
  483. border-radius: 5px;
  484. box-sizing: border-box;
  485. }
  486.  
  487. .blue a {color: rgba({RGBcolor:background}, 0.9);}
  488. .blue a:hover {color: rgba({RGBcolor:background}, 1.0);}
  489. .posts h1.blue a {color: rgba({RGBcolor:background}, 1.0);}
  490. .posts h1.blue {margin-top: 0;}
  491.  
  492. /*----- POSTS -----*/
  493.  
  494. #container {
  495. margin: auto;
  496. width: calc({select:post width} + 190px + 125px);
  497. position: relative;
  498. }
  499.  
  500. article {position: relative; width: {select:post width};}
  501.  
  502. .left article {margin: {text:post margin}px 0 {text:post margin}px calc(125px + 190px);}
  503. .right article {margin: {text:post margin}px auto {text:post margin}px 0;}
  504. .left article:first-of-type {margin: 100px 0 {text:post margin}px calc(125px + 190px);}
  505. .right article:first-of-type {margin: 100px auto {text:post margin}px 0;}
  506.  
  507. .tumblr_video_container {max-height: {select:post width}!important; overflow: hidden!important;}
  508. .posts li, .posts blockquote, .posts img, figure, video, .video, .video iframe {max-width: 100%;}
  509. .postsource {display: none;}
  510.  
  511. /*----- CAPTION -----*/
  512.  
  513. .caption {
  514. margin: 1.5em 0 0 0;
  515. list-style-type: none;
  516. padding: 30px;
  517. }
  518.  
  519. .caption p {margin: 0.75em 0;}
  520. .ogcap p:first-of-type {margin: 0 0 0.75em 0;}
  521. .caption p:last-of-type, .ogcap p:last-of-type {margin-bottom: 0;}
  522. .body:first-of-type {margin-top: 0;}
  523. .caption iframe, .caption img {max-width: 100%;}
  524.  
  525. .username {display: inline-block}
  526. .caption .username a::after {display: none;}
  527.  
  528. .username::before {
  529. content: '';
  530. display: inline-block;
  531. vertical-align: middle;
  532. background: rgba({RGBcolor:accent}, 0.7);
  533. width: 8px;
  534. height: 8px;
  535. border-radius: 50%;
  536. margin-right: 0.8em;
  537. -webkit-transition: all 0.3s;
  538. -moz-transition: all 0.3s;
  539. -ms-transition: all 0.3s;
  540. -o-transition: all 0.3s;
  541. transition: all 0.3s;
  542. }
  543.  
  544. .username:hover::before {
  545. background: rgba({RGBcolor:accent}, 1.0);
  546. -webkit-transition: all 0.3s;
  547. -moz-transition: all 0.3s;
  548. -ms-transition: all 0.3s;
  549. -o-transition: all 0.3s;
  550. transition: all 0.3s;
  551. }
  552.  
  553. .deactive::after {
  554. content: '(deactivated)';
  555. margin-left: 0.9em;
  556. opacity: 0.7;
  557. color: {color:text};
  558. }
  559.  
  560. .tmblr-attribution {margin-top: 0.75em;}
  561.  
  562. {block:ifHideCaption}{block:IndexPage}
  563. .hide-cap {display: none;}
  564. {/block:IndexPage}{/block:ifHideCaption}
  565.  
  566. /*----- TEXT -----*/
  567.  
  568. pre {
  569. line-height: inherit;
  570. font-size: inherit;
  571. white-space: pre-wrap;
  572. white-space: -moz-pre-wrap;
  573. white-space: -pre-wrap;
  574. white-space: -o-pre-wrap;
  575. word-wrap: break-word;
  576. }
  577.  
  578. @font-face {
  579. font-family: Calluna;
  580. src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3=&v=f685dc881c60c298ea22a73fe505b88a");
  581. 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");
  582. font-weight: 700;
  583. font-style: italic
  584. }
  585.  
  586. @font-face {
  587. font-family: Fairwater;
  588. 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");
  589. font-weight: 400;
  590. font-style: normal
  591. }
  592.  
  593. p.npf_quirky {font-family: Fairwater; font-size: 1.75em;}
  594.  
  595. .npf_color_joey {color: #e57373;}
  596. .npf_color_monica {color: #ff8a65;}
  597. .npf_color_phoebe {color: #ffee58;}
  598. .npf_color_ross {color: #81c784;}
  599. .npf_color_rachel {color: #4fc3f7;}
  600. .npf_color_chandler {color: #9575cd;}
  601. .npf_color_niles {color: #f06292;}
  602.  
  603. #k {
  604. position: fixed;
  605. bottom: 15px;
  606. right: 15px;
  607. font-size: 15px;
  608. background-color: {color:background};
  609. padding: 5px 8px;
  610. border-radius: 3px;
  611. }
  612.  
  613. #k:hover {background-color: {color:accent}; color: {color:background};}
  614.  
  615. #m {
  616. text-align: center;
  617. display: none;
  618. margin-bottom: 50px;
  619. }
  620.  
  621. /*----- LINK -----*/
  622.  
  623. .linkp {
  624. color: {color:text};
  625. overflow: hidden;
  626. -webkit-transition: all 0.4s;
  627. -moz-transition: all 0.4s;
  628. -ms-transition: all 0.4s;
  629. -o-transition: all 0.4s;
  630. transition: all 0.4s;
  631. }
  632.  
  633. .linkp:hover {
  634. background-color: {color:accent};
  635. color: rgba({RGBcolor:background}, 0.8);
  636. -webkit-transition: all 0.4s;
  637. -moz-transition: all 0.4s;
  638. -ms-transition: all 0.4s;
  639. -o-transition: all 0.4s;
  640. transition: all 0.4s;
  641. }
  642.  
  643. .linkp:hover .title {
  644. color: {color:background};
  645. -webkit-transition: all 0.4s;
  646. -moz-transition: all 0.4s;
  647. -ms-transition: all 0.4s;
  648. -o-transition: all 0.4s;
  649. transition: all 0.4s;
  650. }
  651.  
  652. .thumbnail {max-width: 100%;}
  653. .link {padding: 30px;}
  654. .link-txt, .link-host {margin-top: 1em;}
  655. .link-host {font-style: italic;}
  656.  
  657. .link svg {
  658. float: left;
  659. margin: 1em 0.75em 0 0;
  660. -webkit-transition: all 0.4s;
  661. -moz-transition: all 0.4s;
  662. -ms-transition: all 0.4s;
  663. -o-transition: all 0.4s;
  664. transition: all 0.4s;
  665. }
  666.  
  667. .linkp:hover svg {
  668. fill: {color:background};
  669. -webkit-transition: all 0.4s;
  670. -moz-transition: all 0.4s;
  671. -ms-transition: all 0.4s;
  672. -o-transition: all 0.4s;
  673. transition: all 0.4s;
  674. }
  675.  
  676. .npf-link-block {
  677. margin-top: 1.25em;
  678. border-radius: 5px;
  679. background-color: {color:background};
  680. -webkit-transition: all 0.3s;
  681. -moz-transition: all 0.3s;
  682. -ms-transition: all 0.3s;
  683. -o-transition: all 0.3s;
  684. transition: all 0.3s;
  685. }
  686.  
  687. .npf-link-block:hover {
  688. border: 1px solid {color:accent};
  689. background-color: {color:caption};
  690. -webkit-transition: all 0.3s;
  691. -moz-transition: all 0.3s;
  692. -ms-transition: all 0.3s;
  693. -o-transition: all 0.3s;
  694. transition: all 0.3s;
  695. }
  696.  
  697. .npf-link-block .bottom {
  698. padding: 25px !important;
  699. color: {color:text};
  700. }
  701.  
  702. .npf-link-block .bottom .site-name {
  703. text-transform: lowercase;
  704. font-size: {select:font size};
  705. color: {color:text};
  706. font-style: italic;
  707. }
  708.  
  709. /*----- PHOTO -----*/
  710.  
  711. img {
  712. margin: 0;
  713. display: block;
  714. height: auto;
  715. }
  716.  
  717. .photo img {width: 100%; border-radius: 5px;}
  718. .vignette, #vignette {opacity: 0;}
  719. .tmblr-lightbox, #tumblr_lightbox {background-color: rgba(60, 60, 60, .8) !important;}
  720.  
  721. .lightbox-image, #tumblr_lightbox img {
  722. box-shadow: none !important;
  723. border-radius: 5px !important;
  724. max-width: none;
  725. }
  726.  
  727. /*----- PHOTOSET -----*/
  728.  
  729. [photoset-layout] {
  730. grid-gap: {select:photoset gutter}px;
  731. border-radius: 5px;
  732. overflow: hidden;
  733. grid-template-columns: repeat(6, auto);
  734. }
  735.  
  736. [photoset-layout] div {
  737. padding: 0;
  738. border: none;
  739. cursor: pointer;
  740. }
  741.  
  742. [photoset-layout] img {
  743. border: none;
  744. border-radius: 0;
  745. }
  746.  
  747. .post-content div.npf_row, .post div.npf_row, body div.npf_row {
  748. margin-left: 0 !important;
  749. margin-right: 0 !important;
  750. }
  751.  
  752. .npf_photoset {border-radius: 5px; overflow: hidden;}
  753. .captext figure {margin: 1em 0;}
  754. .captext figure .tmblr-full {margin-top: {select:photoset gutter}px;}
  755. .tmblr-full:hover {cursor: pointer;}
  756. .npf_image, .tmblr-full {border: none; outline: none;}
  757.  
  758. .text-post [photoset-layout] {margin-bottom: 1.5em;}
  759.  
  760. /*----- QUOTE -----*/
  761.  
  762. .quote, p.npf_quote {
  763. color: {color:title};
  764. font-size: 1.25em;
  765. line-height: 160%;
  766. }
  767.  
  768. .quote {padding: 30px 30px 30px 60px;}
  769.  
  770. .quote::before {
  771. content: '❝';
  772. font-size: 40px;
  773. color: {color:accent};
  774. float: left;
  775. margin-left: -30px;
  776. }
  777.  
  778. .quote p:first-of-type {margin-top: 0;}
  779. .quote p:last-of-type {margin-bottom: 0;}
  780. .source {margin-bottom: 1em;}
  781.  
  782. p.npf_quote {font-family: inherit; margin-bottom: 1em;}
  783.  
  784. /*----- CHAT -----*/
  785.  
  786. .chat {padding: 0; margin: 0;}
  787. .chat li {list-style-type: none;}
  788. .line {padding: 30px; margin-top: 1em;}
  789. .line svg {margin: 0.15em 0.75em 0 0; float: left;}
  790. .chat-line {margin-left: calc(20px + 0.75em);}
  791.  
  792. p.npf_chat {
  793. padding: 1.5em 0;
  794. border-bottom: 1px solid {color:borders};
  795. font-family: inherit;
  796. }
  797.  
  798. p.npf_chat:first-of-type {padding-top: 0;}
  799. p.npf_chat:last-of-type {border-bottom: none; padding-bottom: 0;}
  800.  
  801. /*----- ASK -----*/
  802.  
  803. .q, .a {
  804. font-weight: bold;
  805. color: {color:accent};
  806. font-size: 2em;
  807. }
  808.  
  809. .q {float: left; margin-top: 30px;}
  810. .a {float: right; margin-top: calc(1em + 30px);}
  811. .question .username {margin-bottom: 0.75em; text-transform: lowercase;}
  812. .question p:first-of-type {margin-top: 0;}
  813. .question p:last-of-type {margin-bottom: 0;}
  814.  
  815. .question {
  816. padding: 30px;
  817. background-color: {color:caption};
  818. border-radius: 5px;
  819. box-sizing: border-box;
  820. margin-left: 60px;
  821. }
  822.  
  823. .arrow-left {
  824. width: 0;
  825. height: 0;
  826. border-top: 20px solid transparent;
  827. border-bottom: 20px solid transparent;
  828. border-right: 20px solid {color:caption};
  829. position: absolute;
  830. margin: -5px 0 0 -50px;
  831. }
  832.  
  833. .askpost {margin-right: 55px;}
  834.  
  835. .arrow-right {
  836. width: 0;
  837. height: 0;
  838. border-top: 20px solid transparent;
  839. border-bottom: 20px solid transparent;
  840. border-left: 20px solid {color:caption};
  841. position: absolute;
  842. margin: -5px 0 0 calc({select:post width} - 85px);
  843. }
  844.  
  845. /*----- AUDIO -----*/
  846.  
  847. .albumart {
  848. width: 150px;
  849. height: 150px;
  850. float: left;
  851. }
  852.  
  853. .button {
  854. width: 30px;
  855. height: 30px;
  856. overflow: hidden;
  857. position: relative;
  858. z-index: 10;
  859. margin: 18px 17px 16px 17px;
  860. }
  861.  
  862. .audiobox {
  863. background-color: #f2f2f2;
  864. z-index: 50;
  865. border-radius: 50%;
  866. position: absolute;
  867. top: 42px;
  868. left: 42px;
  869. opacity: 0.3;
  870. -webkit-transition: all 0.7s;
  871. -moz-transition: all 0.7s;
  872. -ms-transition: all 0.7s;
  873. -o-transition: all 0.7s;
  874. transition: all 0.7s;
  875. }
  876.  
  877. .audioinfo {
  878. list-style-type: none;
  879. text-align: right;
  880. max-width: calc({select:post width} - 151px);
  881. position: relative;
  882. box-sizing: border-box;
  883. margin-left: 151px;
  884. height: 150px;
  885. display: flex;
  886. justify-content: center;
  887. flex-direction: column;
  888. padding-right: 30px;
  889. }
  890.  
  891. .track {font-size: 1.25em;}
  892. .audioinfo svg {margin: 0 0.5em 0.15em 0;}
  893.  
  894. .audiopost:hover .audiobox {
  895. opacity: 1.0;
  896. -webkit-transition: all 0.7s;
  897. -moz-transition: all 0.7s;
  898. -ms-transition: all 0.7s;
  899. -o-transition: all 0.7s;
  900. transition: all 0.7s;
  901. }
  902.  
  903. /*----- INFO -----*/
  904.  
  905. {block:ifShowPostSourceIcon}
  906. .top-info {
  907. position: absolute;
  908. display: block;
  909. width: 50px;
  910. text-align: center;
  911. }
  912.  
  913. .right .top-info {margin-left: -70px;}
  914. .left .top-info {margin-left: calc({select:post width} + 20px);}
  915.  
  916. .source-icon {width: 45px; height: 45px;}
  917. .right .source-icon {border-radius: 50% 5px 50% 50%;}
  918. .left .source-icon {border-radius: 5px 50% 50% 50%;}
  919. {/block:ifShowPostSourceIcon}
  920.  
  921. .info {margin-top: 1.5em;}
  922. .info svg {margin-right: 0.25em;}
  923.  
  924. #permalink a {color: {color:title};}
  925. #permalink a:hover {color: {color:accent};}
  926.  
  927. .lirb {float: right; display: inline-block; line-height: 1em;}
  928. .lirb a {vertical-align: middle;}
  929.  
  930. .lirb a svg {
  931. margin: 0 0 0 2px;
  932. width: 1.25em;
  933. height: 1.25em;
  934. }
  935.  
  936. .lirb svg:hover {
  937. fill: {color:title};
  938. -webkit-transition: all 0.3s;
  939. -moz-transition: all 0.3s;
  940. -ms-transition: all 0.3s;
  941. -o-transition: all 0.3s;
  942. transition: all 0.3s;
  943. }
  944.  
  945. .like-wrap {
  946. position: relative;
  947. display: inline-block;
  948. vertical-align: middle;
  949. width: 1.25em;
  950. height: 1.25em;
  951. cursor: pointer;
  952. }
  953.  
  954. .like_button {
  955. position: absolute;
  956. top: 0;
  957. left: 0;
  958. right: 0;
  959. bottom: 0;
  960. width: 100%;
  961. height: 100%;
  962. opacity: 0;
  963. z-index: 2;
  964. }
  965.  
  966. .new-button {
  967. position: absolute;
  968. top: 0;
  969. left: 0;
  970. right: 0;
  971. bottom: 0;
  972. width: 100%;
  973. height: 100%;
  974. z-index: 1;
  975. }
  976.  
  977. .like_button iframe {width: 100% !important; height: 100% !important;}
  978. .like_button.liked + .new-button svg {fill: #d32f2f;}
  979.  
  980. .tags {text-transform: lowercase;}
  981.  
  982. {block:IndexPage}
  983. .tags a {margin-right: 0px;}
  984. .tags a::before {margin: 0 0.75em 0.15em 0.75em;}
  985. .tags a:first-of-type::before {display: none;}
  986. {/block:IndexPage}
  987.  
  988. {block:PermalinkPage}
  989. .tags a {margin-right: 0.5em;}
  990. .tags a::after {content: ',';}
  991. .tags a:last-of-type::after {content: '.';}
  992. {/block:PermalinkPage}
  993.  
  994. .show-tags {display: block;}
  995. .hide-tags {display: none;}
  996.  
  997. .hover-tags {
  998. opacity: 0;
  999. -webkit-transition: all 0.5s;
  1000. -moz-transition: all 0.5s;
  1001. -ms-transition: all 0.5s;
  1002. -o-transition: all 0.5s;
  1003. transition: all 0.5s;
  1004. }
  1005.  
  1006. .posts:hover .hover-tags {
  1007. opacity: 1.0;
  1008. -webkit-transition: all 0.5s;
  1009. -moz-transition: all 0.5s;
  1010. -ms-transition: all 0.5s;
  1011. -o-transition: all 0.5s;
  1012. transition: all 0.5s;
  1013. }
  1014.  
  1015. #taghead {
  1016. border-bottom: 1px solid {color:borders};
  1017. padding-bottom: 1.5em;
  1018. font-size: 1.25em;
  1019. text-align: center;
  1020. }
  1021.  
  1022. #taghead .subtitle {font-size: inherit; color: {color:accent};}
  1023.  
  1024. .pin-post {text-align: center; margin-bottom: 2em; font-size: 1.15em;}
  1025. .pin-post a {color: {color:title};}
  1026. .pin-post a:hover {color: {color:accent};}
  1027.  
  1028. .pin-post svg {
  1029. width: 1.5em;
  1030. height: 1.5em;
  1031. vertical-align: middle;
  1032. display: inline-block;
  1033. fill: {color:accent};
  1034. margin-right: 0.5em;
  1035. }
  1036.  
  1037. /*----- POST NOTES -----*/
  1038.  
  1039. #notetitle {
  1040. margin-top: 4em;
  1041. border-bottom: 1px solid {color:borders};
  1042. padding-bottom: 1.5em;
  1043. }
  1044.  
  1045. ol.notes {
  1046. list-style-type: none;
  1047. max-width: 100%;
  1048. padding: 0;
  1049. margin: 1.5em 0 0 0;
  1050. }
  1051.  
  1052. ol.notes li.note {margin: 0.25em 0;}
  1053. ol.notes li.note img.avatar {display: none;}
  1054.  
  1055. /*----- PAGINATION -----*/
  1056.  
  1057. .pg {
  1058. text-align: center;
  1059. padding: 30px;
  1060. margin: auto auto {text:post margin}px auto;
  1061. }
  1062.  
  1063. .pg a {
  1064. margin: 0 0.5em;
  1065. color: {color:title};
  1066. padding: 5px 7px;
  1067. border-radius: 4px;
  1068. background-color: transparent;
  1069. }
  1070.  
  1071. .pg svg {fill: {color:title};}
  1072.  
  1073. .pg svg:hover {
  1074. fill: {color:background};
  1075. -webkit-transition: all 0.3s;
  1076. -moz-transition: all 0.3s;
  1077. -ms-transition: all 0.3s;
  1078. -o-transition: all 0.3s;
  1079. transition: all 0.3s;
  1080. }
  1081.  
  1082. .currentpg {margin: 0 0.5em;}
  1083.  
  1084. .pg a:hover, .currentpg {
  1085. background-color: {color:accent};
  1086. color: {color:background};
  1087. padding: 5px 7px;
  1088. border-radius: 4px;
  1089. }
  1090.  
  1091. /*----- MOBILE CONTROLS -----*/
  1092.  
  1093. .mobile-controls {
  1094. top: 20px;
  1095. right: 20px;
  1096. z-index: 9999999;
  1097. position: fixed;
  1098. display: none;
  1099. }
  1100.  
  1101. .mobile-controls a {margin-left: 8px;}
  1102.  
  1103. .mobile-controls a svg {
  1104. width: 24px;
  1105. height: 24px;
  1106. fill: {color:link};
  1107. -webkit-transition: all 0.3s;
  1108. -moz-transition: all 0.3s;
  1109. -ms-transition: all 0.3s;
  1110. -o-transition: all 0.3s;
  1111. transition: all 0.3s;
  1112. }
  1113.  
  1114. .mobile-controls a:hover svg {
  1115. fill: {color:accent};
  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. /*----- RESPONSIVE -----*/
  1124.  
  1125. @media only screen and (max-width: 1023px) and (min-width: 601px) {
  1126. .right .sidebar, .left .sidebar {
  1127. margin: 100px auto {text:post margin}px auto;
  1128. position: static;
  1129. width: {select:post width};
  1130. }
  1131.  
  1132. #container {width: {select:post width};}
  1133. .left article, .left article:first-of-type {margin: {text:post margin}px 0;}
  1134. .top-info {display: none;}
  1135.  
  1136. }
  1137.  
  1138. @media only screen and (max-width: 1023px) {
  1139. #k {display: none;}
  1140. #m {display: block;}
  1141. .mobile-controls {display: block;}
  1142. }
  1143.  
  1144. @media only screen and (max-width: 600px) {
  1145. #container {
  1146. width: 70vw;
  1147. }
  1148.  
  1149. .right .sidebar, .left .sidebar {
  1150. width: 70vw;
  1151. display: block;
  1152. position: static;
  1153. margin: 100px auto;
  1154. }
  1155.  
  1156. .right article, .left article {
  1157. width: 70vw;
  1158. margin: 100px auto;
  1159. }
  1160.  
  1161. .right article:first-of-type, .left article:first-of-type {margin: 100px auto;}
  1162.  
  1163. .arrow-right {margin: -5px 0 0 calc(100% - 85px);}
  1164.  
  1165. .audiopost {padding: 30px;}
  1166. .albumart {display: none;}
  1167. .audiobox {float: left; position: static; opacity: 1.0;}
  1168. .audioinfo {max-width: calc(100% - 90px); padding: 10px 0 0 0;}
  1169. .top-info {display: none;}
  1170. }
  1171.  
  1172. @media only screen and (max-width: 390px) {
  1173. .notecount {display: none;}
  1174. }
  1175.  
  1176. /* maziekeen's theme 221 - MASONRY NAVIGATION CSS PART */
  1177. .masonry-navigation {
  1178. width: 100%;
  1179. border-bottom: 1px solid #e2e2e2;
  1180. margin-bottom:15px;
  1181. }
  1182.  
  1183. .masonry-navigation:last-child {
  1184. border:none;
  1185. }
  1186.  
  1187. .masonry-navigation-item.one-column {
  1188. width: 100%;
  1189. padding: 0 5px;
  1190. margin-bottom: 10px;
  1191. }
  1192.  
  1193. .masonry-navigation-item.one-column ul {
  1194. display: flex;
  1195. flex-wrap: wrap;
  1196. margin: 0;
  1197. padding: 0;
  1198. }
  1199.  
  1200. /* if you have any problem with one colum lists (ul li) you edit here */
  1201. .masonry-navigation-item.one-column ul li {
  1202. margin: 4px 15px;
  1203. padding: 0;
  1204. }
  1205.  
  1206. /* if they don't display two columns correctly, try to decrease the value on width: 240px */
  1207. .masonry-navigation-item.two-columns {
  1208. width: 230px;
  1209. padding: 0 5px;
  1210. margin-bottom: 10px;
  1211. }
  1212.  
  1213. /* if they don't display three columns correctly, try to decrease the value on width: 160px */
  1214. .masonry-navigation-item.three-columns {
  1215. width: 140px;
  1216. padding: 0 5px;
  1217. margin-bottom: 10px;
  1218. }
  1219.  
  1220. /* edit height: 215px to adjust the box height if you add the class scroll in the html */
  1221. .masonry-navigation-item.scroll {
  1222. height:215px;
  1223. overflow-y: scroll;
  1224. }
  1225. /* maziekeen's theme 221 - MASONRY NAVIGATION CSS PART */
  1226. {CustomCSS}
  1227.  
  1228. </style>
  1229. </head>
  1230.  
  1231. <body class="load-in">
  1232.  
  1233. <!----- MOBILE CONTROLS ----->
  1234.  
  1235. <div class="mobile-controls">
  1236. <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>
  1237. <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>
  1238. <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>
  1239. </div>
  1240.  
  1241. <section id="container" class="{select:sidebar position}">
  1242.  
  1243. <!----- SIDEBAR ----->
  1244.  
  1245. <aside class="sidebar">
  1246. {block:ifShowIcon}<img src="{PortraitURL-64}" id="side-icon">{/block:ifShowIcon}
  1247. {block:ifSidebarImage}<a href="/"><img src="{image:Sidebar}" id="side-img"/></a>{/block:ifSidebarImage}
  1248. <a href="/" class="title">{Title}</a>
  1249. <nav id="top-links">
  1250. {block:ifHomeLink}<li><a href="/" title="{text:Home Link}"><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="M197.8,112.4l-86.2-82c-2.4-2.2-6.1-2.2-8.4,0.1l-82.5,82.3c-1.7,1.7-2.2,4.3-1.3,6.5c0.9,2.2,3.1,3.7,5.5,3.7h23v56c0,3.3,2.7,6,6,6h35c3.3,0,6-2.7,6-6v-44h25v44c0,3.3,2.7,6,6,6h36c3.3,0,6-2.7,6-6v-56h26c0,0,0,0,0,0c3.3,0,6-2.7,6-6C200,115.1,199.2,113.5,197.8,112.4z M162,111c-3.3,0-6,2.7-6,6v56h-24v-44c0-3.3-2.7-6-6-6H89c-3.3,0-6,2.7-6,6v44H60v-56c0-3.3-2.7-6-6-6H39.5l68.1-67.9L179,111H162z"/></svg></a></li>{/block:ifHomeLink}
  1251. {block:ifAskLink}<li><a href="/ask" title="{text:Ask Link}"><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="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></a></li>{/block:ifAskLink}
  1252. {block:ifArchiveLink}<li><a href="/archive" title="{text:Archive Link}"><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="M42.3,97h47.9c3.3,0,6-2.7,6-6V43.1c0-3.3-2.7-6-6-6H42.3c-3.3,0-6,2.7-6,6V91C36.3,94.3,39,97,42.3,97z M48.3,49.1h35.9V85H48.3V49.1z"/><path d="M173.7,37.1h-47.9c-3.3,0-6,2.7-6,6V91c0,3.3,2.7,6,6,6h47.9c3.3,0,6-2.7,6-6V43.1C179.7,39.7,177,37.1,173.7,37.1zM167.7,85h-35.9V49.1h35.9V85z"/><path d="M36.3,172.9c0,3.3,2.7,6,6,6h47.9c3.3,0,6-2.7,6-6V125c0-3.3-2.7-6-6-6H42.3c-3.3,0-6,2.7-6,6V172.9z M48.3,131h35.9v35.9H48.3V131z"/><path d="M125.8,178.9h47.9c3.3,0,6-2.7,6-6V125c0-3.3-2.7-6-6-6h-47.9c-3.3,0-6,2.7-6,6v47.9C119.8,176.3,122.5,178.9,125.8,178.9zM131.8,131h35.9v35.9h-35.9V131z"/></svg></a></li>{/block:ifArchiveLink}
  1253. {block:ifLink1}<li><a class="links-button" title="links"><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="M45,72h128c3.3,0,6-2.7,6-6s-2.7-6-6-6H45c-3.3,0-6,2.7-6,6S41.7,72,45,72z"/><path d="M45,117h128c3.3,0,6-2.7,6-6s-2.7-6-6-6H45c-3.3,0-6,2.7-6,6S41.7,117,45,117z"/><path d="M45,162h128c3.3,0,6-2.7,6-6s-2.7-6-6-6H45c-3.3,0-6,2.7-6,6S41.7,162,45,162z"/></svg></a></li>{/block:ifLink1}
  1254. {block:ifSearchBar}<li><a class="search-button" title="search"><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="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></a></li>{/block:ifSearchBar}
  1255. {block:ifUpdatesTab}<li><a class="updates-button" title="updates"><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="M154,27H58c-3.3,0-6,2.7-6,6v153.7c0,2.5,1.5,4.7,3.8,5.6c2.3,0.9,4.9,0.3,6.6-1.6l44.8-49.1l42.3,49c1.2,1.3,2.8,2.1,4.5,2.1c0.7,0,1.4-0.1,2.1-0.4c2.3-0.9,3.9-3.1,3.9-5.6V33C160,29.7,157.3,27,154,27z M148,170.6l-36.1-41.9c-1.1-1.3-2.7-2.1-4.5-2.1c-1.7,0-3.4,0.7-4.5,2L64,171.3V39h84V170.6z"/></svg></a></li>{/block:ifUpdatesTab}
  1256. </nav>
  1257.  
  1258. {block:ifSearchBar}
  1259. <div class="drop-search">
  1260. <form action="/search" method="get" class="find" name="sform">
  1261. <input type="text" name="q" placeholder="type a query here . . ." value="{SearchQuery}" value autocomplete="off"/>
  1262. </form>
  1263. </div>
  1264. {/block:ifSearchBar}
  1265.  
  1266. <div id="description" class="box">{Description}</div>
  1267. <nav id="extra-links">
  1268. {block:ifLink1}<li><a href="{text:Link 1 URL}">{text:Link 1}</a></li>{/block:ifLink1}
  1269. {block:ifLink2}<li><a href="{text:Link 2 URL}">{text:Link 2}</a></li>{/block:ifLink2}
  1270. {block:ifLink3}<li><a href="{text:Link 3 URL}">{text:Link 3}</a></li>{/block:ifLink3}
  1271. {block:ifLink4}<li><a href="{text:Link 4 URL}">{text:Link 4}</a></li>{/block:ifLink4}
  1272. {block:ifLink5}<li><a href="{text:Link 5 URL}">{text:Link 5}</a></li>{/block:ifLink5}
  1273. {block:ifLink6}<li><a href="{text:Link 6 URL}">{text:Link 6}</a></li>{/block:ifLink6}
  1274. </nav>
  1275.  
  1276. {block:ifUpdatesTab}
  1277. <div id="updates">
  1278. {block:ifUpdatesText}<div id="upd-text">{text:Updates Text}</div>{/block:ifUpdatesText}
  1279. {block:ifCurrently}<span class="upd-stat">currently</span>{text:Currently}<br>{/block:ifCurrently}
  1280. {block:ifWatching}<span class="upd-stat">watching</span>{text:Watching}<br>{/block:ifWatching}
  1281. {block:ifReading}<span class="upd-stat">reading</span>{text:Reading}<br>{/block:ifReading}
  1282. {block:ifListeningTo}<span class="upd-stat">listening to</span>{text:Listening To}{/block:ifListeningTo}
  1283. </div>
  1284. {/block:ifUpdatesTab}
  1285. </aside>
  1286.  
  1287. <!----- POSTS CONTAINER ----->
  1288.  
  1289. {block:TagPage}
  1290. <article id="taghead">
  1291. showing posts tagged with <span class="subtitle">#{Tag}</span>
  1292. </article>
  1293. {/block:TagPage}
  1294.  
  1295. {block:Posts}
  1296. <article class="posts" id="{PostID}">
  1297.  
  1298. {block:IndexPage}
  1299. {block:PinnedPostLabel}<div class="pin-post"><a href="{Permalink}"><svg version="1.1" id="Layer_1" xmlns="https://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="M134.1,11c-1.7-1.7-4.2-2.2-6.4-1.4c-2.2,0.8-3.7,2.9-3.9,5.3l-1.5,25.8L90.1,73.1l-39.2-4.7c-2.5-0.3-5,1-6.1,3.3c-1.1,2.3-0.7,5.1,1.2,6.9l28.8,28.8l-49.9,67.8c-1.7,2.3-1.5,5.6,0.5,7.7c1.2,1.2,2.7,1.8,4.3,1.8c1.2,0,2.3-0.3,3.3-1l70.6-47.4l29,29c1.2,1.2,2.7,1.8,4.2,1.8c0.9,0,1.8-0.2,2.6-0.6c2.3-1.1,3.7-3.5,3.4-6l-3.9-38.4l32.2-32.2l26.4-1.3c2.4-0.1,4.5-1.6,5.3-3.8c0.9-2.2,0.3-4.7-1.4-6.4L134.1,11z M55,154.5L83.3,116L95,127.6L55,154.5z M168.2,77.9c-1.5,0.1-2.9,0.7-4,1.8l-35.9,35.9c-1.3,1.3-1.9,3.1-1.7,4.9l2.5,24.5L66.7,82.3l24.9,3c1.8,0.2,3.7-0.4,5-1.7l36-36c1-1,1.7-2.4,1.7-3.9l0.8-14.7l48.2,48.2L168.2,77.9z"/></svg>{PinnedPostLabel}</a></div>{/block:PinnedPostLabel}
  1300. {/block:IndexPage}
  1301.  
  1302. <!----- TOP INFO ----->
  1303.  
  1304. {block:ifShowPostSourceIcon}
  1305. <div class="top-info">
  1306. {block:RebloggedFrom}
  1307. <a href="{ReblogRootURL}" title="by {ReblogRootName}"><img src="{ReblogRootPortraitURL-64}" class="source-icon"></a>
  1308. {/block:RebloggedFrom}
  1309. {block:NotReblog}
  1310. <a href="{Permalink}" title="original post"><img src="{PortraitURL-64}" class="source-icon"></a>
  1311. {/block:NotReblog}
  1312. </div>
  1313. {/block:ifShowPostSourceIcon}
  1314.  
  1315. <!----- POSTS ----->
  1316.  
  1317. {block:Text}
  1318. <div class="text-post">
  1319. {block:Title}<h1 class="blue"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  1320. {block:NotReblog}
  1321. <li class="caption ogcap body">
  1322. <div class="captext">{Body}</div>
  1323. </li>
  1324. {/block:NotReblog}
  1325. {block:RebloggedFrom}{block:Reblogs}
  1326. <li class="caption rbcap body">
  1327. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1328. <div class="captext">{Body}</div>
  1329. </li>
  1330. {/block:Reblogs}{/block:RebloggedFrom}
  1331. </div>
  1332. {/block:Text}
  1333.  
  1334. {block:Link}
  1335. <a href="{URL}"><div class="linkp box">
  1336. {block:Thumbnail}<img src="{Thumbnail-HighRes}" class="thumbnail">{/block:Thumbnail}
  1337. <div class="link">
  1338. <div class="title">{Name}</div>
  1339. {block:Excerpt}<div class="link-txt">{Excerpt}</div>{/block:Excerpt}
  1340. {block:Host}<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="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.1c11.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"/></svg><div class="link-host">by {Host}</div>{/block:Host}
  1341. </div>
  1342. </div></a>
  1343. {block:Description}
  1344. {block:NotReblog}
  1345. <li class="caption ogcap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1346. <div class="captext">{Description}</div>
  1347. </li>
  1348. {/block:NotReblog}
  1349. {/block:Description}
  1350. {block:RebloggedFrom}{block:Reblogs}
  1351. <li class="caption rbcap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1352. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1353. <div class="captext">{Body}</div>
  1354. </li>
  1355. {/block:Reblogs}{/block:RebloggedFrom}
  1356. {/block:Link}
  1357.  
  1358. {block:Photo}
  1359. <div class="photo">
  1360. {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}
  1361. </div>
  1362. {block:Caption}
  1363. {block:NotReblog}
  1364. <li class="caption ogcap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1365. <div class="captext">{Caption}</div>
  1366. </li>
  1367. {/block:NotReblog}
  1368. {block:Reblogs}
  1369. <li class="caption rbcap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1370. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1371. <div class="captext">{Body}</div>
  1372. </li>
  1373. {/block:Reblogs}
  1374. {/block:Caption}
  1375. {/block:Photo}
  1376.  
  1377. {block:Photoset}
  1378. <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>
  1379. {block:Caption}
  1380. {block:NotReblog}
  1381. <li class="caption ogcap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1382. <div class="captext">{Caption}</div>
  1383. </li>
  1384. {/block:NotReblog}
  1385. {block:Reblogs}
  1386. <li class="caption rbcap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1387. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1388. <div class="captext">{Body}</div>
  1389. </li>
  1390. {/block:Reblogs}
  1391. {/block:Caption}
  1392. {/block:Photoset}
  1393.  
  1394. {block:Video}
  1395. <div class="video">{Video-500}</div>
  1396. {block:Caption}
  1397. {block:NotReblog}
  1398. <li class="caption ogcap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1399. <div class="captext">{Caption}</div>
  1400. </li>
  1401. {/block:NotReblog}
  1402. {block:Reblogs}
  1403. <li class="caption rbcap {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1404. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1405. <div class="captext">{Body}</div>
  1406. </li>
  1407. {/block:Reblogs}
  1408. {/block:Caption}
  1409. {/block:Video}
  1410.  
  1411. {block:Quote}
  1412. {block:Source}<div class="source blue">{Source}</div>{/block:Source}
  1413. <div class="quote box">{Quote}</div>
  1414. {/block:Quote}
  1415.  
  1416. {block:Chat}
  1417. {block:Title}<h1 class="blue"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  1418. <ul class="chat">{block:Lines}
  1419. <li class="line box">
  1420. {block:Label}<div class="label subtitle"><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>{Label}</div>{/block:Label}
  1421. <div class="chat-line">{Line}</div>
  1422. </li>
  1423. {/block:Lines}</ul>
  1424. {/block:Chat}
  1425.  
  1426. {block:Answer}
  1427. <div class="q">Q</div>
  1428. <div class="question">
  1429. <div class="arrow-left"></div>
  1430. <div class="subtitle username">{Asker} asked</div>
  1431. <br>{Question}
  1432. </div>
  1433. {block:Answerer}
  1434. <div class="a">A</div>
  1435. <li class="caption askpost">
  1436. <div class="arrow-right"></div>
  1437. <div class="subtitle username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Answerer}</a> replied</div>
  1438. <div class="captext">{Answer}</div>
  1439. </li>
  1440. {/block:Answerer}
  1441. {block:NotReblog}
  1442. <div class="a">A</div>
  1443. <li class="caption askpost">
  1444. <div class="arrow-right"></div>
  1445. <div class="subtitle username">{Name} replied</div>
  1446. <div class="captext">{Replies}</div>
  1447. </li>
  1448. {/block:NotReblog}
  1449. {block:RebloggedFrom}{block:Reblogs}
  1450. <li class="caption rbcap">
  1451. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1452. <div class="captext">{Body}</div>
  1453. </li>
  1454. {/block:Reblogs}{/block:RebloggedFrom}
  1455. {/block:Answer}
  1456.  
  1457. {block:Audio}
  1458. <div class="audiopost box">
  1459. <div class="audiobox"><div class="button">
  1460. {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
  1461. </div></div>
  1462. {block:AlbumArt}
  1463. <img src="{AlbumArtURL}" class="albumart">
  1464. {/block:AlbumArt}
  1465. <div class="audioinfo">
  1466. {block:TrackName}<li class="subtitle track">{TrackName}</li>{/block:TrackName}
  1467. {block:Artist}<li><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="M166.8,94h-11.3c-6.7,0-12.1,5.4-12.1,12.1v65.6c0,6.7,5.4,12.1,12.1,12.1h11.4c0.3,0,0.7,0,1-0.1c3.2-0.6,19.4-5.5,19.4-46.6c0-10.5-1.1-19.1-3.2-25.9c0.1-0.4,0.2-0.9,0.2-1.3c0-42.1-34.2-76.3-76.3-76.3S31.7,67.9,31.7,110c0,0.9,0.2,1.8,0.6,2.6c-2.1,6.7-3.6,15.8-3.6,28.1c0,16.5,2.7,28.5,7.9,35.8c5,6.9,10.8,7.4,12.5,7.4c0,0,0.1,0,0.2,0h11.3c6.7,0,12.1-5.4,12.1-12.1v-65.6c0-6.7-5.4-12.1-12.1-12.1H49.1c-0.3,0-0.7,0-1,0.1c-0.5,0.1-1.5,0.3-2.6,0.8c6.8-28.2,32.2-49.2,62.5-49.2c30.2,0,55.5,20.9,62.4,48.9c-1.6-0.5-2.8-0.6-3.5-0.6C166.9,94,166.9,94,166.8,94z M50.2,106h10.3c0.1,0,0.1,0.1,0.1,0.1v65.6c0,0.1-0.1,0.1-0.1,0.1H49.2c-2.3-0.4-8.5-7-8.5-31.2C40.7,113,48.4,107,50.2,106z M175.3,137.2c0,27.7-7.7,33.7-9.5,34.7h-10.3c-0.1,0-0.1-0.1-0.1-0.1v-65.6c0-0.1,0.1-0.1,0.1-0.1h11.4C169.1,106.4,175.3,113,175.3,137.2z"/></svg>by {Artist}</li>{/block:Artist}
  1468. </div>
  1469. </div>
  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 {block:ifHideCaption}hide-cap{/block:ifHideCaption}">
  1478. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1479. <div class="captext">{Body}</div>
  1480. </li>
  1481. {/block:Reblogs}
  1482. {/block:Caption}
  1483. {/block:Audio}
  1484.  
  1485. <!----- INFO ----->
  1486.  
  1487. {block:Date}
  1488. <div class="info">
  1489. <div id="permalink">
  1490. {block:IndexPage}<a href="{Permalink}" title="{TimeAgo}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>{block:NoteCount}<a href="{Permalink}" class="notecount bullet">{NoteCountWithLabel}</a>{/block:NoteCount}{/block:IndexPage}
  1491.  
  1492. {block:PermalinkPage}
  1493. <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="M108,184.3c42.1,0,76.3-34.2,76.3-76.3S150.1,31.7,108,31.7S31.7,65.9,31.7,108S65.9,184.3,108,184.3z M108,43.7c35.5,0,64.3,28.9,64.3,64.3s-28.9,64.3-64.3,64.3S43.7,143.5,43.7,108S72.5,43.7,108,43.7z"/><path d="M98.3,120.7l25.7,20c1.1,0.8,2.4,1.3,3.7,1.3c1.8,0,3.6-0.8,4.7-2.3c2-2.6,1.6-6.4-1.1-8.4L108,113.1V72c0-3.3-2.7-6-6-6s-6,2.7-6,6v44C96,117.9,96.9,119.6,98.3,120.7z"/></svg>{TimeAgo} on {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}
  1494. {/block:PermalinkPage}
  1495.  
  1496. <span class="lirb">
  1497. <a href="{ReblogURL}" target="_blank" title="reblog">
  1498. <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="M36.7,39.9c-0.4-3.3,1.9-6.3,5.2-6.7c3.3-0.4,6.3,1.9,6.7,5.2l3.6,27.9c13.6-20.2,36.6-32.7,61.4-32.7c31.6,0,59.7,20.1,70,49.9c1.1,3.1-0.6,6.5-3.7,7.6c-0.6,0.2-1.3,0.3-2,0.3c-2.5,0-4.8-1.6-5.7-4c-8.6-25-32.2-41.8-58.6-41.8c-21.6,0-41.7,11.4-52.9,29.6l30-3.4c3.3-0.4,6.3,2,6.6,5.3s-2,6.3-5.3,6.6l-43.2,4.9c-0.2,0-0.5,0-0.7,0c-3,0-5.6-2.2-5.9-5.2L36.7,39.9z M185.3,120.2l-43.2,4.9c-3.3,0.4-5.7,3.3-5.3,6.6s3.3,5.7,6.6,5.3l26.1-2.9c-10.2,21.5-31.9,35.4-56,35.4c-27.1,0-51.5-18.1-59.3-44c-1-3.2-4.3-5-7.5-4c-3.2,1-5,4.3-4,7.5c4.5,14.9,13.9,28.3,26.3,37.7c12.9,9.7,28.3,14.9,44.5,14.9c29.6,0,56.1-17.6,67.8-44.3l4.2,33.3c0.4,3,3,5.2,5.9,5.2c0.3,0,0.5,0,0.8,0c3.3-0.4,5.6-3.4,5.2-6.7l-5.6-43.5C191.5,122.2,188.6,119.9,185.3,120.2z"/></svg>
  1499. </a>
  1500. <a class="like-wrap" title="like">{LikeButton}
  1501. <span class="new-button"><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="M148,37.8c-3.9,0-7.5,0.6-10.8,1.9c-15.1,5.7-24.6,17.8-29.8,26.7c-6-8.6-16.1-20.5-27.6-24.4c-3.8-1.3-8.1-2-12.3-2c-10.7,0-20.3,4.1-27,11.5c-5.7,6.2-12,18-10,38.8c4.1,42.6,71.5,87.1,74.3,88.9c1,0.7,2.1,1,3.3,1c1.1,0,2.3-0.3,3.3-1c2.7-1.8,66.5-43.6,73.7-86.1c3.7-21.8-2.7-34.9-8.8-42.1C169.2,42.7,158.6,37.8,148,37.8z M173.1,91c-2.6,15.2-15.1,33.4-36.1,52.7c-11.9,10.9-23.5,19.4-29,23.2c-5.7-4-17.9-12.9-30.3-24.3C56,122.5,43.8,104,42.3,89c-1.3-13,1.1-23.2,6.9-29.6c6-6.6,13.9-7.6,18.1-7.6c3,0,5.9,0.5,8.5,1.3c11.4,3.9,23.3,21.7,26.9,28.3c1.1,2.1,3.4,3.3,5.7,3.1c2.4-0.2,4.4-1.7,5.2-4c0.1-0.2,8.2-22.4,27.7-29.7c1.9-0.7,4.2-1.1,6.6-1.1c7.2,0,14.3,3.3,19,9C173.3,66.2,175.5,77.4,173.1,91z"/></svg></span>
  1502. </a>
  1503. </span>
  1504. </div>
  1505.  
  1506. {block:PermalinkPage}
  1507. {block:RebloggedFrom}
  1508. <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="M108.7,159.2c-22.3,0-42.4-14.9-48.8-36.2c-1-3.2-4.3-5-7.5-4c-3.2,1-5,4.3-4,7.5c8.1,26.8,32.3,44.7,60.3,44.7c34.7,0,63-28.3,63-63c0-34.7-28.3-63-63-63c-19.7,0-38.2,9.4-50,24.6l-2.5-19.8c-0.4-3.3-3.4-5.6-6.7-5.2c-3.3,0.4-5.6,3.4-5.2,6.7L49,88.1c0.4,3,3,5.2,5.9,5.2c0.2,0,0.5,0,0.7,0l36.2-4.1c3.3-0.4,5.7-3.3,5.3-6.6s-3.3-5.7-6.6-5.3L66.2,80c9.4-14.1,25.3-22.8,42.5-22.8c28.1,0,51,22.9,51,51S136.8,159.2,108.7,159.2z"/></svg>reblogged from <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a><br>
  1509. <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="M108,62.9c-14.8,0-26.8,12-26.8,26.8s12,26.8,26.8,26.8s26.8-12,26.8-26.8S122.8,62.9,108,62.9z M108,104.5c-8.1,0-14.8-6.6-14.8-14.8s6.6-14.8,14.8-14.8s14.8,6.6,14.8,14.8S116.1,104.5,108,104.5z"/><path d="M152.5,42.5c-8.1-9.1-22.8-20-46.3-20c-38.6,0-58.8,31.4-58.8,62.4c0,40.6,55.5,103.3,57.9,106c1.1,1.3,2.7,2.1,4.4,2.1c0,0,0.1,0,0.1,0c1.7,0,3.2-0.8,4.4-2c0.6-0.6,13.7-14.8,27-34.7c18.2-27.2,27.4-51.3,27.4-71.5C168.6,69.4,162.7,54,152.5,42.5zM109.9,177.6c-13-15.6-50.4-62.9-50.4-92.8c0-24.2,14.7-50.3,46.8-50.3c32.7,0,50.3,25.9,50.3,50.3C156.6,120,122.3,163.1,109.9,177.6z"/></svg>original post by <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a><br>
  1510. {/block:RebloggedFrom}
  1511. {/block:PermalinkPage}
  1512. {block:HasTags}
  1513. <div class="tags {block:IndexPage}{select:tags}{/block:IndexPage}">
  1514. {block:PermalinkPage}<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="M95.2,186C95.3,186,95.3,186,95.2,186c1.7,0,3.2-0.6,4.3-1.7l64.8-66.7c2.3-2.4,2.3-6.1-0.1-8.4L94.7,39.7c-1.1-1.1-2.7-1.7-4.2-1.7c0,0,0,0,0,0l-67.1,0.1c-3.3,0-6,2.6-6,5.9L17,109.9c0,1.6,0.6,3.2,1.8,4.3l72.3,70.2C92.2,185.5,93.7,186,95.2,186z M29.4,50L88,49.8l63.6,63.6l-56.5,58.2L29,107.4L29.4,50z M200.3,110.2c2.3,2.3,2.3,6,0,8.4l-64.8,66.8c-1.2,1.2-2.7,1.8-4.3,1.8c-1.5,0-3-0.6-4.2-1.7c-2.4-2.3-2.4-6.1-0.1-8.5l60.7-62.6L130.2,56c-2.3-2.4-2.3-6.2,0.1-8.5c2.4-2.3,6.2-2.3,8.5,0.1L200.3,110.2z M67.1,77.7c0,4.6-3.8,8.4-8.4,8.4s-8.4-3.8-8.4-8.4c0-4.6,3.8-8.4,8.4-8.4S67.1,73.1,67.1,77.7z"/></svg>{/block:PermalinkPage}
  1515. {block:Tags}<a href="{TagURL}" {block:IndexPage}class="bullet"{/block:IndexPage}>{Tag}</a>{/block:Tags}
  1516. </div>
  1517. {/block:HasTags}
  1518. </div>
  1519. {/block:Date}
  1520.  
  1521. <!----- SOURCE ----->
  1522.  
  1523. <div class="postsource">
  1524. {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}
  1525. </div>
  1526.  
  1527. <!----- POST NOTES ----->
  1528.  
  1529. {block:Date}{block:PermalinkPage}{block:NoteCount}
  1530. <div class="notes">
  1531. <div class="title" id="notetitle">{NoteCountWithLabel}</div>
  1532. {block:PostNotes}
  1533. <div id="pnotes">{PostNotes}</div>
  1534. {/block:PostNotes}
  1535. </div>
  1536. {/block:NoteCount}{/block:PermalinkPage}{/block:Date}
  1537.  
  1538. </article>
  1539. {/block:Posts}
  1540.  
  1541. <!----- PAGINATION ----->
  1542.  
  1543. {block:Pagination}
  1544. <article class="pg box">
  1545. {block:PreviousPage}<a href="{PreviousPage}" title="back"><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="M34.9,103.6c-0.1,0.1-0.2,0.2-0.2,0.2c-0.1,0.1-0.1,0.1-0.2,0.2c-0.1,0.1-0.1,0.2-0.2,0.3c-0.1,0.1-0.1,0.1-0.2,0.2c-0.1,0.1-0.1,0.2-0.2,0.3c0,0.1-0.1,0.1-0.1,0.2c-0.1,0.1-0.1,0.2-0.2,0.4c0,0.1-0.1,0.1-0.1,0.2c-0.1,0.1-0.1,0.3-0.2,0.4c0,0,0,0.1,0,0.1c-0.1,0.2-0.1,0.3-0.1,0.5c0,0,0,0.1,0,0.1c0,0.2-0.1,0.3-0.1,0.5c0,0,0,0.1,0,0.1c0,0.2,0,0.4,0,0.6s0,0.4,0,0.6c0,0,0,0.1,0,0.1c0,0.2,0,0.3,0.1,0.5c0,0,0,0.1,0,0.1c0,0.2,0.1,0.3,0.1,0.5c0,0,0,0.1,0,0.1c0.1,0.1,0.1,0.3,0.2,0.4c0,0.1,0.1,0.1,0.1,0.2c0.1,0.1,0.1,0.3,0.2,0.4c0,0.1,0.1,0.1,0.1,0.2c0.1,0.1,0.1,0.2,0.2,0.3c0,0.1,0.1,0.1,0.2,0.2c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0.1,0.1,0.1,0.2,0.2c0.1,0.1,0.2,0.2,0.2,0.2c0,0,0.1,0.1,0.1,0.1l55.6,49.6c1.1,1,2.6,1.5,4,1.5c1.7,0,3.3-0.7,4.5-2c2.2-2.5,2-6.3-0.5-8.5L54.7,114H177c3.3,0,6-2.7,6-6s-2.7-6-6-6H54.7l43.8-39.1c2.5-2.2,2.7-6,0.5-8.5s-6-2.7-8.5-0.5L35,103.5C35,103.6,34.9,103.6,34.9,103.6z"/></svg></a>{/block:PreviousPage}
  1546. {block:JumpPagination length="5"}
  1547. {block:CurrentPage}<span class="currentpg">{PageNumber}</span>{/block:CurrentPage}
  1548. {block:JumpPage}<a class="jumppg" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1549. {/block:JumpPagination}
  1550. {block:NextPage}<a href="{NextPage}" title="next"><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="M181.1,103.5l-55.6-49.6c-2.5-2.2-6.3-2-8.5,0.5c-2.2,2.5-2,6.3,0.5,8.5l43.8,39.1H39c-3.3,0-6,2.7-6,6s2.7,6,6,6h122.3l-43.8,39.1c-2.5,2.2-2.7,6-0.5,8.5c1.2,1.3,2.8,2,4.5,2c1.4,0,2.8-0.5,4-1.5l55.6-49.6c1.3-1.1,2-2.8,2-4.5S182.3,104.7,181.1,103.5z"/></svg></a>{/block:NextPage}
  1551. </article>
  1552. {/block:Pagination}
  1553.  
  1554. <a href="https://seyche.tumblr.com" title="bluebell theme by seyche" id="k">&.</a>
  1555.  
  1556. <a href="https://seyche.tumblr.com" id="m">bluebell theme by seyche</a>
  1557.  
  1558. </section>
  1559.  
  1560. <!----- TOOLTIPS ----->
  1561.  
  1562. <script src="https://unpkg.com/popper.js@1"></script>
  1563. <script src="https://unpkg.com/tippy.js@5/dist/tippy-bundle.iife.js"></script>
  1564.  
  1565. <!----- VIDEO RESIZING ----->
  1566.  
  1567. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  1568.  
  1569. <!----- PHOTOSETS ----->
  1570.  
  1571. <script src="https://static.tumblr.com/0podkko/jfMplm3f8/modified_photosets.js"></script>
  1572.  
  1573. <script src="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosets.js"></script>
  1574.  
  1575. <script src="https://static.tumblr.com/0podkko/qWqq8va08/photosets.js"></script>
  1576. <!-- masonry navigation -->
  1577. <script src="https://static.tumblr.com/0siu224/Ljlqmh1nv/masonry.pkgd.min.js"></script>
  1578.  
  1579. <script type="text/javascript">
  1580. // masonry navigation
  1581. var elements = document.getElementsByClassName('masonry-navigation');
  1582. var msnry;
  1583. var nElements = elements.length;
  1584. for(var i = 0; i < nElements; i++){
  1585. msnry = new Masonry( elements[i], {
  1586. // columnWidth: 268,
  1587. itemSelector: '.masonry-navigation-item',
  1588. });
  1589. }
  1590. </script>
  1591.  
  1592. <script>
  1593. undoPhotoset({
  1594. 'posts': '.posts .text-post',
  1595. 'text class': '.text-post',
  1596. 'photoset class': '[photoset-layout]'
  1597. },false);
  1598. </script>
  1599.  
  1600. <script>
  1601.  
  1602. /// PHOTOSETS
  1603.  
  1604. $(document).ready(function(){
  1605. initPhotosets();
  1606.  
  1607. npfPhotosets(".posts", {
  1608. rowClass:"npf_row",
  1609. imageContainerClass:"tmblr-full",
  1610. generatedPhotosetContainerClass:"npf_photoset",
  1611. imageClass:"npf_image",
  1612. includeCommonPhotosets: false,
  1613. useTumblrLightbox: true,
  1614. insertGalleryIndicator: false,
  1615. galleryIndicatorClass: "npf_gallery_indicator",
  1616. galleryIndicatorContent: "<img src='image_url'>",
  1617. photosetMargins:"{select:photoset gutter}"
  1618. });
  1619.  
  1620. /// TOOLTIPS
  1621.  
  1622. tippy('[title]', {
  1623. theme: 'custom',
  1624. arrow: false,
  1625. followCursor: true,
  1626. delay: 100,
  1627. placement: 'bottom-start',
  1628. zIndex: 9999999999,
  1629. maxWidth: 400,
  1630.  
  1631. content(reference) {
  1632. const title = reference.getAttribute('title');
  1633. reference.removeAttribute('title');
  1634. return title;
  1635. },
  1636. });
  1637. });
  1638.  
  1639. /// DROPDOWNS
  1640.  
  1641. $(document).ready(function(){
  1642. {block:ifSearchBar}
  1643. $('.drop-search').hide();
  1644. $('.search-button').click(function(){
  1645. $('.drop-search').slideToggle(500);
  1646. });
  1647. {/block:ifSearchBar}
  1648.  
  1649. $('#extra-links').hide();
  1650. $('.links-button').click(function(){
  1651. $('#extra-links').slideToggle(500);
  1652. });
  1653.  
  1654. $('#updates').hide();
  1655. $('.updates-button').click(function(){
  1656. $('#updates').slideToggle(500);
  1657. });
  1658. });
  1659.  
  1660. /// REMOVE REDIRECTS
  1661.  
  1662. $(document).ready(function(){
  1663. //remove tumblr redirects script by magnusthemes@tumblr
  1664. $('a[href*="t.umblr.com/redirect"]').each(function(){
  1665. var originalURL = $(this).attr("href").split("?z=")[1].split("&t=")[0];
  1666. var replaceURL = decodeURIComponent(originalURL);
  1667. $(this).attr("href", replaceURL);
  1668. });
  1669. });
  1670.  
  1671. /// VIDEO RESIZING
  1672.  
  1673. function flexFrame() {
  1674. $(".caption").each(function() {
  1675. $(this).find("iframe").wrap("<div class='capframe'></div>");
  1676. flexibleFrames($(".capframe"));
  1677. });
  1678. flexibleFrames($(".video"));
  1679. }
  1680. $(document).ready(flexFrame);
  1681.  
  1682. </script>
  1683.  
  1684. </body>
  1685. </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!