Mercurial > eldonilo > blog
diff 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 diff
new file mode 100644 --- /dev/null +++ b/theme.css @@ -0,0 +1,128 @@ +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; +}