From bd268036ed4fd111f0ae3156c324acbf4d2707e7 Mon Sep 17 00:00:00 2001
From: Owen Jacobson <owen.jacobson@grimoire.ca>
Date: Tue, 21 May 2013 11:18:04 -0400
Subject: A thorough revamp of grimoire.ca's look and feel.

The new look is based, loosely, on print aesthetics, and uses Baskerville (and
Menlo, for code) throughout, with Google's Buenard as a fallback for Windows
and Linux users.

I've retained the basic visual flow, but reworked it to be both more visible
and more readable, and to have less-crazy layout rules (no more
borders-as-gaps).
---
 static/media/css/grimoire.css | 107 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 107 insertions(+)
 create mode 100644 static/media/css/grimoire.css

(limited to 'static/media/css/grimoire.css')

diff --git a/static/media/css/grimoire.css b/static/media/css/grimoire.css
new file mode 100644
index 0000000..b680007
--- /dev/null
+++ b/static/media/css/grimoire.css
@@ -0,0 +1,107 @@
+/* typography */
+body {
+	font-family: 'Baskerville', 'Buenard', serif;
+	font-size: 20px;
+	line-height: 30px;
+}
+
+code {
+	font-family: 'Menlo', monospace;
+	font-size: 80%;
+}
+
+em {
+	font-style: italic;
+}
+
+strong {
+	font-weight: bold;
+}
+
+blockquote {
+	margin-left: 40px;
+	color: #555;
+}
+
+:link {
+	text-decoration: none;
+}
+
+hr {
+	border: none;
+	border-top: 1px solid #AAA;
+	margin-left: 80px;
+	margin-right: 80px;
+}
+
+h1, h2, h3, h4, h5, h6 {
+	font-weight: bold;
+}
+
+h1 {
+	font-size: 40px;
+	line-height: 60px;
+	margin-bottom: 15px;
+}
+h2 {
+	font-size: 30px;
+	line-height: 45px;
+	margin-bottom: 15px;
+}
+h3 {
+	font-size: 20px;
+	line-height: 30px;
+	margin-bottom: 15px;
+}
+
+/* layout */
+#shell {
+	margin-left: auto;
+	margin-right: auto;
+	width: 840px;
+}
+
+#shell > * {
+	margin-top: 15px;
+	margin-bottom: 15px;
+	padding: 0 10px;
+}
+
+#article,
+#listing {
+	padding-left: 50px;
+}
+h1, h2, h3, h4, h5, h6 {
+	margin-left: -40px;
+}
+
+#article p,
+#article pre,
+#article ul,
+#article ol,
+#listing ul {
+	margin-bottom: 15px;
+}
+
+#article pre {
+	margin-left: 40px;
+}
+
+#article ul {
+	list-style-type: disc;
+}
+#article ol {
+	list-style-type: decimal;
+}
+
+#article ul,
+#article ol {
+	padding-left: 40px;
+}
+
+#breadcrumbs li {
+	display: inline-block;
+}
+#breadcrumbs li.not-last:after {
+	content: '•';
+}
\ No newline at end of file
-- 
cgit v1.2.3