diff theme.css @ 3:2e2a2154efbb

Use a better XHTML semantic and fix the theme a bit.
author Emmanuel Gil Peyrot <linkmauve@linkmauve.fr>
date Mon, 19 Sep 2011 01:46:42 -0700
parents eb5b6d3ab09b
children 7ab6b48122af
line wrap: on
line diff
--- a/theme.css
+++ b/theme.css
@@ -18,13 +18,17 @@ a {
 	text-decoration: none;
 }
 
+a:visited {
+	color: #bbb;
+}
+
 body > header {
-	float: left;
 	line-height: 20px;
 	margin: 0 auto;
 	min-height: 75px;
 	overflow: auto;
 	padding-top: 20px;
+	border-bottom: 5px solid #F5F5F5;
 }
 
 body > header > h1 > a {
@@ -38,22 +42,22 @@ body > header > p {
 	color: #aaa;
 }
 
-body > nav {
-	line-height: 20px;
-	padding: 20px 10px;
+body > header > nav {
+	float: right;
+	margin-top: -100px;
 }
 
-body > nav > ul {
+body > header > nav > ul {
 	font-variant: small-caps;
 	list-style: none outside none;
 	text-align: right;
 }
 
-body > nav > ul > li {
+body > header > nav > ul > li {
 	display: inline;
 }
 
-body > nav > ul > li > a {
+body > header > nav > ul > li > a {
 	padding: 3px 0 3px 10px;
 }
 
@@ -70,6 +74,8 @@ body > section {
 
 body > section:empty {
 	background-image: url(throbber.svg);
+	background-repeat: no-repeat;
+	background-position: center;
 	min-height: 400px;
 }
 
@@ -83,7 +89,7 @@ body > section > div > article {
 body > section > div > article > h2 {
 	font-size: 1.5em;
 	font-weight: normal;
-	color: #999;
+	color: #777;
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
@@ -100,7 +106,7 @@ body > section > div > article > aside >
 
 body > section > div > article > footer {
 	display: block;
-	color: #999;
+	color: #777;
 	line-height: 1em;
 	padding-bottom: 10px;
 }
@@ -115,7 +121,6 @@ body > section > div > article > a {
 	background: url(throbber.svg) no-repeat scroll left center transparent;
 	background-size: 16px 16px;
 	padding-left: 20px;
-	color: #aaa;
 	font-size: 1em;
 	font-weight: bold;
 }