Mercurial > eldonilo > blog
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; }