Mercurial > eldonilo > blog
view 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 source
body { font-family: sans-serif; -moz-box-shadow: 0px 0px 20px #e5e5e5; box-shadow: 0px 0px 20px #e5e5e5; width: 540px; margin: 56px auto; padding: 32px 64px 64px; font-size: 0.76em; line-height: 1.5em; } *[hidden] { display: none; } a { color: #999; text-decoration: none; } a:visited { color: #bbb; } body > header { line-height: 20px; margin: 0 auto; min-height: 75px; overflow: auto; padding-top: 20px; border-bottom: 5px solid #F5F5F5; } body > header > h1 > a { font-size: 2em; font-weight: normal; font-family: serif; } body > header > p { margin-top: -16px; color: #aaa; } body > header > nav { float: right; margin-top: -100px; } body > header > nav > ul { font-variant: small-caps; list-style: none outside none; text-align: right; } body > header > nav > ul > li { display: inline; } body > header > nav > ul > li > a { padding: 3px 0 3px 10px; } body > hr { background-color: #F5F5F5; clear: both; height: 5px; border: none; } body > section { margin-top: 42px; } body > section:empty { background-image: url(throbber.svg); background-repeat: no-repeat; background-position: center; min-height: 400px; } body > section > div > article { clear: right; margin: 1.5em 0; border-bottom: 1px dotted #ccc; min-height: 64px; } body > section > div > article > h2 { font-size: 1.5em; font-weight: normal; color: #777; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body > section > div > article > aside { float: right; } body > section > div > article > aside > img { width: 64px; height: 64px; } body > section > div > article > footer { display: block; color: #777; line-height: 1em; padding-bottom: 10px; } body > section > div > article > p { font-size: 16px; line-height: 140%; padding: 5px; } body > section > div > article > a { background: url(throbber.svg) no-repeat scroll left center transparent; background-size: 16px 16px; padding-left: 20px; font-size: 1em; font-weight: bold; } body > footer > p { float: left; } body > footer > p + p { float: right; }