API tools faq
paste
Advertisement
feiinho

Native Citizens v0.5.5

feiinho
Jun 21st, 2017
172
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.27 KB | None | 0 0
raw download clone embed print report
  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
Public Pastes
Advertisement
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!