Advertisement
feiinho

Native Citizens v0.5.5

Jun 21st, 2017
199
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.27 KB | None | 0 0
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <!--
  5. Native Citizens v0.5.5
  6. By Ronny Wieckardt
  7. * fix: Dead links in footer
  8.  
  9. CHANGE LOG:
  10. Version v0.5.4
  11. * fix: Disqus commenting
  12. * Small css improvements
  13.  
  14.  
  15. Version v0.5.3
  16. * Font-face revert
  17.  
  18. Version v0.5.2
  19. * Small css improvements
  20.  
  21. Version v0.5.1
  22. * Imporant Disqus hotlink fix
  23.  
  24. Version v0.5
  25. * fix: Vimeo iframe resize
  26. * fix: Quote notation issue
  27. * css: small visual improvements
  28. * new option: resize images to page width
  29.  
  30. Update 16-03-2011 v0.5
  31.  
  32. Update 22-02-2011 v0.4
  33. * new option: Disqus
  34.  
  35. Update 08-02-2011 v0.3
  36. * Fix image overlap!
  37.  
  38. Update 03-02-2011 v0.2
  39. * fix: header height adjusted
  40. * fix: clicktrough link on pictures
  41. * fix css: paragraph styles
  42. * new option: justify paragraphs
  43. * new option: show permalinks
  44. * new option: show time ago
  45. * new option: show notes permalink
  46. * new option: show tags
  47. * new option: hide or show article footer per type
  48. -->
  49.  
  50. <meta charset="utf-8"/>
  51. <meta name="viewport" content="width=device-width; initial-scale=1"/>
  52.  
  53. {block:Description}
  54. <meta name="description" content="{MetaDescription}"/>
  55. {/block:Description}
  56.  
  57. <!-- Default colors -->
  58. <meta name="color:Background" content="#fff"/>
  59. <meta name="color:Background alternate" content="#ddd"/>
  60. <meta name="color:Background post" content="#eee"/>
  61. <meta name="color:Text" content="#333"/>
  62. <meta name="color:Text alternate" content="#ccc"/>
  63. <meta name="color:Link" content="#444"/>
  64. <meta name="color:Link hover" content="#000"/>
  65.  
  66. <!-- Display options -->
  67. <meta name="if:Show Time Ago" content="1"/>
  68. <meta name="if:Show Permalink" content="1"/>
  69. <meta name="if:Show Tags" content="1"/>
  70. <meta name="if:Show Notes" content="1"/>
  71. <meta name="if:Show Footer On Text" content="0"/>
  72. <meta name="if:Show Footer On Photo" content="1"/>
  73. <meta name="if:Show Footer On Photoset" content="0"/>
  74. <meta name="if:Show Footer On Video" content="0"/>
  75. <meta name="if:Show Footer On Audio" content="0"/>
  76. <meta name="if:Show Footer On Quote" content="0"/>
  77. <meta name="if:Show Footer On Chat" content="0"/>
  78. <meta name="if:Show Footer On Link" content="0"/>
  79. <meta name="if:Justify Paragraphs" content="0"/>
  80. <meta name="if:Resize Images To Page Width" content="1"/>
  81.  
  82. <!-- Disqus comments -->
  83. <meta name="text:Disqus Shortname" content="">
  84.  
  85. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  86.  
  87. <link rel="shortcut icon" href="{Favicon}"/>
  88. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  89.  
  90. <style type="text/css">
  91. /*
  92. Font: LektonRegular
  93. This theme uses the lovely Lekton Regular font from: Accademia di Belle Arti di Urbino.
  94. License: http://scripts.sil.org/OFL
  95. Url: http://www.fontsquirrel.com/fonts/lekton
  96.  
  97. Note: Doesn't always work in google chrome.
  98. */
  99.  
  100. @font-face {
  101. font-family: 'LektonRegular';
  102. src: url('http://static.tumblr.com/qlf79cn/4tzlfiytg/lekton-regular-webfont.eot');
  103. src: local('Lekton'), local('Lekton-Regular'), url('http://static.tumblr.com/qlf79cn/JL8lfiywa/lekton-regular-webfont.woff') format('woff'), url('http://static.tumblr.com/qlf79cn/JGXlfiyuc/lekton-regular-webfont.ttf') format('truetype'), url('http://static.tumblr.com/qlf79cn/2r0lfiyty/lekton-regular-webfont.svg#webfontRQrc7R1U') format('svg');
  104. font-weight: normal;
  105. font-style: normal;
  106. }
  107.  
  108. /* Reset
  109. ------------------ */
  110. html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {
  111. margin: 0;
  112. padding: 0;
  113. border: 0;
  114. }
  115.  
  116. article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video {
  117. display: block;
  118. }
  119.  
  120. a img {border: 0;}
  121. figure {position: relative;}
  122. figure img {width: 100%;}
  123.  
  124. /* Layout: General
  125. ------------------ */
  126. body {
  127. font: 12px/16px 'LektonRegular', Monaco, Andale Mono, monospace;
  128. font-weight: normal;
  129. color: {color:Text};
  130. letter-spacing: 1px;
  131.  
  132. background: {color:Background};
  133. -webkit-tap-highlight-color: #ff0;
  134. }
  135.  
  136. ::selection {background: #ff0;}
  137. ::-moz-selection {background: #ff0;}
  138. img::selection {background: transparent;}
  139. img::-moz-selection {background: transparent;}
  140.  
  141.  
  142. a{
  143. color:{color:Link};
  144. text-decoration: none;
  145. border-bottom: 1px {color:Link} dotted;
  146. padding-bottom: 1px;
  147. }
  148.  
  149. a:hover{
  150. color: {color:Link hover};
  151. text-decoration: none;
  152. border-bottom: 1px {color:Link hover} dotted;
  153. padding-bottom: 1px;
  154. }
  155.  
  156. a img{
  157. border:none;
  158. }
  159.  
  160.  
  161. blockquote{
  162. margin: 5px;
  163. padding: 10px;
  164. background: {color:Background};
  165. }
  166.  
  167. /* Layout: Structure
  168. ------------------ */
  169. #site{
  170. position: relative;
  171. padding: 24px 60px 0;
  172. margin: 0 auto;
  173. width: 648px;
  174. }
  175.  
  176. #brand{
  177. text-align: center;
  178. position: fixed;
  179. top:0;
  180. left:0;
  181. right:0;
  182. background: {color:Background};
  183. z-index: 20;
  184. padding:20px 10px;
  185. }
  186.  
  187. #brand h1{
  188. font-size: 16px;
  189. line-height: 24px;
  190. font-weight: normal;
  191. text-transform: uppercase;
  192. }
  193.  
  194. #brand h1 a{
  195. border: none;
  196. }
  197.  
  198. #brand nav{
  199. margin-top: 20px;
  200. }
  201.  
  202. #brand nav a{
  203. text-transform: uppercase;
  204. border: none;
  205. }
  206.  
  207. #brand nav span{
  208. color: {color:Text alternate};
  209. }
  210.  
  211. #brand nav > span:last-child{
  212. display: none;
  213. }
  214.  
  215. nav .next{
  216. display: block;
  217. position: fixed;
  218. text-indent: -9999px;
  219. overflow: hidden;
  220. height:30px;
  221. width: 100px;
  222. z-index: 4;
  223. right: 30px;
  224. top: 50%;
  225. border: none;
  226. background: transparent url(http://static.tumblr.com/qlf79cn/HZilfsorl/arrow-1.png) right center no-repeat;
  227. }
  228.  
  229. nav .prev{
  230. display: block;
  231. position: fixed;
  232. text-indent: -9999px;
  233. overflow: hidden;
  234. height:30px;
  235. width: 100px;
  236. z-index: 4;
  237. left: 30px;
  238. top: 50%;
  239. border: none;
  240. background: transparent url(http://static.tumblr.com/qlf79cn/sgWlfsosf/arrow-2.png) left center no-repeat;
  241. }
  242.  
  243. nav .prev, nav .next,
  244. nav .prev:hover, nav .next:hover{
  245. border-bottom: none;
  246. }
  247.  
  248. #posts{
  249. margin: 0px -24px 20px 0px;
  250. }
  251.  
  252. #top-link {
  253. display:none;
  254. position:fixed;
  255. right:30px;
  256. bottom:0px;
  257. color:#ccc;
  258. text-decoration:none;
  259. background:#333;
  260. padding:10px;
  261. border:none;
  262. }
  263.  
  264. #footer{
  265. margin: 10px -24px 0px 0px;
  266. }
  267.  
  268. #footer nav{
  269. text-align: center;
  270. padding:10px;
  271. }
  272.  
  273. /* Post
  274. ------------------ */
  275. article {
  276. position: relative;
  277. overflow: hidden;
  278. float:left;
  279. width: 310px;
  280. border:1px {color:Background post} solid;
  281. margin-bottom: 24px;
  282. background: {color:Background post};
  283. }
  284.  
  285. article header{
  286. font: 14px/24px 'LektonRegular', Monaco, Andale Mono, monospace;
  287. text-transform: uppercase;
  288. padding:10px 10px 0px 10px;
  289. }
  290.  
  291. article h3, article h4, article h5{
  292. font: 12px/20px 'LektonRegular', Monaco, Andale Mono, monospace;
  293. font-weight: normal;
  294. padding-bottom: 10px;
  295. }
  296.  
  297. article ul{
  298. padding:10px 10px 0px 24px;
  299. }
  300.  
  301. article p{
  302. padding:0px 10px 10px 10px;
  303. font: 12px/20px 'LektonRegular', Monaco, Andale Mono, monospace;
  304. color:#333;
  305.  
  306. {block:IfJustifyParagraphs}
  307. text-align: justify;
  308. {/block:IfJustifyParagraphs}
  309. }
  310.  
  311. article p:last-child{
  312. }
  313.  
  314. /* Post: Quote
  315. ------------------ */
  316. article.quote p{
  317. text-align: center;
  318. }
  319.  
  320. article q{
  321. display: block;
  322. padding-top:10px;
  323. font: 14px/20px 'LektonRegular', Monaco, Andale Mono, monospace;
  324. font-weight: normal;
  325. text-transform: uppercase;
  326. }
  327.  
  328. /* Post: Link
  329. ------------------ */
  330. article.link>p:first-child{
  331. padding:0;
  332. }
  333.  
  334. article.link>p:first-child a{
  335. text-transform: uppercase;
  336. border: none;
  337. padding:5px 10px;
  338. background: {color:Background post};
  339. display: block;
  340. }
  341.  
  342. article.link>p:first-child a:hover{
  343. color: {color:Link hover};
  344. background: {color:Background alternate};
  345. }
  346.  
  347. /* Post: Chat
  348. ------------------ */
  349. article.chat{
  350. border:1px {color:Background alternate} solid;
  351. }
  352.  
  353. article.chat header{
  354. padding: 5px 10px;
  355. text-transform:uppercase;
  356. }
  357.  
  358. article.chat header a{
  359. border: none;
  360. }
  361.  
  362. article.chat ul.chat {
  363. list-style-type: none;
  364. margin:0px;
  365. padding: 0px;
  366. }
  367.  
  368. article.chat ul li.odd{
  369. background: {color:Background};
  370. padding:5px 10px;
  371. margin:0px;
  372. }
  373.  
  374. article.chat ul li.user_1 .label{
  375. text-transform: uppercase;
  376. font-weight: bold;
  377. }
  378.  
  379. article.chat ul li.user_2 .label{
  380. text-transform: uppercase;
  381. }
  382.  
  383. article.chat ul li.even{
  384. background: {color:Background post};
  385. padding:5px 10px;
  386. margin:0px;
  387. }
  388.  
  389. /* Post: Video
  390. ------------------ */
  391. article.video iframe{
  392. width: 312px;
  393. height: 200px;
  394. }
  395.  
  396. article.video object,
  397. article.video embed{
  398. width: 312px;
  399. height: 200px;
  400. z-index: 10;
  401. }
  402.  
  403. /* Post: Photoset
  404. ------------------ */
  405. article.photoset object,
  406. article.photoset embed{
  407. width: 312px;
  408. height: 248px;
  409. z-index: 10;
  410. }
  411.  
  412. /* Post: Audio
  413. ------------------ */
  414. article.audio{
  415. border:1px {color:Background alternate} solid;
  416. background: #e4e4e4;
  417. }
  418.  
  419. article.audio .audio_player{
  420. position: absolute;
  421. top:0;
  422. left:50%;
  423. width:207px;
  424. margin: 0 0 0 -103px;
  425. }
  426.  
  427. article.audio figcaption{
  428. padding:30px 0 0 0;
  429. }
  430.  
  431. article.audio figcaption p{
  432. padding:5px 10px;
  433. text-align: center;
  434. text-transform: lowercase;
  435. background: {color:Background post};
  436. }
  437.  
  438.  
  439. /* Post: footer
  440. ------------------ */
  441. article footer p{
  442. padding:0 10px;
  443. margin:0;
  444. text-transform: uppercase;
  445. font-size: 10px;
  446. }
  447.  
  448. article footer p span{
  449. font-size:14px;
  450. font-weight: 100;
  451. }
  452.  
  453. article footer p a{
  454. border-bottom: none;
  455. font-size:14px;
  456. }
  457.  
  458. article footer p a.tag{
  459. border-bottom: none;
  460. font-size:10px;
  461. }
  462.  
  463. /* Post: Notes
  464. ------------------ */
  465. ol.notes {
  466. padding: 0px;
  467. margin: 10px 0px;
  468. list-style-type: none;
  469. border-bottom: solid 1px {color:Background alternate};
  470. }
  471.  
  472. ol.notes li.note {
  473. border-top: solid 1px {color:Background alternate};
  474. padding: 10px;
  475. background: {color:Background};
  476. }
  477.  
  478. ol.notes li.note img.avatar {
  479. vertical-align: -4px;
  480. margin-right: 0px;
  481. width: 16px;
  482. height: 16px;
  483. border: 1px solid;
  484. }
  485.  
  486. ol.notes li.note a{
  487. border:none {color:Background alternate};
  488. }
  489.  
  490. ol.notes li.note span.action {
  491. font-weight: normal;
  492. font-size:11px;
  493. }
  494.  
  495. ol.notes li.note span.action a{
  496. text-transform: uppercase;
  497. font-size: 10px;
  498. }
  499.  
  500. ol.notes li.note .answer_content {
  501. font-weight: normal;
  502. }
  503.  
  504. ol.notes li.note blockquote {
  505. border-color: {color:Background post};
  506. padding: 4px 10px;
  507. margin: 10px 0px 0px 25px;
  508. }
  509.  
  510. ol.notes li.note blockquote a {
  511. text-decoration: none;
  512. }
  513.  
  514.  
  515.  
  516. /* Large screen markup
  517. ------------------ */
  518. @media only screen and (min-width: 1212px) {
  519.  
  520. #site {
  521. width: 984px;
  522. }
  523.  
  524. article {
  525. position: relative;
  526. overflow: hidden;
  527. float:left;
  528. width: 480px;
  529. }
  530.  
  531. article.video iframe{
  532. width: 480px;
  533. height: 296px;
  534. }
  535.  
  536. article.video object,
  537. article.video embed{
  538. width: 480px;
  539. height: 296px;
  540. z-index: 10;
  541. }
  542.  
  543. article.photoset object,
  544. article.photoset embed{
  545. width: 480px;
  546. height: 380px;
  547. z-index: 10;
  548. }
  549.  
  550. }
  551.  
  552. /* Small screen markup
  553. ------------------ */
  554. @media only screen and (max-width: 767px) and (min-width: 480px) {
  555.  
  556. body {
  557. /* Prevents Mobile Safari from bumping up font sizes in landscape */
  558. -webkit-text-size-adjust: 100%;
  559. }
  560.  
  561. #site {
  562. width: 480px;
  563. }
  564.  
  565. article {
  566. position: relative;
  567. overflow: hidden;
  568. clear:left;
  569. width: 480px;
  570. }
  571.  
  572. article.video iframe{
  573. width: 480px;
  574. height: 296px;
  575. }
  576.  
  577. article.video object,
  578. article.video embed{
  579. width: 480px;
  580. height: 296px;
  581. z-index: 10;
  582. }
  583.  
  584. article.photoset object,
  585. article.photoset embed{
  586. width: 480px;
  587. height: 380px;
  588. z-index: 10;
  589. }
  590.  
  591. }
  592.  
  593. /* Mobile screen markup
  594. ------------------ */
  595. @media only screen and (max-width: 479px) {
  596. body {
  597. /* Prevents Mobile Safari from bumping up font sizes in landscape */
  598. -webkit-text-size-adjust: 100%;
  599. }
  600.  
  601. #site {
  602. width: 320px;
  603. }
  604.  
  605. article {
  606. position: relative;
  607. overflow: hidden;
  608. clear:left;
  609. width: 320px;
  610. }
  611.  
  612. article.video iframe{
  613. width: 320px;
  614. height: 210px;
  615. }
  616.  
  617. article.video object,
  618. article.video embed{
  619. width: 320px;
  620. height: 210px;
  621. z-index: 10;
  622. }
  623.  
  624. article.photoset object,
  625. article.photoset embed{
  626. width: 320px;
  627. height: 253px;
  628. z-index: 10;
  629. }
  630.  
  631. }
  632.  
  633. {block:PermalinkPage}
  634. article{
  635. width:100% !important;
  636. }
  637.  
  638. {block:IfNotResizeImagesToPageWidth}
  639. article img{
  640. width: inherit;
  641. height: inherit;
  642. margin: 0px auto;
  643. }
  644.  
  645. article footer p{
  646. text-align: center;
  647. }
  648. {/block:IfNotResizeImagesToPageWidth}
  649.  
  650. .section.th{
  651. padding: 0 10px;
  652. background: #fff;
  653. }
  654.  
  655. #disqus_thread{
  656. margin: 5px 10px;
  657. padding: 5px 10px;
  658. background: {color:Background post};
  659. }
  660.  
  661. .dsq-brlink {
  662. font-size: 10px;
  663. margin: 0 10px;
  664. }
  665. {/block:PermalinkPage}
  666.  
  667. {CustomCSS}
  668.  
  669. </style>
  670. <!-- Jquery -->
  671. <script src="http://static.tumblr.com/qlf79cn/ytWleg9fl/jquery.js"></script>
  672.  
  673. <!--[if lt IE 9]>
  674. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  675. <![endif]-->
  676. </head>
  677. <body>
  678. <div id="site">
  679. <header id="brand">
  680. <h1><a href="/">{Title}</a></h1>
  681. {block:Description}
  682. <p id="description">{Description}</p>
  683. {/block:Description}
  684. <nav>
  685. {block:HasPages}
  686. {block:Pages}
  687. <a href="{URL}">{Label}</a> <span>&times;</span>
  688. {/block:Pages}
  689. {/block:HasPages}
  690. {block:SubmissionsEnabled}
  691. <a href="/submit">{SubmitLabel}</a> <span>&times;</span>
  692. {/block:SubmissionsEnabled}
  693. {block:AskEnabled}
  694. <a href="/ask">{AskLabel}</a> <span>&times;</span>
  695. {/block:AskEnabled}
  696. <a href="/archive">Archive</a>
  697. </nav>
  698. </header>
  699.  
  700. <nav>
  701. {block:PreviousPage}
  702. <a href="{PreviousPage}" class="prev">&#171; Previous</a>
  703. {/block:PreviousPage}
  704. {block:NextPage}
  705. <a href="{NextPage}" class="next">Next &#187;</a>
  706. {/block:NextPage}
  707. </nav>
  708.  
  709. <div id="posts">
  710. {block:Posts}
  711. {block:Text}
  712. <article class="post text">
  713. {block:Title}
  714. <header>
  715. <h3><a href="{Permalink}">{Title}</a></h3>
  716. </header>
  717. {/block:Title}
  718. {Body}
  719.  
  720. {block:IfShowFooterOnText}
  721. <footer>
  722. <p>
  723. {block:IfShowPermalink}
  724. <a href="{Permalink}">&diams;</a>
  725. {/block:IfShowPermalink}
  726.  
  727. {block:IfShowTimeAgo}
  728. {block:Date} {TimeAgo} {/block:Date}
  729. {/block:IfShowTimeAgo}
  730.  
  731. {block:IfShowTags}
  732. {block:HasTags}
  733. <span>&times;</span>
  734. {block:Tags}
  735. <a href="{TagURL}" class="tag">{Tag}</a>
  736. {/block:Tags}
  737. {/block:HasTags}
  738. {/block:IfShowTags}
  739. </p>
  740.  
  741. {block:IfDisqusShortname}
  742. {block:Permalink}
  743. <div id="disqus_thread" class="disqus-thread"></div>
  744. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}" title="View Disqus homepage">comments powered by Disqus.</a></noscript>
  745. {lang:Blog comments powered by Disqus 2}
  746. {/block:Permalink}
  747. {/block:IfDisqusShortname}
  748.  
  749. {block:IfShowNotes}
  750. {PostNotes}
  751. {/block:IfShowNotes}
  752. </footer>
  753. {/block:IfShowFooterOnText}
  754.  
  755. </article>
  756. {/block:Text}
  757.  
  758. {block:Photo}
  759. <article class="post photo">
  760. <figure>
  761. {LinkOpenTag}
  762. {block:PermalinkPage}
  763. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  764. {/block:PermalinkPage}
  765. {block:IndexPage}
  766. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  767. {/block:IndexPage}
  768. {LinkCloseTag}
  769. {block:Caption}
  770. <figcaption>
  771. {Caption}
  772. </figcaption>
  773. {/block:Caption}
  774. </figure>
  775.  
  776. {block:IfShowFooterOnPhoto}
  777. <footer>
  778. <p>
  779. {block:IfShowPermalink}
  780. <a href="{Permalink}">&diams;</a>
  781. {/block:IfShowPermalink}
  782.  
  783. {block:IfShowTimeAgo}
  784. {block:Date} {TimeAgo} {/block:Date}
  785. {/block:IfShowTimeAgo}
  786.  
  787. {block:IfShowTags}
  788. {block:HasTags}
  789. <span>&times;</span>
  790. {block:Tags}
  791. <a href="{TagURL}" class="tag">{Tag}</a>
  792. {/block:Tags}
  793. {/block:HasTags}
  794. {/block:IfShowTags}
  795. </p>
  796.  
  797. {block:IfDisqusShortname}
  798. {block:Permalink}
  799. <div id="disqus_thread" class="disqus-thread"></div>
  800. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}" title="View Disqus homepage">comments powered by Disqus.</a></noscript>
  801. {lang:Blog comments powered by Disqus 2}
  802. {/block:Permalink}
  803. {/block:IfDisqusShortname}
  804.  
  805. {block:IfShowNotes}
  806. {PostNotes}
  807. {/block:IfShowNotes}
  808. </footer>
  809. {/block:IfShowFooterOnPhoto}
  810.  
  811. </article>
  812. {/block:Photo}
  813.  
  814. {block:Photoset}
  815. <article class="post photoset">
  816. <figure>
  817. {Photoset-500}
  818. {block:Caption}
  819. <figcaption>{Caption}</figcaption>
  820. {/block:Caption}
  821. </figure>
  822.  
  823. {block:IfShowFooterOnPhotoset}
  824. <footer>
  825. <p>
  826. {block:IfShowPermalink}
  827. <a href="{Permalink}">&diams;</a>
  828. {/block:IfShowPermalink}
  829.  
  830. {block:IfShowTimeAgo}
  831. {block:Date} {TimeAgo} {/block:Date}
  832. {/block:IfShowTimeAgo}
  833.  
  834. {block:IfShowTags}
  835. {block:HasTags}
  836. <span>&times;</span>
  837. {block:Tags}
  838. <a href="{TagURL}" class="tag">{Tag}</a>
  839. {/block:Tags}
  840. {/block:HasTags}
  841. {/block:IfShowTags}
  842. </p>
  843.  
  844. {block:IfDisqusShortname}
  845. {block:Permalink}
  846. <div id="disqus_thread" class="disqus-thread"></div>
  847. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}" title="View Disqus homepage">comments powered by Disqus.</a></noscript>
  848. {lang:Blog comments powered by Disqus 2}
  849. {/block:Permalink}
  850. {/block:IfDisqusShortname}
  851.  
  852. {block:IfShowNotes}
  853. {PostNotes}
  854. {/block:IfShowNotes}
  855. </footer>
  856. {/block:IfShowFooterOnPhotoset}
  857.  
  858. </article>
  859. {/block:Photoset}
  860.  
  861. {block:Quote}
  862. <article class="post quote">
  863. <p>
  864. <q>{Quote}</q>
  865. {block:Source}
  866. {Source}
  867. {/block:Source}
  868. </p>
  869.  
  870. {block:IfShowFooterOnQuote}
  871. <footer>
  872. <p>
  873. {block:IfShowPermalink}
  874. <a href="{Permalink}">&diams;</a>
  875. {/block:IfShowPermalink}
  876.  
  877. {block:IfShowTimeAgo}
  878. {block:Date} {TimeAgo} {/block:Date}
  879. {/block:IfShowTimeAgo}
  880.  
  881. {block:IfShowTags}
  882. {block:HasTags}
  883. <span>&times;</span>
  884. {block:Tags}
  885. <a href="{TagURL}" class="tag">{Tag}</a>
  886. {/block:Tags}
  887. {/block:HasTags}
  888. {/block:IfShowTags}
  889. </p>
  890.  
  891. {block:IfDisqusShortname}
  892. {block:Permalink}
  893. <div id="disqus_thread" class="disqus-thread"></div>
  894. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}" title="View Disqus homepage">comments powered by Disqus.</a></noscript>
  895. {lang:Blog comments powered by Disqus 2}
  896. {/block:Permalink}
  897. {/block:IfDisqusShortname}
  898.  
  899. {block:IfShowNotes}
  900. {PostNotes}
  901. {/block:IfShowNotes}
  902. </footer>
  903. {/block:IfShowFooterOnQuote}
  904.  
  905. </article>
  906. {/block:Quote}
  907.  
  908. {block:Link}
  909. <article class="post link">
  910. <p>
  911. <a href="{URL}" class="link" {Target}><span>&rsaquo;</span> {Name}</a>
  912. {block:Description}
  913. {Description}
  914. {/block:Description}
  915. </p>
  916.  
  917. {block:IfShowFooterOnLink}
  918. <footer>
  919. <p>
  920. {block:IfShowPermalink}
  921. <a href="{Permalink}">&diams;</a>
  922. {/block:IfShowPermalink}
  923.  
  924. {block:IfShowTimeAgo}
  925. {block:Date} {TimeAgo} {/block:Date}
  926. {/block:IfShowTimeAgo}
  927.  
  928. {block:IfShowTags}
  929. {block:HasTags}
  930. <span>&times;</span>
  931. {block:Tags}
  932. <a href="{TagURL}" class="tag">{Tag}</a>
  933. {/block:Tags}
  934. {/block:HasTags}
  935. {/block:IfShowTags}
  936. </p>
  937.  
  938. {block:IfDisqusShortname}
  939. {block:Permalink}
  940. <div id="disqus_thread" class="disqus-thread"></div>
  941. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}" title="View Disqus homepage">comments powered by Disqus.</a></noscript>
  942. {lang:Blog comments powered by Disqus 2}
  943. {/block:Permalink}
  944. {/block:IfDisqusShortname}
  945.  
  946. {block:IfShowNotes}
  947. {PostNotes}
  948. {/block:IfShowNotes}
  949. </footer>
  950. {/block:IfShowFooterOnLink}
  951.  
  952. </article>
  953. {/block:Link}
  954.  
  955. {block:Chat}
  956. <article class="post chat">
  957. {block:Title}
  958. <header>
  959. <h3><a href="{Permalink}">{Title}</a></h3>
  960. </header>
  961. {/block:Title}
  962. <figure>
  963. <ul class="chat">
  964. {block:Lines}
  965. <li class="{Alt} user_{UserNumber}">
  966. {block:Label}
  967. <span class="label">{Label}</span>
  968. {/block:Label}
  969. {Line}
  970. </li>
  971. {/block:Lines}
  972. </ul>
  973. </figure>
  974.  
  975. {block:IfShowFooterOnChat}
  976. <footer>
  977. <p>
  978. {block:IfShowPermalink}
  979. <a href="{Permalink}">&diams;</a>
  980. {/block:IfShowPermalink}
  981.  
  982. {block:IfShowTimeAgo}
  983. {block:Date} {TimeAgo} {/block:Date}
  984. {/block:IfShowTimeAgo}
  985.  
  986. {block:IfShowTags}
  987. {block:HasTags}
  988. <span>&times;</span>
  989. {block:Tags}
  990. <a href="{TagURL}" class="tag">{Tag}</a>
  991. {/block:Tags}
  992. {/block:HasTags}
  993. {/block:IfShowTags}
  994. </p>
  995.  
  996. {block:IfDisqusShortname}
  997. {block:Permalink}
  998. <div id="disqus_thread" class="disqus-thread"></div>
  999. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}" title="View Disqus homepage">comments powered by Disqus.</a></noscript>
  1000. {lang:Blog comments powered by Disqus 2}
  1001. {/block:Permalink}
  1002. {/block:IfDisqusShortname}
  1003.  
  1004. {block:IfShowNotes}
  1005. {PostNotes}
  1006. {/block:IfShowNotes}
  1007. </footer>
  1008. {/block:IfShowFooterOnChat}
  1009.  
  1010. </article>
  1011. {/block:Chat}
  1012.  
  1013. {block:Video}
  1014. <article class="post video">
  1015. <figure>
  1016. {Video-500}
  1017. {block:Caption}
  1018. <figcaption>{Caption}</figcaption>
  1019. {/block:Caption}
  1020. </figure>
  1021.  
  1022. {block:IfShowFooterOnVideo}
  1023. <footer>
  1024. <p>
  1025. {block:IfShowPermalink}
  1026. <a href="{Permalink}">&diams;</a>
  1027. {/block:IfShowPermalink}
  1028.  
  1029. {block:IfShowTimeAgo}
  1030. {block:Date} {TimeAgo} {/block:Date}
  1031. {/block:IfShowTimeAgo}
  1032.  
  1033. {block:IfShowTags}
  1034. {block:HasTags}
  1035. <span>&times;</span>
  1036. {block:Tags}
  1037. <a href="{TagURL}" class="tag">{Tag}</a>
  1038. {/block:Tags}
  1039. {/block:HasTags}
  1040. {/block:IfShowTags}
  1041. </p>
  1042.  
  1043. {block:IfDisqusShortname}
  1044. {block:Permalink}
  1045. <div id="disqus_thread" class="disqus-thread"></div>
  1046. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}" title="View Disqus homepage">comments powered by Disqus.</a></noscript>
  1047. {lang:Blog comments powered by Disqus 2}
  1048. {/block:Permalink}
  1049. {/block:IfDisqusShortname}
  1050.  
  1051. {block:IfShowNotes}
  1052. {PostNotes}
  1053. {/block:IfShowNotes}
  1054. </footer>
  1055. {/block:IfShowFooterOnVideo}
  1056.  
  1057. </article>
  1058. {/block:Video}
  1059.  
  1060. {block:Audio}
  1061. <article class="post audio">
  1062. <figure>
  1063. {AudioPlayerGrey}
  1064. {block:Caption}
  1065. <figcaption>{Caption}</figcaption>
  1066. {/block:Caption}
  1067. </figure>
  1068.  
  1069. {block:IfShowFooterOnAudio}
  1070. <footer>
  1071. <p>
  1072. {block:IfShowPermalink}
  1073. <a href="{Permalink}">&diams;</a>
  1074. {/block:IfShowPermalink}
  1075.  
  1076. {block:IfShowTimeAgo}
  1077. {block:Date} {TimeAgo} {/block:Date}
  1078. {/block:IfShowTimeAgo}
  1079.  
  1080. {block:IfShowTags}
  1081. {block:HasTags}
  1082. <span>&times;</span>
  1083. {block:Tags}
  1084. <a href="{TagURL}" class="tag">{Tag}</a>
  1085. {/block:Tags}
  1086. {/block:HasTags}
  1087. {/block:IfShowTags}
  1088. </p>
  1089.  
  1090. {block:IfDisqusShortname}
  1091. {block:Permalink}
  1092. <div id="disqus_thread" class="disqus-thread"></div>
  1093. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}" title="View Disqus homepage">comments powered by Disqus.</a></noscript>
  1094. {lang:Blog comments powered by Disqus 2}
  1095. {/block:Permalink}
  1096. {/block:IfDisqusShortname}
  1097.  
  1098. {block:IfShowNotes}
  1099. {PostNotes}
  1100. {/block:IfShowNotes}
  1101. </footer>
  1102. {/block:IfShowFooterOnAudio}
  1103.  
  1104. </article>
  1105. {/block:Audio}
  1106. {/block:Posts}
  1107. </div>
  1108.  
  1109.  
  1110. <footer id="footer">
  1111. <nav>
  1112. <span class="credits"><a href="http://nativecitizens.tumblr.com">Native Citizens</a> by: <a href="http://www.ronnywieckardt.nl">Ronny Wieckardt</a>. <a href="http://www.tumblr.com/theme/23972">Install for free</a>.</span>
  1113. </nav>
  1114. <a href="#top" id="top-link">Top of Page</a>
  1115. </footer>
  1116. </div>
  1117.  
  1118. <script src="http://static.tumblr.com/qlf79cn/tGeleg9g0/masonry.js"></script>
  1119. <script src="http://static.tumblr.com/qlf79cn/FlVlfsom2/jqueryscrollto.js"></script>
  1120. <script src="http://static.tumblr.com/qlf79cn/fw0lfsoms/jquerytotop.js"></script>
  1121.  
  1122. <!-- Disqus Integration -->
  1123. <script type="text/javascript">
  1124. {block:IfDisqusShortname}
  1125. // Disqus vars
  1126. var disqus_shortname = '{text:Disqus Shortname}';
  1127. {block:Permalink}
  1128. {block:Posts}
  1129. {block:Date}
  1130. var disqus_url = '{Permalink}';
  1131. var disqus_title = '{block:PostTitle}{PlaintextPostTitle}{/block:PostTitle}';
  1132. var disqus_identifier = '{PlaintextPostID}';
  1133. {/block:Date}
  1134. {/block:Posts}
  1135. {/block:Permalink}
  1136. {/block:IfDisqusShortname}
  1137. </script>
  1138. {block:IfDisqusShortname}
  1139. {block:Permalink}
  1140. {block:Posts}
  1141. {block:Date}
  1142. <script src="//{text:Disqus Shortname}.disqus.com/embed.js"></script>
  1143. {/block:Date}
  1144. {/block:Posts}
  1145. {/block:Permalink}
  1146. <script src="//{text:Disqus Shortname}.disqus.com/count.js"></script>
  1147. {/block:IfDisqusShortname}
  1148. <!-- / Disqus Integration -->
  1149.  
  1150. <script type="text/javascript">
  1151. $(window).load(function () {
  1152. // Grid
  1153. var $wall = $('#posts');
  1154. $wall.masonry({
  1155. columnWidth: 84,
  1156. itemSelector: '.post:visible'
  1157. });
  1158.  
  1159. $('#top-link').topLink({
  1160. min: 400,
  1161. fadeSpeed: 500
  1162. });
  1163.  
  1164. //smoothscroll
  1165. $('#top-link').click(function(e) {
  1166. e.preventDefault();
  1167. $.scrollTo(0,300);
  1168. });
  1169.  
  1170. //header height fix
  1171. var $h = $('#brand').height();
  1172. var $m = 30;
  1173. $('#posts').css("margin-top",$h + $m);
  1174. });
  1175. </script>
  1176.  
  1177. </body>
  1178. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement