API tools faq
paste
Advertisement
feiinho

Reader Lite - themeanorak.com

feiinho
Nov 17th, 2015
257
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.82 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2.  
  3. <!--[if lt IE 7]> <html class="no-js ie6" lang="en"> <![endif]-->
  4. <!--[if IE 7]> <html class="no-js ie7" lang="en"> <![endif]-->
  5. <!--[if IE 8]> <html class="no-js ie8" lang="en"> <![endif]-->
  6. <!--[if gt IE 8]><!--><html lang="en"><!--<![endif]-->
  7.  
  8. <head>
  9.  
  10. <meta charset="utf-8">
  11.  
  12. <meta name="font:Body" content="Helvetica">
  13. <meta name="font:Titles" content="Baskerville">
  14.  
  15. <meta name="color:Primary colour" content="#565656">
  16. <meta name="color:Secondary colour" content="#AAAAAA">
  17. <meta name="color:Tertiary colour" content="#000000">
  18. <meta name="color:BG colour" content="#ffffff">
  19.  
  20. <meta name="image:Header" content="http://static.tumblr.com/fjltjbq/v3Lm49f8r/ta.gif">
  21. <meta name="if:Enable Header Image" content="0">
  22. <meta name="if:Enable Heading Text" content="1">
  23.  
  24. <meta name="if:Enable Infinite Scroll" content="1">
  25. <meta name="if:High resolution photo posts" content="1">
  26.  
  27. <meta name="if:Left Align Text" content="0">
  28. <meta name="if:Small meta info" content="0">
  29. <meta name="if:Paragraph indentation" content="1">
  30.  
  31. <meta name="if:Show Tumblr Links" content="0">
  32. <meta name="if:Show Tags" content="0">
  33.  
  34. <meta name="if:Show Drop Shadows" content="1">
  35. <meta name="if:Show Album Art on Audio Posts" content="1">
  36. <meta name="text:Disqus Shortname" content="">
  37.  
  38. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  39.  
  40. <link rel="shortcut icon" href="{Favicon}">
  41. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  42. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  43.  
  44. <link href="http://static.tumblr.com/urgl1bv/gqHm3yo3j/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css">
  45. <link href="http://static.tumblr.com/urgl1bv/AZam1mx1l/normalize.css" rel="stylesheet" type="text/css">
  46.  
  47. <style type="text/css">
  48.  
  49. /*
  50. -= Reader Lite Tumblr Theme
  51. -= Design & Code by Theme Anorak – themeanorak.com
  52. -= V 1.4
  53. */
  54.  
  55. /* -= clearfix =- */
  56.  
  57. .clearfix:after { display: block; height: 0; clear: both; visibility: hidden; }
  58. .clearfix { display: inline-table; }
  59.  
  60. /* -= general and layout =- */
  61.  
  62. body { margin: 0 auto; width: 100%; background: {color:BG colour}; color: {color:Primary colour}; font-family: {font:Body}, Baskerville, Times, "Times New Roman", serif; font-weight: 300; font-size: 13px; line-height: 24px; {block:IfLeftAlignText}margin:0px;{/block:IfLeftAlignText} }
  63. header { margin: 72px auto 66px auto; {block:IfLeftAlignText}margin:72px 0px 66px 60px;{/block:IfLeftAlignText} }
  64. footer { margin: 0 auto; text-align: center; {block:IfLeftAlignText}text-align: left;{/block:IfLeftAlignText} color: {color:Secondary colour}; margin-bottom: 66px; {block:IfLeftAlignText}padding-left: 60px;{/block:IfLeftAlignText} }
  65. {block:IfLeftAlignText}footer p { text-indent:0; }{/block:IfLeftAlignText}
  66.  
  67. ul#tumblr-links,
  68. ul#pages { width:510px; text-align: center; padding:0px; margin:24px 0px 0px 0px; }
  69.  
  70. #header-image { text-align:center; margin:0 auto; {block:IfLeftAlignText}text-align:left; margin:0 0 24px 0;{/block:IfLeftAlignText} }
  71. img.header-image { max-width: 85%; }
  72. #header-image a { text-align:center; margin:0 auto; margin-bottom:24px; border-bottom:none; padding:0px; }
  73. #header-image a:hover
  74. #header-image a:active,
  75. #header-image a:visited { border-bottom:none; padding:0px; }
  76.  
  77. ul#tumblr-links li,
  78. ul#pages li { display:inline; margin:0px 12px; {block:IfLeftAlignText}margin:0px 24px 0px 0px;{/block:IfLeftAlignText} }
  79.  
  80. /* -= typography =- */
  81.  
  82. h1 { text-align: center; {block:IfLeftAlignText}text-align: left;{/block:IfLeftAlignText} font-size: 20px; font-weight: 400; font-family: {font:Titles}; "Times New Roman", serif; }
  83. h3 { text-align: center; {block:IfLeftAlignText}text-align: left;{/block:IfLeftAlignText} font-size: 13px; margin: 24px 0px 0px 0px; font-style: italic; font-weight: 300; }
  84. h2 { text-align: center; {block:IfLeftAlignText}text-align: left;{/block:IfLeftAlignText} font-family: {font:Titles}, "Times New Roman", serif; font-weight: 400; font-size: 20px; margin-bottom: 18px; line-height: 32px; }
  85.  
  86. a,
  87. a:visited,
  88. a:active { color: {color:Tertiary colour}; text-decoration: none; border-bottom: 1px solid {color:Secondary colour}; padding-bottom: 2px; }
  89. a:hover { border-bottom: 1px solid {color:Tertiary colour}; }
  90.  
  91. a#fancybox-close,
  92. a#fancybox-close:hover,
  93. a.image-link:hover,
  94. a.image-link { border-bottom:none; margin:0px; }
  95.  
  96. h1 a, h2 a, h3 a { border-bottom:none; color: {color:Tertiary colour}; }
  97. h1 a:hover, img a:hover, h2 a:hover, h3 a:hover { border-bottom:none; }
  98. h2.quote { margin-bottom:12px; }
  99.  
  100. {block:IfParagraphIndentation}p:first-of-type { text-indent: 0px; }{/block:IfParagraphIndentation}
  101. p { {block:IfParagraphIndentation}text-indent: 24px;{/block:IfParagraphIndentation} margin-bottom: 12px; }
  102. p.no-indent { text-indent:0px; }
  103.  
  104. a.no-indent,
  105. a.no-indent:active,
  106. a.no-indent:visited,
  107. a.no-indent:hover { border-bottom:none; padding:0px; }
  108.  
  109. blockquote { padding-left:24px; border-left:1px solid {color:Secondary colour}; font-style: italic; }
  110.  
  111. footer a,
  112. footer a:visited,
  113. footer a:active { color: {color:Secondary colour}; text-decoration: none; border-bottom: none; }
  114. footer a:hover { border-bottom: none; color:{color:Primary colour}; }
  115.  
  116. nav a,
  117. nav a:visited,
  118. nav a:active { color: {color:Primary colour}; text-decoration: none; border-bottom: 0px solid {color:BG colour}; }
  119. nav a:hover { color:{color:Tertiary colour}; border-bottom: 1px solid {color:Secondary colour}; padding-bottom: 2px; }
  120. header nav { text-align:center; {block:IfLeftAlignText}text-align: left;{/block:IfLeftAlignText} }
  121.  
  122. /* -= posts and content styles =- */
  123.  
  124. .post { width: 510px; padding: 0px 30px 54px 30px; margin:0 auto; {block:IfLeftAlignText}margin:0px; padding: 0px 30px 54px 60px{/block:IfLeftAlignText} }
  125.  
  126. .post.photoset .photoset,
  127. .post.video .player,
  128. .post img { padding: 5px; {block:IfLeftAlignText}padding-left:0px;{/block:IfLeftAlignText}{block:IfShowDropShadows} padding: 5px; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.39); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.39); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.39); background-color:#fff;{/block:IfShowDropShadows} margin-bottom: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
  129.  
  130. .post.video .player { padding-bottom:0px; }
  131. .post.video iframe { margin-bottom:-2px; }
  132.  
  133. .post ul.meta { text-align: center; {block:IfLeftAlignText}text-align: left;{/block:IfLeftAlignText} font-size:13px; letter-spacing:0px; text-transform: none; margin-bottom:0px; padding-left:0px; {block:IfSmallMetaInfo}text-transform: uppercase; font-size: 10px; letter-spacing: 1px;{/block:IfSmallMetaInfo} }
  134. .post ul.meta li { display: inline; color: {color:Secondary colour}; margin-right: 12px; }
  135. .post ul.meta li.tag a { padding-right:8px; }
  136. .post ul.meta a { color: {color:Secondary colour}; border-bottom: none; }
  137. .post ul.meta a:hover { color: {color:Tertiary colour}; border-bottom: none; }
  138.  
  139. .post .caption { text-align:center; {block:IfLeftAlignText}text-align: left;{/block:IfLeftAlignText} }
  140. .post .caption p { margin-top:0px; }
  141. .post.photo a.image-link .image { margin-bottom:0px; }
  142.  
  143. .post.photo { width:85%; text-align:center; {block:IfLeftAlignText}margin:0; text-align:left;{/block:IfLeftAlignText} }
  144. .post.photo img.hires { max-width: 100%; }
  145. .post.photo .caption { width:510px; margin:0 auto; {block:IfLeftAlignText}margin:0; text-align:left;{/block:IfLeftAlignText} }
  146.  
  147. .post.text p img { max-width:500px; margin:12px 0px 0px 0px; }
  148.  
  149. .post.link a.link h2 span { background:url('http://static.tumblr.com/urgl1bv/pW2m1w6nw/new-window.png') no-repeat; display:inline-block; width:11px; height:10px; margin-left:3px; padding-top:3px; }
  150.  
  151. .post.quote .source { text-align:center; {block:IfLeftAlignText}text-align: left;{/block:IfLeftAlignText} }
  152.  
  153. .post.chat p { margin:0px; padding:0px; }
  154. .post.chat .lines { width:500px; margin-bottom:3px; }
  155. .post.chat .label { text-align:right; font-weight:800; float:left; width:30%; {block:IfLeftAlignText}width:15%;{/block:IfLeftAlignText} }
  156. .post.chat .line { text-align:left; width: 65%; padding-left:24px; float:left; }
  157.  
  158. .post.audio { text-align:center; {block:IfLeftAlignText}text-align: left;{/block:IfLeftAlignText} }
  159. .post.audio .art img { width:207px; height:207px; }
  160. .post.audio .player { margin: 0px auto 12px; border: 1px solid #ccc; width: 207px; height: 27px; {block:IfLeftAlignText}margin:12px 0px;{/block:IfLeftAlignText} }
  161.  
  162. ol.notes a,
  163. ol.notes a:active,
  164. ol.notes a:visited,
  165. ol.notes a:hover { border-bottom:none; padding:0px; margin:0px; }
  166.  
  167. ol.notes { padding:0px; list-style: none; }
  168. ol.notes span a,
  169. ol.notes span a:active,
  170. ol.notes span a:visited { border-bottom:1px solid {color:Secondary colour}; padding-bottom:2px; }
  171. ol.notes span a:hover { border-bottom:1px solid {color:Tertiary colour}; padding-bottom:2px; }
  172. ol.notes a img { padding:0px 12px 0px 0px; box-shadow:none; margin:0px; border-bottom:none; border-radius:0px; }
  173. .note.more_notes_link_container { margin-top:12px; {block:IfLeftAlignText}text-align: left;{/block:IfLeftAlignText} }
  174.  
  175. #disqus_thread { margin-top:64px; }
  176. .permalink-footer { margin-top:32px; width:100%; }
  177.  
  178. #disqus_thread .dsq-textarea,
  179. #disqus_thread .dsq-textarea-reply { margin-left: 56px; }
  180. #disqus_thread .dsq-comment-body { padding-left:56px; }
  181. #disqus_thread #dsq-content h3 { font-style:normal; text-align: left; font-weight:700; }
  182. #disqus_thread img { box-shadow:none; padding:0px; background-color:none; }
  183.  
  184. #disqus_thread a,
  185. #disqus_thread a:active,
  186. #disqus_thread a:visited,
  187. #disqus_thread a:hover { border-bottom:none; }
  188.  
  189. #infinite-scroll-footer { display:none; font-size:12px; }
  190.  
  191. /* -= Options CSS =- */
  192.  
  193. {block:IfShowTumblrLinks}
  194. header nav { width:510px; margin:24px auto 0px auto; text-align:center; {block:IfLeftAlignText}text-align: left; margin:24px 0px 0px 0px;{/block:IfLeftAlignText} }
  195. ul#tumblr-links,
  196. ul#pages { width:auto; margin:0px auto; }
  197. {/block:IfShowTumblrLinks}
  198.  
  199. {block:IfEnableInfiniteScroll}
  200. footer { display:none; }
  201. #infscr-loading { position:fixed; bottom:18px; right:220px; }
  202. #infinite-scroll-footer { display:block; position:fixed; bottom:0px; right:20px; text-align:right; opacity:0.6; }
  203. #infinite-scroll-footer:hover { opacity:1; }
  204. {block:IfLeftAlignText}#infinite-scroll-footer { bottom:10px; right:30px; }{/block:IfLeftAlignText}
  205. {/block:IfEnableInfiniteScroll}
  206.  
  207. /* -= Custom CSS =- */
  208.  
  209. {CustomCSS}
  210.  
  211. </style>
  212.  
  213. <!--[if lt IE 9]>
  214. <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
  215. <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  216. <![endif]-->
  217.  
  218. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  219. {block:IfEnableInfiniteScroll}<script src="http://static.tumblr.com/urgl1bv/udLm41xq0/jquery.infinitescroll.min.js"></script>{/block:IfEnableInfiniteScroll}
  220. <script src="http://static.tumblr.com/urgl1bv/aP8m3ynqq/jquery.easing-1.3.pack.js"></script>
  221. <script src="http://static.tumblr.com/urgl1bv/tZ8m3yne1/jquery.fancybox-1.3.4.pack.js"></script>
  222.  
  223. <script type="text/javascript">
  224.  
  225. // use fancybox for hi-res images
  226. $(document).ready(function() {
  227. $("a.image-link").fancybox();
  228. noIndent();
  229. });
  230. // remove image indentation in paragraphs
  231. function noIndent() {
  232. $("a.image-link").fancybox();
  233. $(".post.text p:has(img)").addClass("no-indent");
  234. $(".post.text p a:has(img)").addClass("no-indent");
  235. }
  236.  
  237. </script>
  238.  
  239. {block:IfEnableInfiniteScroll}
  240. <script type="text/javascript">
  241.  
  242. // enable infinite scroll
  243. $(document).ready(function() {
  244. $('section#blog').infinitescroll({
  245. navSelector : "p#pagination",
  246. nextSelector : "p#pagination a#next",
  247. itemSelector : "#blog .post",
  248. loading: { img : "http://static.tumblr.com/fjltjbq/wgUm4m75u/loading.gif",
  249. msgText: " ",
  250. finishedMsg: " " }
  251. }, function(){
  252. noIndent();
  253. });
  254. });
  255.  
  256. </script>
  257. {/block:IfEnableInfiniteScroll}
  258.  
  259. </head>
  260.  
  261. <body>
  262. <header>
  263. {block:IfEnableHeaderImage}<div id="header-image"><a href="/"><img src="{image:Header}" class="header-image" alt=""></a></div>{/block:IfEnableHeaderImage}
  264. {block:IfEnableHeadingText}<h1><a href="/">{Title}</a></h1>{/block:IfEnableHeadingText}
  265. <h3>{Description}</h3>
  266. <nav>
  267. {block:HasPages}
  268. <ul id="pages" class="clearfix">
  269. {block:Pages}<li><a href="{URL}" class="page">{Label}</a></li>{/block:Pages}
  270. </ul>
  271. {/block:HasPages}
  272. {block:IfShowTumblrLinks}
  273. <ul id="tumblr-links" class="clearfix">
  274. {block:AskEnabled}<a href="/ask" class="page">{AskLabel}</a>{/block:AskEnabled}
  275. <li><a href="{RSS}">{lang:RSS feed}</a></li>
  276. <li><a href="/archive">{lang:Archive}</a></li>
  277. <li><a href="/random">{lang:Random}</a></li>
  278. {block:SubmissionsEnabled}<li><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
  279. </ul>
  280. {/block:IfShowTumblrLinks}
  281. </nav>
  282. </header>
  283.  
  284. <section id="blog">
  285.  
  286. {block:Posts}
  287.  
  288. {block:Text}
  289. <div class="post text">
  290. {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  291. {Body}
  292. <!-- / post text -->
  293. {/block:Text}
  294.  
  295. {block:Photo}
  296. <div class="post photo">
  297. {block:IfNotHighResolutionPhotoPosts}
  298. <a href="{PhotoURL-HighRes}" class="image-link clearfix">
  299. <img class="image" src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  300. </a>
  301. {/block:IfNotHighResolutionPhotoPosts}
  302. {block:IfHighResolutionPhotoPosts}
  303. <a href="{PhotoURL-HighRes}" class="image-link clearfix">
  304. <img class="image hires" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  305. </a>
  306. {/block:IfHighResolutionPhotoPosts}
  307. {block:Caption}
  308. <div class="caption">
  309. {Caption}
  310. </div>
  311. {/block:Caption}
  312. <!-- / post photo -->
  313. {/block:Photo}
  314.  
  315. {block:Photoset}
  316. <div class="post photoset">
  317. {Photoset-500}
  318. {block:Caption}
  319. <div class="caption">
  320. {Caption}
  321. </div>
  322. {/block:Caption}
  323. <!-- / post photoset -->
  324. {/block:Photoset}
  325.  
  326. {block:Quote}
  327. <div class="post quote">
  328. <a href="{LinkURL}" class="{Length}">
  329. <h2 class="quote">&#8220;{Quote}&#8221;</h2>
  330. </a>
  331. {block:Source}
  332. <div class="source">
  333. &mdash;&nbsp;&nbsp;&nbsp;{Source}
  334. </div>
  335. {/block:Source}
  336. <!-- / post quote -->
  337. {/block:Quote}
  338.  
  339. {block:Link}
  340. <div class="post link">
  341. <a class="link" href="{URL}" target="{Target}">
  342. <h2>{Name} <span></span></h2>
  343. </a>
  344. {block:Description}
  345. <div class="description">
  346. {Description}
  347. </div>
  348. {/block:Description}
  349. <!-- / post link -->
  350. {/block:Link}
  351.  
  352. {block:Chat}
  353. <div class="post chat">
  354. {block:Title}<h2>{Title}</h2>{/block:Title}
  355. <div class="clearfix">
  356. {block:Lines}
  357. <div class="lines clearfix">
  358. <div class="label">{block:Label}<p>{Label}</p>{/block:Label}</div>
  359. <div class="line"><p>{Line}</p></div>
  360. </div>
  361. {/block:Lines}
  362. </div>
  363. <!-- / post chat -->
  364. {/block:Chat}
  365.  
  366. {block:Audio}
  367. <div class="post audio">
  368. {block:IfShowAlbumArtOnAudioPosts}
  369. {block:AlbumArt}
  370. <div class="art">
  371. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}">
  372. </div>
  373. {/block:AlbumArt}
  374. {/block:IfShowAlbumArtOnAudioPosts}
  375. <div class="player">
  376. {AudioPlayerWhite}
  377. </div>
  378. {block:Caption}
  379. <div class="caption">
  380. {Caption}
  381. </div>
  382. {/block:Caption}
  383. <!-- / post audio -->
  384. {/block:Audio}
  385.  
  386. {block:Video}
  387. <div class="post video">
  388. <div class="player clearfix">
  389. {Video-500}
  390. </div>
  391. {block:Caption}
  392. <div class="caption">
  393. {Caption}
  394. </div>
  395. {/block:Caption}
  396. <!-- / post video -->
  397. {/block:Video}
  398.  
  399. <!-- post meta -->
  400. {block:IndexPage}
  401. <ul class="meta">
  402. {block:Date}<li>{DayOfMonth} {Month} {Year}</li>{/block:Date}
  403. {block:NoteCount}<li><a href="{Permalink}">{NoteCountWithLabel}</a></li>{/block:NoteCount}
  404. {block:IfShowTags}{block:HasTags}<li class="tag">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</li>{/block:HasTags}{/block:IfShowTags}
  405. {block:IfDisqusShortname}<a href="{Permalink}#disqus_thread">{lang:View comments}</a>{/block:IfDisqusShortname}
  406. </ul>
  407. {/block:IndexPage}
  408.  
  409. {block:PermalinkPage}
  410. <ul class="meta">
  411. {block:Date}<li>{DayOfMonth} {Month} {Year}</li>{/block:Date}
  412. {block:IfShowTags}{block:HasTags}<li class="tag">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</li>{/block:HasTags}{/block:IfShowTags}
  413. </ul>
  414. <div class="permalink-footer clearfix">
  415. {block:PostNotes}{PostNotes}{/block:PostNotes}
  416. {block:IfDisqusShortname}
  417. <div id="disqus_thread"></div>
  418. <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
  419. <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
  420. {/block:IfDisqusShortname}
  421. </div>
  422. {/block:PermalinkPage}
  423. <!-- / post meta -->
  424.  
  425. </div>
  426.  
  427. {/block:Posts}
  428.  
  429. </section>
  430.  
  431. <div id="infinite-scroll-footer">
  432. <p>Tumblr theme by <a href="http://themeanorak.com" title="Free and premium Tumblr themes by Theme Anorak">Theme Anorak</a></p>
  433. </div>
  434.  
  435. <footer>
  436.  
  437. {block:Pagination}
  438. <p id="pagination">
  439. {block:PreviousPage}
  440. <a id="prev" href="{PreviousPage}">&larr;</a>
  441. {/block:PreviousPage}
  442. {CurrentPage} / {TotalPages}
  443. {block:NextPage}
  444. <a id="next" href="{NextPage}">&rarr;</a>
  445. {/block:NextPage}
  446. </p>
  447. {/block:Pagination}
  448.  
  449. <p>Tumblr theme by <a href="http://themeanorak.com" title="Free and premium Tumblr themes by Theme Anorak">Theme Anorak</a></p>
  450.  
  451. </footer>
  452.  
  453. <!--[if lt IE 7 ]>
  454. <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
  455. <script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
  456. <![endif]-->
  457.  
  458. </body>
  459.  
  460. </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!