From 4dd37e9dbf6bd2733b72f2e1b520a483e7206eac Mon Sep 17 00:00:00 2001
From: Jeremy Boggs <jeremy@clioweb.org>
Date: Mon, 29 Sep 2014 09:28:21 -0400
Subject: [PATCH] More markup and style updates.

---
 _layouts/default.html |  2 +-
 css/styles.css        | 72 +++++++++++++++++++++++++++++++++++++------
 index.md              |  2 +-
 3 files changed, 65 insertions(+), 11 deletions(-)
diff --git a/_layouts/default.html b/_layouts/default.html
index 978698a..50ac6c4 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -13,7 +13,7 @@
     </head>
     <body>
 
-          <header role="banner">
+          <header role="banner" id="banner">
               <a href="http://ach.org" id="ach-home">
                   <img src="/images/ach-logo.png" alt=""> 
                   <span class="audible"><abbr title="Association for Computers and the Humanities">ACH</abbr> home page</span></a>
diff --git a/css/styles.css b/css/styles.css
index 38cb2e4..add00e7 100755
--- a/css/styles.css
+++ b/css/styles.css
@@ -1,9 +1,21 @@
 body {
-    max-width:700px;
-    margin: 0 auto;
-    padding: 0 2em;
+    margin: 0;
+    padding:0;
     color: #444;
     font-family: "Noto Serif", Georgia, serif;
+    margin-right: auto;
+    background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #33ddff), color-stop(50%, #33ddff), color-stop(50%, transparent)) repeat-x, -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ff5533), color-stop(50%, #ff5533), color-stop(50%, transparent)) repeat-x, -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffbb33), color-stop(50%, #ffbb33), color-stop(50%, transparent)) repeat-x, -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #3c3c3c), color-stop(50%, #3c3c3c), color-stop(50%, transparent)) repeat-x, -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #3377ff), color-stop(50%, #3377ff), color-stop(50%, transparent)) repeat-x, -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #3c3c3c), color-stop(100%, #3c3c3c)) repeat-x;
+    background: -webkit-linear-gradient(left, #33ddff 0%, #33ddff 50%, transparent 50%) repeat-x, -webkit-linear-gradient(left, #ff5533 0%, #ff5533 50%, transparent 50%) repeat-x, -webkit-linear-gradient(left, #ffbb33 0%, #ffbb33 50%, transparent 50%) repeat-x, -webkit-linear-gradient(left, #3c3c3c 0%, #3c3c3c 50%, transparent 50%) repeat-x, -webkit-linear-gradient(left, #3377ff 0%, #3377ff 50%, transparent 50%) repeat-x, -webkit-linear-gradient(left, #3c3c3c, #3c3c3c) repeat-x;
+    background: -moz-linear-gradient(left, #33ddff 0%, #33ddff 50%, transparent 50%) repeat-x, -moz-linear-gradient(left, #ff5533 0%, #ff5533 50%, transparent 50%) repeat-x, -moz-linear-gradient(left, #ffbb33 0%, #ffbb33 50%, transparent 50%) repeat-x, -moz-linear-gradient(left, #3c3c3c 0%, #3c3c3c 50%, transparent 50%) repeat-x, -moz-linear-gradient(left, #3377ff 0%, #3377ff 50%, transparent 50%) repeat-x, -moz-linear-gradient(left, #3c3c3c, #3c3c3c) repeat-x;
+    background: -o-linear-gradient(left, #33ddff 0%, #33ddff 50%, transparent 50%) repeat-x, -o-linear-gradient(left, #ff5533 0%, #ff5533 50%, transparent 50%) repeat-x, -o-linear-gradient(left, #ffbb33 0%, #ffbb33 50%, transparent 50%) repeat-x, -o-linear-gradient(left, #3c3c3c 0%, #3c3c3c 50%, transparent 50%) repeat-x, -o-linear-gradient(left, #3377ff 0%, #3377ff 50%, transparent 50%) repeat-x, -o-linear-gradient(left, #3c3c3c, #3c3c3c) repeat-x;
+    background: linear-gradient(left, #33ddff 0%, #33ddff 50%, transparent 50%) repeat-x, linear-gradient(left, #ff5533 0%, #ff5533 50%, transparent 50%) repeat-x, linear-gradient(left, #ffbb33 0%, #ffbb33 50%, transparent 50%) repeat-x, linear-gradient(left, #3c3c3c 0%, #3c3c3c 50%, transparent 50%) repeat-x, linear-gradient(left, #3377ff 0%, #3377ff 50%, transparent 50%) repeat-x, linear-gradient(left, #3c3c3c, #3c3c3c) repeat-x;
+    -webkit-background-size: 57% 5px, 41% 5px, 37% 5px, 29% 5px, 13% 5px, 7% 5px, contain;
+    -moz-background-size: 57% 5px, 41% 5px, 37% 5px, 29% 5px, 13% 5px, 7% 5px, contain;
+    -o-background-size: 57% 5px, 41% 5px, 37% 5px, 29% 5px, 13% 5px, 7% 5px, contain;
+    background-size: 57% 5px, 41% 5px, 37% 5px, 29% 5px, 13% 5px, 7% 5px, contain;
+    background-position: -10% 0, -10% 0, -15% 0, -15% 0, -20% 0, -20% 0, bottom left;
+    padding-top: 5px;
+    background-color: #fff;
 }
 
 
@@ -11,10 +23,6 @@ h1, h2, h3, h4 {
     margin-top: 60px;
 }
 
-[role=banner] h1 {
-    margin-top:20px;
-}
-
 h2 {
     font-size: 125%;
 }
@@ -43,6 +51,20 @@ th, td {
     border-bottom: 1px solid #ccc;
 }
 
+a, a:link, a:visited {
+    color: #ff5533;
+}
+
+a:focus {
+    color: #ffbb33;
+}
+a:hover {
+    color: #ffbb33;
+}
+a:active {
+    color: #ff5533;
+}
+
 img {
     max-width: 100%;
     width: auto;
@@ -57,9 +79,41 @@ img {
     margin: -1px; padding: 0; border: 0;
 }
 
+#banner {
+    -mox-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing:border-box;
+    text-align:center;
+    padding: 40px 0;
+}
+
 #ach-home {
     display:block;
-    width: 400px;
-    margin: 20px auto;
+    width: 260px;
+    margin-left:auto;
+    margin-right:auto;
+}
+
+#main {
+    max-width: 700px;
+    margin-left:auto;
+    margin-right:auto;
+    clear:both;
+    padding-left: 20px;
+    padding-right: 20px;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+#banner h1 {
+    border: 1px solid #ccc;
+    border-width: 1px 0;
+}
+
+#banner h1 a {
+    text-decoration:none;
+    display:block;
+    padding: 40px 0;
 }
 
diff --git a/index.md b/index.md
index a50aee0..505b0df 100644
--- a/index.md
+++ b/index.md
@@ -8,7 +8,7 @@ of the funding opportunities included are meant to be used solely on digital hum
 
 This list is a work in progress, and you can contribute! If you have a correction or an addition to make, please send an email to <dhfunding@ach.org> or add a ticket to [our issue tracker](http://github.com/achorg/dhfunding/issues).
 
-Developed by Alex Gil and Dennis Tenen, with support from the ACH.
+Developed by **Alex Gil** and **Dennis Tenen**, with support from the ACH.
 
 # The NEH
 
