Skip to content
This repository was archived by the owner on Sep 7, 2018. It is now read-only.

Commit 97418f9

Browse files
ptcampbellptcampbell
committedNov 29, 2012
First commit
0 parents  commit 97418f9

File tree

2 files changed

+467
-0
lines changed

2 files changed

+467
-0
lines changed
 

‎reader-lite.html

+460
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,460 @@
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>

‎readme.md

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
# Reader Lite
2+
3+
A simple Tumblr theme by [Theme Anorak](http://themeanorak.com/)
4+
5+
View an [example](http://readerlite.tumblr.com/)
6+
7+
Install this theme at the [Tumblr Theme Garden](http://www.tumblr.com/theme/34931)

0 commit comments

Comments
 (0)
This repository has been archived.