Skip to content

Commit

Permalink
New year, new theme.
Browse files Browse the repository at this point in the history
  • Loading branch information
@vivekhaldar
vivekhaldar committed Dec 29, 2012
1 parent 5370122 commit 3e860e5
Showing 1 changed file with 52 additions and 185 deletions.
237 changes: 52 additions & 185 deletions theme.html
View file
Expand Up @@ -30,181 +30,62 @@
<link rel="me" type="text/html" href="http://www.google.com/profiles/vhaldar"/>


<link href='http://fonts.googleapis.com/css?family=Cardo:400,700,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Arvo' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Kreon:700' rel='stylesheet' type='text/css'>


<meta name="readability-verification" content="NnQaPKeFjEsPYZBWT2xZTZm6BJKhBxG9ACKrNErC"/>


<meta name="description" content="{MetaDescription}"/>
<style type="text/css">
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, b, cite, code,
del, dfn, em, i, img, ins, kbd, q, samp,
strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0; padding: 0; border: 0; outline: 0; font-size: inherit;
ul, li {margin: 0; padding: 0; border: 0; outline: 0; font-size: inherit;
line-height: inherit; vertical-align: baseline; background: transparent;}
html {font-size:100%;}
caption, cite, code, dfn, th, var {font-style: normal; font-weight: normal;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; font-family: 'Cardo', serif;
text-align: left}


h1 {
font-family: 'Cardo', serif;
text-align: left;
font-variant: small-caps;
}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';}
:focus {outline: 0;}
ins {text-decoration: underline;}
del {text-decoration: line-through;}
a {text-decoration: underline; font-weight: normal}

html {background-color: {color:Background};}
body {
font-family: 'Cardo', serif;
background-color: {color:Background};
color: {color:Text};
text-align: justify;
}
body.dark {text-shadow: {color:Background} 0 0 1px;}

#body {background-color: #fff7f7; padding: 1.5em 0.25em; color: #233138;}
#content {position: relative; margin: 0 auto;}

@media only screen
and (min-device-width : 1024px) {
#content { max-width: 35em; }
}

@media only screen
and (max-device-width : 1024px) {
#content { max-width: 90%; }
}

h1 {font-size: 41.887pt; line-height:1; padding:0 0 1em 0; text-align:left;}
h1 a {color: {color:Text}; padding: 0 0 1em 0; font-weight: bold;
text-decoration: none; text-align: left}

