techmaturgy

SETE

Feb 27th, 2019
924
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 85.11 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!---------------------------------------------------------------------------
  4.  
  5. SETE by codematurgy. don't claim this code as your own. feel free to point out any issues or suggest any changes to make it easier to use and browse through. credits for external codes used here:
  6.  
  7. PHOTOSETS by PixelUnion on https://github.com/PixelUnion/Extended-Tumblr-Photoset
  8.  
  9. CAPTIONS and many other tumblr variables by bychloethemes on http://bychloethemes.tumblr.com/post/162818858619/undocumented-documentation-on-the-linked-page-you
  10.  
  11. LIKE BUTTON by mikedidthis(Stack Overflow) on https://stackoverflow.com/questions/21708662/customise-tumblrs-new-like-button-iframe-likebutton
  12.  
  13. ---------------------------------------------------------------------------->
  14.  
  15. <html lang="{block:English}en{/block:English}{block:German}de-DE{/block:German}{block:French}fr-FR{/block:French}{block:Italian}it-IT{/block:Italian}{block:Japanese}ja-JP{/block:Japanese}{block:Turkish}tr-TR{/block:Turkish}{block:Spanish}es-ES{/block:Spanish}{block:Russian}ru-RU{/block:Russian}{block:Polish}pl-PL{/block:Polish}{block:PortuguesePT}pt-PT{/block:PortuguesePT}{block:PortugueseBR}pt-BR{/block:PortugueseBR}{block:Dutch}nl-NL{/block:Dutch}{block:Korean}ko-KR{/block:Korean}{block:ChineseSimplified}zh-CN{/block:ChineseSimplified}{block:ChineseTraditional}zh-TW{/block:ChineseTraditional}{block:ChineseHK}zh-HK{/block:ChineseHK}{block:Indonesian}id-ID{/block:Indonesian}{block:Hindi}hi-IN{/block:Hindi}" class="font{select:Font Size}">
  16.  
  17. <head>
  18.  
  19. <title>{block:TagPage}{lang:Posts tagged Tag} — {/block:TagPage}{block:SearchPage}{lang:SearchResultCount results for SearchQuery}{block:NoSearchResults}{lang:No posts containing SearchQuery}{/block:NoSearchResults} — {/block:SearchPage}{block:PostSummary}{PostSummary} — {/block:PostSummary}{Title}</title>
  20.  
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}
  24. <meta name="description" content="{MetaDescription}"/>
  25. {/block:Description}
  26.  
  27. <meta name="viewport" content="width=device-width"/>
  28.  
  29. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/>
  30.  
  31. <meta name="image:Background" content="">
  32. <meta name="image:Sidebar" content="">
  33.  
  34. <meta name="color:Gradient" content="">
  35.  
  36. <meta name="if:Background Gradient" content="1">
  37. <meta name="if:Show Header Image" content="0">
  38. <meta name="if:Left Sidebar" content="0">
  39. <meta name="if:Use Header Image On Sidebar" content="1">
  40. <meta name="if:Show Searchbox" content="1">
  41. <meta name="if:Dark Post Font" content="0">
  42. <meta name="if:Dark Accent Font" content="0">
  43. <meta name="if:Show Caption" content="1">
  44. <meta name="if:Show Tags" content="1">
  45.  
  46. <meta name="select:Margin" content="27" title="Narrow">
  47. <meta name="select:Margin" content="40" title="Medium">
  48.  
  49. <meta name="select:Sidebar Width" content="250" title="Tiny">
  50. <meta name="select:Sidebar Width" content="275" title="Small">
  51. <meta name="select:Sidebar Width" content="300" title="Medium">
  52. <meta name="select:Sidebar Width" content="325" title="Large">
  53.  
  54. <meta name="select:Updates Box" content="updates_never" title="Always Hide">
  55. <meta name="select:Updates Box" content="updates_always" title="Always Show">
  56. <meta name="select:Updates Box" content="updates_not_mobile" title="Hide On Mobile">
  57.  
  58. <meta name="select:Font Size" content="11" title="Small">
  59. <meta name="select:Font Size" content="12" title="Medium">
  60. <meta name="select:Font Size" content="13" title="Large">
  61.  
  62. <meta name="select:Block Background" content="white_block" title="White">
  63. <meta name="select:Block Background" content="black_block" title="Black">
  64. <meta name="select:Block Background" content="black_block_white_lines" title="Black With Light Lines">
  65.  
  66. <meta name="select:Block Opacity" content="3" title="Low">
  67. <meta name="select:Block Opacity" content="5" title="Medium">
  68. <meta name="select:Block Opacity" content="7" title="High">
  69. <meta name="select:Block Opacity" content="1" title="Opaque">
  70.  
  71. <meta name="select:Post Size" content="400" title="400">
  72. <meta name="select:Post Size" content="450" title="450">
  73. <meta name="select:Post Size" content="500" title="500">
  74. <meta name="select:Post Size" content="540" title="540">
  75. <meta name="select:Post Size" content="600" title="600">
  76. <meta name="select:Post Size" content="640" title="640">
  77. <meta name="select:Post Size" content="700" title="700">
  78.  
  79. <meta name="text:Updates Label" content="Updates">
  80. <meta name="text:Updates Text" content="Write your updates here!">
  81.  
  82. <style>
  83.  
  84. a:hover, iframe:hover, button:hover { cursor:pointer!important; } /* for some reason these... clickable things don't always look clickable so heres a fix */
  85.  
  86. html {
  87. font-size:{select:Font Size}px; /* if you're looking for a font size different from the ones offered, you can change {select:Font Size} for a number that fits you best. though, please, avoid anything smaller than 11. */
  88. }
  89.  
  90. body {
  91. margin:0;
  92. font-family:Lucida Console, Consolas, Menlo, monospace;
  93. font-size:inherit;
  94. }
  95.  
  96. body, h1, h2, figure > *, .content_block pre > * { line-height:1.75em; }
  97.  
  98. body, .sticky_block.fullscreen_menu {
  99. background-color:{BackgroundColor};
  100. {block:IfNotBackgroundGradient}
  101. background-image:url('{image:Background}');
  102. background-position:center;
  103. {/block:IfNotBackgroundGradient}
  104. {block:IfBackgroundGradient}
  105. /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  106. background-image:-webkit-linear-gradient(top, {BackgroundColor}, {BackgroundColor} 54px, {color:Gradient});
  107. /* Firefox 3.6 - 15 */
  108. background-image:-moz-linear-gradient(top, {BackgroundColor}, {BackgroundColor} 54px, {color:Gradient});
  109. /* Opera 11.1 - 12 */
  110. background-image:-o-linear-gradient(top, {BackgroundColor}, {BackgroundColor} 54px, {color:Gradient});
  111. /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  112. background-image:linear-gradient(to bottom, {BackgroundColor}, {BackgroundColor} 54px, {color:Gradient});
  113. background-size:100vw 100vh;
  114. {/block:IfBackgroundGradient}
  115. background-attachment:fixed;
  116. }
  117.  
  118. section, article, aside, footer, header, nav, hgroup {
  119. display:block;
  120. } /* some browsers are out there not using HTML5! smh */
  121.  
  122. figure { margin:0; }
  123.  
  124. video { max-width:100%; }
  125.  
  126. h1 { font-size:2em; }
  127. h2 { font-size:1.5em; }
  128. .npf_quote { font-size:1.45em; line-height:1.5em; }
  129. .npf_chat { font-size:larger; }
  130.  
  131. /* links */
  132.  
  133. a {
  134. text-decoration:underline;
  135. color:inherit;
  136. }
  137.  
  138. a img {
  139. border:none;
  140. outline:none;
  141. } /* these extra lines are for Internet Explorer. */
  142.  
  143. /* lists */
  144.  
  145. ol, ul {
  146. margin:1em 1em 1em 0;
  147. padding:0 0 0 2.5em;
  148. text-align:left;
  149. }
  150.  
  151. ol li, ul li { padding-left:0.5em; }
  152.  
  153. ul { list-style-type:square; }
  154.  
  155. /* these are sometimes used in text-based blogs as text division. */
  156.  
  157. hr {
  158. margin:1.5em 30%!important;
  159. border:none;
  160. border-top:1px solid currentColor;
  161. opacity:0.3;
  162. }
  163.  
  164. /* SCREEN READER SENTENCES */
  165.  
  166. .screen_reader_sentences {
  167. position:absolute;
  168. margin:0 0 0 -9999px;
  169. } /* some things are easily understood for those with good sight, while it is actually quite confusing for those using screen readers. the sentences indicated in the code with this class are invisible on the screen, but will be rendered when using screen readers to make understanding easier. */
  170.  
  171. /* HEADER AND FOOTER STYLING */
  172.  
  173. .header_footer_margin_fixer { margin-bottom:-1em; }
  174.  
  175. .header_footer_styler .accent_color {
  176. position:relative;
  177. margin-right:1em;
  178. line-height:1.5em;
  179. min-height:1em;
  180. box-sizing:content-box;
  181. display:inline-block;
  182. vertical-align:middle;
  183. }
  184.  
  185. .header_footer_styler .header_footer_margin_fixer .accent_color { margin-bottom:1em; }
  186.  
  187. .header_footer_styler .accent_color:first-child { margin-left:0; }
  188.  
  189. .header_footer_styler .accent_color:empty { display:none; }
  190.  
  191. .header_footer_styler .accent_color .header_footer_icon {
  192. position:absolute;
  193. top:50%;
  194. margin-top:-0.5em;
  195. font-size:18px;
  196. }
  197.  
  198. #blog_header.header_footer_styler .accent_color, .header_footer_styler .left_page.accent_color { padding-left:36px; }
  199. .header_footer_styler .right_page.accent_color { padding-right:36px; }
  200.  
  201. #blog_header.header_footer_styler .accent_color .header_footer_icon, .header_footer_styler .left_page.accent_color .header_footer_icon { left:0.5em; }
  202. .header_footer_styler .right_page.accent_color .header_footer_icon { right:0.5em; }
  203.  
  204. .header_footer_styler .accent_color .header_footer_icon i.material-icons {
  205. display:inline-block;
  206. vertical-align:middle;
  207. font-size:inherit;
  208. }
  209.  
  210. .header_footer_styler .accent_color .header_footer_text {
  211. margin:-0.25em 0;
  212. display:block;
  213. }
  214.  
  215. /* MAIN CONTAINER */
  216.  
  217. #main_container {
  218. margin:54px auto 0;
  219. width:calc({select:Post Size}px + (1em * 2) + ({select:Margin}px + 27px) + {select:Sidebar Width}px + (1em * 2));
  220. }
  221.  
  222. #blog_header, #header_image { margin-bottom:{select:Margin}px; }
  223.  
  224. /* TOP NAVIGATION */
  225.  
  226. #blog_header {
  227. position:relative;
  228. top:0;
  229. left:0;
  230. box-sizing:border-box;
  231. {block:HomePage}display:none;{/block:HomePage}
  232. }
  233.  
  234. /* HEADER IMAGE */
  235.  
  236. #header_image {
  237. text-align:center;
  238. line-height:0;
  239. }
  240.  
  241. #header_image img {
  242. max-width:100%;
  243. }
  244.  
  245. /* MOBILE PORTRAIT */
  246.  
  247. #blog_portrait, #portrait_bubble { display:none; }
  248.  
  249. #blog_portrait img {
  250. max-width:100%;
  251. height:auto;
  252. display:block;
  253. }
  254.  
  255. /* POSTS AND SIDE WRAPPER */
  256.  
  257. section, .post_block, .sidebar_block {
  258. display:inline-block;
  259. vertical-align:top;
  260. }
  261.  
  262. {block:IndexPage}#posts_and_sidebar > section, {/block:IndexPage}{block:PermalinkPage}.post_block, .notes_block, {/block:PermalinkPage}.sticky_block { padding-bottom:54px; }
  263. {block:PermalinkPage}{block:PostNotes}.post_block { padding-bottom:0; }{/block:PostNotes}{/block:PermalinkPage}
  264.  
  265. @media (max-width: 1060px) {
  266. #posts_and_sidebar > section, .post_block, .notes_block, .sticky_block { padding-bottom:0; }
  267. #index_pagination { margin-top:54px; }
  268. }
  269.  
  270. /* SIDE(includes both common sidebar and permalink one) */
  271.  
  272. #posts_and_sidebar{block:IfNotLeftSidebar}, article{/block:IfNotLeftSidebar} {
  273. position:relative;
  274. }
  275.  
  276. body.post_size_{select:Post Size} .sidebar_block {
  277. {block:IfNotLeftSidebar}margin-left:calc({select:Margin}px + 27px);{/block:IfNotLeftSidebar}
  278. {block:IfLeftSidebar}margin-right:calc({select:Margin}px + 27px);{/block:IfLeftSidebar}
  279. width:calc({select:Sidebar Width}px + (1em * 2));
  280. }
  281.  
  282. section { {block:IfLeftSidebar}margin-left:calc({select:Margin}px + 27px + {select:Sidebar Width}px + (1em * 2));{/block:IfLeftSidebar} }
  283.  
  284. #blog_sidebar, .permalink_block {
  285. position:absolute;
  286. top:0;
  287. {block:IfNotLeftSidebar}right:0;{/block:IfNotLeftSidebar}
  288. {block:IfLeftSidebar}left:0;{/block:IfLeftSidebar}
  289. }
  290.  
  291. #blog_sidebar, #blog_sidebar_blocks, .permalink_block { height:100%; }
  292.  
  293. #blog_sidebar { right:0; }
  294. .permalink_block { {block:IfNotLeftSidebar}left:100%;{/block:IfNotLeftSidebar} }
  295.  
  296. @media (max-width: 1060px) {
  297. {block:IfLeftSidebar}section { margin-left:0; }{/block:IfLeftSidebar}
  298. body.post_size_{select:Post Size} .sidebar_block, #blog_sidebar {
  299. {block:IfNotLeftSidebar}margin-left:auto;{/block:IfNotLeftSidebar}
  300. {block:IfLeftSidebar}margin-right:auto;{/block:IfLeftSidebar}
  301. }
  302. }
  303.  
  304. .sticky_block {
  305. position:-webkit-sticky;
  306. position:sticky;
  307. top:54px;
  308. }
  309.  
  310. /* SIDEBAR */
  311.  
  312. /* main block */
  313.  
  314. #blog_title { {block:ShowDescription}display:none;{/block:ShowDescription} }
  315.  
  316. #sidebar_image {
  317. line-height:0;
  318. text-align:center;
  319. margin:0 -0.5em;
  320. }
  321.  
  322. #sidebar_image img {
  323. max-width:100%;
  324. vertical-align:middle;
  325. margin-top:1em;
  326. }
  327.  
  328. #sidebar_image img[src="https://assets.tumblr.com/images/x.gif?v=1"] { display:none; }
  329.  
  330. #blog_description { padding:1em; }
  331.  
  332. #blog_description > *:first-child { margin-top:0; }
  333. #blog_description > *:last-child { margin-bottom:0; }
  334.  
  335. /* updates */
  336.  
  337. #blog_updates.updates_always, #blog_updates.updates_not_mobile { display:block; }
  338. #blog_updates.updates_never { display:none; }
  339.  
  340. #blog_updates ul#blog_updates_list {
  341. list-style-type:none;
  342. margin:0;
  343. padding:0;
  344. }
  345.  
  346. #blog_updates ul#blog_updates_list li { padding:1em; }
  347.  
  348. /* navigation */
  349.  
  350. #menu_button { display:none; }
  351.  
  352. #blog_navigation ul#blog_navigation_list {
  353. position:relative;
  354. list-style-type:none;
  355. margin:0;
  356. padding:0;
  357. }
  358.  
  359. #blog_navigation ul#blog_navigation_list li {
  360. display:inline-block;
  361. vertical-align:top;
  362. width:50%;
  363. padding:1em;
  364. box-sizing:border-box;
  365. }
  366.  
  367. #blog_navigation ul#blog_navigation_list .vertical_stripe {
  368. position:absolute;
  369. top:0;
  370. right:50%;
  371. height:100%;
  372. }
  373.  
  374. #blog_navigation ul#blog_navigation_list { overflow:hidden; }
  375. #blog_navigation ul#blog_navigation_list .vertical_stripe:nth-child(even) { margin-top:-3.5em; margin-top:calc(-3.5em - 1px); }
  376.  
  377. #blog_navigation ul#blog_navigation_list li:nth-child(odd) {
  378. width:calc(50% - 1px);
  379. margin-right:1px;
  380. }
  381.  
  382. #blog_navigation ul#blog_navigation_list li:nth-child(odd):nth-last-child(2) {
  383. width:100%;
  384. margin-right:0;
  385. }
  386.  
  387. #blog_navigation ul#blog_navigation_list li a {
  388. display:block;
  389. line-height:1.5em;
  390. }
  391.  
  392. /* search */
  393.  
  394. #searchthis { position:relative; }
  395.  
  396. #searchthis, #searchbox {
  397. display:block;
  398. width:100%;
  399. box-sizing:border-box;
  400. }
  401.  
  402. #searchbox, #searchbutton {
  403. font-family:inherit;
  404. font-size:inherit;
  405. color:inherit;
  406. background-color:transparent;
  407. border-width:0;
  408. }
  409.  
  410. #searchbox {
  411. padding:1em;
  412. padding-right:3.5em;
  413. }
  414.  
  415. #searchbutton {
  416. position:absolute;
  417. right:0;
  418. top:0;
  419. height:100%;
  420. padding:0 0.75em;
  421. }
  422.  
  423. #searchbutton i.material-icons {
  424. font-size:2em;
  425. vertical-align:middle;
  426. }
  427.  
  428. #searchbox:-webkit-autofill + #searchbutton, #searchbox:-webkit-autofill:hover + #searchbutton, #searchbox:-webkit-autofill:focus + #searchbutton, #searchbox:-webkit-autofill:active + #searchbutton { color:black; }
  429.  
  430. /* CONTENT */
  431.  
  432. article > * { width:calc({select:Post Size}px + (1em * 2)); }
  433.  
  434. article, .article_block, .article_block + .sticky_block, #menu_button + .sticky_block { margin-top:{select:Margin}px; }
  435. article:first-child, .article_block:first-child { margin-top:0; }
  436.  
  437. /* SUBMISSION */
  438.  
  439. .anonymous_submitter { display:none; }
  440. .non_anonymous_submitter[href=""] { display:none; }
  441. .non_anonymous_submitter[href=""] + .anonymous_submitter { display:initial; }
  442.  
  443. /* POST CONTENT */
  444.  
  445. /* post header */
  446.  
  447. .answer_post .post_header { display:none; }
  448.  
  449. .post_header_portrait, .post_header_text {
  450. display:inline-block;
  451. vertical-align:middle;
  452. }
  453.  
  454. .post_header .post_header_portrait {
  455. width:30px;
  456. height:30px;
  457. background-size:100% 100%;
  458. }
  459.  
  460. .accent_color .post_header_text {
  461. width:70%;
  462. width:calc(100% - 30px - 1em);
  463. margin-left:1em;
  464. }
  465.  
  466. /* original npf post */
  467.  
  468. .npf_post > h1:first-child, .npf_post > p:empty:first-child + h1 {
  469. margin:0 -1.5rem;
  470. margin-top:-1.5rem;
  471. }
  472.  
  473. .npf_post > h1:first-child:last-child, .npf_post > p:empty:first-child + h1:last-child {
  474. margin-bottom:-1.5rem!important;
  475. margin-bottom:calc(-1.5rem - 1px)!important;
  476. }
  477.  
  478. /* caption and ask block */
  479.  
  480. .caption_portrait {
  481. width:24px;
  482. height:24px;
  483. margin:0 0.75em 0 0;
  484. vertical-align:middle;
  485. }
  486.  
  487. .content_block { text-align:justify; }
  488.  
  489. .content_block > * { margin:1em 0 1em 0; }
  490.  
  491. .content_block p, .content_block blockquote { margin:1em 0; }
  492. .content_block figure.tmblr-full { margin:1.5em 0; }
  493.  
  494. .content_block blockquote *:first-child, .content_block *:first-child { margin-top:0!important; }
  495. .content_block blockquote *:last-child, .content_block *:last-child { margin-bottom:0!important; }
  496.  
  497. .content_block p:empty { display:none; }
  498. .content_block p:empty + * { margin-top:0; }
  499.  
  500. .content_block pre {
  501. overflow:auto;
  502. line-height:1em;
  503. }
  504.  
  505. /* remove blog username over copy-pasted roleplay replies */
  506.  
  507. .roleplay_post .caption_block:first-child:last-child > .caption_header { display:none; }
  508. .roleplay_post .caption_block:first-child:last-child > .caption_header + * { margin-top:0; }
  509.  
  510. /* read more */
  511.  
  512. .read_more_container {
  513. text-align:center;
  514. }
  515.  
  516. a.read_more {
  517. display:inline-block;
  518. padding:0.5em 0.9em;
  519. line-height:1em;
  520. }
  521.  
  522. /* caption block and ask block images */
  523.  
  524. .content_block img {
  525. max-width:100%;
  526. height:auto;
  527. }
  528.  
  529. figure { line-height:0; }
  530.  
  531. figure.tmblr-full[data-tumblr-attribution] img {
  532. display:block;
  533. width:100%;
  534. }
  535.  
  536. .tmblr-full .tmblr-attribution {
  537. margin:0;
  538. text-align:left;
  539. line-height:1.5em;
  540. padding:0.75em;
  541. position:relative;
  542. } /* this it that "originally posted by x" thing under caption pics. */
  543.  
  544. .tmblr-full .tmblr-attribution a {
  545. display:block;
  546. color:inherit;
  547. padding-right:32px;
  548. }
  549.  
  550. .tmblr-attribution::after {
  551. content:"\e409";
  552. font-family:'Material Icons';
  553. font-size:16px;
  554. line-height:1;
  555. font-weight:normal;
  556. font-style:normal;
  557. letter-spacing:normal;
  558. text-transform:none;
  559. position:absolute;
  560. right:0.75em;
  561. top:50%;
  562. margin-top:-8px;
  563. display:inline-block;
  564. vertical-align:middle;
  565. }
  566.  
  567. /* post main media */
  568.  
  569. .media:empty { display:none; }
  570.  
  571. /* text posts */
  572.  
  573. .media > h1, .npf_post > h1:first-child, .npf_post > p:empty:first-child + h1 {
  574. font-size:1.4em;
  575. font-weight:normal;
  576. }
  577.  
  578. /* photo posts */
  579.  
  580. figure.photo { text-align:center; }
  581. figure.photo a { line-height:inherit; }
  582.  
  583. figure.photo img { max-width:100%; }
  584.  
  585. /* ==========================================================================
  586. PXU Photoset Extended Styles
  587. ======================================================================= */
  588.  
  589. .clearit:before, .clearit:after { content: ""; display: table; }
  590. .clearit:after { clear:both; }
  591. .clearit { *zoom:1; }
  592.  
  593. .photo-slideshow { visibility:hidden; height:auto; }
  594.  
  595. .photo-slideshow.processed { visibility:visible; }
  596.  
  597. .photo-slideshow .row {
  598. clear:both;
  599. width:100%;
  600. }
  601.  
  602. .photo-slideshow .pxu-photo {
  603. display:block;
  604. float:left;
  605. margin-bottom:0;
  606. width:100%;
  607. overflow:hidden;
  608. }
  609.  
  610. .photo-slideshow .pxu-photo img { display:block; }
  611.  
  612. .photo-slideshow.processed .pxu-photo img {
  613. width:100%;
  614. height:auto!important;
  615. }
  616.  
  617. .photo-slideshow .pxu-photo:first-child img { margin-left:0; }
  618.  
  619. .photo-slideshow .count-1 { width:100%; }
  620. .photo-slideshow .count-2 { width:50%; }
  621. .photo-slideshow .count-3 { width:33.33%; }
  622. .photo-slideshow .count-4 { width:25%; }
  623. .photo-slideshow .count-5 { width:20%; }
  624. .photo-slideshow .info { display:none; }
  625.  
  626. .photo-data {
  627. position:relative;
  628. float:left;
  629. }
  630.  
  631. /* quote posts */
  632.  
  633. .content_block.quote_block {
  634. position:relative;
  635. padding-left:2.5em;
  636. }
  637.  
  638. .quotation_mark {
  639. position:absolute;
  640. top:1rem;
  641. left:1rem;
  642. font-size:6em;
  643. font-family:Arial, Helvetica, sans-serif;
  644. line-height:1em;
  645. opacity:0.35;
  646. }
  647.  
  648. h2.post_quote {
  649. font-weight:normal;
  650. line-height:1.5em;
  651. margin:0;
  652. }
  653.  
  654. .post_quote.short_quote { font-size:1.75em; }
  655. .post_quote.medium_quote { font-size:1.5em; }
  656. .post_quote.long_quote { font-size:1.25em; }
  657.  
  658. /* link posts */
  659.  
  660. .media .npf-link-block { margin:0; }
  661.  
  662. .npf-link-block {
  663. -ms-flex-align:center;
  664. align-items:center;
  665. display:-ms-flexbox;
  666. display:flex;
  667. -ms-flex-pack:center;
  668. justify-content:center;
  669. overflow:hidden;
  670. font-size:inherit;
  671. border:0;
  672. background-color:rgba(255, 255, 255, 0.12);
  673. }
  674.  
  675. .npf-link-block a { color:inherit; }
  676.  
  677. .npf-link-block .title {
  678. font-size:1.5em;
  679. line-height:1.5em;
  680. }
  681.  
  682. .npf-link-block .title, .npf-link-block.no-poster .title { margin:-0.25em 0; }
  683. .npf-link-block .poster .title { margin:0; }
  684.  
  685. .npf-link-block .poster .title {
  686. text-align:center;
  687. line-height:1.75em;
  688. font-weight:normal;
  689. color:white;
  690. position:absolute;
  691. }
  692.  
  693. .npf-link-block .poster {
  694. -ms-flex-align:center;
  695. align-items:center;
  696. background-position:50%;
  697. background-repeat:no-repeat;
  698. background-size:cover;
  699. display:-ms-flexbox;
  700. display:flex;
  701. height:250px;
  702. -ms-flex-pack:center;
  703. justify-content:center;
  704. position:relative;
  705. }
  706.  
  707. .npf-link-block .poster:before {
  708. background:black;
  709. content:"";
  710. display:block;
  711. height:100%;
  712. opacity:.33;
  713. position:absolute;
  714. width:100%;
  715. }
  716.  
  717. .npf-link-block .title, .npf-link-block.no-poster .title { padding:0.8em; }
  718. .npf-link-block .bottom { padding:1.2em; }
  719. .npf-link-block .poster .title { padding:1.2em; }
  720.  
  721. .npf-link-block .title, .npf-link-block.no-poster .title, .npf-link-block .poster .title { padding-bottom:0; }
  722. .npf-link-block .poster .title { padding-top:0; }
  723.  
  724. .npf-link-block .bottom .description {
  725. font-size:inherit;
  726. line-height:1.5em;
  727. max-height:3em;
  728. overflow:hidden;
  729. }
  730.  
  731. .npf-link-block .bottom .site-name {
  732. margin-top:0.75em;
  733. font-size:inherit;
  734. line-height:1em;
  735. font-weight:normal;
  736. color:inherit;
  737. text-transform:uppercase;
  738. opacity:0.7;
  739. }
  740.  
  741. /* chat posts */
  742.  
  743. .post_chat {
  744. list-style-type:none;
  745. margin:0;
  746. padding:0;
  747. }
  748.  
  749. .post_chat li {
  750. margin:0;
  751. padding:0.25em 0.5em;
  752. }
  753.  
  754. .chat_label { font-weight:bold; }
  755.  
  756. /* iframes */
  757.  
  758. .resizable_iframe > * { margin:0!important; }
  759.  
  760. .resizable_iframe iframe { display:block; }
  761.  
  762. .resizable_iframe .instagram-media {
  763. border:0!important;
  764. width:100%!important;
  765. }
  766.  
  767. /* audio */
  768.  
  769. .tumblr_audio_player { width:100%!important; }
  770.  
  771. /* video posts */
  772.  
  773. .tumblr_video_container {
  774. width:auto!important;
  775. height:auto!important;
  776. }
  777.  
  778. /* ask posts */
  779.  
  780. .ask_block .ask_header {
  781. display:table;
  782. box-sizing:border-box;
  783. width:100%;
  784. padding:0 1em;
  785. }
  786.  
  787. .ask_block .ask_header .ask_portrait, .ask_block .ask_header .ask_label {
  788. display:table-cell;
  789. vertical-align:middle;
  790. height:40px;
  791. }
  792.  
  793. .ask_block .ask_header .ask_portrait {
  794. position:relative;
  795. text-align:center;
  796. width:40px;
  797. }
  798.  
  799. .ask_block .ask_header .ask_portrait img {
  800. width:100%;
  801. height:auto;
  802. }
  803.  
  804. .ask_block .ask_header { margin-bottom:16px; }
  805.  
  806. .ask_block .ask_header .ask_portrait > * { display:block; }
  807.  
  808. .ask_block .ask_header .ask_portrait .ask_bubble {
  809. position:absolute;
  810. top:100%;
  811. left:0;
  812. width:100%;
  813. line-height:0;
  814. }
  815.  
  816. .ask_block .ask_header .ask_portrait .ask_bubble::after {
  817. content:"";
  818. display:inline-block;
  819. border-style:solid;
  820. border-color:transparent;
  821. border-width:8px;
  822. }
  823.  
  824. .ask_block.asker .ask_header .ask_label { padding-left:1em; }
  825. .ask_block.answerer .ask_header .ask_label { padding-right:1em; }
  826.  
  827. .ask_block.asker .ask_header { text-align:left; }
  828. .ask_block.answerer .ask_header { text-align:right; }
  829.  
  830. /* submit and ask pages */
  831.  
  832. #ask_form, #submit_form {
  833. display:block;
  834. }
  835.  
  836. /* POST FOOTER */
  837.  
  838. .post_footer { padding:1.25em 1.75em; }
  839.  
  840. /* tags */
  841.  
  842. .post_tags {
  843. {block:IndexPage}{block:IfNotShowTags}display:none;{/block:IfNotShowTags}
  844. margin-bottom:0.5em;
  845. opacity:0.7;{/block:IndexPage}
  846. }
  847.  
  848. {block:PermalinkPage}.post_tags a::after { content:","; }
  849. .post_tags a:last-child::after { content:none; }{/block:PermalinkPage}
  850.  
  851. /* interaction */
  852.  
  853. .post_interaction a { color:inherit; }
  854.  
  855. .post_notes, .post_buttons {
  856. display:inline-block;
  857. vertical-align:middle;
  858. }
  859.  
  860. .post_notes {
  861. box-sizing:border-box;
  862. width:calc(100% - 60px);
  863. }
  864.  
  865. .post_notes a { font-size:larger; }
  866.  
  867. .post_buttons { font-size:24px; }
  868.  
  869. .post_buttons .post_button {
  870. display:inline-block;
  871. margin-left:0.5em;
  872. color:inherit;
  873. }
  874.  
  875. .post_buttons .post_button:first-child { margin-left:0; }
  876.  
  877. .post_buttons .post_button i.material-icons {
  878. vertical-align:middle;
  879. }
  880.  
  881. /* reblog button */
  882.  
  883. .reblog_button .non_hover_reblog { display:inline-block; }
  884. .reblog_button .hover_reblog { display:none; }
  885.  
  886. .reblog_button:hover, .reblog_button:focus { color:#21cd40; }
  887. .reblog_button:hover .non_hover_reblog, .reblog_button:focus .non_hover_reblog { display:none; }
  888. .reblog_button:hover .hover_reblog, .reblog_button:focus .hover_reblog { display:inline-block; }
  889.  
  890. /* like button */
  891.  
  892. .like_button iframe, .our_button { display:inline-block; }
  893.  
  894. .new_like_button {
  895. position:relative;
  896. cursor:pointer;
  897. }
  898.  
  899. .like_button {
  900. position:absolute;
  901. top:0;
  902. left:0;
  903. width:100%;
  904. height:100%;
  905. opacity:0;
  906. z-index:2;
  907. }
  908.  
  909. .like_button iframe {
  910. width:100%!important;
  911. height:100%!important;
  912. }
  913.  
  914. .our_button { z-index:1; }
  915.  
  916. .like_button:hover + .our_button, .liked_button { color:#d95e40; }
  917.  
  918. .like_button:hover + .our_button > .to_like_button, .like_button:focus + .our_button > .to_like_button { display:none; }
  919. .like_button:hover + .our_button > .liked_button, .like_button:focus + .our_button > .liked_button { display:inline-block; }
  920.  
  921. .liked_button { display:none; }
  922. .like_button.liked + .our_button > .to_like_button { display:none; }
  923. .like_button.liked + .our_button > .liked_button { display:inline-block; }
  924.  
  925. .like_button.liked:hover + .our_button > .to_like_button, .like_button.liked:focus + .our_button > .to_like_button { display:inline-block; }
  926. .like_button.liked:hover + .our_button > .liked_button, .like_button.liked:focus + .our_button > .liked_button { display:none; }
  927.  
  928. /* PERMALINK */
  929.  
  930. /* header and sidebar */
  931.  
  932. #blog_sidebar.page_is_post_permalink { display:none; }
  933.  
  934. /* general block decoration */
  935.  
  936. .block_header { }
  937.  
  938. .block_header h2.block_header_text {
  939. font-size:inherit;
  940. font-weight:normal;
  941. }
  942.  
  943. .content_wrapper { padding:5px; }
  944.  
  945. /* post information */
  946.  
  947. .post_data_cell {
  948. display:block;
  949. width:100%;
  950. padding:1em;
  951. box-sizing:border-box;
  952. }
  953.  
  954. .post_data_row {
  955. display:table;
  956. border-collapse:collapse;
  957. table-layout:fixed;
  958. width:100%;
  959. box-sizing:border-box;
  960. }
  961.  
  962. .post_data_row .post_data_cell {
  963. display:table-cell;
  964. vertical-align:middle;
  965. width:50%;
  966. }
  967.  
  968. .post_data_visual_media, .post_data_label {
  969. display:inline-block;
  970. vertical-align:middle;
  971. }
  972.  
  973. img.post_data_visual_media { max-width:30%; }
  974.  
  975. .post_data_label {
  976. width:70%;
  977. padding-left:1em;
  978. box-sizing:border-box;
  979. word-break:break-word;
  980. }
  981.  
  982. .post_data_link {
  983. display:block;
  984. margin-top:0.5em;
  985. text-align:center;
  986. word-break:break-word;
  987. opacity:0.7;
  988. }
  989.  
  990. .data_page:first-child { text-align:left; }
  991. .data_page:last-child { text-align:right; }
  992.  
  993. .post_data_visual_media { font-size:24px; }
  994.  
  995. .data_page .post_data_visual_media {
  996. margin:-0.5rem;
  997. margin-top:0;
  998. margin-bottom:0;
  999. }
  1000.  
  1001. .data_page:first-child .post_data_visual_media { margin-right:0.75rem; }
  1002. .data_page:last-child .post_data_visual_media { margin-left:0.75rem; }
  1003.  
  1004. .data_page .post_data_label {
  1005. padding:0;
  1006. width:calc(100% - 24px - 0.75em + 0.5em);
  1007. }
  1008.  
  1009. .post_data_visual_media i.material-icons { vertical-align:middle; }
  1010.  
  1011. .post_data.current_post_date_page { text-align:center; }
  1012. .post_data.current_post_date_page i {
  1013. font-style:normal;
  1014. opacity:0.7;
  1015. }
  1016.  
  1017. .post_data.data_page > * { opacity:0.5; }
  1018. .post_data.data_page.pagination_has_link > * { opacity:1; }
  1019.  
  1020. /* post notes */
  1021.  
  1022. ol.notes {
  1023. list-style:none;
  1024. margin:0;
  1025. padding:0;
  1026. }
  1027.  
  1028. ol.notes li.note {
  1029. padding:0.75em 1em;
  1030. }
  1031.  
  1032. ol.notes li.note > * a { color:currentColor!important; }
  1033.  
  1034. ol.notes li.note span.action ~ * a { opacity:0.7; }
  1035.  
  1036. ol.notes li.note a.avatar_frame, ol.notes li.note span.action {
  1037. display:table-cell;
  1038. vertical-align:middle;
  1039. }
  1040.  
  1041. ol.notes li.note a.avatar_frame img {
  1042. display:block;
  1043. width:2em;
  1044. margin-right:1em;
  1045. }
  1046.  
  1047. ol.notes li.note span.action {
  1048. width:100%;
  1049. }
  1050.  
  1051. ol.notes blockquote, ol.notes li.note > *:last-child {
  1052. margin:0.75em 0.5em;
  1053. margin-bottom:0;
  1054. font-size:inherit;
  1055. line-height:inherit;
  1056. }
  1057.  
  1058. ol.notes li.note.more_notes_link_container > *:last-child { margin:0; }
  1059.  
  1060. ol.notes li.note > *:empty { margin:0; }
  1061.  
  1062. /* PAGINATION */
  1063.  
  1064. #index_pagination {
  1065. margin-top:{select:Margin}px;
  1066. {block:IfLeftSidebar}text-align:right;{/block:IfLeftSidebar}
  1067. }
  1068.  
  1069. #index_pagination.header_footer_styler .accent_color { {block:IfLeftSidebar}margin-left:1em; margin-right:0;{/block:IfLeftSidebar} }
  1070.  
  1071. @media (max-width: 1060px) {
  1072. {block:IfNotLeftSidebar}#index_pagination .accent_color:last-child { margin-right:0; }{/block:IfNotLeftSidebar}
  1073. {block:IfLeftSidebar}#index_pagination .accent_color:first-child { margin-left:0; }{/block:IfLeftSidebar}
  1074. }
  1075.  
  1076. /* CORNER CREDIT */
  1077.  
  1078. #corner_links {
  1079. position:fixed;
  1080. bottom:1.25em;
  1081. right:1.25em;
  1082. width:4em;
  1083. text-align:right;
  1084. z-index:3;
  1085. }
  1086.  
  1087. #corner_links .accent_color {
  1088. display:inline-block;
  1089. padding:0.75em;
  1090. line-height:1em;
  1091. margin-bottom:1em;
  1092. }
  1093.  
  1094. #corner_links .accent_color:last-child { margin-bottom:0; }
  1095.  
  1096. #back_to_top_button button {
  1097. padding:0;
  1098. font-size:inherit;
  1099. line-height:inherit;
  1100. font-family:inherit;
  1101. color:inherit;
  1102. background-color:transparent;
  1103. border:0;
  1104. }
  1105.  
  1106. #corner_links .accent_color i.material-icons {
  1107. font-size:18px;
  1108. vertical-align:middle;
  1109. }
  1110.  
  1111. /* UNIVERSAL STYLING */
  1112.  
  1113. /* rounded borders */
  1114.  
  1115. #blog_portrait img, .ask_portrait img, .post_header_portrait, .post_data_visual_media { border-radius:100%; }
  1116.  
  1117. #blog_header .accent_color, #header_image img, #sidebar_image img, .media .content_block, .resizable_iframe, figure.photo img, .photo-slideshow, figure.tmblr-full[data-tumblr-attribution], .content_block blockquote, .content_block pre, a.read_more, .content_wrapper > *, #index_pagination .accent_color, #corner_links .accent_color { border-radius:5px; }
  1118.  
  1119. .article_block > *:first-child, .article_block.answer_post > .media.accent_color, .article_block > .media:first-child:empty + .caption_block, figure.tmblr-full[data-tumblr-attribution] > *:first-child {
  1120. border-top-left-radius:5px;
  1121. border-top-right-radius:5px;
  1122. }
  1123.  
  1124. .article_block > *:last-child, figure.tmblr-full[data-tumblr-attribution] > *:last-child, .article_block .caption_block:last-child, .content_wrapper {
  1125. border-bottom-left-radius:5px;
  1126. border-bottom-right-radius:5px;
  1127. }
  1128.  
  1129. .caption_portrait, ol.notes .avatar { border-radius:3px; }
  1130.  
  1131. .ask_block .resizable_iframe, .content_block blockquote blockquote { border-radius:0; }
  1132.  
  1133. .resizable_iframe { overflow:hidden; }
  1134.  
  1135. /* colors */
  1136.  
  1137. .background_block { color:{block:IfDarkPostFont}black{/block:IfDarkPostFont}{block:IfNotDarkPostFont}white{/block:IfNotDarkPostFont}; }
  1138. body.white_block.block_opacity_1 .background_block { color:#606060; }
  1139. body.black_block.block_opacity_1 .background_block, body.black_block_white_lines.block_opacity_1 .background_block { color:#acacac; }
  1140.  
  1141. body.white_block .background_block { background-color:rgba(255, 255, 255, 0.{select:Block Opacity}); }
  1142. body.black_block .background_block, body.black_block_white_lines .background_block { background-color:rgba(0, 0, 0, 0.{select:Block Opacity}); }
  1143. body.white_block.block_opacity_1 .background_block { background-color:white; }
  1144. body.black_block.block_opacity_1 .background_block, body.black_block_white_lines.block_opacity_1 .background_block { background-color:#202020; }
  1145.  
  1146. body.white_block ul.sidebar_list > *, body.white_block .content_block, body.white_block .content_block blockquote, body.white_block .content_block pre, body.white_block a.read_more, body.white_block .content_wrapper > *, body.white_block .post_data, body.white_block ol.notes li.note { border-color:rgba(255, 255, 255, 0.{select:Block Opacity}); }
  1147.  
  1148. body.black_block_white_lines ul.sidebar_list > *, body.black_block_white_lines .content_block, body.black_block_white_lines .content_block blockquote, body.black_block_white_lines .content_block pre, body.black_block_white_lines a.read_more, body.black_block_white_lines .content_wrapper > *, body.black_block_white_lines .post_data, body.black_block_white_lines ol.notes li.note { border-color:rgba(255, 255, 255, 0.15); }
  1149.  
  1150. body.black_block ul.sidebar_list > *, body.black_block .content_block, body.black_block .content_block blockquote, body.black_block .content_block pre, body.black_block a.read_more, body.black_block .content_wrapper > *, body.black_block .post_data, body.black_block ol.notes li.note { border-color:rgba(0, 0, 0, 0.{select:Block Opacity}); }
  1151.  
  1152. body.white_block.block_opacity_1 ul.sidebar_list > *, body.white_block.block_opacity_1 .content_block, body.white_block.block_opacity_1 .content_block blockquote, body.white_block.block_opacity_1 .content_block pre body.white_block.block_opacity_1 a.read_more, body.white_block.block_opacity_1 .content_wrapper > *, body.white_block.block_opacity_1 .post_data, body.white_block.block_opacity_1 ol.notes li.note { border-color:#cdcdcd; }
  1153.  
  1154. body.black_block_white_lines.block_opacity_1 ul.sidebar_list > *, body.black_block_white_lines.block_opacity_1 .content_block, body.black_block_white_lines.block_opacity_1 .content_block blockquote, body.black_block_white_lines.block_opacity_1 .content_block pre, body.black_block_white_lines.block_opacity_1 a.read_more, body.black_block_white_lines.block_opacity_1 .content_wrapper > *, body.black_block_white_lines.block_opacity_1 .post_data, body.black_block_white_lines.block_opacity_1 ol.notes li.note { border-color:#404040; }
  1155.  
  1156. body.black_block.block_opacity_1 ul.sidebar_list > *, body.black_block.block_opacity_1 .content_block, body.black_block.block_opacity_1 .content_block blockquote, body.black_block.block_opacity_1 .content_block pre, body.black_block.block_opacity_1 a.read_more, body.black_block.block_opacity_1 .content_wrapper > *, body.black_block.block_opacity_1 .post_data, body.black_block.block_opacity_1 ol.notes li.note { border-color:#101010; }
  1157.  
  1158. body.{select:Block Background}.block_opacity_{select:Block Opacity} .media.accent_color .background_block, body.{select:Block Background}.block_opacity_{select:Block Opacity} .npf-link-block {
  1159. background-color:#ececec;
  1160. color:#606060;
  1161. }
  1162.  
  1163. body.{select:Block Background}.block_opacity_{select:Block Opacity} .media.accent_color .ask_header .ask_portrait .ask_bubble::after { border-bottom-color:#ececec; }
  1164.  
  1165. body.{select:Block Background}.block_opacity_{select:Block Opacity} .media.accent_color .background_block .tmblr-attribution {
  1166. background-color:#cacaca;
  1167. color:inherit;
  1168. }
  1169.  
  1170. body.{select:Block Background}.block_opacity_{select:Block Opacity} .media.accent_color .background_block blockquote, body.{select:Block Background}.block_opacity_{select:Block Opacity} .media.accent_color .background_block pre { border-color:#cacaca; }
  1171.  
  1172. /* non-underlined links */
  1173.  
  1174. #blog_header a, ul#blog_navigation_list a, .post_header a, .media > h1 a, .ask_header a, .npf-link-block a, .caption_header a, .tmblr-attribution a, a.read_more, .post_footer a, .permalink_block a, ol.notes a, .pagination a, #corner_links .accent_color a { text-decoration:none; }
  1175. #blog_header a:hover, #blog_header a:focus, ul#blog_navigation_list a:hover, ul#blog_navigation_list a:focus, .post_header a:hover, .post_header a:focus, .media > h1 a:hover, .media > h1 a:focus, .npf-link-block a:hover .title, .npf-link-block a:focus .title, .ask_header a:hover, .ask_header a:focus, .caption_header a:hover, .caption_header a:focus, .tmblr-attribution a:hover, .tmblr-attribution a:focus, a.read_more:hover, a.read_more:focus, .post_footer a:hover, .post_footer a:focus, .permalink_block a:hover, .permalink_block a:focus, ol.notes a:hover, ol.notes a:focus, .pagination a:hover, .pagination a:focus, .pagination a:hover .pagination_text, .pagination a:focus .pagination_text, #corner_links .accent_color a:hover, #corner_links .accent_color a:focus {
  1176. text-decoration:underline;
  1177. outline:none;
  1178. }
  1179.  
  1180. /* paddings and margins */
  1181.  
  1182. .content_block { padding:1.5em; }
  1183.  
  1184. .content_block blockquote, .content_block pre { padding:1em; }
  1185.  
  1186. .content_block blockquote blockquote {
  1187. margin-left:0.5em;
  1188. padding-right:0;
  1189. }
  1190.  
  1191. .content_block blockquote blockquote { padding-left:1.5em; }
  1192.  
  1193. {block:IndexPage}.caption_block:nth-last-child(2) { padding-bottom:0; }
  1194. .caption_block.read_more_block:nth-last-child(2) { padding-bottom:1.5em; }{/block:IndexPage}
  1195.  
  1196. .ask_block .content_block figure.tmblr-full, .ask_block .content_block .npf_photoset {
  1197. margin:1.5em -1.5em;
  1198. }
  1199.  
  1200. .caption_header { margin-bottom:1.25em; }
  1201.  
  1202. @media (max-width: 780px) {
  1203. article, #index_pagination { margin-top:7.5%; }
  1204. .article_block, .permalink_block, .article_block + .sticky_block, #menu_button + .sticky_block { margin-top:5%; }
  1205. }
  1206.  
  1207. @media (max-width: 420px) {
  1208. #blog_sidebar #blog_updates { margin-top:7.5%; }
  1209. }
  1210.  
  1211. /* border style */
  1212.  
  1213. ul#blog_navigation_list > *, ul#blog_updates_list li, .caption_block, .content_block blockquote, .content_block pre, a.read_more, .content_wrapper > *, .post_data, .post_data_row, ol.notes li.note { border-style:solid; }
  1214.  
  1215. .content_block blockquote, .content_block pre, a.read_more, .content_wrapper > * { border-width:1px; }
  1216. ul#blog_navigation_list > *, ul#blog_updates_list li, .caption_block, .content_block blockquote blockquote, .post_data, .post_data_row, ol.notes li.note { border-width:0; }
  1217.  
  1218. .caption_block, ol.notes li.note { border-top-width:1px; }
  1219. .article_block .caption_block:first-child, .accent_color + .caption_block, ol.notes li.note:first-child { border-top-width:0; }
  1220. {block:IndexPage}.caption_block.read_more_block:nth-last-child(2) { border-bottom-width:1px; }{/block:IndexPage}
  1221.  
  1222. .post_data { border-bottom-width:1px; }
  1223. .post_data_row + .post_data { border-top-width:1px; }
  1224. .post_data:last-child, .post_data_row .post_data { border-bottom-width:0px; }
  1225.  
  1226. ul#blog_navigation_list li, ul#blog_updates_list li { border-top-width:1px; }
  1227. ul#blog_navigation_list li:nth-child(1), ul#blog_navigation_list li:nth-child(2), ul#blog_updates_list li:nth-last-child(2) { border-top-width:0; }
  1228. ul#blog_navigation_list .vertical_stripe { border-left-width:1px; }
  1229. ul#blog_navigation_list li:nth-child(odd):nth-last-child(2) { border-right-width:0px; }
  1230.  
  1231. .post_data_row .post_data { border-left-width:1px; }
  1232. .post_data_row .post_data:first-child { border-left-width:0px; }
  1233. .content_block blockquote blockquote { border-left-width:2px; }
  1234.  
  1235. /* accent color wrappers */
  1236.  
  1237. .accent_color, .tmblr-attribution, .npf_post > h1:first-child, .npf_post > p:empty:first-child + h1 {
  1238. padding:1rem;
  1239. box-sizing:border-box;
  1240. background-color:{AccentColor};
  1241. {block:IfNotDarkAccentFont}color:white;{/block:IfNotDarkAccentFont}{block:IfDarkAccentFont}color:black;{/block:IfDarkAccentFont}
  1242. }
  1243.  
  1244. .accent_color.post_header, .accent_color.media.post_title, .npf_post > h1:first-child, .npf_post > p:empty:first-child + h1, .accent_color.block_header { padding:1rem 1.5rem; }
  1245.  
  1246. .accent_color a { color:inherit; }
  1247.  
  1248. .accent_color > * { margin:0; }
  1249.  
  1250. #posts_and_sidebar > section > article .accent_color + .accent_color, .accent_color + .caption_block.npf_post > h1:first-child, .accent_color + .caption_block.npf_post > p:empty:first-child + h1 { padding-top:0px; }
  1251. .accent_color + .content_block { border-top-width:0px; }
  1252.  
  1253. #posts_and_sidebar .answer_post .post_header + .media.accent_color { padding-top:1em; }
  1254. .media > h1 + *, .ask_block.asker + .ask_block.answerer { margin-top:1em; }
  1255.  
  1256. .article_block > .media:first-child:empty + .caption_block { border-top:8px solid {AccentColor}; }
  1257.  
  1258. /* MOBILE VERSION */
  1259.  
  1260. @media (max-width: 1220px) {
  1261. body.post_size_700 #blog_header, body.post_size_700 #main_container { width:calc(640px + (1em * 2) + ({select:Margin}px + 27px) + {select:Sidebar Width}px + (1em * 2)); }
  1262. body.post_size_700 article > * { width:calc(640px + (1em * 2)); }
  1263. }
  1264.  
  1265. @media (max-width: 1160px) {
  1266. body.post_size_700 #blog_header, body.post_size_700 #main_container, body.post_size_640 #blog_header, body.post_size_640 #main_container { width:calc(600px + (1em * 2) + ({select:Margin}px + 27px) + {select:Sidebar Width}px + (1em * 2)); }
  1267. body.post_size_700 article > *, body.post_size_640 article > * { width:calc(600px + (1em * 2)); }
  1268. }
  1269.  
  1270. @media (max-width: 1120px) {
  1271. body.post_size_700 #blog_header, body.post_size_700 #main_container, body.post_size_640 #blog_header, body.post_size_640 #main_container, body.post_size_600 #blog_header, body.post_size_600 #main_container { width:calc(540px + (1em * 2) + ({select:Margin}px + 27px) + {select:Sidebar Width}px + (1em * 2)); }
  1272. body.post_size_700 article > *, body.post_size_640 article > *, body.post_size_600 article > * { width:calc(540px + (1em * 2)); }
  1273. }
  1274.  
  1275. @media (max-width: 1060px) {
  1276. body.post_size_{select:Post Size} #main_container {
  1277. width:calc({select:Post Size}px + (1em * 2));
  1278. margin:54px auto;
  1279. }
  1280.  
  1281. body.post_size_{select:Post Size} article > * { width:100%; }
  1282.  
  1283. body.post_size_{select:Post Size} .sidebar_block, #blog_sidebar {
  1284. float:none;
  1285. display:block;
  1286. position:relative;
  1287. top:initial;
  1288. left:initial;
  1289. right:auto;
  1290. bottom:auto;
  1291. width:auto;
  1292. }
  1293.  
  1294. section, .post_block, .sidebar_block {
  1295. display:block;
  1296. vertical-align:initial;
  1297. }
  1298.  
  1299. .permalink_block { margin-top:{select:Margin}px; }
  1300.  
  1301. /* style header */
  1302.  
  1303. #blog_header, #header_image { margin:{select:Margin}px 0; }
  1304.  
  1305. #blog_sidebar {
  1306. margin-bottom:calc({select:Margin}px + 27px);
  1307. }
  1308.  
  1309. #blog_portrait, #blog_sidebar_blocks {
  1310. display:inline-block;
  1311. vertical-align:top;
  1312. }
  1313.  
  1314. #blog_portrait { padding-right:2em; }
  1315.  
  1316. #blog_portrait img { width:7em; }
  1317.  
  1318. #blog_profile .block_header { position:relative; }
  1319.  
  1320. #portrait_bubble {
  1321. display:block;
  1322. position:absolute;
  1323. top:50%;
  1324. right:100%;
  1325. margin-top:-0.75em;
  1326. border:0.75em solid transparent;
  1327. border-right-color:{AccentColor};
  1328. }
  1329.  
  1330. #blog_sidebar_blocks {
  1331. width:calc(100% - 9em);
  1332. border-radius:5px;
  1333. }
  1334.  
  1335. #blog_sidebar_blocks > * {
  1336. position:relative;
  1337. top:0;
  1338. }
  1339.  
  1340. #blog_sidebar_blocks > #blog_profile {
  1341. min-height:7em;
  1342. padding-top:1.5em;
  1343. box-sizing:border-box;
  1344. }
  1345.  
  1346. #blog_sidebar_blocks > .sticky_block {
  1347. margin-left:-9em;
  1348. margin-top:{block:ShowDescription}{select:Margin}px{/block:ShowDescription}{block:HideDescription}1em{/block:HideDescription};
  1349. }
  1350.  
  1351. /* header/sidebar inner */
  1352.  
  1353. #blog_title { display:inline; }
  1354. .sidebar_about_label { display:none; }
  1355. #blog_sidebar #sidebar_image { display:none; }
  1356.  
  1357. #blog_sidebar_blocks .article_block { margin-top:{select:Margin}px; }
  1358. #blog_sidebar_blocks .article_block:first-child { margin-top:0; }
  1359.  
  1360. {block:HideDescription}#blog_sidebar #blog_profile .block_header, {/block:HideDescription}#blog_sidebar .sticky_block .article_block:last-child .content_wrapper {
  1361. border-bottom-left-radius:5px;
  1362. border-bottom-right-radius:5px;
  1363. }
  1364.  
  1365. {block:HideDescription}#blog_sidebar #blog_profile .block_header { display:inline-block; }{/block:HideDescription}
  1366.  
  1367. /* click menu */
  1368.  
  1369. #menu_button {
  1370. position:absolute;
  1371. top:4em;
  1372. left:3em;
  1373. display:inline-block;
  1374. line-height:1em;
  1375. border-width:0;
  1376. border-radius:100%;
  1377. z-index:4;
  1378. }
  1379.  
  1380. #menu_button > * { display:inline-block; }
  1381.  
  1382. #menu_button i.material-icons { font-size:20px; }
  1383.  
  1384. #menu_button .close_menu_button { display:none; }
  1385. #menu_button.close_menu { box-shadow:-2px -2px rgba(0, 0, 0, 0.2); }
  1386. #menu_button.open_menu { box-shadow:-2px 2px rgba(0, 0, 0, 0.2); }
  1387.  
  1388. #menu_button.close_menu .close_menu_button { display:none; }
  1389. #blog_sidebar .sticky_block.close_menu { display:none; }
  1390.  
  1391. #menu_button.open_menu .open_menu_button { display:none; }
  1392. #menu_button.open_menu .close_menu_button { display:inline-block; }
  1393. #blog_sidebar .sticky_block.open_menu { display:block; }
  1394.  
  1395. #menu_button.open_menu {
  1396. position:fixed;
  1397. top:54px;
  1398. right:10%;
  1399. margin-right:-1.5em;
  1400. left:initial;
  1401. }
  1402.  
  1403. #blog_sidebar .sticky_block.fullscreen_menu {
  1404. position:fixed;
  1405. top:0;
  1406. left:0;
  1407. width:100%;
  1408. height:100%;
  1409. margin:0;
  1410. padding-top:54px;
  1411. box-sizing:border-box;
  1412. overflow:auto;
  1413. z-index:3;
  1414. }
  1415.  
  1416. .sticky_block.fullscreen_menu .article_block {
  1417. margin:5% auto;
  1418. width:calc({select:Post Size}px + (2 * 1em));
  1419. }
  1420.  
  1421. #blog_sidebar .sticky_block.fullscreen_menu .article_block:first-child { margin-top:5%; }
  1422. #blog_sidebar .sticky_block.fullscreen_menu .article_block:last-child { margin-bottom:5%; }
  1423.  
  1424. /* pagination */
  1425.  
  1426. #index_pagination { text-align:center; }
  1427. }
  1428.  
  1429. @media (max-width: 780px) {
  1430. html.font11 { font-size:12px; }
  1431.  
  1432. body.post_size_{select:Post Size} #main_container {
  1433. width:90%;
  1434. margin:5%;
  1435. }
  1436.  
  1437. /* header */
  1438.  
  1439. #blog_header, #header_image { margin:5% 0; }
  1440.  
  1441. #header_image { margin-top:0; }
  1442. #header_image img { width:100%; }
  1443.  
  1444. #blog_sidebar_blocks > #blog_profile {
  1445. min-height:8.5em;
  1446. }
  1447.  
  1448. #blog_updates.updates_not_mobile { display:none; }
  1449.  
  1450. .sticky_block.fullscreen_menu .article_block {
  1451. margin:5% 10%;
  1452. width:initial;
  1453. }
  1454.  
  1455. /* posts */
  1456.  
  1457. #blog_sidebar { margin-bottom:15%; }
  1458.  
  1459. #corner_links {
  1460. position:relative;
  1461. bottom:0;
  1462. right:0;
  1463. width:initial;
  1464. margin:5% 0 10%;
  1465. box-sizing:border-box;
  1466. display:block;
  1467. text-align:center;
  1468. }
  1469.  
  1470. #corner_links .accent_color {
  1471. margin-right:1em;
  1472. margin-bottom:0;
  1473. }
  1474.  
  1475. #corner_links .accent_color:last-child { margin-right:0; }
  1476.  
  1477. #corner_links .accent_color .screen_reader_sentences {
  1478. position:initial;
  1479. margin:0;
  1480. }
  1481.  
  1482. #corner_links .accent_color i.material-icons { display:none; }
  1483. }
  1484.  
  1485. @media (max-width: 550px) {
  1486. .header_footer_styler .header_footer_text .shown_text { display:none; }
  1487. .header_footer_styler .left_page.accent_color { padding-right:0; }
  1488. .header_footer_styler .right_page.accent_color { padding-left:0; }
  1489.  
  1490. .header_footer_styler .page_link.accent_color .header_footer_icon {
  1491. width:100%;
  1492. left:0;
  1493. right:0;
  1494. text-align:center;
  1495. }
  1496.  
  1497. img.post_data_visual_media { max-width:20%; }
  1498. .post_data_label { width:80%; }
  1499. }
  1500.  
  1501. @media (max-width: 420px) {
  1502. #blog_sidebar #blog_updates { margin-left:-9em; }
  1503. }
  1504.  
  1505. @media (max-width: 380px) {
  1506. #blog_portrait img { width:5.5em; }
  1507.  
  1508. #blog_sidebar_blocks { width:calc(100% - 7.5em); }
  1509.  
  1510. #blog_sidebar_blocks > #blog_profile {
  1511. min-height:5.5em;
  1512. padding-top:1em;
  1513. }
  1514.  
  1515. #blog_sidebar #blog_updates, #blog_sidebar_blocks > .sticky_block { margin-left:-7.5em; }
  1516.  
  1517. #menu_button {
  1518. top:3em;
  1519. left:2em;
  1520. }
  1521.  
  1522. img.post_data_visual_media { display:none; }
  1523. .post_data_label {
  1524. width:100%;
  1525. padding-left:0;
  1526. text-align:center;
  1527. }
  1528. }
  1529.  
  1530. {CustomCSS}
  1531. </style>
  1532.  
  1533. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
  1534.  
  1535. </head>
  1536.  
  1537. <body class="{select:Block Background} block_opacity_{select:Block Opacity} post_size_{select:Post Size} sidebar_size_{select:Sidebar Width}">
  1538.  
  1539. <div id="main_container">
  1540.  
  1541. <header id="blog_header" class="header_footer_styler {block:PermalinkPage}{block:Posts}{block:Date}not_first_page permalink_page{/block:Date}{/block:Posts}{/block:PermalinkPage}{block:TagPage}not_first_page tag_page{/block:TagPage}{block:SearchPage}not_first_page search_page{/block:SearchPage}{block:DayPage}not_first_page day_page{/block:DayPage}{block:NoPosts}not_first_page empty_page{/block:NoPosts}"><div class="header_footer_margin_fixer">
  1542. <div id="blog_name" class="accent_color"><a href="{BlogURL}"><div class="header_footer_icon"><i class="material-icons">&#xe88a</i></div><span class="header_footer_text">{Name}</span></a></div><div class="blog_header_page_indicator accent_color">{block:PermalinkPage}{block:Posts}{block:Date}
  1543. <div class="header_footer_icon"><i class="material-icons">&#xe408</i></div><span class="header_footer_text"><a href="{BlogURL}">{lang:Back}</a></span>{/block:Date}{/block:Posts}{/block:PermalinkPage}{block:TagPage}
  1544. <div class="header_footer_icon"><i class="material-icons">&#xe867</i></div><span class="header_footer_text">{lang:Posts tagged Tag}</span>{/block:TagPage}{block:SearchPage}
  1545. <div class="header_footer_icon"><i class="material-icons">&#xe880</i></div><span class="header_footer_text">{lang:SearchResultCount results for SearchQuery}{block:NoSearchResults}{lang:No posts containing SearchQuery}{/block:NoSearchResults}</span>{/block:SearchPage}{block:DayPage}
  1546. <div class="header_footer_icon"><i class="material-icons">&#xe916</i></div><span class="header_footer_text">{Month} {DayOfMonth}, {Year}</span><span class="screen_reader_sentences">{lang:Viewing everything posted on Month DayOfMonth Year}</span>{/block:DayPage}{block:NoPosts}
  1547. <div class="header_footer_icon"><i class="material-icons">&#xe888</i></div><span class="header_footer_text">{lang:This Tumblr hasnt made any posts}</span>{/block:NoPosts}</div>
  1548. </div></header>
  1549.  
  1550. {block:IfShowHeaderImage}{block:HomePage}<div id="header_image"><img src="{HeaderImage}"></div>{/block:HomePage}{/block:IfShowHeaderImage}
  1551.  
  1552. <div id="posts_and_sidebar">
  1553.  
  1554. <aside id="blog_sidebar" class="sidebar_block{block:PermalinkPage}{block:Posts}{block:Date} page_is_post_permalink{/block:Date}{/block:Posts}{/block:PermalinkPage}">
  1555. <div id="blog_portrait">
  1556. <img src="{PortraitURL-128}">
  1557. </div><div id="blog_sidebar_blocks">
  1558. <div id="blog_profile" class="article_block">
  1559. <div class="block_header accent_color">
  1560. <div id="portrait_bubble"></div>
  1561. <h2 class="block_header_text"><span id="blog_title">{Title}</span>{block:ShowDescription}<span class="sidebar_about_label">{lang:About}</span>{/block:ShowDescription}</h2>
  1562. <div id="sidebar_image"><img src="{block:IfNotUseHeaderImageOnSidebar}{image:Sidebar}{/block:IfNotUseHeaderImageOnSidebar}{block:IfUseHeaderImageOnSidebar}{HeaderImage}{/block:IfUseHeaderImageOnSidebar}"></div>
  1563. </div>
  1564. {block:ShowDescription}<div class="content_wrapper background_block">
  1565. {block:Description}<div id="blog_description">{Description}</div>{/block:Description}
  1566. </div>{/block:ShowDescription}
  1567. </div>
  1568. <div id="blog_updates" class="article_block {select:Updates Box}">
  1569. <div class="block_header accent_color">
  1570. <h2 class="block_header_text">{text:Updates Label}</h2>
  1571. </div>
  1572. <div class="content_wrapper background_block">
  1573. <ul id="blog_updates_list" class="sidebar_list">
  1574. {text:Updates Text}
  1575. </ul>
  1576. </div>
  1577. </div>
  1578. <button id="menu_button" class="accent_color"><span class="open_menu_button"><span class="screen_reader_sentences">{lang:Navigate}</span><i class="material-icons" aria-hidden="true">&#xe5d2</i></span><span class="close_menu_button"><span class="screen_reader_sentences">{lang:Close}</span><i class="material-icons" aria-hidden="true">&#xe5cd</i></span></button><div class="sticky_block">
  1579. <div id="blog_navigation" class="article_block">
  1580. <div class="block_header accent_color">
  1581. <h2 class="block_header_text">{lang:Navigate}</h2>
  1582. </div>
  1583. <div class="content_wrapper background_block">
  1584. <ul id="blog_navigation_list" class="sidebar_list">
  1585. <li><a href="{BlogURL}">{lang:Home}</a></li><li><a href="{BlogURL}archive">{lang:Archive}</a></li>{block:AskEnabled}<li><a href="{BlogURL}ask">{AskLabel}</a></li>{/block:AskEnabled}{block:SubmissionsEnabled}<li><a href="{BlogURL}submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}{block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}{/block:HasPages}
  1586. <div class="vertical_stripe"></div>
  1587. </ul>
  1588. </div>
  1589. </div>{block:IfShowSearchbox}<div id="blog_search" class="article_block">
  1590. <div class="block_header accent_color">
  1591. <h2 class="block_header_text">{lang:Search keywords}</h2>
  1592. </div>
  1593. <div class="content_wrapper background_block">
  1594. <form action="/search" id="searchthis" method="get">
  1595. <input id="searchbox" name="q" onblur="if(this.value==&apos;&apos;)this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value=&apos;&apos;;" type="text" value="{lang:Search}" vinput=""/><button id="searchbutton" type="submit" value="Go"><i class="material-icons">search</i></button>
  1596. </form>
  1597. </div>
  1598. </div>{/block:IfShowSearchbox}
  1599. </div>
  1600. </div>
  1601. </aside><!--
  1602.  
  1603. --><section>{block:Posts inlineMediaWidth="1280"}
  1604. <article>
  1605.  
  1606. <div class="article_block post_block{block:Text}{block:RebloggedFrom} roleplay_post{/block:RebloggedFrom}{/block:Text}{block:Answer} answer_post{/block:Answer}">
  1607.  
  1608. {block:Date}<div class="post_header accent_color">
  1609. <div class="post_header_portrait" aria-hidden="true" style="{block:RebloggedFrom}background-image:url('{ReblogRootPortraitURL-64}');{/block:RebloggedFrom}{block:NotReblog}background-image:url('{PortraitURL-64}');{block:Submission} background-image:url('{SubmitterPortraitURL-64}');{/block:Submission}{/block:NotReblog}"></div><div class="post_header_text">
  1610. {block:RebloggedFrom}<a href="{ReblogRootURL}" class="post_header_poster" title="{lang:Originally from ReblogRootName}"><span class="screen_reader_sentences">{lang:Originally from ReblogRootName}</span><span aria-hidden="true">{ReblogRootName}</span></a>{/block:RebloggedFrom}
  1611. {block:NotReblog}{block:Submission}<span class="post_header_submitter"><a href="{SubmitterURL}" class="non_anonymous_submitter">{Submitter}</a><span class="anonymous_submitter">{Submitter}</span></span> {block:English}submitted to{/block:English}{block:German}eingereicht bei{/block:German}{block:French}a proposé ce billet à{/block:French}{block:Italian}ha inviato a{/block:Italian}{block:Japanese}からのゲスト投稿{/block:Japanese}{block:Turkish}bu gönderimi{/block:Turkish}{block:Spanish}ha enviado una colaboración a{/block:Spanish}{block:Russian}отправил(а) пост в блог{/block:Russian}{block:Polish}przesłał(a) post do{/block:Polish}{block:PortuguesePT}enviou para{/block:PortuguesePT}{block:PortugueseBR}enviou para{/block:PortugueseBR}{block:Dutch}heeft bijgedragen aan{/block:Dutch}{block:Korean}님이{/block:Korean}{block:ChineseSimplified}已提交给{/block:ChineseSimplified}{block:ChineseTraditional}已送出到{/block:ChineseTraditional}{block:ChineseHK}已提交到{/block:ChineseHK}{block:Indonesian}mengirim ini ke{/block:Indonesian}{block:Hindi}ने{/block:Hindi} {/block:Submission}<a href="{BlogURL}" class="post_header_poster"><span class="blog_username"><noscript>{BlogURL}</noscript></span></a>{block:Submission} {block:Turkish}bloguna yolladı{/block:Turkish}{block:Korean}님에게 전송했습니다{/block:Korean}{block:Hindi}को सबमिट किया{/block:Hindi}{/block:Submission}{/block:NotReblog}
  1612. </div>
  1613. </div>{/block:Date}
  1614.  
  1615. <div class="media {block:Title}post_title {block:Title}accent_color">{block:Title}
  1616. <h1><a href="{Permalink}">{Title}</a></h1>
  1617. {/block:Title}{block:Photo}
  1618. <figure class="photo">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}</figure>
  1619. {/block:Photo}{block:Photoset}
  1620. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1621. {block:Photos}<div class="photo-data"><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"><div class="pxu-photo"><img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div></a>
  1622. </div>{/block:Photos}
  1623. </div>
  1624. {/block:Photoset}{block:Quote}
  1625. <div class="content_block quote_block background_block">
  1626. <div class="quotation_mark">&#x201c</div>
  1627. <h2 class="post_quote {Length}_quote">{Quote}</h2>{block:Source}
  1628. <div class="quote_source">{Source}</div>{/block:Source}
  1629. </div>
  1630. {/block:Quote}{block:Link}
  1631. <div class="npf-link-block"><a href="{URL}">{block:Thumbnail}
  1632. <div class="poster" style="background-image:url('{Thumbnail-HighRes}');">{/block:Thumbnail}
  1633. <div class="title">{Name}</div>{block:Thumbnail}
  1634. </div>{/block:Thumbnail}
  1635. <div class="bottom">
  1636. {block:Excerpt}<div class="description">{Excerpt}</div>{/block:Excerpt}
  1637. {block:Host}<div class="site-name">{Host}</div>{/block:Host}
  1638. </div>
  1639. </a></div>
  1640. {/block:Link}{block:Chat}
  1641. <ul class="post_chat">
  1642. {block:Lines}<li>{block:Label}<span class="chat_label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
  1643. </ul>
  1644. {/block:Chat}{block:Audio}
  1645. <figure class="resizable_iframe">{block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}</figure>
  1646. {/block:Audio}{block:Video}
  1647. <figure class="resizable_iframe">{Video-700}</figure>
  1648. {/block:Video}{block:Answer}
  1649. <div class="ask_block asker">
  1650. <div class="ask_header"><div class="ask_portrait"><img src="{AskerPortraitURL-64}"/><div class="ask_bubble"></div></div><div class="ask_label">{lang:Asker asked 2}</div></div>
  1651. <div class="content_block background_block">{Question}</div>
  1652. </div>
  1653. <div class="ask_block answerer">
  1654. <div class="ask_header"><div class="ask_label">{block:Answerer}{Answerer}{/block:Answerer}{block:NotReblog}<a href="{Permalink}">{Name}</a>{/block:NotReblog}</div><div class="ask_portrait"><img src="{block:Answerer}{AnswererPortraitURL-64}{/block:Answerer}{block:NotReblog}{PortraitURL-64}{/block:NotReblog}"/><div class="ask_bubble"></div></div></div>
  1655. <div class="content_block background_block">{block:Answerer}{Answer}{/block:Answerer}{block:NotReblog}{Replies}{/block:NotReblog}</div>
  1656. </div>
  1657. {/block:Answer}</div>
  1658.  
  1659. {block:NotReblog}
  1660. {block:Text}
  1661. <div class="content_block caption_block background_block{block:More}{block:IndexPage} read_more_block{/block:IndexPage}{/block:More} npf_post">{Body}{block:More}
  1662. <p><a href="{Permalink}" class="read_more">{lang:Keep reading}</a></p>
  1663. {/block:More}</div>
  1664. {/block:Text}{block:IfShowCaption}{block:Caption}
  1665. <div class="content_block caption_block background_block{block:More}{block:IndexPage} read_more_block{/block:IndexPage}{/block:More}">{Caption}{block:More}
  1666. <p><a href="{Permalink}" class="read_more">{lang:Keep reading}</a></p>
  1667. {/block:More}</div>
  1668. {/block:Caption}{block:Link}{block:Description}
  1669. <div class="content_block caption_block background_block{block:More}{block:IndexPage} read_more_block{/block:IndexPage}{/block:More}">{Description}{block:More}
  1670. <p><a href="{Permalink}" class="read_more">{lang:Keep reading}</a></p>
  1671. {/block:More}</div>
  1672. {/block:Description}{/block:Link}{/block:IfShowCaption}{block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}
  1673. <div class="content_block caption_block background_block">{Caption}</div>
  1674. {/block:Caption}{block:Link}{block:Description}
  1675. <div class="content_block caption_block background_block">{Description}</div>
  1676. {/block:Description}
  1677. {/block:Link}{/block:PermalinkPage}{/block:IfNotShowCaption}
  1678. {/block:NotReblog}
  1679.  
  1680. {block:RebloggedFrom}
  1681. {block:Text}{block:Reblogs}
  1682. <div class="content_block caption_block background_block{block:More} read_more_block{/block:More}{block:IsOriginalEntry} npf_post{/block:IsOriginalEntry}">
  1683. {block:IsNotOriginalEntry}<div class="caption_header">
  1684. {block:IsActive}{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}{/block:IsActive}
  1685. <img src="{PortraitURL-64}" class="caption_portrait"/><span class="caption_username">{Username}</span>
  1686. {block:IsActive}{block:HasPermalink}</a>{/block:HasPermalink}{block:HasNoPermalink}</a>{/block:HasNoPermalink}{/block:IsActive}
  1687. </div>{/block:IsNotOriginalEntry}
  1688. {Body}
  1689. </div>
  1690. {/block:Reblogs}{/block:Text}{block:IfShowCaption}{block:Caption}{block:Reblogs}
  1691. <div class="content_block caption_block background_block{block:More} read_more_block{/block:More}">
  1692. {block:IsNotOriginalEntry}<div class="caption_header">
  1693. {block:IsActive}{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}{/block:IsActive}
  1694. <img src="{PortraitURL-64}" class="caption_portrait"/><span class="caption_username">{Username}</span>
  1695. {block:IsActive}{block:HasPermalink}</a>{/block:HasPermalink}{block:HasNoPermalink}</a>{/block:HasNoPermalink}{/block:IsActive}
  1696. </div>{/block:IsNotOriginalEntry}
  1697. {Body}
  1698. </div>
  1699. {/block:Reblogs}{/block:Caption}{block:Link}{block:Description}{block:Reblogs}
  1700. <div class="content_block caption_block background_block{block:More} read_more_block{/block:More}">
  1701. {block:IsNotOriginalEntry}<div class="caption_header">
  1702. {block:IsActive}{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}{/block:IsActive}
  1703. <img src="{PortraitURL-64}" class="caption_portrait"/><span class="caption_username">{Username}</span>
  1704. {block:IsActive}{block:HasPermalink}</a>{/block:HasPermalink}{block:HasNoPermalink}</a>{/block:HasNoPermalink}{/block:IsActive}
  1705. </div>{/block:IsNotOriginalEntry}
  1706. {Body}
  1707. </div>
  1708. {/block:Reblogs}{/block:Description}{/block:Link}{/block:IfShowCaption}{block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{block:Reblogs}
  1709. <div class="content_block caption_block background_block{block:More} read_more_block{/block:More}">
  1710. {block:IsNotOriginalEntry}<div class="caption_header">
  1711. {block:IsActive}{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}{/block:IsActive}
  1712. <img src="{PortraitURL-64}" class="caption_portrait"/><span class="caption_username">{Username}</span>
  1713. {block:IsActive}{block:HasPermalink}</a>{/block:HasPermalink}{block:HasNoPermalink}</a>{/block:HasNoPermalink}{/block:IsActive}
  1714. </div>{/block:IsNotOriginalEntry}
  1715. {Body}
  1716. </div>
  1717. {/block:Reblogs}{/block:Caption}{block:Link}{block:Description}{block:Reblogs}
  1718. <div class="content_block caption_block background_block{block:More} read_more_block{/block:More}">
  1719. {block:IsNotOriginalEntry}<div class="caption_header">
  1720. {block:IsActive}{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}{/block:IsActive}
  1721. <img src="{PortraitURL-64}" class="caption_portrait"/><span class="caption_username">{Username}</span>
  1722. {block:IsActive}{block:HasPermalink}</a>{/block:HasPermalink}{block:HasNoPermalink}</a>{/block:HasNoPermalink}{/block:IsActive}
  1723. </div>{/block:IsNotOriginalEntry}
  1724. {Body}
  1725. </div>
  1726. {/block:Reblogs}{/block:Description}{/block:Link}{/block:PermalinkPage}{/block:IfNotShowCaption}{block:Answer}{block:Reblogs}
  1727. <div class="content_block caption_block background_block{block:More} read_more_block{/block:More}">
  1728. {block:IsNotOriginalEntry}<div class="caption_header">
  1729. {block:IsActive}{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}{/block:IsActive}
  1730. <img src="{PortraitURL-64}" class="caption_portrait"/><span class="caption_username">{Username}</span>
  1731. {block:IsActive}{block:HasPermalink}</a>{/block:HasPermalink}{block:HasNoPermalink}</a>{/block:HasNoPermalink}{/block:IsActive}
  1732. </div>{/block:IsNotOriginalEntry}
  1733. {Body}
  1734. </div>
  1735. {/block:Reblogs}{/block:Answer}
  1736. {/block:RebloggedFrom}
  1737.  
  1738. {block:Date}{block:IndexPage}<div class="post_footer background_block">
  1739.  
  1740. {block:HasTags}<div class="post_tags">
  1741. <span class="tags_label{block:IndexPage} screen_reader_sentences{/block:IndexPage}">{lang:Tagged with}:</span>{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  1742. </div>{/block:HasTags}
  1743.  
  1744. <div class="post_interaction">
  1745. <div class="post_notes"><a href="{Permalink}">{NoteCountWithLabel}<span class="screen_reader_sentences">, {lang:Permalink for this post}</span></a></div><div class="post_buttons">
  1746. <a href="{ReblogURL}" class="reblog_button post_button"><i class="material-icons non_hover_reblog" aria-hidden="true">&#xe028</i><i class="material-icons hover_reblog" aria-hidden="true">&#xe86a</i><span class="screen_reader_sentences">{block:English}Reblog{/block:English}{block:German}Rebloggen{/block:German}{block:French}Rebloguer{/block:French}{block:Italian}Reblogga{/block:Italian}{block:Japanese}リブログ{/block:Japanese}{block:Turkish}Yeniden Blogla{/block:Turkish}{block:Spanish}Rebloguear{/block:Spanish}{block:Russian}Реблог{/block:Russian}{block:Polish}Rebloguj{/block:Polish}{block:PortuguesePT}Reblogar{/block:PortuguesePT}{block:PortugueseBR}Reblogar{/block:PortugueseBR}{block:Dutch}Rebloggen{/block:Dutch}{block:Korean}리블로그{/block:Korean}{block:ChineseSimplified}转发{/block:ChineseSimplified}{block:ChineseTraditional}轉格{/block:ChineseTraditional}{block:ChineseHK}轉載{/block:ChineseHK}{block:Indonesian}Reblog{/block:Indonesian}{block:Hindi}रीब्लॉग करेंे{/block:Hindi}</span></a><div class="new_like_button post_button" aria-hidden="true">{LikeButton}<span class="our_button"><i class="material-icons to_like_button">&#xe87e</i><i class="material-icons liked_button">&#xe87d</i></span></div>
  1747. </div>
  1748. </div>
  1749.  
  1750. </div>{/block:IndexPage}{/block:Date}
  1751.  
  1752. </div><!--
  1753. -->{block:PermalinkPage}{block:Date}
  1754. <div class="permalink_block sidebar_block">
  1755.  
  1756. <div class="article_block information_block">
  1757. <div class="block_header accent_color">
  1758. <h2 class="block_header_text">{NoteCountWithLabel}</h2>
  1759. </div>
  1760. <div class="content_wrapper background_block">
  1761. <div class="data_wrapper">
  1762. <div class="post_data_row">
  1763. {block:NotReblog}{block:Submission}<div class="post_data post_data_cell post_submitter">
  1764. <img src="{SubmitterPortraitURL-64}" aria-hidden="true" class="post_data_visual_media"><div class="post_data_label">{block:English}Submitter{/block:English}{block:German}Einreichender{/block:German}{block:French}Contributeur{/block:French}{block:Italian}Collaboratore{/block:Italian}{block:Japanese}寄稿者{/block:Japanese}{block:Turkish}Gönderim sahibinin{/block:Turkish}{block:Spanish}Contribuyente{/block:Spanish}{block:Russian}отправителя{/block:Russian}{block:Polish}Autor propozycji{/block:Polish}{block:PortuguesePT}Colaborador{/block:PortuguesePT}{block:PortugueseBR}Colaborador{/block:PortugueseBR}{block:Dutch}Inzender{/block:Dutch}{block:Korean}제출자{/block:Korean}{block:ChineseSimplified}投稿者{/block:ChineseSimplified}{block:ChineseTraditional}投稿者{/block:ChineseTraditional}{block:ChineseHK}投稿者{/block:ChineseHK}{block:Indonesian}Pengirim{/block:Indonesian}{block:Hindi}सबमिट करने वाले{/block:Hindi}</div><div class="post_data_link"><a href="{SubmitterURL}" class="non_anonymous_submitter">{Submitter}</a><span class="anonymous_submitter">{Submitter}</span></div>
  1765. </div>{/block:Submission}{/block:NotReblog}
  1766. {block:RebloggedFrom}<div class="post_data post_data_cell post_via">
  1767. <img src="{ReblogParentPortraitURL-64}" aria-hidden="true" class="post_data_visual_media"><div class="post_data_label">{lang:Via}</div><div class="post_data_link"><a href="{ReblogParentURL}">{ReblogParentName}</a></div>
  1768. </div>{/block:RebloggedFrom}
  1769. <div class="post_data post_data_cell post_poster">
  1770. {block:RebloggedFrom}<img src="{ReblogRootPortraitURL-64}" aria-hidden="true" class="post_data_visual_media"><div class="post_data_label">{block:English}By{/block:English}{block:German}Von{/block:German}{block:French}Par{/block:French}{block:Italian}Da{/block:Italian}{block:Japanese}から{/block:Japanese}{block:Turkish}tarafından{/block:Turkish}{block:Spanish}Por{/block:Spanish}{block:Russian}от{/block:Russian}{block:Polish}Przez{/block:Polish}{block:PortuguesePT}Por{/block:PortuguesePT}{block:PortugueseBR}Por{/block:PortugueseBR}{block:Dutch}Door{/block:Dutch}{block:Korean}만든 이{/block:Korean}{block:ChineseSimplified}由{/block:ChineseSimplified}{block:ChineseTraditional}由{/block:ChineseTraditional}{block:ChineseHK}由{/block:ChineseHK}{block:Indonesian}Oleh{/block:Indonesian}{block:Hindi}द्वारा{/block:Hindi}</div><div class="post_data_link"><a href="{ReblogRootURL}">{ReblogRootName}</a></div>{/block:RebloggedFrom}
  1771. {block:NotReblog}<img src="{PortraitURL-64}" aria-hidden="true" class="post_data_visual_media"><div class="post_data_label"><a href="{Permalink}"><span class="blog_username"><noscript>{BlogURL}</noscript></span></a></div>{/block:NotReblog}
  1772. </div>
  1773. </div>
  1774. {block:ContentSource}<div class="post_data post_data_cell post_source">
  1775. {lang:Source}: <a href="{SourceURL}">{SourceTitle}</a>
  1776. </div>{/block:ContentSource}
  1777. {block:HasTags}<div class="post_data post_data_cell post_tags">
  1778. {lang:Tagged with}:{block:Tags} <a href="{TagURL}">{Tag}</a>{block:Tags}
  1779. </div>{/block:HasTags}
  1780. </div>
  1781. </div>
  1782. </div>
  1783.  
  1784. <div class="sticky_block">
  1785.  
  1786. <div class="article_block date_block">
  1787. <div class="block_header accent_color">
  1788. <h2 class="block_header_text">{lang:Posted TimeAgo}</h2>
  1789. </div>
  1790. <div class="content_wrapper background_block">
  1791. <div class="data_wrapper">
  1792. <div class="post_data post_data_cell current_post_date_page">
  1793. <a href="{BlogURL}day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}/">{lang:Posted on Month DayOfMonth Year} @ {12HourWithZero}:{Minutes}{CapitalAmPm}<br><i>{lang:Show all posts made on this day}</i></a>
  1794. </div>
  1795. <div class="post_data_row">
  1796. <div class="post_data post_data_cell data_page date_page{block:PreviousDayPage} pagination_has_link{/block:PreviousDayPage}">{block:PreviousDayPage}<a href="{PreviousDayPage}">{/block:PreviousDayPage}
  1797. <div class="post_data_visual_media" aria-hidden="true"><i class="material-icons">&#xe408</i></div><div class="post_data_label">{lang:Previous day}</div>
  1798. {block:PreviousDayPage}</a>{/block:PreviousDayPage}</div>
  1799. <div class="post_data post_data_cell data_page date_page{block:NextDayPage} pagination_has_link{/block:NextDayPage}">{block:NextDayPage}<a href="{NextDayPage}">{/block:NextDayPage}
  1800. <div class="post_data_label">{lang:Next day}</div><div class="post_data_visual_media" aria-hidden="true"><i class="material-icons">&#xe409</i></div>
  1801. {block:NextDayPage}</a>{/block:NextDayPage}</div>
  1802. </div>
  1803. </div>
  1804. </div>
  1805. </div>
  1806.  
  1807. {block:PermalinkPagination}<div class="article_block pagination_block">
  1808. <div class="block_header accent_color">
  1809. <h2 class="block_header_text">{lang:See more posts}</h2>
  1810. </div>
  1811. <div class="content_wrapper background_block">
  1812. <nav class="pagination">
  1813. <div class="post_data_row">
  1814. <div class="post_data post_data_cell data_page post_page{block:NextPost} pagination_has_link{/block:NextPost}">{block:NextPost}<a href="{NextPost}">{/block:NextPost}
  1815. <div class="post_data_visual_media" aria-hidden="true"><i class="material-icons">&#xe408</i></div><div class="post_data_label">{lang:Next post}</div>
  1816. {block:NextPost}</a>{/block:NextPost}</div>
  1817. <div class="post_data post_data_cell data_page post_page{block:PreviousPost} pagination_has_link{/block:PreviousPost}">{block:PreviousPost}<a href="{PreviousPost}">{/block:PreviousPost}
  1818. <div class="post_data_label">{lang:Previous post}</div><div class="post_data_visual_media" aria-hidden="true"><i class="material-icons">&#xe409</i></div>
  1819. {block:PreviousPost}</a>{/block:PreviousPost}</div>
  1820. </div>
  1821. </nav>
  1822. </div>
  1823. </div>{/block:PermalinkPagination}
  1824.  
  1825. </div>
  1826.  
  1827. </div>
  1828.  
  1829. {block:PostNotes}<div class="article_block notes_block">
  1830. <div class="block_header accent_color">
  1831. <h2 class="block_header_text">{lang:View notes for this post}</h2>
  1832. </div>
  1833. <div class="content_wrapper background_block">{PostNotes-64}</div>
  1834. </div>{/block:PostNotes}
  1835.  
  1836. {/block:Date}{/block:PermalinkPage}
  1837.  
  1838. </article>
  1839.  
  1840. {/block:Posts}
  1841.  
  1842. {block:IndexPage}{block:Pagination}<!-- main page pagination -->
  1843. <nav id="index_pagination" class="header_footer_styler pagination">
  1844. {block:PreviousPage}<a href="{PreviousPage}" class="page_link left_page accent_color">
  1845. <div class="header_footer_icon"><i class="material-icons">&#xe408</i></div><div class="header_footer_text"><span aria-hidden="true" class="shown_text">{lang:Newer}</span><span class="screen_reader_sentences">{lang:Newer posts}</span></div>
  1846. </a>{/block:PreviousPage}<span class="page_number accent_color"><div class="header_footer_text">{lang:CurrentPage of TotalPages}</div></span>{/block:CurrentPage}{block:NextPage}<a href="{NextPage}" class="page_link right_page accent_color">
  1847. <div class="header_footer_text"><span aria-hidden="true" class="shown_text">{lang:Older}</span><span class="screen_reader_sentences">{lang:Older posts}</span></div><div class="header_footer_icon"><i class="material-icons">&#xe409</i></div>
  1848. </a>{/block:NextPage}
  1849. </nav>
  1850. {/block:Pagination}{/block:IndexPage}
  1851.  
  1852. </section>
  1853.  
  1854. </div>
  1855.  
  1856. </div>
  1857.  
  1858. <div id="corner_links">
  1859. <div id="back_to_top_button" class="accent_color"><button onclick="document.body.scrollTop = 0; document.documentElement.scrollTop = 0;" title="{lang:Back to top}"><span class="screen_reader_sentences">{lang:Back to top}</span><i class="material-icons">&#xe5ce</i></button></div><div id="codematurgy" class="accent_color"><a href="https://codematurgy.tumblr.com" title="Codematurgy"><span class="screen_reader_sentences">Codematurgy</span><i class="material-icons">&#xe86f</i></a></div>
  1860. </div>
  1861.  
  1862. <script>
  1863. // this will generate your username inside posts when a native tag cannot be used.
  1864. function blogName() {
  1865. var blogUrl = document.querySelectorAll(".blog_username");
  1866. for (i = 0; i < blogUrl.length; i++) { blogUrl[i].innerHTML = "{Name}"; }
  1867. }
  1868. blogName();
  1869.  
  1870. function readMore() {
  1871. var readMoreLink = document.querySelectorAll("a.read_more");
  1872. for (i = 0; i < readMoreLink.length; i++) {
  1873. readMoreLink[i].parentElement.className += " read_more_container";
  1874. if ( ( / caption_block$/.test(readMoreLink[i].parentElement.parentElement.className) || /^caption_block /.test(readMoreLink[i].parentElement.parentElement.className) || / caption_block /.test(readMoreLink[i].parentElement.parentElement.className) || /^caption_block$/.test(readMoreLink[i].parentElement.parentElement.className) ) && !( / read_more_block$/.test(readMoreLink[i].parentElement.parentElement.className) || /^read_more_block /.test(readMoreLink[i].parentElement.parentElement.className) || / read_more_block /.test(readMoreLink[i].parentElement.parentElement.className) || /^read_more_block$/.test(readMoreLink[i].parentElement.parentElement.className) ) ) { readMoreLink[i].parentElement.parentElement.className += " read_more_block"; }
  1875. }
  1876. }
  1877. readMore();
  1878.  
  1879. // this will resize iframes. for example, embed videos and players.
  1880. function iframeResizing() {
  1881. var iframe = document.querySelectorAll("article figure > iframe");
  1882. $(iframe).parent().addClass("resizable_iframe");
  1883. var iframe = document.querySelectorAll(".resizable_iframe iframe");
  1884. function iframeActualResize() {
  1885. $(iframe).each(function() {
  1886. if (!$(this).hasClass("instagram-media") && !$(this).hasClass("tumblr_audio_player")) {
  1887. var originalIframeWidth = $(this).width();
  1888. var originalIframeHeight = $(this).height();
  1889. iframeWidth = $(this).parent().width();
  1890. var iframeProportion = iframeWidth / originalIframeWidth;
  1891. var iframeHeight = originalIframeHeight * iframeProportion;
  1892. if ($(this).hasClass("spotify_audio_player")) { iframeHeight = iframeWidth + 80 }
  1893.  
  1894. $(this).attr("width", iframeWidth);
  1895. $(this).attr("height", iframeHeight);
  1896. }
  1897. });
  1898. }
  1899. iframeActualResize();
  1900. $(window).resize(function() { iframeActualResize(); });
  1901. }
  1902. iframeResizing();
  1903.  
  1904. // this will allow the fullscreen menu styling for mobile
  1905.  
  1906. var menuButton = document.querySelector("#blog_sidebar #menu_button");
  1907. menuButton.onclick = function() {
  1908. / close_menu$/.test(this.className) ? this.className = this.className.replace(/ close_menu$/, " open_menu") : this.className = this.className.replace(/ open_menu$/, " close_menu");
  1909. / close_menu$/.test(this.nextSibling.className) ? this.nextSibling.className = this.nextSibling.className.replace(/ close_menu$/, " open_menu") : this.nextSibling.className = this.nextSibling.className.replace(/ open_menu$/, " close_menu");
  1910. }
  1911.  
  1912. function mobileMenuDisplay(menuButton) {
  1913. if( window.innerWidth <= 1060 ) {
  1914. if (!/ fullscreen_menu$/.test(menuButton.nextSibling.className) && !/ fullscreen_menu /.test(menuButton.nextSibling.className)) {
  1915. menuButton.nextSibling.className += " fullscreen_menu";
  1916. }
  1917.  
  1918. if (!/ close_menu$/.test(menuButton.className) && !/ open_menu$/.test(menuButton.className)) { menuButton.className += " close_menu"; }
  1919. if (!/ close_menu$/.test(menuButton.nextSibling.className) && !/ open_menu$/.test(menuButton.nextSibling.className)) { menuButton.nextSibling.className += " close_menu"; }
  1920. } else {
  1921. if (/ fullscreen_menu$/.test(menuButton.nextSibling.className) || / fullscreen_menu /.test(menuButton.nextSibling.className)) {
  1922. menuButton.nextSibling.className = menuButton.nextSibling.className.replace(/ fullscreen_menu$/, "");
  1923. menuButton.nextSibling.className = menuButton.nextSibling.className.replace(/ fullscreen_menu /, " ");
  1924. }
  1925.  
  1926. if (/ close_menu$/.test(menuButton.className) || / close_menu /.test(menuButton.className) || / open_menu$/.test(menuButton.className) || / open_menu /.test(menuButton.className)) { menuButton.className = menuButton.className.replace(/ close_menu$/, ""); menuButton.className = menuButton.className.replace(/ close_menu /, " "); menuButton.className = menuButton.className.replace(/ open_menu$/, ""); menuButton.className = menuButton.className.replace(/ open_menu /, " "); }
  1927. if (/ close_menu$/.test(menuButton.nextSibling.className) || / close_menu /.test(menuButton.nextSibling.className) || / open_menu$/.test(menuButton.nextSibling.className) || / open_menu /.test(menuButton.nextSibling.className)) { menuButton.nextSibling.className = menuButton.nextSibling.className.replace(/ close_menu$/, ""); menuButton.nextSibling.className = menuButton.nextSibling.className.replace(/ close_menu /, " "); menuButton.nextSibling.className = menuButton.nextSibling.className.replace(/ open_menu$/, ""); menuButton.nextSibling.className = menuButton.nextSibling.className.replace(/ open_menu /, " "); }
  1928. }
  1929. }
  1930. mobileMenuDisplay(menuButton);
  1931. window.addEventListener("resize", function() { mobileMenuDisplay(menuButton) }, false);
  1932.  
  1933. </script>
  1934.  
  1935. <!-- PHOTOSETS by PixelUnion on https://github.com/PixelUnion/Extended-Tumblr-Photoset -->
  1936. <script type="text/javascript" src="https://static.tumblr.com/xkippcr/qe4p593ag/pxuphotoset.js"></script>
  1937.  
  1938. <!-- NPF PHOTOSETS -->
  1939. <script src="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosets.js"></script>
  1940. <link href="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosetstyle.css" rel="stylesheet" type="text/css"/>
  1941.  
  1942. <script type="text/javascript">
  1943. $(document).ready(function() {
  1944. $('.photo-slideshow').pxuPhotoset({
  1945. 'ligthbox' : true,
  1946. 'highRes' : true,
  1947. 'rounded' : 'corners',
  1948. 'exif' : true,
  1949. 'captions' : true,
  1950. 'gutter' : '4px',
  1951. 'photoset' : '.photo-slideshow',
  1952. 'photoWrap' : '.photo-data',
  1953. 'photo' : '.pxu-photo'
  1954. }, function() {
  1955. // callback
  1956. });
  1957.  
  1958. npfPhotosets("article", {
  1959. rowClass:"npf_row",
  1960. imageContainerClass:"tmblr-full",
  1961. generatedPhotosetContainerClass:"npf_photoset",
  1962. imageClass:"npf_image",
  1963. includeSingleRowImagesInPhotosets: true,
  1964. includeCommonPhotosets: true,
  1965. insertGalleryIndicator: false,
  1966. galleryIndicatorClass: "npf_gallery_indicator",
  1967. galleryIndicatorContent: "<img src='image_url'>",
  1968. photosetMargins:"4"
  1969. });
  1970. });
  1971. </script>
  1972.  
  1973. </body>
  1974.  
  1975. </html>
Advertisement
Add Comment
Please, Sign In to add comment