API tools faq
paste
mothmans

honeysuckle w/ addtnl fonts

mothmans
Dec 28th, 2019
212
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.33 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. -pxu photosets by pixel union / with modifications by bychloethemes
  18. -style my tooltips by malihu
  19. -responsive video resizing by nouvae
  20. -remove redirects by magnusthemes
  21. -gifv to gif by felicitysmoak
  22. (full list of credits @ seyche.tumblr.com/credits
  23.  
  24. --->
  25.  
  26. <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">
  27. <link href="https://fonts.googleapis.com/css?family=Mada:400,500,600,700&display=swap" rel="stylesheet">
  28. <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">
  29.  
  30. <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">
  31.  
  32. <!---- VARIABLES ----->
  33.  
  34. <meta name="image:Icon" content=""/>
  35.  
  36. <meta name="color:Background" content="#ffffff"/>
  37. <meta name="color:Text" content="#4a4a4a"/>
  38. <meta name="color:Link" content="#8b8b8b"/>
  39. <meta name="color:Accent" content="#b5d1cf"/>
  40. <meta name="color:Title"content="#111111"/>
  41. <meta name="color:Borders" content="#dcdcdc"/>
  42.  
  43. <meta name="select:Body Font" content="Literata" title="Literata"/>
  44. <meta name="select:Body Font" content="Libre Baskerville" title="Libre Baskerville"/>
  45. <meta name="select:Body Font" content="Lora" title="Lora"/>
  46. <meta name="select:Body Font" content="Georgia" title="Georgia"/>
  47. <meta name="select:Body Font" content="Merriweather" title="Merriweather"/>
  48. <meta name="select:Body Font" content="PT Serif" title="PT Serif"/>
  49. <meta name="select:Body Font" content="Source Serif Pro" title="Source Serif Pro"/>
  50. <meta name="select:Body Font" content="Vollkorn" title="Vollkorn"/>
  51. <meta name="select:Body Font" content="Lato" title="Lato"/>
  52. <meta name="select:Body Font" content="PT Sans" title="PT Sans"/>
  53. <meta name="select:Body Font" content="Fira Sans" title="Fira Sans"/>
  54. <meta name="select:Body Font" content="Open Sans" title="Open Sans"/>
  55. <meta name="select:Body Font" content="Mada" title="Mada"/>
  56. <meta name="select:Body Font" content="Barlow" title="Barlow"/>
  57. <meta name="select:Body Font" content="Rubik" title="Rubik"/>
  58.  
  59. <meta name="select:Title Font" content="Montserrat" title="Montserrat"/>
  60. <meta name="select:Title Font" content="Lato" title="Lato"/>
  61. <meta name="select:Title Font" content="Raleway" title="Raleway"/>
  62. <meta name="select:Title Font" content="Playfair Display" title="Playfair Display"/>
  63. <meta name="select:Title Font" content="Barlow" title="Barlow"/>
  64. <meta name="select:Title Font" content="Rubik" title="Rubik"/>
  65. <meta name="select:Title Font" content="Gelasio" title="Gelasio"/>
  66. <meta name="select:Title Font" content="Gupter" title="Gupter"/>
  67.  
  68. <meta name="select:Font Size" content="14px" title="14px"/>
  69. <meta name="select:Font Size" content="12px" title="12px"/>
  70. <meta name="select:Font Size" content="13px" title="13px"/>
  71. <meta name="select:Font Size" content="15px" title="15px"/>
  72. <meta name="select:Font Size" content="16px" title="16px"/>
  73.  
  74. <meta name="select:Post width" content="540px" title="540px"/>
  75. <meta name="select:Post width" content="450px" title="450px"/>
  76. <meta name="select:Post width" content="500px" title="500px"/>
  77. <meta name="select:Post width" content="600px" title="600px"/>
  78. <meta name="select:Post width" content="650px" title="650px"/>
  79.  
  80. <meta name="select:Tags" content="show_tags" title="Show tags"/>
  81. <meta name="select:Tags" content="hide_tags" title="Hide tags"/>
  82. <meta name="select:Tags" content="hover_tags" title="Hover tags"/>
  83.  
  84. <meta name="if:Search" content="1"/>
  85. <meta name="if:Show Note Count" content="1"/>
  86.  
  87. <meta name="text:Home Link" content="home"/>
  88. <meta name="text:Ask Link" content="message"/>
  89. <meta name="text:Archive Link" content="archive"/>
  90. <meta name="text:Link 1 URL" content="" />
  91. <meta name="text:Link 1" content="" />
  92. <meta name="text:Link 2 URL" content="" />
  93. <meta name="text:Link 2" content="" />
  94. <meta name="text:Link 3 URL" content="" />
  95. <meta name="text:Link 3" content="" />
  96. <meta name="text:Link 4 URL" content="" />
  97. <meta name="text:Link 4" content="" />
  98. <meta name="text:Link 5 URL" content="" />
  99. <meta name="text:Link 5" content="" />
  100.  
  101. <meta name="text:Subtitle" content=""/>
  102.  
  103. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  104.  
  105. <!----- TOOLTIPS ----->
  106.  
  107. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  108. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  109.  
  110. <script>
  111. (function($){
  112. $(document).ready(function(){
  113. $("[title]").style_my_tooltips({
  114. tip_follows_cursor:true,
  115. tip_delay_time:200,
  116. tip_fade_speed:200
  117. });
  118. });
  119. })(jQuery);
  120. </script>
  121.  
  122. <style type="text/css">
  123.  
  124. @keyframes lazyload {
  125. 0% {opacity: 0;}
  126. 100% {opacity: 1;}
  127. }
  128.  
  129. @-webkit-keyframes lazyload {
  130. 0% {opacity: 0;}
  131. 100% {opacity: 1;}
  132. }
  133.  
  134. @-moz-keyframes lazyload {
  135. 0% {opacity: 0;}
  136. 100% {opacity: 1;}
  137. }
  138.  
  139. @-o-keyframes lazyload {
  140. 0% {opacity: 0;}
  141. 100% {opacity: 1;}
  142. }
  143.  
  144. body {
  145. font-family: {select:body font}, serif;
  146. color: {color:text};
  147. background-color: {color:background};
  148. text-align: left;
  149. font-size: {select:font size};
  150. line-height: 180%;
  151. word-wrap: break-word;
  152. letter-spacing: 0.2px;
  153. margin: 0;
  154. padding: 0;
  155. -webkit-animation: lazyload 2s;
  156. -moz-animation: lazyload 2s;
  157. -o-animation: lazyload 2s;
  158. animation: lazyload 2s;
  159. }
  160.  
  161. a {
  162. color: {color:link};
  163. text-decoration: none;
  164. -webkit-transition: all 0.3s;
  165. -moz-transition: all 0.3s;
  166. -ms-transition: all 0.3s;
  167. -o-transition: all 0.3s;
  168. transition: all 0.3s;
  169. }
  170.  
  171. a:hover {
  172. color: {color:accent};
  173. -webkit-transition: all 0.3s;
  174. -moz-transition: all 0.3s;
  175. -ms-transition: all 0.3s;
  176. -o-transition: all 0.3s;
  177. transition: all 0.3s;
  178. }
  179.  
  180. p a {
  181. border-bottom: 2px solid rgba({RGBcolor:accent}, 0.9);
  182. display: inline-block;
  183. position: relative;
  184. padding: 2px 2px 0 2px;
  185. z-index: 1;
  186. -webkit-transition: all 0.4s;
  187. -moz-transition: all 0.4s;
  188. -ms-transition: all 0.4s;
  189. -o-transition: all 0.4s;
  190. transition: all 0.4s;
  191. }
  192.  
  193. p a::before {
  194. content: '';
  195. position: absolute;
  196. top: 0;
  197. left: 0;
  198. height: 100%;
  199. width: 100%;
  200. box-sizing: border-box;
  201. padding: 2px 2px 0 2px;
  202. background-color: rgba({RGBcolor:accent}, 0.3);
  203. z-index: -1;
  204. transform: scaleX(0) scaleY(1);
  205. transform-origin: left center;
  206. -webkit-transition: all 0.4s;
  207. -moz-transition: all 0.4s;
  208. -ms-transition: all 0.4s;
  209. -o-transition: all 0.4s;
  210. transition: all 0.4s;
  211. }
  212.  
  213. p a:hover::before {transform: scaleX(1) scaleY(1);}
  214. p a:hover {color: {color:link}; border-bottom: 2px solid rgba({RGBcolor:accent}, 1.0);}
  215.  
  216. h1, h2, h3, h4, h5 {
  217. font-weight: normal;
  218. line-height: 160%;
  219. color: {color:title};
  220. }
  221.  
  222. h1 a, h2 a, h3 a, h4 a {color: {color:title};}
  223. h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {color: {color:accent}}
  224. h1 {font-size: 1.75em;}
  225. h2 {font-size: 1.5em;}
  226. h3 {font-size: 1.3em;}
  227. h4 {font-size: 1.25em;}
  228. h5 {font-size: 1.1em;}
  229.  
  230. small {font-size: 0.9em;}
  231. big {font-size: 1.1em;}
  232. b, strong {color: {color:title};}
  233. b a, strong a {color: {color:link};}
  234.  
  235. blockquote {
  236. padding: 0 0 0 1.25em;
  237. border-left: 1px solid {color:borders};
  238. margin: 1.25em 0 1.25em 1.25em;
  239. }
  240.  
  241. ul {list-style-type: circle;}
  242. ol {list-style-type: decimal;}
  243. li {max-width: 100%;}
  244.  
  245. #s-m-t-tooltip {
  246. max-width: 400px;
  247. margin: 15px 15px 15px 20px;
  248. padding: 6px 9px;
  249. background: {color:background};
  250. color: {color:title};
  251. bordeR:1px solid {color:borders};
  252. z-index: 999999;
  253. font-family: inherit;
  254. border-radius: 0;
  255. box-shadow: none;
  256. font-size: 0.75em;
  257. text-transform: uppercase;
  258. letter-spacing: 1px;
  259. font-weight: normal;
  260. font-family: {select:title font}, sans-serif;
  261. }
  262.  
  263. ::-webkit-scrollbar {
  264. width: 17px;
  265. height: 17px;
  266. background-color: {color:background};
  267. }
  268.  
  269. ::-webkit-scrollbar-track {border: 8px solid {color:background}; background-color: {color:borders};}
  270.  
  271. ::-webkit-scrollbar-thumb {
  272. border: 6px solid {color:background};
  273. background-color: {color:accent};
  274. min-height: 24px;
  275. min-width: 24px;
  276. }
  277.  
  278. .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  279. z-index: 999999999!important;
  280. opacity: 0.6;
  281. transform: scale(0.8);
  282. transform-origin: 100% 0;
  283. -webkit-transform: scale(0.8);
  284. -webkit-transform-origin: 100% 0;
  285. -o-transform: scale(0.8);
  286. -o-transform-origin: 100% 0;
  287. -moz-transform: scale(0.8);
  288. -moz-transform-origin: 100% 0;
  289. -ms-transform: scale(0.8);
  290. -ms-transform-origin: 100% 0;
  291. -webkit-transition: all 0.4s;
  292. -moz-transition: all 0.4s;
  293. -ms-transition: all 0.4s;
  294. -o-transition: all 0.4s;
  295. transition: all 0.4s;
  296. }
  297.  
  298. .tmblr-iframe-compact .tmblr-iframe--unified-controls:hover {
  299. opacity: 1.0;
  300. -webkit-transition: all 0.4s;
  301. -moz-transition: all 0.4s;
  302. -ms-transition: all 0.4s;
  303. -o-transition: all 0.4s;
  304. transition: all 0.4s;
  305. }
  306.  
  307. .tmblr-iframe--app-cta-button {display: none!important;}
  308.  
  309. /*----- COMMON -----*/
  310.  
  311. .title {
  312. color: {color:title};
  313. font-size: 1.75em;
  314. line-height: 160%;
  315. }
  316.  
  317. .title a {color: {color:title};}
  318. .title a:hover {color: {color:accent};}
  319.  
  320. .secondtitle {
  321. font-family: {select:title font}, sans-serif;
  322. text-transform: uppercase;
  323. font-size: 0.9em;
  324. letter-spacing: 1px;
  325. }
  326.  
  327. .accent {
  328. font-weight: bold;
  329. color: {color:title};
  330. font-family: {select:title font}, sans-serif;
  331. text-transform: uppercase;
  332. font-size: 0.9em;
  333. letter-spacing: 1px;
  334. border-bottom: 4px solid {color:accent};
  335. }
  336.  
  337. .accent a {color: {color:accent};}
  338. .accent a:hover {color: {color:link};}
  339.  
  340. .aborder::after {
  341. content: '';
  342. display: block;
  343. width: 100px;
  344. height: 4px;
  345. background-color: {color:accent};
  346. margin-top: 30px;
  347. }
  348.  
  349. /*----- SIDEBAR -----*/
  350.  
  351. .sidebar {
  352. position: fixed;
  353. height: 100%;
  354. width: 30%;
  355. left: 0;
  356. top: 0;
  357. bottom: 0;
  358. background-color: {color:background};
  359. padding: 70px 0 70px 100px;
  360. box-sizing: border-box;
  361. display: block;
  362. -webkit-transition: all 0.6s;
  363. -moz-transition: all 0.6s;
  364. -ms-transition: all 0.6s;
  365. -o-transition: all 0.6s;
  366. transition: all 0.6s;
  367. }
  368.  
  369. .sidebar img {
  370. border-radius: 4px;
  371. max-width: 60px;
  372. max-height: 60px;
  373. margin-bottom: 1.5em;
  374. }
  375.  
  376. #stitle {font-size: 1.75em; line-height: 140%;}
  377. #subtitle {margin-top: 0.5em;}
  378.  
  379. #description::before {
  380. content: '';
  381. display: block;
  382. width: 25%;
  383. height: 4px;
  384. background-color: {color:accent};
  385. margin: 2.5em 0;
  386. }
  387.  
  388. #description {font-style: italic;}
  389. .find {margin-top: 1.25em;}
  390.  
  391. .find svg {
  392. width: 16px;
  393. height: 16px;
  394. fill: {color:title};
  395. display: inline-block;
  396. vertical-align: middle;
  397. margin-right: 1em;
  398. }
  399.  
  400. .find input {
  401. border: 0;
  402. outline: none;
  403. display: inline-block;
  404. background: inherit;
  405. margin: 0;
  406. padding: 0;
  407. color: {color:link};
  408. text-align: left;
  409. font-family: {select:title font}, sans-serif;
  410. width: calc(100% - 16px - 1.5em);
  411. }
  412.  
  413. .find input[type=text] {color: {color:text};}
  414. input::-webkit-input-placeholder {color: {color:text};}
  415. input::-moz-placeholder {color: {color:text};}
  416. input:-moz-placeholder {color: {color:text};}
  417. input:-ms-input-placeholder {color: {color:text};}
  418.  
  419. nav {
  420. font-family: {select:title font}, sans-serif;
  421. position: absolute;
  422. bottom: 70px;
  423. line-height: 200%;
  424. }
  425.  
  426. nav a {
  427. display: inline-block;
  428. font-weight: normal;
  429. text-transform: uppercase;
  430. letter-spacing: 1px;
  431. font-size: 0.9em;
  432. vertical-align: middle;
  433. }
  434.  
  435. .numbers {
  436. font-weight: bold;
  437. margin-right: 12px;
  438. font-family: {select:body font}, serif;
  439. font-size: 1.2em;
  440. color: {color:title};
  441. -webkit-transition: all 0.3s;
  442. -moz-transition: all 0.3s;
  443. -ms-transition: all 0.3s;
  444. -o-transition: all 0.3s;
  445. transition: all 0.3s;
  446. }
  447.  
  448. .numbers::after {
  449. content: '/';
  450. color: {color:borders};
  451. margin-left: 12px;
  452. font-size: 1.5em;
  453. vertical-align: -0.3em;
  454. }
  455.  
  456. nav a::after {
  457. content: '';
  458. width: 1.7em;
  459. height: 4px;
  460. position: relative;
  461. display: block;
  462. bottom: 1em;
  463. background: {color:accent};
  464. z-index: -5;
  465. -webkit-transition: all 0.6s;
  466. -moz-transition: all 0.6s;
  467. -ms-transition: all 0.6s;
  468. -o-transition: all 0.6s;
  469. transition: all 0.6s;
  470. }
  471.  
  472. nav a:hover::after {
  473. width: 100%;
  474. -webkit-transition: all 0.6s;
  475. -moz-transition: all 0.6s;
  476. -ms-transition: all 0.6s;
  477. -o-transition: all 0.6s;
  478. transition: all 0.6s;
  479. }
  480.  
  481. nav a:hover {color: {color:link};}
  482.  
  483. /*----- POSTS -----*/
  484.  
  485. .container {
  486. margin: auto auto auto 37%;
  487. width: {select:post width};
  488. }
  489.  
  490. .posts {
  491. position: relative;
  492. width: {select:post width};
  493. margin: auto;
  494. padding: 140px 0;
  495. border-bottom: 1px solid {color:borders};
  496. }
  497.  
  498. .posts:first-of-type {padding: 70px 0 140px 0;}
  499.  
  500. .tumblr_video_container {max-height: {select:post width}!important; overflow: hidden!important;
  501. }
  502. .posts li, .posts blockquote, .posts img, figure, video, .video, .video iframe {max-width: 100%;}
  503. .postsource {display: none;}
  504.  
  505. /*----- CAPTION -----*/
  506.  
  507. .caption {
  508. list-style-type: none;
  509. padding: 0 0 30px 0;
  510. margin: 0;
  511. }
  512.  
  513. .caption p {margin: 1em 0 0 0;}
  514. .ogcap p:first-of-type {margin-top: 0;}
  515.  
  516. .caption:last-of-type {padding-bottom: 0;}
  517. .caption:first-of-type {margin: 30px 0 0 0;}
  518. .body:first-of-type {margin: 0;}
  519.  
  520. .captext figure {margin-top: 4px;}
  521. .captext figure:first-of-type {margin-top: 1em;}
  522. .caption iframe {max-width: 100%;}
  523.  
  524. .capicon {
  525. display: inline-block;
  526. vertical-align: middle;
  527. width: 20px;
  528. height: 20px;
  529. border-radius: 4px;
  530. }
  531.  
  532. .username::before {
  533. content: '/';
  534. color: {color:borders};
  535. margin-right: 10px;
  536. font-size: 1.3em;
  537. vertical-align: middle;
  538. }
  539.  
  540. .username {
  541. margin-left: 10px;
  542. line-height: 100%;
  543. display: inline-block;
  544. }
  545.  
  546. .deactive::after {
  547. content: '(deactivated)';
  548. margin-left: 10px;
  549. color: {color:text};
  550. opacity: 0.8;
  551. }
  552.  
  553. .tmblr-attribution {margin-top: 0.5em;}
  554.  
  555. /*----- TEXT -----*/
  556.  
  557. pre {
  558. line-height: inherit;
  559. font-size: inherit;
  560. white-space: pre-wrap;
  561. white-space: -moz-pre-wrap;
  562. white-space: -pre-wrap;
  563. white-space: -o-pre-wrap;
  564. word-wrap: break-word;
  565. }
  566.  
  567. @font-face {
  568. font-family: Calluna;
  569. src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3=&v=f685dc881c60c298ea22a73fe505b88a");
  570. 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");
  571. font-weight: 700;
  572. font-style: italic;
  573. }
  574.  
  575. @font-face {
  576. font-family: Fairwater;
  577. 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");
  578. font-weight: 400;
  579. font-style: normal;
  580. }
  581.  
  582. p.npf_quirky {font-family: Fairwater; font-size: 1.75em;}
  583.  
  584. .npf_color_joey {color: #e57373;}
  585. .npf_color_monica {color: #ff8a65;}
  586. .npf_color_phoebe {color: #ffee58;}
  587. .npf_color_ross {color: #81c784;}
  588. .npf_color_rachel {color: #4fc3f7;}
  589. .npf_color_chandler {color: #9575cd;}
  590. .npf_color_niles {color: #f06292;}
  591.  
  592. #k {
  593. position: fixed;
  594. bottom: 30px;
  595. right: 30px;
  596. }
  597.  
  598. /*----- LINK -----*/
  599.  
  600. .linkp {
  601. color: {color:text};
  602. border: 1px solid {color:borders};
  603. border-radius: 4px;
  604. overflow: hidden;
  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. .linkp:hover, .npf-link-block:hover {
  613. border: 1px solid {color:accent};
  614. -webkit-transition: all 0.3s;
  615. -moz-transition: all 0.3s;
  616. -ms-transition: all 0.3s;
  617. -o-transition: all 0.3s;
  618. transition: all 0.3s;
  619. }
  620.  
  621. .thumbnail {max-width: 100%; border-bottom: 1px solid {color:borders};}
  622. #link {padding: 30px;}
  623. #linkhost {color: {color:title}; margin-top: 1.5em;}
  624. #linktxt {color: {color:text}; margin-top: 1.5em;}
  625.  
  626. .npf-link-block {
  627. margin-top: 1.25em;
  628. border-radius: 4px;
  629. -webkit-transition: all 0.3s;
  630. -moz-transition: all 0.3s;
  631. -ms-transition: all 0.3s;
  632. -o-transition: all 0.3s;
  633. transition: all 0.3s;
  634. }
  635.  
  636. .npf-link-block .poster .title {background-color: initial; padding: 30px;}
  637. .npf-link-block .title {font-size: 1.25em; border-bottom: none;}
  638. .npf-link-block .bottom {padding: 30px !important; color: {color:text};}
  639.  
  640. .npf-link-block .bottom .site-name {
  641. font-size: 0.9em;
  642. color: {color:text};
  643. font-weight: normal;
  644. letter-spacing: 1px;
  645. font-family: {select:title font}, sans-serif;
  646. }
  647.  
  648. /*----- PHOTO -----*/
  649.  
  650. img {
  651. margin: 0;
  652. display: block;
  653. height: auto;
  654. }
  655.  
  656. .photo img {width: 100%; border-radius: 4px;}
  657. .vignette, #vignette {opacity: 0;}
  658. .tmblr-lightbox, #tumblr_lightbox {background-color: rgba(60, 60, 60, .8) !important;}
  659.  
  660. .lightbox-image, #tumblr_lightbox img {
  661. box-shadow: none !important;
  662. border-radius: 4px !important;
  663. max-width: none;
  664. }
  665.  
  666. .post-content div.npf_row, .post div.npf_row, body div.npf_row {
  667. margin-left: 0 !important;
  668. margin-right: 0 !important;
  669. }
  670.  
  671. .tmblr-full img {width: 100%; height: 100%;}
  672.  
  673. /*----- QUOTE -----*/
  674.  
  675. #quote, p.npf_quote {
  676. font-size: 1.25em;
  677. line-height: 180%;
  678. color: {color:title};
  679. font-style: italic;
  680. }
  681.  
  682. #quote p:first-of-type {margin-top: 0;}
  683. #quote p:last-of-type {margin-bottom: 0;}
  684. p.npf_quote {font-family: inherit; margin-bottom: 1em;}
  685.  
  686. #source {margin-top: 30px;}
  687.  
  688. /*----- CHAT -----*/
  689.  
  690. .chat {padding: 0; margin: 0;}
  691. .chat li {list-style-type: none;}
  692. .line {padding: 1em 0;}
  693. .line:first-of-type {padding: 0 0 1em 0;}
  694. .line:last-of-type {padding: 1em 0 0 0;}
  695. #chattxt {margin-top: 0.2em;}
  696.  
  697. p.npf_chat {font-family: inherit; margin-top: 1em;}
  698.  
  699. p.npf_chat b {
  700. color: {color:title};
  701. text-transform: uppercase;
  702. letter-spacing: 1px;
  703. font-family: {select:title font}, sans-serif;
  704. font-size: 0.9em;
  705. }
  706.  
  707. /*----- ANSWER -----*/
  708.  
  709. #question {font-size: 1.25em; color: {color:title};}
  710. #asker {margin-top: 30px;}
  711.  
  712. /*----- AUDIO -----*/
  713.  
  714. .albumart {
  715. width: 120px;
  716. height: 120px;
  717. display: block;
  718. margin: auto;
  719. border-radius: 4px;
  720. }
  721.  
  722. .audioinfo {
  723. text-align: center;
  724. margin-top: 20px;
  725. }
  726.  
  727. .audioinfo li {list-style-type: none;}
  728.  
  729. .button {
  730. width: 30px;
  731. height: 30px;
  732. overflow: hidden;
  733. position: relative;
  734. z-index: 10;
  735. margin: 8px 7px 6px 7px;
  736. }
  737.  
  738. .audiobox {
  739. background-color: #f2f2f2;
  740. z-index: 50;
  741. border-radius: 50%;
  742. position: absolute;
  743. border: 1px solid {color:borders};
  744. }
  745.  
  746. .audioinfo::after {
  747. content: '';
  748. width: 100%;
  749. height: 1px;
  750. background-color: {color:borders};
  751. position: absolute;
  752. right: 0;
  753. z-index: -5;
  754. margin-top: calc(22px + 1em);
  755. }
  756.  
  757. #wrap {min-height: 50px; margin-top: 1em;}
  758. .margin {margin-top: 0.5em;}
  759.  
  760. .play {
  761. float: right;
  762. margin-top: 0.7em;
  763. background-color: {color:background};
  764. padding-left: 1em;
  765. }
  766.  
  767. .track {
  768. border-bottom: 4px solid {color:accent};
  769. font-weight: bold;
  770. color: {color:title};
  771. font-size: 1.2em;
  772. }
  773.  
  774. /*----- INFO -----*/
  775.  
  776. .info {margin-top: 30px;}
  777. .info a {display: inline-block; margin-right: 1em;}
  778.  
  779. .date {
  780. font-weight: bold;
  781. border-bottom: 4px solid {color:accent};
  782. color: {color:title};
  783. }
  784.  
  785. .lirb {display: inline-block;}
  786.  
  787. .like-b {
  788. position: relative;
  789. display: inline-block;
  790. height: 1em;
  791. line-height: 1em;
  792. }
  793.  
  794. .like-b .like_button iframe {
  795. position: absolute;
  796. top: 0;
  797. left: 0;
  798. bottom: 0;
  799. right: 0;
  800. z-index: 2;
  801. opacity: 0;
  802. }
  803.  
  804. .like-b .liked + .b {color: {color:accent};}
  805. .like-b .liked + .b:after {content: 'd';}
  806.  
  807. .tags {
  808. word-wrap: break-word;
  809. font-style: italic;
  810. margin-top: 0.25em;
  811. text-transform: lowercase;
  812. }
  813.  
  814. .show_tags {display: block;}
  815. .hide_tags {display: none;}
  816.  
  817. .hover_tags {
  818. opacity: 0;
  819. -webkit-transition: all 0.5s;
  820. -moz-transition: all 0.5s;
  821. -ms-transition: all 0.5s;
  822. -o-transition: all 0.5s;
  823. transition: all 0.5s;
  824. }
  825.  
  826. .posts:hover .hover_tags {
  827. opacity: 1.0;
  828. -webkit-transition: all 0.5s;
  829. -moz-transition: all 0.5s;
  830. -ms-transition: all 0.5s;
  831. -o-transition: all 0.5s;
  832. transition: all 0.5s;
  833. }
  834.  
  835. .tags a {margin-right: 1em;}
  836. #viasrc {margin-top: 0.25em;}
  837. #viasrc a {margin: 0;}
  838.  
  839. /*---- POST NOTES -----*/
  840.  
  841. .notes {margin: 100px 0;}
  842. #notetitle {margin-bottom: 1em;}
  843. #pnotes {font-size: 0.8em;}
  844.  
  845. ol.notes {
  846. list-style-type: none;
  847. max-width: 100%;
  848. padding: 0;
  849. margin: 1em 0 0 0;
  850. }
  851.  
  852. ol.notes li.note {padding: 0.4em; display: block;}
  853.  
  854. ol.notes li.note img.avatar {
  855. border-radius: 50%;
  856. margin-right: 1em;
  857. vertical-align: middle;
  858. display: inline-block;
  859. }
  860.  
  861. /*---- PAGINATION -----*/
  862.  
  863. #pg {text-align: center; margin: 140px auto 180px auto;}
  864. #pg a {margin: 0 0.5em; color: {color:title};}
  865. #pg a:hover {color: {color:accent};}
  866.  
  867. .currentpg {
  868. color: {color:accent};
  869. font-weight: bold;
  870. margin: 0 0.5em;
  871. }
  872.  
  873. .jumppg {font-weight: bold;}
  874.  
  875. /*----- MOBILE HEADER -----*/
  876.  
  877. header {
  878. position: fixed;
  879. top: 0;
  880. left: 0;
  881. right: 0;
  882. border-bottom: 1px solid {color:borders};
  883. background-color: {color:background};
  884. z-index: 9999;
  885. padding: 30px;
  886. width: 100%;
  887. display: none;
  888. }
  889.  
  890. header svg {
  891. width: 34px;
  892. height: 34px;
  893. fill: {color:title};
  894. cursor: help;
  895. display: inline-block;
  896. vertical-align: middle;
  897. }
  898.  
  899. header .secondtitle {
  900. display: inline-block;
  901. font-size: 1em;
  902. margin-left: 1em;
  903. line-height: 100%;
  904. }
  905.  
  906. .close {
  907. color: {color:title};
  908. cursor: help;
  909. display: none;
  910. }
  911.  
  912. .close svg {
  913. width: 24px;
  914. height: 24px;
  915. fill: {color:title};
  916. display: inline-block;
  917. vertical-align: middle;
  918. margin-left: 0.5em;
  919. }
  920.  
  921. /*----- RESPONSIVE -----*/
  922.  
  923. @media only screen and (max-height: 768px) {
  924. .sidebar {padding: 50px 0 50px 70px;}
  925. .posts:first-of-type {padding: 50px 0 140px 0;}
  926. }
  927.  
  928. @media only screen and (min-width: 1100px) {
  929. header {display: none;}
  930. .close {display: none;}
  931.  
  932. .sidebar {
  933. width: 30%;
  934. left: 0;
  935. display: block;
  936. }
  937. }
  938.  
  939. @media only screen and (max-width: 1099px) {
  940. header {display: block;}
  941. .close {display: block; margin-bottom: 1.5em;}
  942.  
  943. .sidebar {
  944. width: 70%;
  945. left: -70%;
  946. z-index: 9999;
  947. background-color: {color:background};
  948. border-right: 1px solid {color:borders};
  949. padding: 50px 70px;
  950. overflow-y: auto;
  951. }
  952.  
  953. nav {position: static; margin-top: 30px;}
  954.  
  955. .container {margin: auto;}
  956.  
  957. .posts:first-of-type {padding: 140px 0;}
  958. }
  959.  
  960. @media only screen and (max-width: 670px) {
  961. .container {width: 100vw;}
  962. .posts {width: 85vw;}
  963.  
  964. #k {position: static;}
  965. }
  966.  
  967. {CustomCSS}
  968.  
  969. </style>
  970. </head>
  971.  
  972. <body>
  973.  
  974. <!----- HEADER ----->
  975.  
  976. <header>
  977. <span onclick="openNav()"><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></span>
  978. <div class="secondtitle">navigation</div>
  979. </header>
  980.  
  981. <!----- SIDEBAR ----->
  982.  
  983. <aside id="slide" class="sidebar">
  984. <a class="close secondtitle" onclick="closeNav()">close<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="M67,149c1.2,1.2,2.7,1.8,4.2,1.8c1.5,0,3.1-0.6,4.2-1.8l32.6-32.6l32.6,32.6c1.2,1.2,2.7,1.8,4.2,1.8s3.1-0.6,4.2-1.8c2.3-2.3,2.3-6.1,0-8.5L116.5,108L149,75.4c2.3-2.3,2.3-6.1,0-8.5s-6.1-2.3-8.5,0L108,99.5L75.4,67c-2.3-2.3-6.1-2.3-8.5,0c-2.3,2.3-2.3,6.1,0,8.5L99.5,108L67,140.6C64.6,142.9,64.6,146.7,67,149z"/><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>
  985. {block:ifIconImage}<a href="/"><img src="{image:Icon}"/></a>{/block:ifIconImage}
  986. <a href="/" id="stitle" class="title">{Title}</a>
  987. <div id="subtitle" class="secondtitle">{text:Subtitle}</div>
  988. <div id="description">{Description}</div>
  989. {block:ifSearch}
  990. <form action="/search" method="get" class="find" name="sform">
  991. <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>
  992. <input type="text" name="q" placeholder="search" value="{SearchQuery}" class="secondtitle" value autocomplete="off"/>
  993. </form>
  994. {/block:ifSearch}
  995. <nav>
  996. {block:ifHomeLink}<a href="/"><span class="numbers">01</span>{text:Home Link}</a><br>{/block:ifHomeLink}
  997. {block:ifAskLink}<a href="/ask"><span class="numbers">02</span>{text:Ask Link}</a><br>{/block:ifAskLink}
  998. {block:ifArchiveLink}<a href="/archive"><span class="numbers">03</span>{text:Archive Link}</a><br>{/block:ifArchiveLink}
  999. {block:ifLink1}<a href="{text:Link 1 URL}"><span class="numbers">04</span>{text:Link 1}</a><br>{/block:ifLink1}
  1000. {block:ifLink2}<a href="{text:Link 2 URL}"><span class="numbers">05</span>{text:Link 2}</a><br>{/block:ifLink2}
  1001. {block:ifLink3}<a href="{text:Link 3 URL}"><span class="numbers">06</span>{text:Link 3}</a><br>{/block:ifLink3}
  1002. {block:ifLink4}<a href="{text:Link 4 URL}"><span class="numbers">07</span>{text:Link 4}</a><br>{/block:ifLink4}
  1003. {block:ifLink5}<a href="{text:Link 5 URL}"><span class="numbers">08</span>{text:Link 5}</a><br>{/block:ifLink5}
  1004. </nav>
  1005. </aside>
  1006.  
  1007. <!----- POSTS ----->
  1008.  
  1009. <section class="container">
  1010.  
  1011. {block:TagPage}
  1012. <div class="posts">
  1013. viewing posts filed under <span class="accent">#{Tag}</span>
  1014. </div>
  1015. {/block:TagPage}
  1016.  
  1017. {block:Posts}
  1018. <article class="posts">
  1019.  
  1020. {block:Text}
  1021. {block:Title}<h1 class="posttitle aborder"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  1022. {block:NotReblog}
  1023. <li class="caption ogcap body">
  1024. <div class="captext">{Body}</div>
  1025. </li>
  1026. {/block:NotReblog}
  1027. {block:RebloggedFrom}{block:Reblogs}
  1028. <li class="caption rbcap body">
  1029. <img src="{PortraitURL-64}" class="capicon">
  1030. <div class="username secondtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1031. <div class="captext">{Body}</div>
  1032. </li>
  1033. {/block:Reblogs}{/block:RebloggedFrom}
  1034. {/block:Text}
  1035.  
  1036. {block:Link}
  1037. <a href="{URL}"><div class="linkp">
  1038. {block:Thumbnail}<img src="{Thumbnail-HighRes}" class="thumbnail">{/block:Thumbnail}
  1039. <div id="link">
  1040. <div class="title">{Name}</div>
  1041. {block:Excerpt}<div id="linktxt">{Excerpt}</div>{/block:Excerpt}
  1042. {block:Host}<div id="linkhost" class="secondtitle">by {Host}</div>{/block:Host}
  1043. </div>
  1044. </div></a>
  1045. {block:Description}
  1046. {block:NotReblog}
  1047. <li class="caption ogcap">
  1048. <div class="captext">{Description}</div>
  1049. </li>
  1050. {/block:NotReblog}
  1051. {/block:Description}
  1052. {block:RebloggedFrom}
  1053. {block:Reblogs}
  1054. <li class="caption rbcap">
  1055. <a href="{Permalink}" class="username secondtitle {block:IsDeactivated}deactive{/block:IsDeactivated}">{Username}</a>
  1056. <div class="captext">{Body}</div>
  1057. </li>
  1058. {/block:Reblogs}
  1059. {/block:RebloggedFrom}
  1060. {/block:Link}
  1061.  
  1062. {block:Photo}
  1063. <div class="photo">
  1064. {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}
  1065. </div>
  1066. {block:Caption}
  1067. {block:NotReblog}
  1068. <li class="caption ogcap">
  1069. <div class="captext">{Caption}</div>
  1070. </li>
  1071. {/block:NotReblog}
  1072. {block:Reblogs}
  1073. <li class="caption rbcap">
  1074. <img src="{PortraitURL-64}" class="capicon">
  1075. <div class="username secondtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1076. <div class="captext">{Body}</div>
  1077. </li>
  1078. {/block:Reblogs}
  1079. {/block:Caption}
  1080. {/block:Photo}
  1081.  
  1082. {block:Photoset}
  1083. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1084. {block:Caption}
  1085. {block:NotReblog}
  1086. <li class="caption ogcap">
  1087. <div class="captext">{Caption}</div>
  1088. </li>
  1089. {/block:NotReblog}
  1090. {block:Reblogs}
  1091. <li class="caption rbcap">
  1092. <img src="{PortraitURL-64}" class="capicon">
  1093. <div class="username secondtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1094. <div class="captext">{Body}</div>
  1095. </li>
  1096. {/block:Reblogs}
  1097. {/block:Caption}
  1098. {/block:Photoset}
  1099.  
  1100. {block:Video}
  1101. <div class="video">{Video-500}</div>
  1102. {block:Caption}
  1103. {block:NotReblog}
  1104. <li class="caption ogcap">
  1105. <div class="captext">{Caption}</div>
  1106. </li>
  1107. {/block:NotReblog}
  1108. {block:Reblogs}
  1109. <li class="caption rbcap">
  1110. <img src="{PortraitURL-64}" class="capicon">
  1111. <div class="username secondtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1112. <div class="captext">{Body}</div>
  1113. </li>
  1114. {/block:Reblogs}
  1115. {/block:Caption}
  1116. {/block:Video}
  1117.  
  1118. {block:Quote}
  1119. <div id="quote" class="aborder">{Quote}</div>
  1120. {block:Source}<div id="source" class="secondtitle">{Source}</div>{/block:Source}
  1121. {/block:Quote}
  1122.  
  1123. {block:Chat}
  1124. {block:Title}<h1 class="posttitle aborder"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  1125. <ul class="chat">{block:Lines}
  1126. <li class="line">
  1127. {block:Label}<span class="accent chatter">{Label}</span>{/block:Label} <div id="chattxt">{Line}</div>
  1128. </li>
  1129. {/block:Lines}</ul>
  1130. {/block:Chat}
  1131.  
  1132. {block:Answer}
  1133. <div id="askpost">
  1134. <div id="question" class="aborder">{Question}</div>
  1135. <div id="asker" class="secondtitle">{Asker} inquired</div>
  1136. </div>
  1137. {block:Answerer}
  1138. <li class="caption rbcap">
  1139. <img src="{AnswererPortraitURL-64}" class="capicon">
  1140. <div class="username secondtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Answerer}</a></div>
  1141. <div class="captext">{Answer}</div>
  1142. </li>
  1143. {/block:Answerer}
  1144. {block:NotReblog}
  1145. <li class="caption ogcap">
  1146. <div class="captext">{Replies}</div>
  1147. </li>
  1148. {/block:NotReblog}
  1149. {block:RebloggedFrom}{block:Reblogs}
  1150. <li class="caption rbcap">
  1151. <img src="{PortraitURL-64}" class="capicon">
  1152. <div class="username secondtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1153. <div class="captext">{Body}</div>
  1154. </li>
  1155. {/block:Reblogs}{/block:RebloggedFrom}
  1156. {/block:Answer}
  1157.  
  1158. {block:Audio}
  1159. {block:AlbumArt}
  1160. <img src="{AlbumArtURL}" class="albumart">
  1161. {/block:AlbumArt}
  1162. <div class="audioinfo">
  1163. {block:TrackName}<span class="track">{TrackName}</span>{/block:TrackName}
  1164. <div class="margin">
  1165. {block:Artist}<li class="secondtitle">by {Artist}</li>{/block:Artist}
  1166. {block:Album}<li class="secondtitle">from {Album}</li>{/block:Album}
  1167. </div>
  1168. </div>
  1169. <div id="wrap">
  1170. <div class="audiobox"><div class="button">
  1171. {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
  1172. </div></div>
  1173. <span class="play">Listen?</span>
  1174. </div>
  1175. {block:Caption}
  1176. {block:NotReblog}
  1177. <li class="caption ogcap">
  1178. <div class="captext">{Caption}</div>
  1179. </li>
  1180. {/block:NotReblog}
  1181. {block:Reblogs}
  1182. <li class="caption rbcap">
  1183. <img src="{PortraitURL-64}" class="capicon">
  1184. <div class="username secondtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1185. <div class="captext">{Body}</div>
  1186. </li>
  1187. {/block:Reblogs}
  1188. {/block:Caption}
  1189. {/block:Audio}
  1190.  
  1191. <!----- INFO ----->
  1192.  
  1193. {block:Date}
  1194. <div class="info">
  1195. <a href="{Permalink}" class="date accent" title="{TimeAgo}">{DayOfMonthWithZero} {Month} {Year}</a>
  1196. <span class="secondtitle">
  1197. {block:IndexPage}{block:NoteCount}{block:ifShowNoteCount}<a href="{Permalink}" class="notecount">{NoteCountWithLabel}</a>{/block:ifShowNoteCount}{/block:NoteCount}{/block:IndexPage}
  1198. <span class="lirb">
  1199. <span class="rb">
  1200. <a href="{ReblogURL}" target="_blank">reblog</a>
  1201. </span>
  1202. <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a>
  1203. </span>
  1204. {block:PermalinkPage}
  1205. {block:RebloggedFrom}<div id="viasrc">
  1206. via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>; by <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  1207. </div>{/block:RebloggedFrom}
  1208. {/block:PermalinkPage}
  1209. </span>
  1210. </div>
  1211. {/block:Date}
  1212.  
  1213. {block:HasTags}
  1214. <div class="tags {block:IndexPage}{select:tags}{/block:IndexPage}">
  1215. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1216. </div>
  1217. {/block:HasTags}
  1218.  
  1219. <!----- POST NOTES ----->
  1220.  
  1221. {block:PermalinkPage}{block:Date}
  1222. <div class="notes">
  1223. {block:NoteCount}<div class="title" id="notetitle">{NoteCountWithLabel}</div>{/block:NoteCount}
  1224. {block:PostNotes}
  1225. <div class="secondtitle" id="pnotes">{PostNotes}</div>
  1226. {/block:PostNotes}
  1227. </div>
  1228. {/block:Date}{/block:PermalinkPage}
  1229.  
  1230. <!----- SOURCE ----->
  1231.  
  1232. <div class="postsource">
  1233. {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}
  1234. </div>
  1235.  
  1236. </article>
  1237.  
  1238. {/block:Posts}
  1239.  
  1240. <!----- PAGINATION ----->
  1241.  
  1242. <footer id="pg">
  1243. {block:Pagination}
  1244. {block:PreviousPage}<a href="{PreviousPage}" class="secondtitle">back</a>{/block:PreviousPage}
  1245. {block:JumpPagination length="5"}
  1246. {block:CurrentPage}<span class="currentpg">{PageNumber}</span>{/block:CurrentPage}
  1247. {block:JumpPage}<a class="jumppg" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1248. {/block:JumpPagination}
  1249. {block:NextPage}<a href="{NextPage}" class="secondtitle">next</a>{/block:NextPage}<br>
  1250. {/block:Pagination}
  1251.  
  1252. <a href="https://seyche.tumblr.com" title="theme by seyche" id="k">&.</a>
  1253. </footer>
  1254.  
  1255. </section>
  1256.  
  1257. <!----- PHOTOSETS ----->
  1258.  
  1259. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1260. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1261. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  1262.  
  1263. <!----- VIDEO RESIZING ----->
  1264.  
  1265. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  1266.  
  1267. <!----- SCRIPTS ----->
  1268.  
  1269. <script type="text/javascript">
  1270.  
  1271. /// PHOTOSETS
  1272.  
  1273. $(document).ready(function(){
  1274. $('.photo-slideshow').pxuPhotoset({
  1275. lightbox: true,
  1276. rounded: false,
  1277. gutter: '4px',
  1278. rounded: 'corners',
  1279. borderRadius: '4px',
  1280. photoset: '.photo-slideshow',
  1281. photoWrap: '.photo-data',
  1282. photo: '.pxu-photo'
  1283. });
  1284. });
  1285.  
  1286. $('img').each(function() {
  1287. var newsrc = $(this).attr('src').replace('gifv','gif');
  1288. $(this).attr('src', newsrc);
  1289. });
  1290.  
  1291. $('a').each(function() {
  1292. var newhref = $(this).attr('href').replace('gifv','gif');
  1293. $(this).attr('href', newhref);
  1294. });
  1295.  
  1296. /// VIDEO RESIZING
  1297.  
  1298. function flexFrame() {
  1299. $(".caption").each(function() {
  1300. $(this).find("iframe").wrap("<div class='capframe'></div>");
  1301. flexibleFrames($(".capframe"));
  1302. });
  1303. flexibleFrames($(".video"));
  1304. }
  1305. $(document).ready(flexFrame);
  1306.  
  1307. /// REMOVE REDIRECTS
  1308.  
  1309. $(document).ready(function(){
  1310. $('a[href*="t.umblr.com/redirect"]').each(function(){
  1311. var originalURL = $(this).attr("href").split("?z=")[1].split("&t=")[0];
  1312. var replaceURL = decodeURIComponent(originalURL);
  1313. $(this).attr("href", replaceURL);
  1314. });
  1315. });
  1316.  
  1317. /// SLIDE MOBILE NAV
  1318.  
  1319. function openNav() {
  1320. document.getElementById("slide").style.left = "0";
  1321. }
  1322.  
  1323. function closeNav() {
  1324. document.getElementById("slide").style.left = "-70%";
  1325. }
  1326.  
  1327. </script>
  1328.  
  1329. </body>
  1330. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!