techmaturgy

discurso(not synchronized with tumblr colors)

Jul 3rd, 2018
324
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.50 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!---------------------------------------------------------------------------
  4.  
  5. DISCURSO by codematurgy. don't claim 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}">
  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:Background" content="">
  35. <meta name="color:Accent" content="">
  36.  
  37. <meta name="if:Dark Post Background" content="0">
  38. <meta name="if:Dark Link Font" content="0">
  39. <meta name="if:Show Caption" content="1">
  40. <meta name="if:Show Tags" content="1">
  41. <meta name="if:Show Searchbar" content="1">
  42. <meta name="if:Show Avatar On Desktop" content="1">
  43.  
  44. <meta name="select:Margin" content="27" title="Narrow">
  45. <meta name="select:Margin" content="40" title="Medium">
  46. <meta name="select:Margin" content="54" title="Wide">
  47.  
  48. <meta name="select:Sidebar Width" content="225" title="Small">
  49. <meta name="select:Sidebar Width" content="250" title="Medium">
  50. <meta name="select:Sidebar Width" content="275" title="Large">
  51.  
  52. <meta name="select:Sidebar Image" content="use_header" title="Use Header">
  53. <meta name="select:Sidebar Image" content="use_upload" title="Use Upload">
  54. <meta name="select:Sidebar Image" content="use_none" title="None">
  55.  
  56. <meta name="select:Font Size" content="11" title="Small">
  57. <meta name="select:Font Size" content="12" title="Medium">
  58. <meta name="select:Font Size" content="13" title="Large">
  59.  
  60. <meta name="text:Post Size" content="540">
  61.  
  62. <style>
  63.  
  64. a:hover, iframe:hover, button:hover { cursor:pointer!important; } /* for some reason these... clickable things don't always look clickable so heres a fix */
  65.  
  66. body {
  67. margin:0;
  68. font-family:Lucida Console, Consolas, Menlo, monospace;
  69. 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. */
  70. line-height:1.5em;
  71. color:gray;
  72. background-image:url('{image:Background}');
  73. background-color:{color:Background};
  74. }
  75.  
  76. /* links */
  77.  
  78. a {
  79. text-decoration:underline;
  80. color:{color:Accent};
  81. }
  82.  
  83. .caption_block a { padding:2px 4px; }
  84.  
  85. a img {
  86. border:none;
  87. outline:none;
  88. } /* these extra lines are for Internet Explorer. */
  89.  
  90. /* lists */
  91.  
  92. ol, ul {
  93. margin:1em 1em 1em 0;
  94. padding:0 0 0 2em;
  95. text-align:left;
  96. }
  97.  
  98. #description_text ul, .caption_block ul {
  99. list-style-type:none;
  100. }
  101.  
  102. #description_text ul i.material-icons, .caption_block ul i.material-icons {
  103. position:absolute;
  104. margin:0 0 0 -1.5em;
  105. font-size:1em;
  106. line-height:1.5em;
  107. }
  108.  
  109. /* these are sometimes used in text-based blogs as text division. */
  110.  
  111. hr {
  112. margin:1.5em 4em!important;
  113. border:none;
  114. border-top:1px solid currentColor;
  115. }
  116.  
  117. /* UNIVERSAL SENTENCES */
  118.  
  119. .universal_sentences, .tmblr-attribution, ol.notes li.note span.action, .more_notes_link, #searchbox {
  120. text-transform:lowercase;
  121. } /* for aesthetic and easy reading purposes some sentences where lowercased through this theme! these are "pre-made" sentences by tumblr, created to be supported in every language, and therefore are by default capitalized. */
  122.  
  123. /* SCREEN READER SENTENCES */
  124.  
  125. .screen_reader_sentences {
  126. position:absolute;
  127. margin:0 0 0 -9999px;
  128. } /* 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. */
  129.  
  130. /* SIDEBAR */
  131.  
  132. aside {
  133. position:fixed;
  134. top:81px;
  135. left:calc(50% - ({text:Post Size}px / 2) - 54px - {select:Sidebar Width}px);
  136. width:{select:Sidebar Width}px;
  137. }
  138.  
  139. /* image */
  140.  
  141. #sidebar_image img, #sidebar_portrait { display:block; }
  142.  
  143. #sidebar_image img {
  144. width:100%;
  145. display:none;
  146. }
  147.  
  148. #sidebar_image.use_header img.use_header { display:block; }
  149. #sidebar_image.use_upload img.use_upload { display:block; }
  150.  
  151. #sidebar_portrait {
  152. margin:0 auto;
  153. width:64px;
  154. position:relative;
  155. {block:IfNotShowAvatarOnDesktop}display:none;{/block:IfNotShowAvatarOnDesktop}
  156. }
  157.  
  158. /* navigation */
  159.  
  160. #navigation {
  161. margin:-0.25em 1em;
  162. text-align:center;
  163. }
  164.  
  165. .sidebar_links {
  166. display:inline-block;
  167. padding:0.25em 0.75em;
  168. margin:0.25em 0;
  169. }
  170.  
  171. /* description */
  172.  
  173. #description {
  174. padding-top:0!important;
  175. text-align:center;
  176. }
  177.  
  178. /* searchbar */
  179.  
  180. #searchbar {
  181. padding-top:0!important;
  182. {block:IfNotShowSearchbar}display:none;{/block:IfNotShowSearchbar}
  183. }
  184.  
  185. #searchthis { margin:0 1em; }
  186.  
  187. #searchbutton, #searchbox {
  188. font-family:inherit;
  189. font-size:1em;
  190. color:currentColor;
  191. background-color:transparent;
  192. border:none;
  193. display:inline-block;
  194. vertical-align:middle;
  195. }
  196.  
  197. #searchbox {
  198. box-sizing:border-box;
  199. padding:1em;
  200. width:calc(100% - 21px - 1em);
  201. }
  202.  
  203. #searchbox:focus {
  204. outline:0;
  205. }
  206.  
  207. #searchbutton {
  208. box-sizing:content-box;
  209. width:21px;
  210. height:21px;
  211. padding:0;
  212. padding-right:1em;
  213. }
  214.  
  215. #searchbutton i.material-icons {
  216. font-size:21px;
  217. vertical-align:middle;
  218. }
  219.  
  220. /* pagination */
  221.  
  222. .pagination .new, .pagination .old {
  223. box-sizing:border-box;
  224. width:50%;
  225. padding:1em;
  226. display:inline-block;
  227. vertical-align:middle;
  228. visibility:hidden;
  229. }
  230.  
  231. .pagination .new { text-align:left; }
  232. .pagination .old { text-align:right; }
  233.  
  234. .pagination a { color:currentColor; }
  235.  
  236. .pagination a .new, .pagination a .old { visibility:visible; }
  237.  
  238. .pagination .pagination_text, .pagination .pagination_icon {
  239. display:inline-block;
  240. vertical-align:middle;
  241. }
  242.  
  243. .pagination .pagination_text { width:calc(100% - 0.5em - 18px); }
  244.  
  245. .pagination .pagination_icon { padding:0 0.5em; }
  246.  
  247. .pagination .pagination_icon i.material-icons {
  248. font-size:18px;
  249. vertical-align:middle;
  250. }
  251.  
  252. .pagination .new .pagination_icon { padding-left:0; }
  253. .pagination .old .pagination_icon { padding-right:0; }
  254.  
  255. /* CONTENT */
  256.  
  257. section {
  258. margin:54px auto;
  259. width:{text:Post Size}px;
  260. max-width:700px);
  261. text-align:center;
  262. }
  263.  
  264. /* SPECIAL PAGES */
  265.  
  266. .info_header {
  267. margin:0 {select:Margin}px;
  268. margin-bottom:{select:Margin}px;
  269. padding:1em 1.25em;
  270. display:inline-block;
  271. }
  272.  
  273. /* POST */
  274.  
  275. article {
  276. width:100%;
  277. margin-bottom:{select:Margin}px;
  278. text-align:left;
  279. }
  280.  
  281. article:last-child { margin-bottom:0; }
  282.  
  283. /* caption and ask block */
  284.  
  285. .post_body { padding-bottom:1.25em; }
  286.  
  287. .reblog_chain>*:first-child {
  288. border-top:0;
  289. padding-top:0;
  290. }
  291.  
  292. /* caption source */
  293.  
  294. .source_portrait, .source_username, .ask_portrait, .ask_username, .caption_portrait, .caption_username {
  295. display:inline-block;
  296. vertical-align:middle;
  297. }
  298.  
  299. .source_portrait { width:40px; }
  300. .ask_portrait { width:30px; }
  301. .caption_portrait { width:24px; }
  302.  
  303. .ask_username, .source_username, .caption_username { margin-left:1em; }
  304.  
  305. .source_username { width:calc(100% - 1em - 40px); }
  306. .ask_username { width:calc(100% - 1em - 30px); }
  307. .caption_username { width:calc(100% - 1em - 24px); }
  308.  
  309. /* caption body */
  310.  
  311. .caption_block:empty { padding:0; }
  312.  
  313. .caption_block, .ask_block { text-align:justify; }
  314.  
  315. .caption_block>*, .ask_block>* { margin:1em 0 1em 0; }
  316.  
  317. .caption_block p, .caption_block blockquote .ask_block p, .ask_block blockquote { margin:1em 0 1em 0; }
  318.  
  319. .caption_block blockquote, .ask_block blockquote {
  320. padding:1em;
  321. border:1px solid {color:Accent};
  322. }
  323.  
  324. .caption_block blockquote *:first-child, .caption_block *:first-child, .ask_block blockquote *:first-child, .ask_block *:first-child { margin-top:0; }
  325. .caption_block blockquote *:last-child, .caption_block *:last-child, .ask_block blockquote *:last-child, .ask_block *:last-child { margin-bottom:0; }
  326.  
  327. /* caption block and ask block images */
  328.  
  329. .caption_block img, .ask_block img { max-width:100%; }
  330.  
  331. .tmblr-full img {
  332. display:block;
  333. width:100%;
  334. max-width:100%;
  335. margin:0;
  336. height:auto;
  337. }
  338.  
  339. .tmblr-full .tmblr-attribution {
  340. margin:0!important;
  341. text-align:left;
  342. line-height:1em!important;
  343. padding:0.75em;
  344. } /* this it that "originally posted by x" thing under caption pics */
  345.  
  346. .tmblr-full .tmblr-attribution a { display:block; }
  347.  
  348. .tmblr-attribution i.material-icons {
  349. float:right;
  350. font-size:inherit;
  351. }
  352.  
  353. /* text posts */
  354.  
  355. .title { text-align:center; }
  356.  
  357. .title a { font-size:1.4em; }
  358.  
  359. /* photo posts */
  360.  
  361. .photo img {
  362. display:block;
  363. width:100%;
  364. }
  365.  
  366. /* ==========================================================================
  367. PXU Photoset Extended Styles
  368. ======================================================================= */
  369.  
  370. .clearit:before, .clearit:after { content: ""; display: table; }
  371. .clearit:after { clear:both; }
  372. .clearit { *zoom:1; }
  373.  
  374. .photo-slideshow { visibility:hidden; height:auto; }
  375.  
  376. .photo-slideshow.processed { visibility:visible; }
  377.  
  378. .photo-slideshow .row {
  379. clear:both;
  380. width:100%;
  381. }
  382.  
  383. .photo-slideshow .pxu-photo {
  384. display:block;
  385. float:left;
  386. margin-bottom:0;
  387. width:100%;
  388. overflow:hidden;
  389. }
  390.  
  391. .photo-slideshow .pxu-photo img { display:block; }
  392.  
  393. .photo-slideshow.processed .pxu-photo img {
  394. width:100%;
  395. height:auto!important;
  396. }
  397.  
  398. .photo-slideshow .pxu-photo:first-child img { margin-left:0; }
  399.  
  400. .photo-slideshow .count-1 { width:100%; }
  401. .photo-slideshow .count-2 { width:50%; }
  402. .photo-slideshow .count-3 { width:33.33%; }
  403. .photo-slideshow .count-4 { width:25%; }
  404. .photo-slideshow .count-5 { width:20%; }
  405. .photo-slideshow .info { display:none; }
  406.  
  407. .photo-data {
  408. position:relative;
  409. float:left;
  410. }
  411.  
  412. /* quote posts */
  413.  
  414. .quote_block a { color:currentColor; }
  415.  
  416. .quote_mark {
  417. font-family:serif;
  418. font-size:5em;
  419. line-height:1em;
  420. position:absolute;
  421. opacity:0.5;
  422. filter:alpha(opacity=50);
  423. }
  424.  
  425. .quote, .quote_source { padding-left:3em; }
  426.  
  427. .quote { font-size:1.25em; }
  428.  
  429. .quote_source { margin-top:0.5em; }
  430.  
  431. /* link posts */
  432.  
  433. .link_block a { color:currentColor; }
  434.  
  435. .link_icon, .link {
  436. display:inline-block;
  437. vertical-align:top;
  438. margin:0;
  439. }
  440.  
  441. .link_icon { font-size:21px; }
  442.  
  443. .link {
  444. width:calc(100% - 1em - 21px);
  445. margin-left:1em;
  446. }
  447.  
  448. .link_name { font-size:1.25em; }
  449.  
  450. .link_host { margin-top:0.5em; }
  451.  
  452. .link_excerpt {
  453. margin-top:1em;
  454. text-align:left;
  455. font-size:calc(1em - 2px);
  456. }
  457.  
  458. /* chat posts */
  459.  
  460. .line { padding:0.75em; }
  461.  
  462. .chat_label { font-weight:bold; }
  463.  
  464. /* audio posts */
  465.  
  466. .tumblr_audio_player {
  467. display:block;
  468. width:100%;
  469. }
  470.  
  471. .spotify_audio_player {
  472. width:100%;
  473. height:80px!important;
  474. margin-bottom:-5px;
  475. }/* this makes sure the spotify embed audio has that look. if it's bigger than 80px in height it will have the album image underneath the player and it turns out really large. */
  476.  
  477. /* video posts */
  478.  
  479. .video > * { margin:0!important; }
  480.  
  481. .video iframe { display:block; }
  482.  
  483. .tumblr_video_container {
  484. width:auto!important;
  485. height:auto!important;
  486. }
  487.  
  488. iframe.tumblr_video_iframe { max-height:540px!important; } /* tumblr video max-height */
  489.  
  490. .tmblr-full>video {
  491. width:100%;
  492. height:100%;
  493. }
  494.  
  495. /* ask posts */
  496.  
  497. .ask_block { margin:0 1.25em; }
  498. .ask_block:nth-last-child(2) { margin-bottom:1.25em; }
  499. .ask_block:last-child { margin-bottom:0; }
  500.  
  501. .ask_block.asker { margin-left:2.25em; }
  502. .ask_block.answerer { margin-right:2.25em; }
  503.  
  504. .ask_block .bubble_arrow {
  505. border-width:0.5em 0.75em;
  506. border-style:solid;
  507. border-color:transparent;
  508. margin-top:5px!important;
  509. }
  510.  
  511. .ask_block.asker .bubble_arrow {
  512. margin-left:-2.75em;
  513. float:left;
  514. }
  515.  
  516. .ask_block.answerer .bubble_arrow {
  517. margin-right:-2.75em;
  518. float:right;
  519. }
  520.  
  521. .ask_header { margin-top:0; }
  522.  
  523. .ask_header>* { vertical-align:middle; }
  524.  
  525. .ask_block.asker .ask_header img { margin-right:0.75em; }
  526. .ask_block.answerer .ask_header img { margin-left:0.75em; }
  527.  
  528. .ask_block.asker .ask_header { text-align:left; }
  529. .ask_block.answerer .ask_header { text-align:right; }
  530.  
  531. /* captions */
  532.  
  533. .captions {
  534. {block:IfNotShowCaption}{block:IndexPage}display:none;{/block:IndexPage}{/block:IfNotShowCaption}
  535. }
  536.  
  537. /* submit and ask pages */
  538.  
  539. #ask_form, #submit_form {
  540. display:block;
  541. }
  542.  
  543. /* POST FOOTER */
  544.  
  545. .post_footer { {block:IndexPage}padding-top:0!important;{/block:IndexPage} }
  546.  
  547. .footer_labels { padding:2px 4px; }
  548.  
  549. .post_interaction { line-height:21px; } /* it's 21px because of the reblog and like buttons, so if you're changing that, change this */
  550.  
  551. /* reblog button */
  552.  
  553. .new_like_button, .reblog_button {
  554. float:right;
  555. margin-left:1em;
  556. color:currentColor;
  557. width:21px;
  558. height:21px;
  559. }
  560.  
  561. .new_like_button i.material-icons, .reblog_button i.material-icons {
  562. font-size:21px;
  563. vertical-align:top;
  564. }
  565.  
  566. /* like button */
  567.  
  568. .new_like_button {
  569. position:relative;
  570. display:block;
  571. cursor:pointer;
  572. }
  573.  
  574. .like_button {
  575. position:absolute;
  576. top:0;
  577. left:0;
  578. right:0;
  579. bottom:0;
  580. width:100%;
  581. height:100%;
  582. opacity:0;
  583. z-index:10;
  584. }
  585.  
  586. .like_button iframe {
  587. width:100%!important;
  588. height:100%!important;
  589. }
  590.  
  591. .our_button {
  592. position:absolute;
  593. top:0;
  594. left:0;
  595. right:0;
  596. bottom:0;
  597. width:100%;
  598. height:100%;
  599. z-index:1;
  600. }
  601.  
  602. .liked_button {
  603. display:none;
  604. color:#d95e40;
  605. }/* button that shows when that post is liked! it's hidden otherwise */
  606.  
  607. .like_button.liked + .our_button>.to_like_button { display:none; }
  608. .like_button.liked + .our_button>.liked_button { display:inline-block; } /* but the liked_button shows while hidding the normally visible like button! */
  609.  
  610. /* tags */
  611.  
  612. .tags {
  613. {block:IfNotShowTags}{block:IndexPage}display:none;{/block:IndexPage}{/block:IfNotShowTags}
  614. margin-bottom:0.5em;
  615. }
  616.  
  617. .tags a { margin-right:0.5em; }
  618.  
  619. /* PERMALINK */
  620.  
  621. ol.notes {
  622. list-style:none;
  623. margin:1.25em 0 0 0!important;
  624. padding:0;
  625. }
  626.  
  627. ol.notes li.note { margin-bottom:1em; }
  628.  
  629. ol.notes li.note:last-child { margin-bottom:0; }
  630.  
  631. ol.notes li.note a.avatar_frame, ol.notes li.note span.action {
  632. display:inline-block;
  633. vertical-align:top;
  634. min-height:1.5em;
  635. }
  636.  
  637. ol.notes li.note a.avatar_frame img {
  638. vertical-align:middle;
  639. width:16px;
  640. }
  641.  
  642. ol.notes li.note span.action {
  643. width:calc(100% - 0.75em - 16px);
  644. margin-left:0.75em;
  645. }
  646.  
  647. ol.notes blockquote { margin:1em 0 0 calc(16px + 0.75em); }
  648.  
  649. ol.notes li.note.more_notes_link_container { margin-top:0!important; }
  650. ol.notes li.note.more_notes_link_container a { color:currentColor; }
  651.  
  652. /* FOOTER */
  653.  
  654. footer .pagination { display:none; }
  655.  
  656. /* CORNER CREDIT */
  657.  
  658. #codematurgy {
  659. position:fixed;
  660. bottom:1.25em;
  661. right:1.25em;
  662. box-sizing:border-box;
  663. padding:0.25em 0.5em;
  664. line-height:18px;
  665. }
  666.  
  667. #codematurgy i.material-icons {
  668. font-size:18px;
  669. vertical-align:middle;
  670. }
  671.  
  672. #codematurgy_name { padding-left:0.5em; }
  673.  
  674. /* UNIVERSAL STYLING */
  675.  
  676. /* rounded borders */
  677.  
  678. #sidebar_portrait.circle { border-radius:100%; }
  679.  
  680. aside, #sidebar_portrait.square, .info_header, article, .ask_block, #codematurgy { border-radius:5px; }
  681.  
  682. .sidebar_links, #searchthis, button#searchbutton i, .source_portrait, .caption_portrait, .caption_block a, .caption_block blockquote, .ask_header img, .footer_labels, .reblog_button i, .new_like_button i, ol.notes .avatar { border-radius:3px; }
  683.  
  684. aside, article, .caption_block blockquote { overflow:hidden; }
  685.  
  686. /* borders */
  687.  
  688. #sidebar_portrait {
  689. border-style:solid;
  690. border-width:5px;
  691. margin:-5px auto;
  692. }
  693.  
  694. .caption_block{block:PermalinkPage}, .post_footer{/block:PermalinkPage} {
  695. border-style:solid;
  696. border-width:1px 0 0 0;
  697. }
  698.  
  699. /* colors */
  700.  
  701. aside, article { {block:IfNotDarkPostBackground}background-color:white;{/block:IfNotDarkPostBackground}{block:IfDarkPostBackground}background-color:#101010;{/block:IfDarkPostBackground} }
  702. #sidebar_portrait { {block:IfNotDarkPostBackground}border-color:white;{/block:IfNotDarkPostBackground}{block:IfDarkPostBackground}border-color:#101010;{/block:IfDarkPostBackground} }
  703.  
  704. .pagination, .quote_block, .link_block, .line:nth-child(odd), .ask_block, .tmblr-attribution, .more_notes_link_container, footer { {block:IfNotDarkPostBackground}background-color:#eeeeee;{/block:IfNotDarkPostBackground}{block:IfDarkPostBackground}background-color:#181818;{/block:IfDarkPostBackground} }
  705.  
  706. .asker .bubble_arrow { {block:IfNotDarkPostBackground}border-right-color:#eeeeee;{/block:IfNotDarkPostBackground}{block:IfDarkPostBackground}border-right-color:#181818;{/block:IfDarkPostBackground} }
  707. .answerer .bubble_arrow { {block:IfNotDarkPostBackground}border-left-color:#eeeeee;{/block:IfNotDarkPostBackground}{block:IfDarkPostBackground}border-left-color:#181818;{/block:IfDarkPostBackground} }
  708.  
  709. #searchthis, .line:nth-child(even) { {block:IfNotDarkPostBackground}background-color:#dddddd;{/block:IfNotDarkPostBackground}{block:IfDarkPostBackground}background-color:#242424;{/block:IfDarkPostBackground} }
  710.  
  711. .caption_block, .post_footer { {block:IfNotDarkPostBackground}border-color:#cccccc;{/block:IfNotDarkPostBackground}{block:IfDarkPostBackground}border-color:#444444;{/block:IfDarkPostBackground} }
  712.  
  713. .sidebar_links, .caption_block a, .info_header, #codematurgy { background-color:{color:Accent}; }
  714.  
  715. .sidebar_links a, .caption_block a, .info_header, #codematurgy a { {block:IfNotDarkLinkFont}color:white;{/block:IfNotDarkLinkFont}{block:IfDarkLinkFont}color:black;{/block:IfDarkLinkFont} }
  716.  
  717. .caption_source a, .tmblr-attribution a { background-color:initial; }
  718.  
  719. .caption_source a { color:{color:Accent}; }
  720. .tmblr-attribution a { color:currentColor; }
  721.  
  722. /* paddings */
  723.  
  724. #searchbar, #navigation, #description, .post_source, .title, .link_block, .quote_block, .caption_block, .ask_block, .post_footer, .more_notes_link_container {
  725. padding:1.25em;
  726. }
  727.  
  728. #sidebar_portrait.use_none { margin-top:1.25em!important; }
  729.  
  730. #sidebar_portrait.use_header, #sidebar_portrait.use_upload { margin-top:-37px!important; }
  731.  
  732. .ask_header, .caption_source { margin-bottom:1.25em; }
  733.  
  734. .tmblr-full, .npf_photoset {
  735. margin-left:-1.25em;
  736. margin-right:-1.25em;
  737. }
  738.  
  739. ol.notes li.note.more_notes_link_container { margin:-1.25em; }
  740.  
  741. .caption_source a, .tmblr-attribution a { padding:initial; }
  742.  
  743. /* non-underlined links */
  744.  
  745. .sidebar_links a, .post_source a, .title a, .ask_header a, .link_block a .link, .caption_source a, .caption_block a, .tmblr-attribution a, .post_footer a, .pagination a, #codematurgy a { text-decoration:none; }
  746. .sidebar_links a:hover, .sidebar_links a:focus, button#searchbutton:hover, button#searchbutton:focus, .post_source a:hover, .post_source a:focus, .post_source a:hover .source_username, .post_source a:focus .source_username, .title a:hover, .title a:focus, .ask_header a:hover, .ask_header a:focus, .link_block a:hover .link, .link_block a:focus .link, .caption_source a:hover, .caption_source a:focus, .caption_source a:hover .caption_username, .caption_source a:focus .caption_username, .caption_block a:hover, .caption_block a:focus, .tmblr-attribution a:hover, .tmblr-attribution a:focus, .post_footer a:hover, .post_footer a:focus, .pagination a:hover, .pagination a:focus, .pagination a:hover .pagination_text, .pagination a:focus .pagination_text, #codematurgy a:hover, #codematurgy a:focus {
  747. text-decoration:underline;
  748. outline:none;
  749. }
  750.  
  751. button#searchbutton:hover i, button#searchbutton:focus i, .reblog_button:hover i, .reblog_button:focus i, .like_button:hover + .our_button i, .like_button:focus + .our_button i, a.avatar_frame:hover img, a.avatar_frame:focus img {
  752. border:1px solid currentColor;
  753. margin:-1px;
  754. }
  755.  
  756. /* MOBILE VERSION */
  757.  
  758. @media (max-width: 800px) {
  759. body {
  760. font-size:calc({select:Font Size}px + 1px);
  761. line-height:1.75em;
  762. }
  763.  
  764. aside, section {
  765. top:0;
  766. left:0;
  767. }
  768.  
  769. aside {
  770. width:100%;
  771. position:initial;
  772. border-radius:0;
  773. }
  774.  
  775. #sidebar_image.use_upload img.use_upload, #sidebar_image.use_header img.use_header { display:none; }
  776.  
  777. #sidebar_image.use_header img.use_header, #sidebar_image.use_upload img.use_header { {block:ShowHeaderImage}display:block;{/block:ShowHeaderImage} }
  778.  
  779. #sidebar_portrait.use_header, #sidebar_portrait.use_upload, #sidebar_portrait.use_none {
  780. display:block;
  781. margin-top:1.25em!important;
  782. {block:ShowHeaderImage}margin-top:-32px!important;{/block:ShowHeaderImage}
  783. }
  784.  
  785. aside .pagination { display:none; }
  786.  
  787. section {
  788. width:95%;
  789. max-width:95%;
  790. }
  791.  
  792. footer { text-align:center; }
  793.  
  794. footer .pagination { display:block; }
  795.  
  796. #codematurgy {
  797. position:initial;
  798. right:0;
  799. bottom:0;
  800. display:inline-block;
  801. margin:2.5% 0;
  802. }
  803.  
  804. /* universal styling */
  805.  
  806. aside { {block:IfNotDarkPostBackground}background-color:#eeeeee;{/block:IfNotDarkPostBackground}{block:IfDarkPostBackground}background-color:#181818;{/block:IfDarkPostBackground} }
  807. #sidebar_portrait { {block:IfNotDarkPostBackground}border-color:#eeeeee;{/block:IfNotDarkPostBackground}{block:IfDarkPostBackground}border-color:#181818;{/block:IfDarkPostBackground} }
  808.  
  809. section { margin:2.5%; }
  810.  
  811. aside, article { margin-bottom:5%; }
  812.  
  813. footer { margin-top:5%; }
  814.  
  815. #codematurgy { {block:IfNotDarkPostBackground}background-color:#dddddd;{/block:IfNotDarkPostBackground}{block:IfDarkPostBackground}background-color:#242424;{/block:IfDarkPostBackground} }
  816. #codematurgy a { color:currentColor; }
  817. }
  818.  
  819. {CustomCSS}
  820. </style>
  821.  
  822. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
  823.  
  824. </head>
  825.  
  826. <body>
  827.  
  828. <aside>
  829. <div id="sidebar_image" class="{select:Sidebar Image}">
  830. <img src="{HeaderImage}" class="use_header"/>
  831. <img src="{image:Sidebar}" class="use_upload"/>
  832. </div>
  833. <img src="{PortraitURL-128}" id="sidebar_portrait" class="{AvatarShape} {select:Sidebar Image}"/>
  834.  
  835. <nav id="navigation">
  836. <h3 class="screen_reader_sentences">{lang:Navigate}</h3>
  837. <div class="sidebar_links"><a href="{BlogURL}" class="universal_sentences">{lang:Home}</a></div>
  838. <div class="sidebar_links"><a href="{BlogURL}archive" class="universal_sentences">{lang:Archive}</a></div>
  839. {block:AskEnabled}<div class="sidebar_links"><a href="{BlogURL}ask">{AskLabel}</a></div>{/block:AskEnabled}
  840. {block:SubmissionsEnabled}<div class="sidebar_links"><a href="{BlogURL}submit">{SubmitLabel}</a></div>{/block:SubmissionsEnabled}
  841. {block:HasPages}{block:Pages}
  842. <div class="sidebar_links"><a href="{URL}">{Label}</a></div>
  843. {/block:Pages}{/block:HasPages}
  844. </nav>
  845.  
  846. {block:Description}
  847. <h3 class="screen_reader_sentences">{lang:About}</h3>
  848. <div id="description">{Description}</div>
  849. {/block:Description}
  850.  
  851. <div id="searchbar">
  852. <form action="/search" id="searchthis" method="get">
  853. <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>
  854. </form>
  855. </div>
  856.  
  857. {block:Pagination}<!-- main page pagination -->
  858. <nav class="pagination universal_sentences">
  859.  
  860. {block:PreviousPage}<a href="{PreviousPage}">{/block:PreviousPage}<div class="new">
  861. <div class="pagination_icon"><i class="material-icons">chevron_left</i></div><div class="pagination_text"><span aria-hidden="true">{lang:Newer}</span><span class="screen_reader_sentences">{lang:Newer posts}</span></div>
  862. </div>{block:PreviousPage}</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">{/block:NextPage}<div class="old">
  863. <div class="pagination_text"><span aria-hidden="true">{lang:Older}</span><span class="screen_reader_sentences">{lang:Older posts}</span></div><div class="pagination_icon"><i class="material-icons">chevron_right</i></div>
  864. </div>{block:NextPage}</a>{/block:NextPage}
  865. <div style="clear:both;"/>
  866.  
  867. </nav>
  868. {/block:Pagination}
  869.  
  870. {block:PermalinkPagination}<!-- permalink pagination -->
  871. <nav class="pagination universal_sentences">
  872.  
  873. {block:NextPost}<a href="{NextPost}">{/block:NextPost}<div class="new">
  874. <div class="pagination_icon"><i class="material-icons">chevron_left</i></div><div class="pagination_text">{lang:Next post}</div>
  875. </div>{block:NextPost}</a>{/block:NextPost}{block:PreviousPost}<a href="{PreviousPost}">{/block:PreviousPost}<div class="old">
  876. <div class="pagination_text">{lang:Previous post}</div><div class="pagination_icon"><i class="material-icons">chevron_right</i></div>
  877. </div>{block:PreviousPost}</a>{/block:PreviousPost}
  878. <div style="clear:both;"/>
  879.  
  880. </nav>
  881. {/block:PermalinkPagination}
  882. </aside>
  883.  
  884. <section class="{select:Margin}">
  885.  
  886. {block:TagPage}<!-- tag page header -->
  887. <div class="info_header" id="tag_page">
  888. <div class="universal_sentences">{lang:Posts tagged Tag}</div>
  889. </div>{/block:TagPage}
  890.  
  891. {block:SearchPage}<!-- search result page header -->
  892. <div class="info_header" id="search_page">
  893. <div class="universal_sentences">{lang:SearchResultCount results for SearchQuery}
  894. {block:NoSearchResults}{lang:No posts containing SearchQuery}{/block:NoSearchResults}</div>
  895. </div>{/block:SearchPage}
  896.  
  897. {block:DayPage}<!-- day page header -->
  898. <div class="info_header" id="day_page">
  899. <div class="universal_sentences">{lang:Viewing everything posted on Month DayOfMonth Year}</div>
  900. </div>{/block:DayPage}
  901.  
  902. {block:NoPosts}<!-- empty blog header -->
  903. <div class="info_header" id="empty_page">
  904. <div class="universal_sentences">{lang:This Tumblr hasnt made any posts}</div>
  905. </div>{/block:NoPosts}
  906.  
  907. {block:Posts}
  908.  
  909. <article class="{select:Gutters}">
  910.  
  911. <!-- post type -->
  912. {block:Date}<h2 class="screen_reader_sentences">{block:Text}{lang:Text post}{/block:Text}{block:Photo}{lang:Photo post}{/block:Photo}{block:Photoset}{lang:Pohotoset post}{/block:Photoset}{block:Quote}{lang:Quote post}{/block:Quote}{block:Link}{lang:Link post}{/block:Link}{block:Chat}{lang:Chat post}{/block:Chat}{block:Audio}{lang:Audio post}{/block:Audio}{block:Video}{lang:Video post}{/block:Video}{block:Answer}{PostType}{/block:Answer}</h2>{/block:Date}
  913.  
  914. {block:Date}<!-- post source -->
  915. {block:RebloggedFrom}
  916. <div class="post_source">
  917. <a href="{ReblogRootURL}">
  918. <img src="{ReblogRootPortraitURL-64}" class="source_portrait"/><!--
  919. --><span class="source_username"><span aria-hidden="true">{ReblogRootName}</span><span class="screen_reader_sentences">{lang:Originally from ReblogRootName}</span><br>{NoteCountWithLabel}</span>
  920. </a></div>
  921. {/block:RebloggedFrom}
  922. {block:NotReblog}
  923. <div class="post_source">
  924. <a href="{BlogURL}">
  925. <img src="{PortraitURL-64}" class="source_portrait"/><!--
  926. --><span class="source_username"><span class="newuser" aria-hidden="true">{BlogURL}</span><span class="screen_reader_sentences">{lang:This was posted TimeAgo}</span><br>{NoteCountWithLabel}</span>
  927. </a></div>
  928. {/block:NotReblog}
  929. {/block:Date}
  930.  
  931. {block:Text}
  932. {block:Title}<div class="title" style="padding-bottom:0;{block:Date} padding-top:0; padding-bottom:1.25em;{/block:Date}"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  933. {block:NotReblog}
  934. <div class="caption_block" style="{block:Date}padding-top:0; {/block:Date}border-top:0;">{Body}</div>
  935. {/block:NotReblog}
  936. {block:RebloggedFrom}
  937. {block:Reblogs}
  938. <div class="caption_block"{block:IsOriginalEntry} style="padding-top:0; border-top:0;"{/block:IsOriginalEntry}>
  939. {block:IsNotOriginalEntry}<div class="caption_source">
  940. {block:IsActive}
  941. {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}
  942. {block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}
  943. {/block:IsActive}
  944. <img src="{PortraitURL-64}" class="caption_portrait"/><span class="caption_username">{Username}</span>
  945. {block:IsActive}
  946. {block:HasPermalink}</a>{/block:HasPermalink}
  947. {block:HasNoPermalink}</a>{/block:HasNoPermalink}
  948. {/block:IsActive}
  949. </div>{/block:IsNotOriginalEntry}
  950. {Body}
  951. </div>
  952. {/block:Reblogs}
  953. {/block:RebloggedFrom}
  954. {/block:Text}
  955.  
  956. {block:Photo}
  957. <div class="post_body">
  958. {LinkOpenTag}
  959. <div class="photo"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
  960. {LinkCloseTag}
  961. </div>
  962.  
  963. {block:Caption}
  964. {block:NotReblog}<div class="caption_block captions" style="padding-top:0; border-top:0;">{Caption}</div>{/block:NotReblog}
  965. {block:RebloggedFrom}<div class="reblog_chain">
  966. {block:Reblogs}<div class="caption_block captions">
  967. {block:IsNotOriginalEntry}<div class="caption_source">
  968. {block:IsActive}{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}{/block:IsActive}
  969. <img src="{PortraitURL-64}" class="caption_portrait"/><span class="caption_username">{Username}</span>
  970. {block:IsActive}{block:HasPermalink}</a>{/block:HasPermalink}{block:HasNoPermalink}</a>{/block:HasNoPermalink}{/block:IsActive}
  971. </div>{/block:IsNotOriginalEntry}
  972. {Body}
  973. </div>{/block:Reblogs}
  974. </div>{/block:RebloggedFrom}
  975. {/block:Caption}
  976. {/block:Photo}
  977.  
  978. {block:Photoset}
  979. <div class="post_body">
  980. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  981. {block:Photos}<div class="photo-data">
  982. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}">
  983. <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>
  984. </a>
  985. </div>{/block:Photos}
  986. </div>
  987. </div>
  988.  
  989. {block:Caption}
  990. {block:NotReblog}<div class="caption_block captions" style="padding-top:0; border-top:0;">{Caption}</div>{/block:NotReblog}
  991. {block:RebloggedFrom}<div class="reblog_chain">
  992. {block:Reblogs}<div class="caption_block captions">
  993. {block:IsNotOriginalEntry}<div class="caption_source">
  994. {block:IsActive}{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}{/block:IsActive}
  995. <img src="{PortraitURL-64}" class="caption_portrait"/><span class="caption_username">{Username}</span>
  996. {block:IsActive}{block:HasPermalink}</a>{/block:HasPermalink}{block:HasNoPermalink}</a>{/block:HasNoPermalink}{/block:IsActive}
  997. </div>{/block:IsNotOriginalEntry}
  998. {Body}
  999. </div>{/block:Reblogs}
  1000. </div>{/block:RebloggedFrom}
  1001. {/block:Caption}
  1002. {/block:Photoset}
  1003.  
  1004. {block:Quote}
  1005. <div class="post_body">
  1006. <div class="quote_block">
  1007. <div class="quote_mark">“</div><div class="quote">{Quote}</div>
  1008. {block:Source}<div class="quote_source">— {Source}</div>{/block:Source}
  1009. </div>
  1010. </div>
  1011. {/block:Quote}
  1012.  
  1013. {block:Link}
  1014. <div class="post_body">
  1015. <div class="link_block">
  1016. <a href="{URL}"><i class="material-icons link_icon">link</i><!--
  1017. --><div class="link">
  1018. <div class="link_name">{Name}</div>{block:Host}
  1019. <div class="link_host">{Host}</div>{/block:Host}
  1020. </div></a>
  1021. {block:Excerpt}<div class="link_excerpt">{Excerpt}</div>{/block:Excerpt}
  1022. </div>
  1023. </div>
  1024.  
  1025. {block:Description}
  1026. {block:NotReblog}<div class="caption_block captions" style="padding-top:0; border-top:0;">{Description}</div>{/block:NotReblog}
  1027. {block:RebloggedFrom}<div class="reblog_chain">
  1028. {block:Reblogs}<div class="caption_block captions">
  1029. {block:IsNotOriginalEntry}<div class="caption_source">
  1030. {block:IsActive}{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}{/block:IsActive}
  1031. <img src="{PortraitURL-64}" class="caption_portrait"/><span class="caption_username">{Username}</span>
  1032. {block:IsActive}{block:HasPermalink}</a>{/block:HasPermalink}{block:HasNoPermalink}</a>{/block:HasNoPermalink}{/block:IsActive}
  1033. </div>{/block:IsNotOriginalEntry}
  1034. {Body}
  1035. </div>{/block:Reblogs}
  1036. </div>{/block:RebloggedFrom}
  1037. {/block:Description}
  1038. {/block:Link}
  1039.  
  1040. {block:Chat}
  1041. {block:Title}<div class="title"{block:Date} style="padding-top:0;"{/block:Date}><a href="{Permalink}">{Title}</a></div>{/block:Title}
  1042. <div class="post_body">
  1043. <div class="chat">
  1044. {block:Lines}<div class="line">
  1045. {block:Label}<span class="chat_label">{Label}</span>{/block:Label} {Line}
  1046. </div>{/block:Lines}
  1047. </div>
  1048. </div>
  1049. {/block:Chat}
  1050.  
  1051. {block:Audio}
  1052. <div class="post_body">
  1053. <div class="audio">{block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}</div>
  1054. </div>
  1055.  
  1056. {block:Caption}
  1057. {block:NotReblog}<div class="caption_block captions" style="padding-top:0; border-top:0;">{Caption}</div>{/block:NotReblog}
  1058. {block:RebloggedFrom}<div class="reblog_chain">
  1059. {block:Reblogs}<div class="caption_block captions">
  1060. {block:IsNotOriginalEntry}<div class="caption_source">
  1061. {block:IsActive}{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}{/block:IsActive}
  1062. <img src="{PortraitURL-64}" class="caption_portrait"/><span class="caption_username">{Username}</span>
  1063. {block:IsActive}{block:HasPermalink}</a>{/block:HasPermalink}{block:HasNoPermalink}</a>{/block:HasNoPermalink}{/block:IsActive}
  1064. </div>{/block:IsNotOriginalEntry}
  1065. {Body}
  1066. </div>{/block:Reblogs}
  1067. </div>{/block:RebloggedFrom}
  1068. {/block:Caption}
  1069. {/block:Audio}
  1070.  
  1071. {block:Video}
  1072. <div class="post_body">
  1073. <div class="video main_video">{Video-700}</div>
  1074. </div>
  1075.  
  1076. {block:Caption}
  1077. {block:NotReblog}<div class="caption_block captions" style="padding-top:0; border-top:0;">{Caption}</div>{/block:NotReblog}
  1078. {block:RebloggedFrom}<div class="reblog_chain">
  1079. {block:Reblogs}<div class="caption_block captions">
  1080. {block:IsNotOriginalEntry}<div class="caption_source">
  1081. {block:IsActive}{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}{/block:IsActive}
  1082. <img src="{PortraitURL-64}" class="caption_portrait"/><span class="caption_username">{Username}</span>
  1083. {block:IsActive}{block:HasPermalink}</a>{/block:HasPermalink}{block:HasNoPermalink}</a>{/block:HasNoPermalink}{/block:IsActive}
  1084. </div>{/block:IsNotOriginalEntry}
  1085. {Body}
  1086. </div>{/block:Reblogs}
  1087. </div>{/block:RebloggedFrom}
  1088. {/block:Caption}
  1089. {/block:Video}
  1090.  
  1091. {block:Answer}
  1092. <div class="post_body" style="background-color:transparent;">
  1093. <div class="ask_block asker">
  1094. <div class="bubble_arrow"></div>
  1095. <div class="ask_header"><img src="{AskerPortraitURL-30}"/>{lang:Asker asked 2}</div>
  1096. <p>{Question}</p>
  1097. </div>
  1098. {block:Answerer}
  1099. <div class="ask_block answerer">
  1100. <div class="bubble_arrow"></div>
  1101. <div class="ask_header">{Answerer}<img src="{AnswererPortraitURL-30}"/></div>
  1102. {Answer}
  1103. </div>
  1104. {/block:Answerer}
  1105. </div>
  1106.  
  1107. {block:NotReblog}<div class="caption_block" style="padding-top:0; border-top:0;">{Replies}</div>{/block:NotReblog}
  1108. {block:RebloggedFrom}<div class="reblog_chain">
  1109. {block:Reblogs}<div class="caption_block captions">
  1110. <div class="caption_source">
  1111. {block:IsActive}{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}{/block:IsActive}
  1112. <img src="{PortraitURL-64}" class="caption_portrait"/><span class="caption_username">{Username}</span>
  1113. {block:IsActive}{block:HasPermalink}</a>{/block:HasPermalink}{block:HasNoPermalink}</a>{/block:HasNoPermalink}{/block:IsActive}
  1114. </div>
  1115. {Body}
  1116. </div>{/block:Reblogs}
  1117. </div>{/block:RebloggedFrom}
  1118. {/block:Answer}
  1119.  
  1120. {block:Date}<div class="post_footer">
  1121.  
  1122. {block:HasTags}<div class="tags">
  1123. <span class="screen_reader_sentences">{lang:Filed under}</span>{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  1124. </div>{/block:HasTags}
  1125.  
  1126. {block:IndexPage}
  1127. <div class="post_interaction">
  1128. <a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}/{Year} {12HourWithZero}:{Minutes}{CapitalAmPm}<span class="screen_reader_sentences">{lang:Permalink for this post}</span></a>
  1129.  
  1130. <div class="new_like_button" aria-hidden="true">{LikeButton}
  1131. <span class="our_button"><i class="material-icons to_like_button">favorite_border</i><i class="material-icons liked_button">favorite</i></span></div>
  1132.  
  1133. <a href="{ReblogURL}" class="reblog_button"><i class="material-icons" aria-hidden="true">loop</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>
  1134. </div>
  1135. {/block:IndexPage}
  1136.  
  1137. {block:PermalinkPage}
  1138. <span class="universal_sentences">
  1139. <a href="{BlogURL}day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}/">{block:RebloggedFrom}{lang:Reblogged} {TimeAgo}{/block:RebloggedFrom}{block:NotReblog}{lang:Posted TimeAgo}{/block:NotReblog}({DayOfMonthWithZero}/{MonthNumberWithZero}/{Year} {12HourWithZero}:{Minutes}{CapitalAmPm})</a>, {NoteCountWithLabel}
  1140. {block:RebloggedFrom}<br> {lang:Reblogged from ReblogParentName 2}, {lang:Originally from ReblogRootName 2}{/block:RebloggedFrom}
  1141. {block:ContentSource}<br>{lang:Source}: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  1142. </span>
  1143. {/block:PermalinkPage}
  1144.  
  1145. {block:PermalinkPage}{block:PostNotes}
  1146. <span class="screen_reader_sentences">{lang:View notes for this post}</span>
  1147. {PostNotes-64}
  1148. {/block:PostNotes}
  1149. {/block:PermalinkPage}
  1150. </div>{/block:Date}
  1151.  
  1152. </article>
  1153.  
  1154. {/block:Posts}
  1155.  
  1156. </section>
  1157.  
  1158. <footer>
  1159. {block:Pagination}<!-- main page pagination -->
  1160. <nav class="pagination universal_sentences">
  1161.  
  1162. {block:PreviousPage}<a href="{PreviousPage}">{/block:PreviousPage}<div class="new">
  1163. <div class="pagination_icon"><i class="material-icons">chevron_left</i></div><div class="pagination_text"><span aria-hidden="true">{lang:Newer}</span><span class="screen_reader_sentences">{lang:Newer posts}</span></div>
  1164. </div>{block:PreviousPage}</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">{/block:NextPage}<div class="old">
  1165. <div class="pagination_text"><span aria-hidden="true">{lang:Older}</span><span class="screen_reader_sentences">{lang:Older posts}</span></div><div class="pagination_icon"><i class="material-icons">chevron_right</i></div>
  1166. </div>{block:NextPage}</a>{/block:NextPage}
  1167. <div style="clear:both;"/>
  1168.  
  1169. </nav>
  1170. {/block:Pagination}
  1171.  
  1172. {block:PermalinkPagination}<!-- permalink pagination -->
  1173. <nav class="pagination universal_sentences">
  1174.  
  1175. {block:NextPost}<a href="{NextPost}">{/block:NextPost}<div class="new">
  1176. <div class="pagination_icon"><i class="material-icons">chevron_left</i></div><div class="pagination_text">{lang:Next post}</div>
  1177. </div>{block:NextPost}</a>{/block:NextPost}{block:PreviousPost}<a href="{PreviousPost}">{/block:PreviousPost}<div class="old">
  1178. <div class="pagination_text">{lang:Previous post}</div><div class="pagination_icon"><i class="material-icons">chevron_right</i></div>
  1179. </div>{block:PreviousPost}</a>{/block:PreviousPost}
  1180. <div style="clear:both;"/>
  1181.  
  1182. </nav>
  1183. {/block:PermalinkPagination}
  1184.  
  1185. <div id="codematurgy" style="{block:Pagination}margin-top:0!important;{/block:Pagination}{block:PermalinkPagination}margin-top:0!important;{/block:PermalinkPagination}"><a href="https://codematurgy.tumblr.com"><i class="material-icons">code</i><span id="codematurgy_name">codematurgy</span></a></div>
  1186.  
  1187. </footer>
  1188.  
  1189. <!-- PHOTOSETS by PixelUnion on https://github.com/PixelUnion/Extended-Tumblr-Photoset -->
  1190. <script type="text/javascript" src="https://static.tumblr.com/xkippcr/qe4p593ag/pxuphotoset.js"></script>
  1191.  
  1192. <script type="text/javascript">
  1193. $(document).ready(function() {
  1194. $('.photo-slideshow').pxuPhotoset({
  1195. 'ligthbox' : true,
  1196. 'highRes' : true,
  1197. 'rounded' : false,
  1198. 'exif' : true,
  1199. 'captions' : true,
  1200. 'gutter' : '2px',
  1201. 'photoset' : '.photo-slideshow',
  1202. 'photoWrap' : '.photo-data',
  1203. 'photo' : '.pxu-photo'
  1204. }, function() {
  1205. // callback
  1206. });
  1207. });
  1208. </script>
  1209.  
  1210. <script>
  1211. var video = document.querySelectorAll("article figure > video");
  1212. for (i = 0; i < video.length; i++) {
  1213. if (video[i].parentNode.className === null || video[i].parentNode.className !== null && !video[i].parentNode.className.match(/tmblr-full+/g)) {
  1214. video[i].parentNode.className += " tmblr-full";
  1215. }
  1216. }
  1217. </script>
  1218.  
  1219. <script src="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosets.js"></script>
  1220. <link href="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosetstyle.css" rel="stylesheet" type="text/css"/>
  1221.  
  1222. <script>
  1223. npfPhotosets("article", {
  1224. rowClass:"npf_row",
  1225. imageContainerClass:"tmblr-full",
  1226. generatedPhotosetContainerClass:"npf_photoset",
  1227. imageClass:"npf_image",
  1228. includeSingleRowImagesInPhotosets: true,
  1229. includeCommonPhotosets: true,
  1230. insertGalleryIndicator: false,
  1231. galleryIndicatorClass: "npf_gallery_indicator",
  1232. galleryIndicatorContent: "<img src='image_url'>",
  1233. photosetMargins:"2"
  1234. });
  1235. </script>
  1236.  
  1237. <script>
  1238. // this will generate your username at the post's header when you make an original post.
  1239. $(".newuser").each(function() {
  1240. $(this).text( $(this).text().substring($(this).text().indexOf("//") + 2, $(this).text().indexOf(".")) );
  1241. });
  1242.  
  1243. // this adds the arrows beside your description and post list itens.
  1244. $("#description ul li, .caption_block ul li").before("<i class='material-icons'>chevron_right</i>");
  1245.  
  1246. // this adds the arrow beside attributions in caption pics.
  1247. $(".tmblr-attribution>a").append("<i class='material-icons'>chevron_right</i>");
  1248.  
  1249. // this deletes empty paragraphs.
  1250. $("article p:empty").remove();
  1251.  
  1252. // this will hide the following decorative elements when screen reading.
  1253. $("i.material-icons, ol.notes li.note a.avatar_frame, ol.notes li.note img.avatar").attr("aria-hidden", "true");
  1254. </script>
  1255.  
  1256. <script>
  1257. function videoResizing() {
  1258. $(".tmblr-embed").addClass("video");
  1259. function videoActualResize() {
  1260. $(".video").each(function() {
  1261. var originalVideoWidth = $(this).find("iframe").width();
  1262. var originalVideoHeight = $(this).find("iframe").height();
  1263. videoWidth = $(this).width();
  1264. var videoProportion = videoWidth / originalVideoWidth;
  1265. var videoHeight = originalVideoHeight * videoProportion;
  1266.  
  1267. $(this).find("iframe").attr("width", videoWidth);
  1268. $(this).find("iframe").attr("height", videoHeight);
  1269. });
  1270. }
  1271. videoActualResize();
  1272. $(window).resize(function(){
  1273. videoActualResize();
  1274. });
  1275. }
  1276. videoResizing();
  1277. </script>
  1278.  
  1279. </body>
  1280.  
  1281. </html>
Advertisement
Add Comment
Please, Sign In to add comment