API tools faq
paste
Guest User

fascination-subjects-tumblr

a guest
Sep 24th, 2015
218
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 55.63 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3.  
  4.  
  5. <!--
  6.  
  7.  
  8.  
  9. Field-Object Theme
  10.  
  11.  
  12.  
  13. by Sean Bryen
  14.  
  15. http://github.com/field-object/field-object
  16.  
  17.  
  18.  
  19. Released under the MIT license
  20.  
  21. http://opensource.org/licenses/MIT
  22.  
  23.  
  24. share
  25. -->
  26.  
  27.  
  28. <html class="no-js" lang="{block:English}en{/block:English}{block:French}fr{/block:French}{block:German}de{/block:German}{block:Italian}it{/block:Italian}{block:Japanese}ja{/block:Japanese}{block:Turkish}tr{/block:Turkish}{block:Spanish}es{/block:Spanish}{block:Russian}ru{/block:Russian}{block:Polish}pl{/block:Polish}{block:PortuguesePT}pt{/block:PortuguesePT}{block:PortugueseBR}pt-BR{/block:PortugueseBR}{block:Dutch}nl{/block:Dutch}">
  29.  
  30.  
  31.  
  32. <head>
  33.  
  34.  
  35.  
  36. <meta charset="utf-8">
  37.  
  38. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  39.  
  40. <meta name="viewport" content="width=device-width">
  41.  
  42. <title>{Title}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
  43.  
  44. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  45.  
  46.  
  47.  
  48. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  49.  
  50. <link rel="shortcut icon" href="{Favicon}">
  51.  
  52. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  53.  
  54. <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" />
  55.  
  56. <script type="text/javascript" src="http://static.tumblr.com/vmi5hwb/Wgnn0ykdk/jquery.min.js"></script>
  57.  
  58. <script type="text/javascript" src="http://static.tumblr.com/vmi5hwb/2YVn0ykem/jquery-ui.min.js"></script>
  59.  
  60. <script type="text/javascript" src="http://static.tumblr.com/vmi5hwb/JKzmw5bg3/masonry.pkgd.min.js"></script>
  61.  
  62.  
  63.  
  64. <!-- jknav with edits/hacks specific to this theme -->
  65.  
  66. <script type="text/javascript" src="http://static.tumblr.com/vmi5hwb/692n0ylfl/jquery.jknav.field-object.js"></script>
  67.  
  68. <script type="text/javascript" src="http://static.tumblr.com/vmi5hwb/r83mw2v6q/jquery.hotkeys.js"></script>
  69.  
  70.  
  71.  
  72. <!-- Theme-specific js -->
  73.  
  74. <script>
  75. // Pre-load image button background pngs
  76. function preloadImages(array) {
  77. if (!preloadImages.list) {
  78. preloadImages.list = [];
  79. }
  80. for (var i = 0; i < array.length; i++) {
  81. var img = new Image();
  82. img.src = array[i];
  83. preloadImages.list.push(img);
  84. }
  85. }
  86.  
  87. function fixVimeo() {
  88.  
  89. /*
  90. Better Vimeo Embeds 2.1 by Matthew Buchanan
  91. Modelled on the Vimeo Embedinator Script
  92. http://mattbu.ch/tumblr/vimeo-embeds/
  93.  
  94. Released under a Creative Commons attribution license:
  95. http://creativecommons.org/licenses/by/3.0/nz/
  96. */
  97.  
  98. var color = "ffffff";
  99. var opts = "title=0&byline=0&portrait=0";
  100. $("iframe[src^='http://player.vimeo.com']").each(function() {
  101. var src = $(this).attr("src");
  102. var w = $(this).attr("width");
  103. var h = $(this).attr("height");
  104. if (src.indexOf("?") == -1) {
  105. $(this).replaceWith(
  106. "<iframe src='"+src+"?"+opts+"&color="+
  107. color+"' width='"+w+"' height='"+h+
  108. "' frameborder='0'></iframe>"
  109. );
  110. }
  111. });
  112.  
  113. $("object[data^='http://vimeo.com']").each(function() {
  114. var $obj = $(this);
  115. var data = $obj.attr("data");
  116. var temp = data.split("clip_id=")[1];
  117. var id = temp.split("&")[0];
  118. var server = temp.split("&")[1];
  119. var w = $obj.attr("width");
  120. var h = $obj.attr("height");
  121. $obj.replaceWith(
  122. "<iframe src='http://player.vimeo.com/video/"
  123. +id+"?"+server+"&"+opts+"&color="+color+
  124. "' width='"+w+"' height='"+h+
  125. "' frameborder='0'></iframe>"
  126. );
  127. });
  128. }
  129.  
  130. $(document).ready(function() {
  131.  
  132. // Place target anchor for jknav when navigating to the previous page, then navigate to it
  133. $('article.post:last').before('<a class="jknav-back-target default" name="jknav-back-target"></a>');
  134. $('#body.masonry-page .jknav-back-target.default').remove();
  135. $('#body.permalink-page .jknav-back-target.default').remove();
  136. if(window.location.href.indexOf('#jknav-back-target') > -1) {
  137. window.location = window.location;
  138. }
  139.  
  140. // Remove image captions and metadata from masonry pages
  141. // Inelegant to put it kindly, but necessitated by lack of {!block} or if-else selectors to exclude non-masonry pages
  142. $('#body.masonry-page .large-video').remove();
  143. $('#body.masonry-page section.caption').remove();
  144. $('#body.masonry-page .post.photo .post-meta').remove();
  145. $('#body.masonry-page .post.photoset .post-meta').remove();
  146. $('#body.masonry-page .post.panorama .post-meta').remove();
  147.  
  148. // j/k navigation (next/previous post)
  149. $('article.post').jknav();
  150. $.jknav.init({
  151. speed: 0,
  152. circular: false,
  153. reevaluate: true
  154. });
  155.  
  156. // Pre-load image button background pngs
  157. var pngs = [
  158. 'http://static.tumblr.com/vmi5hwb/4Bsn0x39b/grey70a.png',
  159. 'http://static.tumblr.com/vmi5hwb/9OOn0x3bz/grey50a.png'
  160. ];
  161. preloadImages(pngs);
  162.  
  163. // Masonry
  164. $container = $('#masonry-container');
  165.  
  166. $(window).load(function() {
  167. $container.masonry({
  168. itemSelector: 'article.post',
  169. columnWidth: 400,
  170. gutter: 35
  171. });
  172. $('#load-gif').remove();
  173. $container.toggleClass('loaded');
  174. });
  175.  
  176. // Custom keybinds
  177. document.onkeydown = function(e) {
  178. e = e || window.event;
  179. switch(e.which || e.keyCode) {
  180.  
  181. case 78: // n
  182.  
  183. if ($('input:focus, textarea:focus').length===0) {
  184. var next = $('a#next').attr('href');
  185. if (next) {
  186. window.location = next;
  187. }
  188. }
  189.  
  190. return;
  191.  
  192. break;
  193. case 77: // m
  194.  
  195. if ($('input:focus, textarea:focus').length===0) {
  196. var prev = $('a#prev').attr('href');
  197. if (prev) {
  198. window.location = prev;
  199. }
  200. }
  201.  
  202. return;
  203.  
  204. break;
  205. case 83: // s (Note: char code for s is not consistent across modern browsers. This works for Chrome.)
  206.  
  207. if ($('input:focus, textarea:focus').length===0) {
  208. event.preventDefault();
  209. $('#search-query').focus();
  210. }
  211.  
  212. default: return;
  213. }
  214. event.preventDefault();
  215. }
  216.  
  217. // Custom tag menus
  218. $('.custom-tags').each(function() {
  219. var $customTags = $(this);
  220. var $tagList = $(this).children('.custom-tags-string');
  221. tags = $tagList.text().split(/,\s*/);
  222. $tagList.replaceWith($('<ul class="menu custom-tag-list"/>'));
  223. tags.forEach(function(tag) {
  224. $customTags.children('ul').append('<li><a href="/tagged/' + tag + '">' + tag + '</a></li>');
  225. });
  226. });
  227. $('.custom-tags').fadeIn(200);
  228. $('#link-list').fadeIn(200);
  229.  
  230. $('.custom-tags-heading').click(function() {
  231. $(this).siblings('ul').slideToggle(100);
  232. $(this).parent().toggleClass('open');
  233. });
  234.  
  235. fixVimeo();
  236.  
  237. // Fixes for iOS: blur form when user taps outside it
  238. $('html.touch').click(function() {
  239. document.activeElement.blur();
  240. });
  241. $('html.touch form').click(function() {
  242. event.stopPropagation();
  243. });
  244.  
  245. });
  246. </script>
  247.  
  248.  
  249. <meta name="if:Use Masonry on tag pages" content="1">
  250.  
  251. <meta name="if:Use Masonry on search pages" content="1">
  252.  
  253. <meta name="if:Fade in post metadata" content="1">
  254.  
  255. <meta name="if:Show theme link" content="1">
  256.  
  257. <meta name="if:Show keybind legend" content="1">
  258.  
  259.  
  260.  
  261. <meta name="image:Logo" content=""/>
  262.  
  263.  
  264.  
  265. <meta name="select:Menu position" content="fixed-menu" title="Fixed"/>
  266.  
  267. <meta name="select:Menu position" content="absolute-menu" title="Scroll with page"/>
  268.  
  269.  
  270. <meta name="if:Show Date" content="1">
  271.  
  272. <!-- INFINITE SCROLL -->
  273. <meta name="if:InfiniteScroll" content="0">
  274.  
  275. <meta name="text:Max post width" content=""/>
  276.  
  277. <meta name="text:Tag List 1 heading" content=""/>
  278.  
  279. <meta name="text:Tag List 1 comma sep" content=""/>
  280.  
  281. <meta name="text:Tag List 2 heading" content=""/>
  282.  
  283. <meta name="text:Tag List 2 comma sep" content=""/>
  284.  
  285. <meta name="text:Tag List 3 heading" content=""/>
  286.  
  287. <meta name="text:Tag List 3 comma sep" content=""/>
  288.  
  289. <meta name="text:Tag List 4 heading" content=""/>
  290.  
  291. <meta name="text:Tag List 4 comma sep" content=""/>
  292.  
  293. <meta name="text:Tag List 5 heading" content=""/>
  294.  
  295. <meta name="text:Tag List 5 comma sep" content=""/>
  296.  
  297.  
  298.  
  299. <meta name="text:Link 1 name" content=""/>
  300.  
  301. <meta name="text:Link 1 URL" content=""/>
  302.  
  303. <meta name="text:Link 2 name" content=""/>
  304.  
  305. <meta name="text:Link 2 URL" content=""/>
  306.  
  307. <meta name="text:Link 3 name" content=""/>
  308.  
  309. <meta name="text:Link 3 URL" content=""/>
  310.  
  311. <meta name="text:Link 4 name" content=""/>
  312.  
  313. <meta name="text:Link 4 URL" content=""/>
  314.  
  315. <meta name="text:Link 5 name" content=""/>
  316.  
  317. <meta name="text:Link 5 URL" content=""/>
  318.  
  319.  
  320. <meta name="text:Photoset Spacing" content="0">
  321.  
  322. <meta name="text:Google Analytics Code" content="">
  323.  
  324. <meta name="text:Disqus Shortname" content="">
  325.  
  326. <meta name="text:Footer Text" content="Footer Text">
  327.  
  328. <meta name="text:Load More Posts" content="Load More Posts">
  329.  
  330. <meta name="text:Instagram Token" content="">
  331.  
  332. <meta name="text:Facebook URL" content="">
  333.  
  334. <meta name="text:Twitter URL" content="">
  335.  
  336. <meta name="text:Google Plus URL" content="">
  337.  
  338. <meta name="text:YouTube URL" content="">
  339.  
  340. <meta name="text:Soundcloud URL" content="">
  341.  
  342. <meta name="text:Github URL" content="">
  343.  
  344. <meta name="text:Dribbble URL" content="">
  345.  
  346. <meta name="text:Behance URL" content="">
  347.  
  348. <meta name="text:Vimeo URL" content="">
  349.  
  350. <meta name="text:Pinterest URL" content="">
  351.  
  352. <meta name="text:Instagram URL" content="">
  353.  
  354. <meta name="text:Flickr URL" content="">
  355.  
  356. <meta name="text:Linkedin URL" content="">
  357.  
  358. <meta name="text:Foursquare URL" content="">
  359.  
  360. <meta name="text:My Website URL" content="">
  361.  
  362. <meta name="if:Share Post Links" content="1">
  363.  
  364. <meta name="if:Share Post On Twitter" content="1">
  365.  
  366. <meta name="if:Show Post Author" content="0">
  367.  
  368. <meta name="if:Share Post On Facebook" content="1">
  369.  
  370. <meta name="if:Share Post On Google" content="1">
  371.  
  372. <meta name="if:Share Post On Pinterest" content="1">
  373.  
  374. <meta name="if:White Post Links" content="0">
  375.  
  376.  
  377. <meta name="text:Google Analytics ID" content=""/>
  378.  
  379.  
  380.  
  381. {block:IfInfiniteScroll}
  382.  
  383. <script type="text/javascript" src="http://static.tumblr.com/okik5op/i7Dn9keqq/infinitescrolling.js"></script>
  384.  
  385. {/block:IfInfiniteScroll}
  386. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'><link href="style.css" rel="stylesheet" type="text/css"/>
  387. <style type="text/css">
  388. /*! normalize.css v3.0.0 | MIT License | git.io/normalize */
  389.  
  390. /**
  391. * 1. Set default font family to sans-serif.
  392. * 2. Prevent iOS text size adjust after orientation change, without disabling
  393. * user zoom.
  394. */
  395.  
  396. html {
  397. font-family: sans-serif; /* 1 */
  398. -ms-text-size-adjust: 100%; /* 2 */
  399. -webkit-text-size-adjust: 100%; /* 2 */
  400. }
  401.  
  402. /**
  403. * Remove default margin.
  404. */
  405.  
  406. body {
  407. margin: 0;
  408. }
  409.  
  410. /* HTML5 display definitions
  411. ========================================================================== */
  412.  
  413. /**
  414. * Correct `block` display not defined in IE 8/9.
  415. */
  416.  
  417. article,
  418. aside,
  419. details,
  420. figcaption,
  421. figure,
  422. footer,
  423. header,
  424. hgroup,
  425. main,
  426. nav,
  427. section,
  428. summary {
  429. display: block;
  430. }
  431.  
  432. /**
  433. * 1. Correct `inline-block` display not defined in IE 8/9.
  434. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
  435. */
  436.  
  437. audio,
  438. canvas,
  439. progress,
  440. video {
  441. display: inline-block; /* 1 */
  442. vertical-align: baseline; /* 2 */
  443. }
  444.  
  445. /**
  446. * Prevent modern browsers from displaying `audio` without controls.
  447. * Remove excess height in iOS 5 devices.
  448. */
  449.  
  450. audio:not([controls]) {
  451. display: none;
  452. height: 0;
  453. }
  454.  
  455. /**
  456. * Address `[hidden]` styling not present in IE 8/9.
  457. * Hide the `template` element in IE, Safari, and Firefox < 22.
  458. */
  459.  
  460. [hidden],
  461. template {
  462. display: none;
  463. }
  464.  
  465. /* Links
  466. ========================================================================== */
  467.  
  468. /**
  469. * Remove the gray background color from active links in IE 10.
  470. */
  471. a {
  472. background: transparent;
  473. }
  474.  
  475. /**
  476. * Improve readability when focused and also mouse hovered in all browsers.
  477. */
  478. a:active,
  479. a:hover {
  480. outline: 0;
  481. }
  482.  
  483. /* Text-level semantics
  484. ========================================================================== */
  485.  
  486. /**
  487. * Address styling not present in IE 8/9, Safari 5, and Chrome.
  488. */
  489.  
  490. abbr[title] {
  491. border-bottom: 1px dotted;
  492. }
  493.  
  494. /**
  495. * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
  496. */
  497.  
  498. b,
  499. strong {
  500. font-weight: bold;
  501. }
  502.  
  503. /**
  504. * Address styling not present in Safari 5 and Chrome.
  505. */
  506.  
  507. dfn {
  508. font-style: italic;
  509. }
  510.  
  511. /**
  512. * Address variable `h1` font-size and margin within `section` and `article`
  513. * contexts in Firefox 4+, Safari 5, and Chrome.
  514. */
  515.  
  516. h1 {
  517. font-size: 2em;
  518. margin: 0.67em 0;
  519. }
  520.  
  521. /**
  522. * Address styling not present in IE 8/9.
  523. */
  524.  
  525. mark {
  526. background: #ff0;
  527. color: #000;
  528. }
  529.  
  530. /**
  531. * Address inconsistent and variable font size in all browsers.
  532. */
  533.  
  534. small {
  535. font-size: 80%;
  536. }
  537.  
  538. /**
  539. * Prevent `sub` and `sup` affecting `line-height` in all browsers.
  540. */
  541.  
  542. sub,
  543. sup {
  544. font-size: 75%;
  545. line-height: 0;
  546. position: relative;
  547. vertical-align: baseline;
  548. }
  549.  
  550. sup {
  551. top: -0.5em;
  552. }
  553.  
  554. sub {
  555. bottom: -0.25em;
  556. }
  557.  
  558. /* Embedded content
  559. ========================================================================== */
  560.  
  561. /**
  562. * Remove border when inside `a` element in IE 8/9.
  563. */
  564.  
  565. img {
  566. border: 0;
  567. }
  568.  
  569. /**
  570. * Correct overflow displayed oddly in IE 9.
  571. */
  572.  
  573. svg:not(:root) {
  574. overflow: hidden;
  575. }
  576.  
  577. /* Grouping content
  578. ========================================================================== */
  579.  
  580. /**
  581. * Address margin not present in IE 8/9 and Safari 5.
  582. */
  583.  
  584. figure {
  585. margin: 1em 40px;
  586. }
  587.  
  588. /**
  589. * Address differences between Firefox and other browsers.
  590. */
  591.  
  592. hr {
  593. -moz-box-sizing: content-box;
  594. box-sizing: content-box;
  595. height: 0;
  596. }
  597.  
  598. /**
  599. * Contain overflow in all browsers.
  600. */
  601.  
  602. pre {
  603. overflow: auto;
  604. }
  605.  
  606. /**
  607. * Address odd `em`-unit font size rendering in all browsers.
  608. */
  609.  
  610. code,
  611. kbd,
  612. pre,
  613. samp {
  614. font-family: monospace, monospace;
  615. font-size: 1em;
  616. }
  617.  
  618. /* Forms
  619. ========================================================================== */
  620.  
  621. /**
  622. * Known limitation: by default, Chrome and Safari on OS X allow very limited
  623. * styling of `select`, unless a `border` property is set.
  624. */
  625.  
  626. /**
  627. * 1. Correct color not being inherited.
  628. * Known issue: affects color of disabled elements.
  629. * 2. Correct font properties not being inherited.
  630. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
  631. */
  632.  
  633. button,
  634. input,
  635. optgroup,
  636. select,
  637. textarea {
  638. color: inherit; /* 1 */
  639. font: inherit; /* 2 */
  640. margin: 0; /* 3 */
  641. }
  642.  
  643. /**
  644. * Address `overflow` set to `hidden` in IE 8/9/10.
  645. */
  646.  
  647. button {
  648. overflow: visible;
  649. }
  650.  
  651. /**
  652. * Address inconsistent `text-transform` inheritance for `button` and `select`.
  653. * All other form control elements do not inherit `text-transform` values.
  654. * Correct `button` style inheritance in Firefox, IE 8+, and Opera
  655. * Correct `select` style inheritance in Firefox.
  656. */
  657.  
  658. button,
  659. select {
  660. text-transform: none;
  661. }
  662.  
  663. /**
  664. * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
  665. * and `video` controls.
  666. * 2. Correct inability to style clickable `input` types in iOS.
  667. * 3. Improve usability and consistency of cursor style between image-type
  668. * `input` and others.
  669. */
  670.  
  671. button,
  672. html input[type="button"], /* 1 */
  673. input[type="reset"],
  674. input[type="submit"] {
  675. -webkit-appearance: button; /* 2 */
  676. cursor: pointer; /* 3 */
  677. }
  678.  
  679. /**
  680. * Re-set default cursor for disabled elements.
  681. */
  682.  
  683. button[disabled],
  684. html input[disabled] {
  685. cursor: default;
  686. }
  687.  
  688. /**
  689. * Remove inner padding and border in Firefox 4+.
  690. */
  691.  
  692. button::-moz-focus-inner,
  693. input::-moz-focus-inner {
  694. border: 0;
  695. padding: 0;
  696. }
  697.  
  698. /**
  699. * Address Firefox 4+ setting `line-height` on `input` using `!important` in
  700. * the UA stylesheet.
  701. */
  702.  
  703. input {
  704. line-height: normal;
  705. }
  706.  
  707. /**
  708. * It's recommended that you don't attempt to style these elements.
  709. * Firefox's implementation doesn't respect box-sizing, padding, or width.
  710. *
  711. * 1. Address box sizing set to `content-box` in IE 8/9/10.
  712. * 2. Remove excess padding in IE 8/9/10.
  713. */
  714.  
  715. input[type="checkbox"],
  716. input[type="radio"] {
  717. box-sizing: border-box; /* 1 */
  718. padding: 0; /* 2 */
  719. }
  720.  
  721. /**
  722. * Fix the cursor style for Chrome's increment/decrement buttons. For certain
  723. * `font-size` values of the `input`, it causes the cursor style of the
  724. * decrement button to change from `default` to `text`.
  725. */
  726.  
  727. input[type="number"]::-webkit-inner-spin-button,
  728. input[type="number"]::-webkit-outer-spin-button {
  729. height: auto;
  730. }
  731.  
  732. /**
  733. * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
  734. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
  735. * (include `-moz` to future-proof).
  736. */
  737.  
  738. input[type="search"] {
  739. -webkit-appearance: textfield; /* 1 */
  740. -moz-box-sizing: content-box;
  741. -webkit-box-sizing: content-box; /* 2 */
  742. box-sizing: content-box;
  743. }
  744.  
  745. /**
  746. * Remove inner padding and search cancel button in Safari and Chrome on OS X.
  747. * Safari (but not Chrome) clips the cancel button when the search input has
  748. * padding (and `textfield` appearance).
  749. */
  750.  
  751. input[type="search"]::-webkit-search-cancel-button,
  752. input[type="search"]::-webkit-search-decoration {
  753. -webkit-appearance: none;
  754. }
  755.  
  756. /**
  757. * Define consistent border, margin, and padding.
  758. */
  759.  
  760. fieldset {
  761. border: 1px solid #c0c0c0;
  762. margin: 0 2px;
  763. padding: 0.35em 0.625em 0.75em;
  764. }
  765.  
  766. /**
  767. * 1. Correct `color` not being inherited in IE 8/9.
  768. * 2. Remove padding so people aren't caught out if they zero out fieldsets.
  769. */
  770.  
  771. legend {
  772. border: 0; /* 1 */
  773. padding: 0; /* 2 */
  774. }
  775.  
  776. /**
  777. * Remove default vertical scrollbar in IE 8/9.
  778. */
  779.  
  780. textarea {
  781. overflow: auto;
  782. }
  783.  
  784. /**
  785. * Don't inherit the `font-weight` (applied by a rule above).
  786. * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
  787. */
  788.  
  789. optgroup {
  790. font-weight: bold;
  791. }
  792.  
  793. /* Tables
  794. ========================================================================== */
  795.  
  796. /**
  797. * Remove most spacing between table cells.
  798. */
  799.  
  800. table {
  801. border-collapse: collapse;
  802. border-spacing: 0;
  803. }
  804.  
  805. td,
  806. th {
  807. padding: 0;
  808. }
  809.  
  810.  
  811. .clearfix {
  812. zoom:1;
  813. }
  814.  
  815. .clearfix:before,
  816. .clearfix:after {
  817. content: "\0020";
  818. display: block;
  819. height: 0;
  820. overflow: hidden;
  821. }
  822.  
  823. .clearfix:after {
  824. clear: both;
  825. }
  826.  
  827. body {
  828. font-size:0.85em;
  829. font-family:Inconsolata;
  830. font-weight:400;
  831. line-height:1.4em;
  832. color: black;
  833. }
  834.  
  835.  
  836.  
  837.  
  838. img, video, object, embed {
  839. max-width: 100%;
  840. height: auto !important;
  841. }
  842.  
  843. h1, h2, h3, h4, h5, h6 {
  844. font-size: 1em;
  845. font-family:Inconsolata;
  846. font-weight:400;
  847. }
  848.  
  849. a, a:visited {
  850. text-decoration: none;
  851. color: inherit;
  852. }
  853.  
  854. html a:hover {
  855. color:#63F;
  856. }
  857.  
  858.  
  859. header {
  860. position: absolute;
  861. top: 0;
  862. left: 0;
  863. width: 140px;
  864. min-height: 100vh;
  865. padding: 0 35px;
  866. z-index: 2;
  867. overflow: visible;
  868. }
  869.  
  870. .title{
  871. font-size: 1.4em;
  872. font-family:Georgia, "Times New Roman", Times, serif;
  873. font-weight:bold;
  874. }
  875.  
  876. .fixed-menu header {
  877. position: fixed;
  878. height: 100vh;
  879. overflow-x: hidden;
  880. overflow-y: auto;
  881. }
  882.  
  883. #logo {
  884. font-size: inherit;
  885. margin: 35px 0 0 0;
  886. line-height: 1;
  887. }
  888.  
  889. #description {
  890. font-size:0.85em;
  891. font-family:Inconsolata;
  892. font-weight:400;
  893. line-height:1.2em;
  894. color: black;
  895. margin: 1rem 0 40px 0;
  896. }
  897.  
  898. #description a,
  899. #description a:visited {
  900. color: black;
  901. }
  902.  
  903. .menu {
  904. list-style-type: none;
  905. padding-left: 0;
  906. margin: 1.25rem 0;
  907. }
  908.  
  909. #search {}
  910.  
  911. #search-query {
  912. font-size: inherit;
  913. border: none;
  914. padding: 10px;
  915. margin: -10px;
  916. width: 100%;
  917. background: none;
  918. box-shadow: none;
  919. border-radius: 0;
  920. -webkit-appearance: none;
  921. transition: font-size 50ms ease, width 50ms ease, margin-bottom 50ms ease, background-color 50ms ease, box-shadow 50ms ease;
  922. -webkit-transition: font-size 50ms ease, width 50ms ease, margin-bottom 50ms ease, background-color 50ms ease;
  923. -moz-transition: font-size 50ms ease, width 50ms ease, margin-bottom 50ms ease, background-color 50ms ease, -moz-box-shadow 50ms ease;
  924. -o-transition: font-size 50ms ease, width 50ms ease, margin-bottom 50ms ease, background-color 50ms ease, -o-box-shadow 50ms ease;
  925. }
  926.  
  927. @-moz-document url-prefix() {
  928.  
  929. #search-query {
  930. padding: 10px 10px 10px 9px;
  931. }
  932.  
  933. }
  934.  
  935. html.no-touch #search-query:hover {
  936. cursor: pointer;
  937. }
  938.  
  939. #search-query:focus {
  940. font-size: 1rem;
  941. width: 100%;
  942. margin-bottom: 1.25rem;
  943. background-color: white;
  944. cursor: auto;
  945. outline: none;
  946. transition: font-size 50ms ease, width 50ms ease, margin-bottom 50ms ease, background-color 50ms ease, box-shadow 50ms ease;
  947. -webkit-transition: font-size 50ms ease, width 50ms ease, margin-bottom 50ms ease, background-color 50ms ease;
  948. -moz-transition: font-size 50ms ease, width 50ms ease, margin-bottom 50ms ease, background-color 50ms ease, -moz-box-shadow 50ms ease;
  949. -o-transition: font-size 50ms ease, width 50ms ease, margin-bottom 50ms ease, background-color 50ms ease, -o-box-shadow 50ms ease;
  950. }
  951.  
  952. #logo+.menu #search-query:focus {
  953. margin-top: 4px;
  954. transition: margin-top 50ms ease;
  955. -webkit-transition: margin-top 50ms ease;
  956. -moz-transition: margin-top 50ms ease;
  957. -o-transition: margin-top 50ms ease;
  958. }
  959.  
  960. #search-query::-webkit-input-placeholder {
  961. color: black;
  962. }
  963.  
  964. #search-query:focus::-webkit-input-placeholder {
  965. color: #c0c0c0;
  966. }
  967.  
  968. #search-query:-moz-placeholder {
  969. color: black;
  970. }
  971.  
  972. #search-query:focus:-moz-placeholder {
  973. color: #c0c0c0;
  974. }
  975.  
  976. #search-query::-moz-placeholder {
  977. color: black;
  978. opacity: 1 !important;
  979. }
  980.  
  981. #search-query:focus::-moz-placeholder {
  982. color: #c0c0c0;
  983. }
  984.  
  985. #search-query:-ms-input-placeholder {
  986. color: black;
  987. }
  988.  
  989. #search-query:focus:-ms-input-placeholder {
  990. color: #c0c0c0;
  991. }
  992.  
  993. .custom-tags {
  994. display: none;
  995. transition: margin-top 200ms ease;
  996. -webkit-transition: margin-top 200ms ease;
  997. -moz-transition: margin-top 200ms ease;
  998. -o-transition: margin-top 200ms ease;
  999. }
  1000.  
  1001. .custom-tags.open {
  1002. margin-top: 1.25rem;
  1003. transition: margin-top 200ms ease;
  1004. -webkit-transition: margin-top 200ms ease;
  1005. -moz-transition: margin-top 200ms ease;
  1006. -o-transition: margin-top 200ms ease;
  1007. }
  1008.  
  1009. .custom-tags-heading {
  1010. display: inline;
  1011. font-size: inherit;
  1012. font-weight: normal;
  1013. }
  1014.  
  1015. html.no-touch .custom-tags-heading:hover {
  1016. cursor: pointer;
  1017. }
  1018.  
  1019. .custom-tags-heading:hover:after {
  1020. content: " +";
  1021. }
  1022.  
  1023. .custom-tags.open .custom-tags-heading:hover:after {
  1024. content: " -";
  1025. }
  1026.  
  1027. .custom-tag-list.menu {
  1028. margin-top: 1.25rem 0;
  1029. color: #939393;
  1030. }
  1031.  
  1032. .custom-tags-heading+.custom-tag-list.menu {
  1033. display: none;
  1034. margin-top: 0;
  1035. }
  1036.  
  1037. #link-list {
  1038. display: none;
  1039. }
  1040.  
  1041. footer {
  1042. line-height: 1rem;
  1043. margin: 20px -35px 0 -35px;
  1044. padding: 20px 35px 35px 35px;
  1045. color: #dfdfdf;
  1046. transition: color 400ms ease;
  1047. -webkit-transition: color 400ms ease;
  1048. -moz-transition: color 400ms ease;
  1049. -o-transition: color 400ms ease;
  1050. }
  1051.  
  1052. footer:hover {
  1053. color: black;
  1054. transition: color 200ms ease;
  1055. -webkit-transition: color 200ms ease;
  1056. -moz-transition: color 200ms ease;
  1057. -o-transition: color 200ms ease;
  1058. }
  1059.  
  1060. html.touch footer {
  1061. display: none;
  1062. }
  1063.  
  1064. section#body {
  1065. position: absolute;
  1066. top: 0;
  1067. left: 265px;
  1068. padding: 0 35px 75vh 0; /* The excessive bottom padding is a workaround to ensure jknav will always evaluate focus on the last post correctly, and turn to the next page when j is pressed */
  1069. width: calc(100% - 300px); /* Prefer % to vw. Bug in Chrome as of February 2014: vw and vh do not work inside calc(); */
  1070. z-index: 1;
  1071. }
  1072.  
  1073. a.jknav-back-target {
  1074. margin: 0 !important;
  1075. padding: 0 !important;
  1076. background: none !important;
  1077. position: absolute !important;
  1078. }
  1079.  
  1080. section#body.masonry-page,
  1081. section#body.permalink-page {
  1082. padding-bottom: 140px;
  1083. }
  1084.  
  1085. html.touch {
  1086. width: 1000px;
  1087. }
  1088.  
  1089. html.touch section#body {
  1090. width: 735px;
  1091. }
  1092.  
  1093. #masonry-container {
  1094. width: 100%;
  1095. }
  1096.  
  1097. #masonry-container article {
  1098. opacity: 0;
  1099. }
  1100.  
  1101. #masonry-container.loaded article {
  1102. opacity: 1;
  1103. transition: opacity 200ms ease;
  1104. -webkit-transition: opacity 200ms ease;
  1105. -moz-transition: opacity 200ms ease;
  1106. -o-transition: opacity 200ms ease;
  1107. }
  1108.  
  1109. .no-results #load-gif {
  1110. display: none;
  1111. }
  1112.  
  1113. .result {
  1114. margin: 0;
  1115. padding: 35px 0;
  1116. color: #939393;
  1117. width: 500px;
  1118. line-height: 1;
  1119. }
  1120.  
  1121. /* Tumblr inherited */
  1122. .result .search_query,
  1123. .result a,
  1124. .result a:visited {
  1125. color:black;
  1126. text-decoration:none;
  1127. }
  1128.  
  1129. .tag-page .result a:before {
  1130. color:black;
  1131. text-decoration:none;
  1132. content: "";
  1133. }
  1134.  
  1135. article.post {
  1136. margin: 35px 0 0 0;
  1137. min-width: 500px;
  1138. }
  1139.  
  1140. article.post a.next {
  1141. display: none;
  1142. }
  1143.  
  1144. article.post #pagination.permalinks a.next {
  1145. display: inline;
  1146. }
  1147.  
  1148. .permalink-page article.post {
  1149. margin-bottom: 0px;
  1150. }
  1151.  
  1152. section.content {
  1153. font-family:Inconsolata;
  1154. }
  1155.  
  1156. section.content p {
  1157. margin: 1.625rem 0;
  1158. }
  1159.  
  1160. section.content p:first-child {
  1161. margin: 0 0 1.625rem 0;
  1162. }
  1163.  
  1164. section.content blockquote {
  1165. margin: 1.625rem;
  1166. }
  1167.  
  1168. section.content section.caption {
  1169. font-size: 0.65rem;
  1170. letter-spacing:normal;
  1171. font-family:Inconsolata;
  1172. color:#000;
  1173. line-height: 1.3rem;
  1174. }
  1175.  
  1176.  
  1177. section.content section.caption p {
  1178. margin: 0.8125rem 0;
  1179. }
  1180.  
  1181. section.content section.caption p:first-child {
  1182. margin: 0 0 0.8125rem 0;
  1183. }
  1184.  
  1185. section.content section.caption blockquote {
  1186. margin: 0.8125rem;
  1187. }
  1188.  
  1189. section.image-buttons a{
  1190. color:#999;
  1191. text-decoration:none;
  1192. }
  1193. section.image-buttons a:visited {
  1194. color:#999;
  1195. text-decoration:none;
  1196. }
  1197.  
  1198. section.image-buttons a:hover{
  1199. color:#63F;;
  1200. text-decoration:none;}
  1201.  
  1202.  
  1203. section.caption a:hover{
  1204. color:#63F;;
  1205. text-decoration:none;
  1206. font-size: 0.75rem;
  1207. letter-spacing:normal;
  1208. font-family:Georgia, "Times New Roman", Times, serif;
  1209. line-height: 1.3rem;
  1210. }
  1211. section.caption a{
  1212. color:#000;
  1213. text-decoration:none;
  1214. font-size: 0.75rem;
  1215. letter-spacing:normal;
  1216. font-family:Georgia, "Times New Roman", Times, serif;
  1217. line-height: 1.3rem;
  1218. }
  1219.  
  1220.  
  1221. section.caption a:link img{
  1222. border:none;
  1223. text-decoration:none;
  1224. }
  1225. li{
  1226. list-style:none;
  1227. }
  1228. /* BEGIN Text-based post styles */
  1229.  
  1230. article.post.text,
  1231. article.post.quote,
  1232. article.post.chat,
  1233. article.post.answer,
  1234. article.post.link {
  1235. width: 500px;
  1236. padding-left: 35px;
  1237. }
  1238.  
  1239. article.post.text,
  1240. article.post.quote,
  1241. article.post.chat,
  1242. article.post.link {
  1243. padding-top: calc(35px - 0.438em);
  1244. }
  1245.  
  1246. .post.text section.content,
  1247. .post.quote section.content,
  1248. .post.chat section.content,
  1249. .post.answer section.content,
  1250. .post.link section.content {
  1251. font-size: 1rem;
  1252. text-decoration:none;
  1253. line-height: 1.625rem;
  1254. }
  1255.  
  1256. h3.post-title {
  1257. margin-top: 0;
  1258. -webkit-margin-before: 0;
  1259. margin-bottom: 1.625rem;
  1260. }
  1261.  
  1262. .post.text {}
  1263.  
  1264. .post.text ul,
  1265. .post.text ol {
  1266. padding-left: 0;
  1267. }
  1268.  
  1269. .post.text p+ul,
  1270. .post.text p+ol {
  1271. margin-top: -0.8125rem;
  1272. }
  1273.  
  1274. .post.text blockquote {
  1275. font-family:Inconsolata;
  1276. }
  1277.  
  1278. .post.quote {}
  1279.  
  1280. .post.quote blockquote {
  1281. margin: 0;
  1282. }
  1283.  
  1284. .post.quote p:first-child {
  1285. margin-top: 0;
  1286. }
  1287.  
  1288. .post.quote blockquote.short:before,
  1289. .post.quote blockquote p:first-child::before {
  1290. content: "\201C";
  1291. position: absolute;
  1292. left: 28px;
  1293. }
  1294.  
  1295. .post.quote blockquote.short:after,
  1296. .post.quote blockquote p:last-child::after {
  1297. content: "\201D";
  1298. display: inline;
  1299. }
  1300.  
  1301. .post.chat {}
  1302.  
  1303. .post.chat td {
  1304. vertical-align: top;
  1305. padding-bottom:0.9375rem;
  1306. }
  1307.  
  1308. .post.chat tr:last-child td {
  1309. padding-bottom: 0;
  1310. }
  1311.  
  1312. .post.chat td.person {
  1313. text-transform: uppercase;
  1314. font-size: 0.9375em;
  1315. text-align: right;
  1316. padding-right: 0.625rem;
  1317. }
  1318.  
  1319. .post.answer {}
  1320.  
  1321. .asker-portrait {
  1322. float: left;
  1323. }
  1324.  
  1325. .asker-portrait img {
  1326. border-radius: 20px;
  1327. }
  1328.  
  1329. .question-answer {
  1330. margin-left: 58px;
  1331. padding-top: 5px;
  1332. }
  1333.  
  1334. a.asker {
  1335. font-size: 0.875rem;
  1336. }
  1337.  
  1338. .question {
  1339. margin-top: 0.438rem;
  1340. -webkit-margin-before: 0.438rem;
  1341. }
  1342.  
  1343. .answer {
  1344. margin: 1.625rem 0 0 1.625rem;
  1345. }
  1346.  
  1347. .post.answer .post-meta {
  1348. margin-left: 58px;
  1349. }
  1350.  
  1351. .post.link {}
  1352.  
  1353. .link-description {
  1354. font-size: 0.875rem;
  1355. line-height: 1.625rem;
  1356. margin: 10px 0;
  1357. }
  1358.  
  1359. .link-description p {
  1360. margin: 0.8125rem 0;
  1361. }
  1362.  
  1363. .link-description p:first-child {
  1364. margin: 0 0 0.8125rem 0;
  1365. }
  1366.  
  1367. .link-description blockquote {
  1368. margin: 0.8125rem;
  1369. }
  1370.  
  1371. /* END Text-based post styles */
  1372.  
  1373. /* BEGIN Image and embedded media post styles */
  1374.  
  1375. .image-wrapper {
  1376. display: inline-block;
  1377. position: relative;
  1378. max-width: 100%;
  1379. overflow: visible;
  1380. }
  1381.  
  1382. .image-wrapper img {
  1383. display: block;
  1384. }
  1385.  
  1386. .image-link {
  1387. padding: 0 !important;
  1388. margin: 0 !important;
  1389. background: none !important;
  1390. }
  1391.  
  1392. ul.image-buttons{
  1393. position: absolute;
  1394. bottom: 0px;
  1395. right: 17px;
  1396. width: 100%;
  1397. color:#999;
  1398. font-size:14px;
  1399. line-height:22px;
  1400. opacity: 0;
  1401. transition: opacity 200ms ease;
  1402. -webkit-transition: opacity 200ms ease;
  1403. -moz-transition: opacity 200ms ease;
  1404. -o-transition: opacity 200ms ease;
  1405. }
  1406.  
  1407.  
  1408.  
  1409. html.no-touch .image-wrapper:hover ul.image-buttons {
  1410. opacity: 1;
  1411. transition: opacity 200ms ease;
  1412. -webkit-transition: opacity 200ms ease;
  1413. -moz-transition: opacity 200ms ease;
  1414. -o-transition: opacity 200ms ease;
  1415. }
  1416. /* share button */
  1417.  
  1418.  
  1419.  
  1420.  
  1421. /* like_button and reblob_button are Tumblr's classes */
  1422.  
  1423. ul.image-buttons .like_button,
  1424. ul.image-buttons .reblog_button,
  1425. ul.image-buttons .notes-button {
  1426. display: block;
  1427. float: right;
  1428. border-radius: 3px;
  1429. background: none;
  1430. background-image: url('http://static.tumblr.com/vmi5hwb/4Bsn0x39b/grey70a.png');
  1431. background-repeat: repeat;
  1432. padding: 8px;
  1433. margin: 0 0 0 6px;
  1434. line-height: 0;
  1435. opacity: 0.35;
  1436. transition: opacity 200ms ease;
  1437. -webkit-transition: opacity 200ms ease;
  1438. -moz-transition: opacity 200ms ease;
  1439. -o-transition: opacity 200ms ease;
  1440. }
  1441.  
  1442. ul.image-buttons .notes-button {
  1443. color: white !important;
  1444. font: bold 12px/12px arial,serif;
  1445. padding: 9px 8px;
  1446. }
  1447.  
  1448. ul.image-buttons .like_button:hover,
  1449. ul.image-buttons .reblog_button:hover,
  1450. ul.image-buttons .notes-button:hover {
  1451. background: none;
  1452. background-image: url('http://static.tumblr.com/vmi5hwb/9OOn0x3bz/grey50a.png');
  1453. background-repeat: repeat;
  1454. opacity: 1;
  1455. transition: opacity 200ms ease;
  1456. -webkit-transition: opacity 200ms ease;
  1457. -moz-transition: opacity 200ms ease;
  1458. -o-transition: opacity 200ms ease;
  1459. }
  1460.  
  1461. .post.photoset .like_button {
  1462. display: none;
  1463. }
  1464.  
  1465. .post.photoset section.content .image-wrapper:first-child .like_button {
  1466. display: inline-block;
  1467. }
  1468.  
  1469. section.caption {
  1470. max-width: 500px;
  1471. margin: 0px 0;
  1472. }
  1473.  
  1474. html.no-touch .hide-metadata section.caption {
  1475. opacity: 0;
  1476. transition: opacity 200ms ease;
  1477. -webkit-transition: opacity 200ms ease;
  1478. -moz-transition: opacity 200ms ease;
  1479. -o-transition: opacity 200ms ease;
  1480. }
  1481.  
  1482. html.no-touch .hide-metadata.permalink-page section.caption {
  1483. opacity: 1;
  1484. }
  1485.  
  1486. html.no-touch .hide-metadata article:hover section.caption {
  1487. opacity: 1;
  1488. transition: opacity 200ms ease;
  1489. -webkit-transition: opacity 200ms ease;
  1490. -moz-transition: opacity 200ms ease;
  1491. -o-transition: opacity 200ms ease;
  1492. }
  1493.  
  1494. .post.photoset {}
  1495.  
  1496. .post.photoset .image-wrapper {
  1497. margin-top: 12px;
  1498. float: left;
  1499. }
  1500.  
  1501. .post.photoset .image-wrapper:first-child {
  1502. margin-top: 0;
  1503. }
  1504.  
  1505. .post.audio {
  1506. width: 700px;
  1507. }
  1508. /* END Image and embedded media post styles */
  1509.  
  1510. .post-meta {
  1511. color: #939393;
  1512. margin-top: 1.625rem;
  1513. }
  1514.  
  1515. html.no-touch .hide-metadata .post-meta {
  1516. opacity: 0;
  1517. transition: opacity 200ms ease;
  1518. -webkit-transition: opacity 200ms ease;
  1519. -moz-transition: opacity 200ms ease;
  1520. -o-transition: opacity 200ms ease;
  1521. }
  1522.  
  1523. html.no-touch .hide-metadata.permalink-page .post-meta {
  1524. opacity: 1;
  1525. }
  1526.  
  1527. html.no-touch .hide-metadata article:hover .post-meta {
  1528. opacity: 1;
  1529. transition: opacity 200ms ease;
  1530. -webkit-transition: opacity 200ms ease;
  1531. -moz-transition: opacity 200ms ease;
  1532. -o-transition: opacity 200ms ease;
  1533. }
  1534.  
  1535. .post-meta-list,
  1536. .post-tags-list {
  1537. list-style-type: none;
  1538. margin: 0;
  1539. padding: 0;
  1540. }
  1541.  
  1542. .post-meta-list li,
  1543. .post-tags-list li {
  1544. display: inline;
  1545. margin-right: 0.5rem;
  1546. }
  1547.  
  1548. .post-notes {}
  1549.  
  1550. /* Tumblr inherited */
  1551. .post-notes ol.notes {
  1552. list-style-type: none;
  1553. padding: 0;
  1554. }
  1555.  
  1556. .post-notes ol.notes li {
  1557. margin-bottom: 6px;
  1558. line-height: 16px;
  1559. }
  1560.  
  1561. .post-notes img.avatar {
  1562. border-radius: 8px;
  1563. float: left;
  1564. margin-right: 6px;
  1565. }
  1566.  
  1567. .post-notes a,
  1568. .post-notes a:visited {
  1569. padding: 1px 2px;
  1570. margin: -1px -2px;
  1571. background-color: #f9f9f9;
  1572. }
  1573.  
  1574. .post-notes a.avatar_frame {
  1575. padding: 0;
  1576. margin: 0;
  1577. background: none;
  1578. }
  1579.  
  1580. .more_notes_link_container {
  1581. text-align: left !important;
  1582. margin-top: 32px;
  1583. }
  1584.  
  1585. .post-notes a.more_notes_link {
  1586. border-radius: 5px;
  1587. padding: 3px 4px;
  1588. margin: -3px -4px;
  1589. }
  1590.  
  1591. /* BEGIN Masonry page overrides */
  1592.  
  1593. .masonry-page article.post {
  1594. margin: 0 0 35px 0 !important;
  1595. padding: 0 !important;
  1596. min-width: 0px !important;
  1597. width: 400px !important;
  1598. }
  1599.  
  1600. .masonry-page article.post.text,
  1601. .masonry-page article.post.chat {
  1602. width: auto !important;
  1603. max-width: 500px !important;
  1604. }
  1605.  
  1606. .masonry-page section.content,
  1607. .masonry-page section.caption {
  1608. font-size: 0.875rem !important;
  1609. line-height: 1.5rem !important;
  1610. }
  1611.  
  1612. .masonry-page h3.post-title {
  1613. margin-bottom: 0.75rem;
  1614. }
  1615.  
  1616. .masonry-page section.content p {
  1617. margin: 0.75rem 0;
  1618. }
  1619.  
  1620. .masonry-page section.content p:first-child {
  1621. margin: 0 0 0.75rem 0;
  1622. }
  1623.  
  1624. .masonry-page section.content blockquote {
  1625. margin: 0.75rem;
  1626. }
  1627.  
  1628. .masonry-page .post.quote blockquote {
  1629. margin: 0;
  1630. }
  1631.  
  1632. .masonry-page article.post.text section.content,
  1633. .masonry-page article.post.quote section.content,
  1634. .masonry-page article.post.chat section.content,
  1635. .masonry-page article.post.answer section.content,
  1636. .masonry-page article.post.link section.content {
  1637. margin: 0 0.75rem;
  1638. }
  1639.  
  1640. .masonry-page .post.quote blockquote.short:before,
  1641. .masonry-page .post.quote blockquote p:first-child::before {
  1642. left: 5px;
  1643. }
  1644.  
  1645. .masonry-page .post.answer .post-meta {
  1646. margin-left: 12px;
  1647. }
  1648.  
  1649. .masonry-page .tumblr_audio_player {
  1650. width: 250px;
  1651. }
  1652.  
  1653. .masonry-page .post-meta,
  1654. html.no-touch .masonry-page.hide-metadata .post-meta {
  1655. opacity: 1;
  1656. margin-top: 16px;
  1657. color: #dfdfdf;
  1658. transition: color 200ms ease;
  1659. -webkit-transition: color 200ms ease;
  1660. -moz-transition: color 200ms ease;
  1661. -o-transition: color 200ms ease;
  1662. }
  1663.  
  1664. .masonry-page article:hover .post-meta,
  1665. html.no-touch .masonry-page.hide-metadata article:hover .post-meta {
  1666. color: #939393;
  1667. transition: color 200ms ease;
  1668. -webkit-transition: color 200ms ease;
  1669. -moz-transition: color 200ms ease;
  1670. -o-transition: color 200ms ease;
  1671. }
  1672.  
  1673. .masonry-page .post-meta-list li,
  1674. .masonry-page .post-tags-list li {
  1675. margin-right: 0.25rem;
  1676. }
  1677.  
  1678. .post-tags-list li a:before {
  1679. content: "";
  1680. }
  1681.  
  1682. /* END Masonry page overrides */
  1683.  
  1684. #pagination {
  1685. padding: 0;
  1686. list-style-type: none;
  1687. margin-bottom: 35px;
  1688. }
  1689.  
  1690. .masonry-page #pagination {
  1691. margin: 35px 35px 35px 0;
  1692. text-align: right;
  1693. }
  1694.  
  1695. #pagination.permalinks {
  1696. margin: 35px 0;
  1697. color: black;
  1698. }
  1699.  
  1700. #pagination li {
  1701. display: inline-block;
  1702. margin-right: 16px;
  1703. }
  1704.  
  1705. #pagination .current,
  1706. #pagination .jump,
  1707. #pagination #prev,
  1708. #pagination #next {
  1709. display: inline-block;
  1710. padding: 5px 9px;
  1711. margin: -5px -9px;
  1712. border-radius: 4px;
  1713. }
  1714.  
  1715. #pagination .current {
  1716. background-color: #f9f9f9;
  1717. }
  1718.  
  1719. html.no-touch #pagination .current:hover {
  1720. cursor: default;
  1721. }
  1722.  
  1723. a#to-top,
  1724. a#to-top:visited {
  1725. color: #dfdfdf;
  1726. }
  1727.  
  1728. a#to-top:hover {
  1729. color: black;
  1730. }
  1731.  
  1732. .masonry-page a#to-top {
  1733. float: right;
  1734. margin-right: 47px;
  1735. }
  1736.  
  1737. .keybinds {
  1738. cursor: default;
  1739. list-style-type: none;
  1740. padding: 0;
  1741. margin-bottom: 0;
  1742. }
  1743.  
  1744. .keybind {
  1745. display: inline-block;
  1746. width: 3em;
  1747. }
  1748.  
  1749. html a:hover,
  1750.  
  1751. html.no-touch .custom-tags-heading:hover,
  1752.  
  1753. section.content a:hover,
  1754.  
  1755. .post-notes a:hover {
  1756.  
  1757. background-color: none;
  1758.  
  1759. }
  1760.  
  1761.  
  1762.  
  1763. {block:IfMaxPostWidth}
  1764.  
  1765. article.post {
  1766.  
  1767. max-width: {text:Max post width} !important;
  1768.  
  1769. }
  1770.  
  1771. {/block:IfMaxPostWidth}
  1772.  
  1773.  
  1774.  
  1775. {CustomCSS}
  1776.  
  1777.  
  1778.  
  1779. </style>
  1780.  
  1781.  
  1782.  
  1783. <!-- Custom Modernizr 2.7.1 build to detect touch events, html5shiv 3.7 -->
  1784.  
  1785. <script src="http://static.tumblr.com/vmi5hwb/suBn0v9y6/modernizr.custom.52049.js"></script>
  1786.  
  1787.  
  1788.  
  1789. <!-- Google Analytics -->
  1790.  
  1791. <script>
  1792.  
  1793. {block:IfGoogleAnalyticsId}
  1794.  
  1795. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  1796.  
  1797. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  1798.  
  1799. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  1800.  
  1801. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  1802.  
  1803.  
  1804.  
  1805. ga('create', '{text:Google Analytics ID}', 'tumblr.com');
  1806.  
  1807. ga('send', 'pageview');
  1808.  
  1809. {/block:IfGoogleAnalyticsId}
  1810.  
  1811. </script>
  1812.  
  1813.  
  1814.  
  1815. </head>
  1816.  
  1817. <body class="{select:Menu position}">
  1818.  
  1819.  
  1820.  
  1821. <header>
  1822.  
  1823.  
  1824.  
  1825. <h1 id="logo">
  1826.  
  1827. {block:IfLogoImage}
  1828.  
  1829. <a class="image-link" href="{BlogURL}"><img src="{image:Logo}" alt="{Title}" /></a>
  1830.  
  1831. {/block:IfLogoImage}
  1832.  
  1833. {block:IfNotLogoImage}
  1834.  
  1835. <a class="title" href="{BlogURL}">{Title}</a>
  1836.  
  1837. {/block:IfNotLogoImage}
  1838.  
  1839. </h1>
  1840.  
  1841.  
  1842.  
  1843. {block:Description}<p id="description">{Description}</p>{/block:Description}
  1844.  
  1845.  
  1846.  
  1847. <ul class="menu">
  1848.  
  1849. <li>
  1850.  
  1851. <form id="search" action="/search" method="get">
  1852.  
  1853. <input id="search-query" type="search" placeholder="{lang:Search}" name="q" value="">
  1854.  
  1855. </form>
  1856.  
  1857. </li>
  1858.  
  1859. {block:HasPages}
  1860.  
  1861. {block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}
  1862.  
  1863. {/block:HasPages}
  1864.  
  1865. <li><a href="/archive">{lang:Archive}</a></li>
  1866.  
  1867. {block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
  1868.  
  1869. </ul>
  1870.  
  1871.  
  1872.  
  1873. {block:IfTagList1CommaSep}
  1874.  
  1875. <section class="custom-tags" id="custom-tags1">
  1876.  
  1877. {block:IfTagList1heading}<h2 class="custom-tags-heading">{text:Tag List 1 heading}</h2>{/block:IfTagList1heading}
  1878.  
  1879. <div class="custom-tags-string">{text:Tag List 1 comma sep}</div>
  1880.  
  1881. </section>
  1882.  
  1883. {/block:IfTagList1CommaSep}
  1884.  
  1885.  
  1886.  
  1887. {block:IfTagList2CommaSep}
  1888.  
  1889. <section class="custom-tags" id="custom-tags2">
  1890.  
  1891. {block:IfTagList2heading}<h2 class="custom-tags-heading">{text:Tag List 2 heading}</h2>{/block:IfTagList2heading}
  1892.  
  1893. <div class="custom-tags-string">{text:Tag List 2 comma sep}</div>
  1894.  
  1895. </section>
  1896.  
  1897. {/block:IfTagList2CommaSep}
  1898.  
  1899.  
  1900.  
  1901. {block:IfTagList3CommaSep}
  1902.  
  1903. <section class="custom-tags" id="custom-tags3">
  1904.  
  1905. {block:IfTagList3heading}<h2 class="custom-tags-heading">{text:Tag List 3 heading}</h2>{/block:IfTagList3heading}
  1906.  
  1907. <div class="custom-tags-string">{text:Tag List 3 comma sep}</div>
  1908.  
  1909. </section>
  1910.  
  1911. {/block:IfTagList3CommaSep}
  1912.  
  1913.  
  1914.  
  1915. {block:IfTagList4CommaSep}
  1916.  
  1917. <section class="custom-tags" id="custom-tags2">
  1918.  
  1919. {block:IfTagList4heading}<h2 class="custom-tags-heading">{text:Tag List 4 heading}</h2>{/block:IfTagList4heading}
  1920.  
  1921. <div class="custom-tags-string">{text:Tag List 4 comma sep}</div>
  1922.  
  1923. </section>
  1924.  
  1925. {/block:IfTagList4CommaSep}
  1926.  
  1927.  
  1928.  
  1929. {block:IfTagList5CommaSep}
  1930.  
  1931. <section class="custom-tags" id="custom-tags3">
  1932.  
  1933. {block:IfTagList5heading}<h2 class="custom-tags-heading">{text:Tag List 5 heading}</h2>{/block:IfTagList5heading}
  1934.  
  1935. <div class="custom-tags-string">{text:Tag List 5 comma sep}</div>
  1936.  
  1937. </section>
  1938.  
  1939. {/block:IfTagList5CommaSep}
  1940.  
  1941.  
  1942.  
  1943. <ul class="menu" id="link-list">
  1944.  
  1945. {block:IfLink1Name}
  1946.  
  1947. <li><a href="{text:Link 1 URL}">{text:Link 1 name}</a></li>
  1948.  
  1949. {/block:IfLink1Name}
  1950.  
  1951. {block:IfLink2Name}
  1952.  
  1953. <li><a href="{text:Link 2 URL}">{text:Link 2 name}</a></li>
  1954.  
  1955. {/block:IfLink2Name}
  1956.  
  1957. {block:IfLink3Name}
  1958.  
  1959. <li><a href="{text:Link 3 URL}">{text:Link 3 name}</a></li>
  1960.  
  1961. {/block:IfLink3Name}
  1962.  
  1963. {block:IfLink4Name}
  1964.  
  1965. <li><a href="{text:Link 4 URL}">{text:Link 4 name}</a></li>
  1966.  
  1967. {/block:IfLink4Name}
  1968.  
  1969. {block:IfLink5Name}
  1970.  
  1971. <li><a href="{text:Link 5 URL}">{text:Link 5 name}</a></li>
  1972.  
  1973. {/block:IfLink5Name}
  1974.  
  1975. </ul>
  1976.  
  1977.  
  1978.  
  1979. <footer>
  1980.  
  1981. {block:IfShowThemeLink}<a href="http://www.tumblr.com/theme/39673">F-O Theme</a>{/block:IfShowThemeLink}
  1982.  
  1983. {block:IndexPage}
  1984.  
  1985. {block:IfShowKeybindLegend}
  1986.  
  1987. <ul class="keybinds">
  1988.  
  1989. {block:IndexPage}
  1990.  
  1991. <li><span class="keybind">j / k</span> next / prev post</li>
  1992.  
  1993. <li><span class="keybind">n / m</span> next / prev page</li>
  1994.  
  1995. {/block:IndexPage}
  1996.  
  1997. {block:PermalinkPage}
  1998.  
  1999. <li><span class="keybind">n / m</span> next / prev post</li>
  2000.  
  2001. {/block:PermalinkPage}
  2002.  
  2003. </ul>
  2004.  
  2005. {/block:IfShowKeybindLegend}
  2006.  
  2007. {/block:IndexPage}
  2008.  
  2009. </footer>
  2010.  
  2011.  
  2012.  
  2013. </header>
  2014.  
  2015.  
  2016.  
  2017. <section id="body" class="{block:IndexPage}index-page{/block:IndexPage}{block:PermalinkPage}permalink-page{/block:PermalinkPage}{block:TagPage}{block:IfUseMasonryOnTagPages} masonry-page {/block:IfUseMasonryOnTagPages} tag-page{/block:TagPage}{block:SearchPage}{block:IfUseMasonryOnSearchPages} masonry-page{/block:IfUseMasonryOnSearchPages}{block:NoSearchResults} no-results{/block:NoSearchResults} search-page{/block:searchPage}{block:DayPage} day-page{/block:DayPage}{block:IfFadeInPostMetadata} hide-metadata{/block:IfFadeInPostMetadata}">
  2018.  
  2019.  
  2020. {block:PermalinkPage}<a class="jknav-back-target" name="jknav-back-target"></a>{/block:PermalinkPage}
  2021.  
  2022.  
  2023.  
  2024.  
  2025.  
  2026. {block:SearchPage}
  2027.  
  2028. {block:IfUseMasonryOnSearchPages}
  2029.  
  2030. <a class="jknav-back-target" name="jknav-back-target"></a>
  2031.  
  2032. {/block:IfUseMasonryOnSearchPages}
  2033.  
  2034. <p class="result">
  2035.  
  2036. {block:NoSearchResults}
  2037.  
  2038. {lang:No results for SearchQuery 2}
  2039.  
  2040. {/block:NoSearchResults}
  2041.  
  2042. {lang:Found SearchResultCount results for SearchQuery 2}
  2043.  
  2044. </p>
  2045.  
  2046. {block:IfUseMasonryOnSearchPages}
  2047.  
  2048. <div id="masonry-container">
  2049.  
  2050. <img id="load-gif" src="http://static.tumblr.com/vmi5hwb/3pEn0vjrd/loading.gif" />
  2051.  
  2052. {/block:IfUseMasonryOnSearchPages}
  2053.  
  2054. {/block:SearchPage}
  2055.  
  2056.  
  2057. {block:TagPage}
  2058.  
  2059.  
  2060. {block:IfUseMasonryOnTagPages}
  2061.  
  2062. <a class="jknav-back-target" name="jknav-back-target"></a>
  2063.  
  2064. {/block:IfUseMasonryOnTagPages}
  2065.  
  2066. <p class="result">{lang:TagResultCount posts tagged Tag 3}</p>
  2067.  
  2068. {block:IfUseMasonryOnTagPages}
  2069.  
  2070. <div id="masonry-container">
  2071.  
  2072. <img id="load-gif" src="http://static.tumblr.com/vmi5hwb/3pEn0vjrd/loading.gif" />
  2073.  
  2074. {/block:IfUseMasonryOnTagPages}
  2075.  
  2076. {/block:TagPage}
  2077.  
  2078.  
  2079.  
  2080.  
  2081. {block:IfInfiniteScroll}<div class="autopagerize_page_element">{/block:IfInfiniteScroll}
  2082. {block:Posts}
  2083.  
  2084. <article class="post {block:Text}text{/block:Text}{block:Quote}quote{/block:Quote}{block:Link}link{/block:Link}{block:Video}video{/block:Video}{block:Audio}audio{/block:Audio}{block:Photo}photo{/block:Photo}{block:Photoset}photoset{/block:Photoset}{block:Panorama}panorama{/block:Panorama}{block:Chat}chat{/block:Chat}{block:Answer}answer{/block:Answer}" {block:Date}data-post-id="post_{PostID}"{/block:Date}>
  2085.  
  2086.  
  2087.  
  2088. <section class="content">
  2089.  
  2090.  
  2091.  
  2092. {block:Text}
  2093.  
  2094. {block:Title}<h3 class="post-title">{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{Title}{block:IndexPage}</a>{/block:IndexPage}</h3>{/block:Title}
  2095.  
  2096. {Body}
  2097.  
  2098. {/block:Text}
  2099.  
  2100.  
  2101.  
  2102. {block:Quote}
  2103.  
  2104. <blockquote class="words {Length}">{Quote}</blockquote>
  2105.  
  2106. {block:Source}<p class="source">&mdash; {Source}</p>{/block:Source}
  2107.  
  2108. {/block:Quote}
  2109.  
  2110.  
  2111.  
  2112. {block:Link}
  2113.  
  2114. <h3 class="post-title"><a href="{URL}" {Target}>{Name}</a></h3>
  2115.  
  2116. {block:Description}
  2117.  
  2118. <section class="link-description">{Description}</section>
  2119.  
  2120. {/block:Description}
  2121.  
  2122. {/block:Link}
  2123.  
  2124.  
  2125.  
  2126. {block:Video}
  2127.  
  2128. <div class="large-video">{Video-700}</div>
  2129.  
  2130. {block:TagPage}
  2131.  
  2132. {block:IfUseMasonryOnTagPages}
  2133.  
  2134. {Video-250}
  2135.  
  2136. {/block:IfUseMasonryOnTagPages}
  2137.  
  2138. {/block:TagPage}
  2139.  
  2140. {block:SearchPage}
  2141.  
  2142. {block:IfUseMasonryOnSearchPages}
  2143.  
  2144. {Video-250}
  2145.  
  2146. {/block:IfUseMasonryOnSearchPages}
  2147.  
  2148. {/block:SearchPage}
  2149.  
  2150. {block:Caption}
  2151.  
  2152. <section class="caption">{Caption}</section>
  2153.  
  2154. {/block:Caption}
  2155.  
  2156. {/block:Video}
  2157.  
  2158.  
  2159.  
  2160. {block:Audio}
  2161.  
  2162. {AudioPlayerWhite}
  2163.  
  2164. {block:Caption}
  2165.  
  2166. <section class="caption">{Caption}</section>
  2167.  
  2168. {/block:Caption}
  2169.  
  2170. {/block:Audio}
  2171.  
  2172.  
  2173.  
  2174. {block:Photo}
  2175.  
  2176. <div class="image-wrapper">
  2177.  
  2178. {block:IndexPage}<a class="image-link" href="{Permalink}">{/block:IndexPage}
  2179.  
  2180. {block:PermalinkPage}{block:LinkURL}<a class="image-link" href="{LinkURL}">{/block:LinkURL}{/block:PermalinkPage}
  2181.  
  2182. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  2183.  
  2184. {block:IndexPage}</a>{/block:IndexPage}
  2185.  
  2186. {block:PermalinkPage}{block:LinkURL}</a>{/block:LinkURL}{/block:PermalinkPage}
  2187.  
  2188. {block:IfSharePostLinks}
  2189. <div class="image-buttons">
  2190. <ul class="image-buttons">
  2191.  
  2192.  
  2193. {block:IfSharePostOnTwitter}
  2194.  
  2195. <li class="twitter" id="sharebutton">
  2196.  
  2197. <a href="https://twitter.com/intent/tweet?url={ShortURL}" title="Share on Twitter" class="fa fa-twitter" target="_blank"></a>
  2198.  
  2199. </li>
  2200.  
  2201. {/block:IfSharePostOnTwitter}
  2202.  
  2203. {block:IfSharePostOnFacebook}
  2204.  
  2205. <li class="facebook" id="sharebutton">
  2206.  
  2207. <a href="http://www.facebook.com/sharer.php?u={ShortURL}" title="Share on Facebook" class="fa fa-facebook" target="_blank"></a>
  2208.  
  2209. </li>
  2210.  
  2211. {/block:IfSharePostOnFacebook}
  2212.  
  2213. {block:IfSharePostOnGoogle}
  2214.  
  2215. <li class="google" id="sharebutton">
  2216.  
  2217. <a href="https://plus.google.com/share?url={ShortURL}" title="Share on Google +" class="fa fa-google-plus" target="_blank"></a>
  2218.  
  2219. </li>
  2220.  
  2221. {/block:IfSharePostOnGoogle}
  2222.  
  2223. {block:IfSharePostOnPinterest}
  2224.  
  2225. <li class="pintrest" id="sharebutton">
  2226.  
  2227. <a href="https://pinterest.com/pin/create/button/?url={ShortURL}{block:Text}&media={PortraitURL-128}{/block:Text}{block:Photo}&media={PhotoURL-HighRes}{/block:Photo}{block:Panorama}&media={PhotoURL-Panorama}{/block:Panorama}{block:Photoset}{block:Photos}&media={PhotoURL-500}{/block:Photos}{/block:Photoset}{block:Quote}&media={PortraitURL-128}{/block:Quote}{block:Link}&media={PortraitURL-128}{/block:Link}{block:Chat}&media={PortraitURL-128}{/block:Chat}{block:Audio}&media={PortraitURL-128}{/block:Audio}{block:Video}&media={PortraitURL-128}{block:VideoThumbnail}&media={VideoThumbnailURL}{/block:VideoThumbnail}{/block:Video}{block:Answer}&media={PortraitURL-128}{/block:Answer}{block:PostTitle}&description={PostTitle}{/block:PostTitle}" title="Share on Pinterest" class="fa fa-pinterest" target="_blank"></a>
  2228.  
  2229. </li>
  2230.  
  2231. {/block:IfSharePostOnPinterest}
  2232.  
  2233. <li id="sharebutton">
  2234. <a href="{ReblogURL}" title="Share on Tumblr" target="_blank" class="fa fa-tumblr"></a>
  2235.  
  2236. </li>
  2237.  
  2238. </ul>
  2239.  
  2240. {/block:IfSharePostLinks}
  2241.  
  2242. </div>
  2243. </div>
  2244. {block:Caption}
  2245.  
  2246. <section class="caption">{Caption}</section>
  2247.  
  2248. {/block:Caption}
  2249. <div class="clearfix"></div>
  2250. {/block:Photo}
  2251.  
  2252.  
  2253.  
  2254. {block:Photoset}
  2255.  
  2256. {block:Photos}
  2257.  
  2258. <div class="image-wrapper">
  2259.  
  2260. {block:IndexPage}<a class="image-link" href="{Permalink}">{/block:IndexPage}
  2261.  
  2262. {block:PermalinkPage}{block:LinkURL}<a class="image-link" href="{LinkURL}">{/block:LinkURL}{/block:PermalinkPage}
  2263.  
  2264. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  2265.  
  2266. {block:IndexPage}</a>{/block:IndexPage}
  2267.  
  2268. {block:PermalinkPage}{block:LinkURL}</a>{/block:LinkURL}{/block:PermalinkPage}
  2269.  
  2270.  
  2271.  
  2272. </div>
  2273.  
  2274. {block:Caption}
  2275.  
  2276. <section class="caption inset-caption">{Caption}</section>
  2277.  
  2278. {/block:Caption}
  2279.  
  2280. <div class="clearfix"></div>
  2281.  
  2282. {/block:Photos}
  2283.  
  2284. {block:Caption}
  2285.  
  2286. <section class="caption">{Caption}</section>
  2287.  
  2288. {/block:Caption}
  2289.  
  2290. {/block:Photoset}
  2291.  
  2292.  
  2293.  
  2294. {block:Panorama}
  2295.  
  2296. <div class="image-wrapper">
  2297.  
  2298. {block:IndexPage}<a class="image-link" href="{Permalink}">{/block:IndexPage}
  2299.  
  2300. {block:PermalinkPage}{block:LinkURL}<a class="image-link" href="{LinkURL}">{/block:LinkURL}{/block:PermalinkPage}
  2301.  
  2302. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  2303.  
  2304. {block:IndexPage}</a>{/block:IndexPage}
  2305.  
  2306. {block:PermalinkPage}{block:LinkURL}</a>{/block:LinkURL}{/block:PermalinkPage}
  2307.  
  2308. <div class="image-buttons">
  2309.  
  2310. <a class="notes-button" href="{Permalink}">{NoteCount}</a>
  2311.  
  2312. {ReblogButton color="white" size="14"}
  2313.  
  2314. {LikeButton color="white" size="14"}
  2315.  
  2316. </div>
  2317.  
  2318. </div>
  2319.  
  2320. {block:Caption}
  2321.  
  2322. <section class="caption">{Caption}</section>
  2323.  
  2324. {/block:Caption}
  2325.  
  2326. {/block:Panorama}
  2327.  
  2328.  
  2329.  
  2330. {block:Chat}
  2331.  
  2332. {block:Title}<h3 class="post-title">{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{Title}{block:IndexPage}</a>{/block:IndexPage}</h3>{/block:Title}
  2333.  
  2334. <table>
  2335.  
  2336. {block:Lines}
  2337.  
  2338. <tr class="{Alt}">
  2339.  
  2340. {block:Label}<td class="person">{Label}</td>{/block:Label}
  2341.  
  2342. <td>{Line}</td>
  2343.  
  2344. </tr>
  2345.  
  2346. {/block:Lines}
  2347.  
  2348. </table>
  2349.  
  2350. {/block:Chat}
  2351.  
  2352.  
  2353.  
  2354. {block:Answer}
  2355.  
  2356. <div class="asker-portrait">
  2357.  
  2358. <img src="{AskerPortraitURL-40}">
  2359.  
  2360. </div>
  2361.  
  2362. <div class="question-answer">
  2363.  
  2364. {Asker}
  2365.  
  2366. <div class="question">{Question}</div>
  2367.  
  2368. <div class="answer">{Answer}</div>
  2369.  
  2370. </div>
  2371.  
  2372. {/block:Answer}
  2373.  
  2374.  
  2375.  
  2376. </section>
  2377.  
  2378. {block:IfShowDate}
  2379. {block:Date}
  2380.  
  2381. <section class="post-meta">
  2382.  
  2383.  
  2384.  
  2385. <ul class="post-meta-list">
  2386.  
  2387. <li>
  2388.  
  2389. <a href="{Permalink}">{TimeAgo}{block:PermalinkPage} ({DayOfMonth} {Month}, {Year}){/block:PermalinkPage}</a>
  2390.  
  2391. </li>
  2392.  
  2393. {block:ExternalAudio}
  2394.  
  2395. <li>
  2396.  
  2397. <a href="{ExternalAudioURL}">Download</a>
  2398.  
  2399. </li>
  2400.  
  2401. {/block:ExternalAudio}
  2402.  
  2403. {block:PlayCount}
  2404.  
  2405. <li>
  2406.  
  2407. <a href="{Permalink}">{PlayCountWithLabel}</a>
  2408.  
  2409. </li>
  2410.  
  2411. {/block:PlayCount}
  2412.  
  2413. <li>
  2414.  
  2415. <a href="{Permalink}">{NoteCountWithLabel}</a>
  2416.  
  2417. </li>
  2418.  
  2419. {block:ContentSource}
  2420.  
  2421. <li>
  2422.  
  2423. <a href="{SourceURL}" title="{SourceTitle}">Source</a>
  2424.  
  2425. </li>
  2426.  
  2427. {/block:ContentSource}
  2428.  
  2429. <li>
  2430.  
  2431. <a href="{Permalink}">Permalink</a>
  2432.  
  2433. </li>
  2434.  
  2435. <li>
  2436.  
  2437. <a href="{ReblogURL}">Reblog</a>
  2438.  
  2439. </li>
  2440.  
  2441. </ul>
  2442.  
  2443.  
  2444.  
  2445. {block:HasTags}
  2446.  
  2447. <ul class="post-tags-list">
  2448.  
  2449. {block:Tags}<li><a href="{TagURL}">{Tag}</a></li>{/block:Tags}
  2450.  
  2451. </ul>
  2452.  
  2453. {/block:HasTags}
  2454.  
  2455.  
  2456.  
  2457. {block:PermalinkPagination}
  2458.  
  2459. <ul class="permalinks" id="pagination">
  2460.  
  2461. {block:PreviousPost}
  2462.  
  2463. <li><a id="prev" href="{PreviousPost}">{lang:Previous post} (m)</a></li>
  2464.  
  2465. {/block:PreviousPost}
  2466.  
  2467. {block:NextPost}
  2468.  
  2469. <li><a id="next" href="{NextPost}">{lang:Next post} (n)</a?</li>
  2470.  
  2471. {/block:NextPost}
  2472.  
  2473. </ul>
  2474.  
  2475. {/block:PermalinkPagination}
  2476.  
  2477.  
  2478.  
  2479. </section>
  2480.  
  2481. {/block:Date}
  2482. {/block:IfShowDate}
  2483.  
  2484.  
  2485. {block:PostNotes}
  2486.  
  2487. <section class="post-notes">
  2488.  
  2489. {PostNotes}
  2490.  
  2491. </section>
  2492.  
  2493. {/block:PostNotes}
  2494.  
  2495.  
  2496.  
  2497. </article>
  2498.  
  2499. {/block:Posts}
  2500. {block:IfInfiniteScroll}</div>{/block:IfInfiniteScroll}
  2501.  
  2502.  
  2503.  
  2504. {block:TagPage}
  2505.  
  2506. {block:IfUseMasonryOnTagPages}
  2507.  
  2508. </div>
  2509.  
  2510. {/block:IfUseMasonryOnTagPages}
  2511.  
  2512. {/block:TagPage}
  2513.  
  2514.  
  2515.  
  2516. {block:SearchPage}
  2517.  
  2518. {block:IfUseMasonryOnSearchPages}
  2519.  
  2520.  
  2521. </div>
  2522.  
  2523. {/block:IfUseMasonryOnSearchPages}
  2524.  
  2525. {/block:SearchPage}
  2526.  
  2527.  
  2528. {block:IfNotInfiniteScroll}
  2529. {block:Pagination}
  2530.  
  2531. <ul id="pagination">
  2532.  
  2533. {block:PreviousPage}<li><a id="prev" href="{PreviousPage}">Back (m)</a></li>{/block:PreviousPage}
  2534.  
  2535. {block:JumpPagination length="10"}
  2536.  
  2537. {block:CurrentPage}<li><span class="current">{PageNumber}</span></li>{/block:CurrentPage}
  2538.  
  2539. {block:JumpPage}<li><a class="jump" href="{URL}">{PageNumber}</a></li>{/block:JumpPage}
  2540.  
  2541. {/block:JumpPagination}
  2542.  
  2543. {block:NextPage}<li><a id="next" href="{NextPage}">Next (n)</a></li>{/block:NextPage}
  2544.  
  2545. </ul>
  2546.  
  2547. <a id="to-top" href="#top">Back to top (t)</a>
  2548.  
  2549. {/block:Pagination}
  2550. {/block:IfNotInfiniteScroll}
  2551.  
  2552. </section>
  2553.  
  2554.  
  2555.  
  2556. </body>
  2557.  
  2558. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!