Permalink
Browse files

Slightly modified blog style

  • Loading branch information...
1 parent ecb586f commit 034bc3d231d908937fe5f830aaf56dbd058dd90c @mitsuhiko committed Aug 5, 2012
Showing with 23 additions and 20 deletions.
  1. +0 −1 _templates/layout.html
  2. +23 −19 static/style.css
@@ -6,7 +6,6 @@
<title>{% block title %}Home{% endblock %} | Armin Ronacher's Thoughts and Writings</title>
<link rel="openid.server" href="http://www.myopenid.com/server">
<link rel="openid.delegate" href="http://mitsuhiko.myopenid.com/">
- <link href="http://fonts.googleapis.com/css?family=Vollkorn&subset=latin" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="/static/style.css" type="text/css">
<link href="/feed.atom" rel="alternate" title="Recent Blog Posts" type="application/atom+xml">
{%- for link in links %}
View
@@ -1,20 +1,24 @@
+/* fonts */
+@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic);
+@import url(http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400italic,700,700italic);
+
/* general style */
-body { font: 18px/25px 'Palatino', 'Palatino Linotype', 'Georgia', serif;
- margin: 0; padding: 0; }
-a { color: #432165; }
-a:hover { color: #3b185f; background: #f9f8fa; }
+body { font: 17px/25px 'Open Sans', sans-serif;
+ margin: 0; padding: 0; font-weight: 300; }
+a { color: black; font-weight: 400; }
+a:hover { color: #CC0033; }
/* headlines */
-h1, h2, h3, h4, h5, h6 { font-family: 'Vollkorn', 'Georgia', serif;
- font-weight: normal; color: #222; }
+h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif;
+ font-weight: 300; color: #222; }
h1 a, h2 a, h3 a, h4 a,
h5 a, h6 a { text-decoration: none; }
h1 a:hover, h2 a:hover,
-h3 a:hover, h4 a:hover { color: #432165; text-decoration: underline; }
+h3 a:hover, h4 a:hover { text-decoration: underline; }
h1.title { width: 560px; }
h1, h2 { margin: 10px 0 25px 0; }
-h1 { font-size: 48px; line-height: 52px; }
-h2 { font-size: 36px; line-height: 40px; }
+h1 { font-size: 42px; line-height: 52px; }
+h2 { font-size: 32px; line-height: 40px; }
/* layout elements */
div.container { width: 740px; margin: 48px auto; padding: 0; }
@@ -24,9 +28,9 @@ div.header, div.navigation { height: 25px; margin-bottom: 42px; }
div.navigation ul { margin: 0; padding: 0; list-style: none; }
div.navigation ul li { display: inline; margin: 0 2px; padding: 0; }
div.body { clear: both; }
-div.footer { border-top: 1px dotted #ddd; padding-top: 9px;
- margin-top: 42px; font-size: 16px; color: #888;
- text-align: center; }
+div.footer { border-top: 1px solid #555; padding-top: 9px;
+ margin-top: 42px; font-size: 16px;
+ text-align: center; color: #555; }
div.footer p { margin: 0; }
/* margins and stuff */
@@ -36,14 +40,13 @@ dt { margin: 25px 0 16px 0; padding: 0; }
dd { margin: 16px 0 25px 40px; padding: 0; }
ul ol, ol ul, ul ul, ol ol { margin: 10px 0; padding: 0 0 0 40px; }
li { padding: 0; }
-h1 + p.date { margin-top: -28px; font-style: italic; }
+h1 + p.date { margin-top: -25px; }
/* code formatting. no monospace because of webkit (bug?) */
-pre, code, tt { font-family: 'Consolas', 'Deja Vu Sans Mono',
+pre, code, tt { font-family: 'Ubuntu Mono', 'Consolas', 'Deja Vu Sans Mono',
'Bitstream Vera Sans Mono', 'Monaco', 'Courier New';
font-size: 0.82em; }
-pre { line-height: 1.3; border: 1px solid #ddd; padding: 10px;
- background: #fafafa; }
+pre { line-height: 1.3; background: none; padding: 0; }
code, tt { background: #eee; }
/* tables */
@@ -68,8 +71,9 @@ div.entry-overview div.summary,
div.entry-overview div.date,
div.entry-overview div.summary p { margin: 0; padding: 0; }
div.entry-overview div.detail { margin-left: 140px; }
-div.entry-overview div.date { float: left; width: 120px; color: #888;
- text-align: right; font-style: italic; }
+div.entry-overview div.date { float: left; width: 120px; color: #CC0033;
+ text-align: right; font-size: 14px; }
+div.entry-overview h1 { font-weight: normal; }
div.entry-overview h1:after { content: " —"; }
/* other alignment things */
@@ -80,7 +84,7 @@ div.pagination { margin: 36px 0 0 0; text-align: center; }
div.pagination strong { font-weight: normal; font-style: italic; }
/* tags */
-p.tags { text-align: right; font-style: italic; }
+p.tags { text-align: right; }
ul.tagcloud { font-size: 16px; margin: 36px 0; padding: 0;
list-style: none; }
ul.tagcloud li { margin: 0; padding: 0 10px; display: inline; }

0 comments on commit 034bc3d

Please sign in to comment.