Permalink
Browse files

templating improvements

- theme templates that are not found will be looked up in the default
theme, "bucket3". You can have a theme without any template files (just
a different css) etc.
- nicer main archives page
- css improvements
  • Loading branch information...
1 parent 57246ab commit 96b3d592b413018fd5839f877fe00d60057eb1e7 @vrypan committed Mar 1, 2012
@@ -19,6 +19,7 @@ body {
color: black;
font-weight: normal;
margin: 0;
+ line-height: 36px;
}
#header h1 a {
text-decoration: none;
@@ -68,18 +69,20 @@ body {
border-left: 4px #ddd solid;
}
-.entry-title {
+h1, .entry-title {
font-size: 24px;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-weight: bold;
+ color: #080000;
+ line-height: 30px;
+}
+.entry-title {
margin-left: -10px;
margin-bottom: 0;
margin-top: 2em;
padding-bottom: 0.3ex;
padding-left: 6px;
border-left: 4px #000 solid ;
- font-family: Verdana, Arial, Helvetica, sans-serif;
- color: #080000;
- font-weight: bold;
- line-height: 30px;
}
.entry-title a{
color: #000;
@@ -116,14 +119,15 @@ body {
width: 100%
}
#footer {
+ clear: both;
font-size: 10px;
color: #808080;
display: block;
width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
- margin-top: 2em;
+ margin-top: 4em;
padding: 1ex .5ex 1ex 2ex;
border-top: 1px #808080 solid;
text-align: right;
@@ -152,10 +156,32 @@ ul.archive .date {
color: gray;
letter-spacing: -0.1em;
}
-blockquote:before {
- content:"\201c";
- font-size:4em;
- line-height:.1em;
- margin-right:.25em;
- vertical-align:-.4em;
+
+.gist {
+ font-size: 12px;
+ }
+dl {
+ display: block;
+ clear: both;
+ width: 100%;
+ height: 1ex;
+}
+dt {
+ clear: both;
+ width: 10%;
+ text-align: left;
+}
+dd {
+ width: 7.5%;
+ text-align: center;
}
+.archive_short dt, .archive_short dd {
+ display: block;
+ float: left;
+ padding: 0.5ex 0 ;
+ margin: 0;
+ color: #999;
+ font-size: 14px;
+ border-bottom: 1px #ddd solid;
+}
+
@@ -16,11 +16,18 @@
{% block content %}
<div id="home">
- <h1>blog archive per year</h1>
-{% for year, count in counts %}
-<div class="entry">
- <h2 class="entry-title"><a href="{{ blog.url }}{{ year }}">{{ year }} | {{ count }} posts </h2>
-</div>
+ <h1>blog achive</h1>
+{% for y in counts|reverse() %}
+ <dl class="archive_short">
+ <dt>{{ y }}</dt>
+ {% for m in range(1,13) %}
+ <dd>
+ {% if counts[y][m] > 0 %}<a href="{{ blog.url }}{{ y }}/{{ m }}/">{{ _months_short[m] }}</a>
+ {% else %} {{ _months_short[m] }}
+ {% endif %}
+ </dd>
+ {% endfor %}
+ </dl>
{% endfor %}
</div>
@@ -1,191 +0,0 @@
-/*****************************************************************************/
-/*
-/* Common
-/*
-/*****************************************************************************/
-
-/* Global Reset */
-
-* {
- margin: 0;
- padding: 0;
-}
-
-html, body {
- height: 100%;
-}
-
-body {
- background-color: white;
- font-size: 13px ;
-font-family: Tahoma, Arial, Helvetica, serif;
- text-align: center;
-}
-
-h1, h2, h3, h4, h5, h6 {
- font-size: 16px;
- font-family: Tahoma, helvetica, arial, clean, sans-serif;
-}
-
-h1 {
- margin-bottom: 0;
-}
-
-p {
- margin: 1em 0;
-}
-
-table {
- font-size: inherit;
- font: 100%;
-}
-
-/*****************************************************************************/
-/*
-/* Home
-/*
-/*****************************************************************************/
-
-ul.posts {
- list-style-type: none;
- margin-bottom: 2em;
-}
-
- ul.posts li {
- line-height: 1.75em;
- }
-
- ul.posts span {
- color: #aaa;
- font-family: Monaco, "Courier New", monospace;
- font-size: 80%;
- }
-
-/*****************************************************************************/
-/*
-/* Site
-/*
-/*****************************************************************************/
-
-.site {
- font-size: 100%;
- text-align: left;
- width: 40em;
- margin: 3em auto 3em auto;
-}
-
-.title {
- font-weight: bold;
- margin-bottom: 2em;
-}
-
-.site .title {
- font-family: "Arial Black", Arial, sans;
- font-size: 36px;
- color: black;
- font-weight: normal;
-}
- .site .title a, .site .title .a:visited {
- color: black;
- text-decoration: none;
- }
-
- .site .title a.extra {
- color: #aaa;
- text-decoration: none;
- margin-left: 1em;
- font-size: 14px;
- font-weight: normal;
- }
-
- .site .title a.extra:hover {
- color: black;
- }
-
- .site .meta {
- margin-top: 0.2em;
- color: #aaa;
- font-size: 10px;
- font-family: Verdana, Arial, Helvetica, sans-serif;
- }
-
- .site .footer {
- font-size: 80%;
- color: #666;
- border-top: 4px solid #eee;
- margin-top: 2em;
- overflow: hidden;
- }
-
- .site .footer .contact {
- float: left;
- margin-right: 3em;
- }
-
- .site .footer .contact a {
- color: #8085C1;
- }
-
- .site .footer .rss {
- margin-top: 1.1em;
- margin-right: -.2em;
- float: right;
- }
-
- .site .footer .rss img {
- border: 0;
- }
-
-/*****************************************************************************/
-/*
-/* Posts
-/*
-/*****************************************************************************/
-
-#post {
-
-}
-
- /* standard */
-
- #post pre {
- border: 1px solid #ddd;
- background-color: #eef;
- padding: 0 .4em;
- }
-
- #post ul,
- #post ol {
- margin-left: 1.35em;
- }
-
- #post code {
- border: 1px solid #ddd;
- background-color: #eef;
- font-size: 85%;
- padding: 0 .2em;
- }
-
- #post pre code {
- border: none;
- }
-
- /* terminal */
-
- #post pre.terminal {
- border: 1px solid black;
- background-color: #333;
- color: white;
- }
-
- #post pre.terminal code {
- background-color: #333;
- }
-
-#related {
- margin-top: 2em;
-}
-
- #related h2 {
- margin-bottom: 1em;
- }
@@ -19,6 +19,7 @@ body {
color: black;
font-weight: normal;
margin: 0;
+ line-height: 36px;
}
#header h1 a {
text-decoration: none;
@@ -68,18 +69,20 @@ body {
border-left: 4px #ddd solid;
}
-.entry-title {
+h1, .entry-title {
font-size: 24px;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-weight: bold;
+ color: #080000;
+ line-height: 30px;
+}
+.entry-title {
margin-left: -10px;
margin-bottom: 0;
margin-top: 2em;
padding-bottom: 0.3ex;
padding-left: 6px;
border-left: 4px #000 solid ;
- font-family: Verdana, Arial, Helvetica, sans-serif;
- color: #080000;
- font-weight: bold;
- line-height: 30px;
}
.entry-title a{
color: #000;
@@ -116,14 +119,15 @@ body {
width: 100%
}
#footer {
+ clear: both;
font-size: 10px;
color: #808080;
display: block;
width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
- margin-top: 2em;
+ margin-top: 4em;
padding: 1ex .5ex 1ex 2ex;
border-top: 1px #808080 solid;
text-align: right;
@@ -156,3 +160,28 @@ ul.archive .date {
.gist {
font-size: 12px;
}
+dl {
+ display: block;
+ clear: both;
+ width: 100%;
+ height: 1ex;
+}
+dt {
+ clear: both;
+ width: 10%;
+ text-align: left;
+}
+dd {
+ width: 7.5%;
+ text-align: center;
+}
+.archive_short dt, .archive_short dd {
+ display: block;
+ float: left;
+ padding: 0.5ex 0 ;
+ margin: 0;
+ color: #999;
+ font-size: 14px;
+ border-bottom: 1px #ddd solid;
+}
+
Oops, something went wrong.

0 comments on commit 96b3d59

Please sign in to comment.