1 files changed, 123 insertions, 11 deletions
diff --git a/static/layout.css b/static/layout.css
index bf7a28d..a5552ed 100644
--- a/static/layout.css
+++ b/static/layout.css
@@ -1,3 +1,122 @@
+
+/* COMMON STYLE SETTINGS */
+
+:link, :visited {
+    text-decoration: none;
+}
+:link:hover, :visited:hover {
+    text-decoration: underline;
+}
+
+
+/* COMMON PAGE ELEMENTS */
+
+html, body {
+    margin: 0;
+    padding: 0;
+    background-color: white;
+}
+
+/* header */
+
+#header-background {
+    background-color: #333;
+    width: 100%;
+    height: 4em;
+    margin-bottom: 4em;
+}
+header {
+    position: absolute;
+    top: 0;
+    margin: 0;
+    padding: 1em 0;
+    width: 100%;
+}
+header h1 {
+    margin: 0;
+    padding: 0 1em 0;
+    display: inline-block;
+    background-color: #333;
+    border-bottom-right-radius: 30px;
+}
+header h1 img {
+    margin: 0;
+}
+header #roundcornerb,
+header #roundcornerw {
+    display: inline-block;
+    width: 50px;
+    height: 50px;
+    position: absolute;
+    top: 4em;
+}
+header #roundcornerb {
+    background-color: #333;
+}
+header #roundcornerw {
+    background-color: white;
+    border-top-left-radius: 30px;
+}
+
+header nav#mainnav {
+    position: absolute;
+    top: .5em;
+    right: 1em;
+}
+header nav#mainnav,
+header nav#mainnav :link,
+header nav#mainnav :visited {
+    color: #eee;
+}
+header nav#usermenu :link,
+header nav#usermenu :visited {
+    color: black;
+}
+
+header nav#usermenu {
+    position: absolute;
+    top: 4em;
+    right: 1em;
+}
+
+header nav ul {
+    list-style: none;
+}
+header nav ul li {
+    display: inline;
+}
+header nav ul li:not(:last-child):after {
+    content: " · ";
+    color: #aaa;
+}
+header nav#mainnav ul li:not(:last-child):after {
+    color: #999;
+}
+
+
+/* content */
+
+#content {
+    margin: 0 auto;
+    max-width: 50em;
+}
+
+#content h1 {
+    font-size: 1.8em;
+}
+#content h2 {
+    font-size: 1.4em;
+}
+#content h3 {
+    font-size: 1.2em;
+}
+
+
+
+
+/* SPECIAL PAGE ELEMENTS */
+
+/* form stuff */
 form .errors {
     color: #D00;
     margin: .2em 0 .5em;
@@ -6,6 +125,8 @@ form ul.errors {
     padding-left: 1em;
 }
 
+/* flashing */
+
 ul.flashes {
     padding-left: 0;
 }
@@ -13,9 +134,10 @@ ul.flashes li {
     list-style: none;
     margin: .2em 0;
     display: block;
-    padding: .2em .4em;
+    padding: .2em .6em;
 
     border: 1px solid #ee3;
+    border-radius: 3px;
     background-color: #ffd;
 }
 ul.flashes li.error {
@@ -27,13 +149,3 @@ ul.flashes li.success {
     background-color: #dfd;
 }
 
-
-body {
-  margin: 0 auto;
-  max-width: 40em;
-}
-
-#header {
-  margin: 0 auto;
-  text-align: center;
-}