h2, h3 {
font-family: 'Cardo', serif;
line-height: 18pt;}
p, pre, ul, ol, blockquote, form {
font-family: 'Cardo', serif;
margin: 0pt 0 0pt;
font-size: 16pt;
line-height: 1.4;
}
blockquote {padding-left: 1em; margin-left: 2pt; border-left: 0.25em solid {color:Minor};}
pre {overflow-x: auto; font-size: 11pt;}
sup, sub {height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;}
sup {bottom: 0.5ex;}
sub {top: 0.5ex;}
sup a {font-weight: normal !important; padding: 0 1px;}
hr {height: 0; margin: 0 0 1em; border: solid #ccc; border-width: 1pt 0 0;}

#description {position: absolute; left: 530px; color: {color:Minor}; font-size: 11pt; width: 10em;}
#description p, #description form {margin-top: 0;}
#description a {color: {color:Secondary};}
#description a:hover {color: {color:Text};}
#description form .input
{background: {color:Background}; color: {color:Secondary}; font-size: 10pt;
text-transform: lowercase; width: 90%; border: solid {color:Minor};
border-width: 0 1px 1px 0;}
#description .submit {height: 0; overflow: hidden; display: block;}
#description .meta {word-spacing: 0.25em; font-size: 10pt; text-transform: uppercase;}
#description .meta a {color: {color:Minor};}
#description .meta a:hover {color: {color:Text};}

#posts {margin: 0;}
.post {position: relative; list-style: none; margin-bottom: 1em;}

html{margin:0 auto;max-width:35em}
body{
font-family:Arvo,Georgia,serif;
font-size: 0.8em;
padding: 0 .5em 1em .5em; color: #333; background-color: #fff}
h1{font-family: 'Kreon', sans-serif; font-size:200%; display: inline; }
letter-spacing:0.15em;padding:1em 0 0 0}
h2{font-size:125%}
h3{font-family: 'Kreon', sans-serif; font-size:125%; padding-top: 2em; color: #000; display: inline;}
h4{font-size:100%}
p{font-size:100%;line-height:1.5em; }
a { text-decoration: none; border-bottom:1px dotted; color: #333;}
#posts ul, li { list-style: none; margin-left: 0; }
.post ul li {list-style: disc;}
.post img {max-width: 100%;}

.post-body p + p {text-indent: 1em}
.post-body h3 {font-size: 25.888pt; position: relative; font-weight: bold;
font-style: italic; line-height: 1.2em; color: #A84B3A; }
.post-body a {font-weight: bold; color: #000; border-bottom: 1px solid transparent;}
.post-body a:hover {color: #FF9F67; }
.post-body .image a {border-width: 0;}
.post-body ul ul, .post-body ul ol, .post-body ol ol, .post-body ol ul,
.post-body blockquote ul, .post-body blockquote ol {margin-left: 1.5em;}

.permalink {font-size: 11pt; position: absolute; right: 530px; text-align: right;}
.permalink a {color: {color:Minor}; white-space: nowrap; padding: 0 0 4.5pt 9pt;}
.permalink a:hover {color: {color:Text};}

.caption, .cite {font-size: 11pt; margin-top: 9pt;}
.caption p {margin-top: 18pt;}

.text-post {position: relative; top: -2pt;}
.text-post h3 {margin-bottom: 9pt;}
.text-post h4 {font-size: 16pt; font-weight: bold; color: #A84B3A;}
.text-post h4 a { font-size: 9.889pt; margin-bottom: 9pt; color: #4C646B; }

.link-post {position: relative; top: -2pt;}
.link-post h3 {display: inline; padding-right:9pt;}
.link-post a {color: {color:Text};}
.link-post a:hover {color: {color:Secondary};}
.link-post a.link {color: {color:Link};}
.link-post a.link:hover {color: {color:Text};}

.quote-post {position: relative; top: -4.5pt;}
.quote-post blockquote.quote
{font-size: 18pt; line-height: 24pt; text-indent: -7pt;
.post ol li {list-style: decimal;}
ul { margin:0; padding: 0; }
ol { margin:0; padding: 0; }
.quote-post blockquote.quote {
font-size: 120%; line-height: 1.5em; text-indent: -7pt;
margin: 0; padding: 0; border-width: 0;}
.quote-post .quote:before {content: '“';}
li { line-height: 1.5em; }
.image-post { padding-top: 2em; }
.text-post { padding-top: 2em; }
.quote-post { padding-top: 2em; }
.quote-post .quote:before {content: '“'; }
.quote-post .quote:after {content: '”';}
.quote-post .quote a {color: {color:Text};}
.quote-post .quote a:hover {color: {color:Secondary};}
.quote-post .cite {color: {color:Secondary}; margin-left: 1.5em; text-indent: -1.5em;}

.chat-post li {list-style: none; margin-left: 2em; text-indent: -2em;}
.chat-post b {font-weight: bold; padding-right: 4.5pt;}

{block:IfSemitransparentAudioPlayer}
.audio-post .audio {opacity: 0.75;}
{/block:IfSemitransparentAudioPlayer}

#disqus_thread {margin-top: 54pt;}
#disqus_thread a {color: {color:Secondary};}

.notes {color: {color:Minor}; margin-top: 54pt;}
.notes li {list-style: none; margin-bottom: 18pt;}
.notes img, .notes .clear {display: none;}
.notes .photo_container img {display: block !important;}
.notes a {color: {color:Secondary};}
.notes a:hover {color: {color:Text};}

.footnotes a[rev="footnote"] {color: {color:Secondary};}
.footnotes hr {margin: 34pt 0 18pt;}

#footer {text-align: center; word-spacing: 0.75em; margin-top:4.5em;}
#footer a {color: {color:Secondary}; font-weight:bold; padding: 0.25em 0.5em;}
#footer a:hover {color: {color:Text};}

.amp {font-family: 'Cardo', serif; font-style: italic;}
h1 .amp, h2 .amp, h3 .amp {font-family: 'Cardo', serif;}
pre .amp {font-family: inherit; font-style: inherit;}

{CustomCSS}
blockquote {padding-left: 1em; margin-left: 2pt; border-left: 0.25em solid #555;}
.date-permalink a { font-family: 'Kreon', sans-serif; }
.date-permalink { float: right; }
</style>

</head>
<body class="{block:IfDarkColourScheme}dark{/block:IfDarkColourScheme}">
<div id="body">
<div id="content">

<h1><a href="/">{Title}</a></h1>

<link rel="me" type="text/html" href="http://www.google.com/profiles/vhaldar"/>
<div>
<h1><a href="/">{Title}</a></h1>
<div style="padding-top: 0.5em; float: right; ">
<a href="{RSS}">RSS</a> /
<a href="http://blog.vivekhaldar.com/archive">Archive</a> /
<a href="http://blog.vivekhaldar.com/about">About</a> /
<a href="https://twitter.com/vivekhaldar">@vivekhaldar</a>
</div>
</div>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
Expand All @@ -216,24 +97,19 @@ <h1><a href="/">{Title}</a></h1>
pageTracker._trackPageview();
} catch(err) {}</script>

<script src="http://www.vivekhaldar.com/hyphen/Hyphenator.js" type="text/javascript">
</script>
<script type="text/javascript">
Hyphenator.run();
</script>

<ul id="posts">
{block:Posts}
<li class="post">


{block:Regular}
<div class="post-body text-post">
{block:Title}
<h3>{Title}</h3>
{/block:Title}
<h4><a href="{Permalink}">{DayOfMonth} {Month}, {Year}</a></h4>
<div class="hyphenate">{Body}</div>
<div class="date-permalink" >
<a title="{NoteCountWithLabel}"
href="{Permalink}">{DayOfMonth} {Month}, {Year}</a>
</div>
{Body}
</div>
{/block:Regular}

Expand Down Expand Up @@ -308,14 +184,14 @@ <h3>{Title}</h3>
{block:IfDisqusShortname}
{block:Permalink}

<p>
<font style="BACKGROUND-COLOR: yellow"> If you've read this far,
please
consider <a href="http://blog.vivekhaldar.com/rss">subscribing
to the RSS feed</a>,
or <a href="http://twitter.com/vivekhaldar">following me on
Twitter.</a>
</font>
<!-- <p> -->
<!-- <font style="BACKGROUND-COLOR: yellow"> If you've read this far, -->
<!-- please -->
<!-- consider <a href="http://blog.vivekhaldar.com/rss">subscribing -->
<!-- to the RSS feed</a>, -->
<!-- or <a href="http://twitter.com/vivekhaldar">following me on -->
<!-- Twitter.</a> -->
<!-- </font> -->



Expand All @@ -332,19 +208,10 @@ <h3>{Title}</h3>
{/block:IfShowPostNotes}

</li>
<hr>

{/block:Posts}
</ul>

<p>
<font style="BACKGROUND-COLOR: yellow">
<a href="http://blog.vivekhaldar.com/about">About</a> ~
<a href="http://blog.vivekhaldar.com/archive">Archives</a> ~
<a href="http://blog.vivekhaldar.com/rss">RSS</a> ~
<a href="http://twitter.com/vivekhaldar">Twitter</a>
</font>
</p>

<div id="footer">
{block:PreviousPage}
Expand Down

0 comments on commit 3e860e5

Please sign in to comment.