--- a/layout/skeleton/_base.html Tue Dec 22 18:46:06 2009 -0500
+++ b/layout/skeleton/_base.html Wed Dec 23 18:04:04 2009 -0500
@@ -32,9 +32,9 @@
<body>
<div id="main-wrap">
<div id="header">
- <a href="/">
- <h1>steve losh <span class="page-title">/ {{ page.title }}</span></h1>
- </a>
+ <h1>
+ <a href="/">steve losh</a> <span class="page-title">/ {{ page.title }}</span>
+ </h1>
</div>
<div id="nav">
--- a/media/css/base.css Tue Dec 22 18:46:06 2009 -0500
+++ b/media/css/base.css Wed Dec 23 18:04:04 2009 -0500
@@ -5,10 +5,8 @@
}
body {
- font-family: Arial, Helvetica, sans-serif;
- color: black;
- font-size: 1em;
- line-height: 2em;
+ font-family: "Helvetica Neue", HelveticaNeue, Arial, Helvetica, sans-serif;
+ color: #111;
}
div#main-wrap {
@@ -16,25 +14,19 @@
margin: 0 auto;
}
-h1 {font-size: 4em; line-height: 72px; font-weight: bold;}
-h2 {font-size: 2em; line-height: 2em; font-weight: bold;}
-h3 {font-size: 1.5em; line-height: 2em; font-weight: bold;}
-h4 {font-size: 1.5em; line-height: 2em; font-weight: bold;}
-h5 {font-size: 1em; line-height: 2em; font-weight: bold;}
-h6 {font-size: 1em; line-height: 2em; font-weight: normal;}
-
a {
text-decoration: none;
- font-weight: bold;
- color: #111;
+ color: #e50053;
}
a:hover {
- color: #000;
- border-bottom: 2px solid #cc0000;
+ text-decoration: underline;
}
-a:visited {
- color: #333;
- font-style: italic;
+h1 a, h2 a {
+ color: #111;
+}
+h1 a:hover {
+ color: #e50053;
+ text-decoration: none;
}
ul, ol {
@@ -48,13 +40,15 @@
}
#header h1 {
- line-height: 1.5em;
- font-size: 4em;
+ letter-spacing: -3px;
+ font-size: 5em;
+ margin-bottom: 0.2em;
font-weight: normal;
- font-family: "Helvetica Neue Light", HelveticaNeue-Light, Arial, Helvetica, sans-serif;
+ font-family: "Helvetica Neue", HelveticaNeue, Arial, Helvetica, sans-serif;
}
-#header h1:hover {
- color: #cc0000;
+#header span.page-title {
+ color: #666;
+ text-transform: lowercase;
}
#nav {
@@ -62,15 +56,24 @@
width: 10em;
font-size: 1.5em;
line-height: 2em;
+ font-weight: bold;
}
#nav ul li {
margin: 0;
list-style: none;
border-bottom: 1px solid #eee;
}
+#nav ul li:last-child {
+ border-bottom: none;
+}
#nav a {
border: none;
font-style: normal;
+ color: #111;
+}
+#nav a:hover {
+ color: #e50053;
+ text-decoration: none;
}
#splash-info {
@@ -85,6 +88,9 @@
list-style: none;
border-bottom: 1px solid #eee;
}
+#splash-info ul li:last-child {
+ border-bottom: none;
+}
#content {
width: 42em;