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;
+}