Mercurial > eldonilo > blog
view theme.css @ 0:f62b5c395a48
Initial commit.
author | Emmanuel Gil Peyrot <linkmauve@linkmauve.fr> |
---|---|
date | Sat, 04 Jun 2011 05:02:47 +0200 |
parents | |
children | 82905edac9d8 |
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; } body > header { float: left; line-height: 20px; margin: 0 auto; min-height: 75px; overflow: auto; padding-top: 20px; } body > header > h1 > a { font-size: 2em; font-weight: normal; font-family: serif; } body > header > p { margin-top: -16px; color: #aaa; } body > nav { line-height: 20px; padding: 20px 10px; } body > nav > ul { font-variant: small-caps; list-style: none outside none; text-align: right; } body > nav > ul > li { display: inline; } body > 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); 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: #999; white-space: nowrap; overflow: hidden; } 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: #999; line-height: 1em; padding-bottom: 10px; } body > section > div > article > p { font-size: 16px; line-height: 140%; padding: 10px 5px 30px; } 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; } body > footer > p { float: left; } body > footer > p + p { float: right; }