Added basic style

Blue!
namelessjon · Jul 1, 2010 · 29f4322 · 29f4322
1 parent 4289e88
commit 29f4322
Show file tree

Hide file tree

Showing 3 changed files with 82 additions and 3 deletions.
diff --git a/public/style.css b/public/style.css
@@ -0,0 +1,78 @@
+body {
+  font-family: 'Lucida Grande', Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
+  font-weight: normal;
+  font-size: 13px;
+  background-color: #6899D3;
+}
+
+#content {
+    max-width: 42em;
+    margin: 4em auto;
+    padding: 1em;
+    background-color: #fff;
+    border: 0.1em solid #04346C;
+}
+
+h1 {
+    color: #0E53A7;
+}
+
+h2 {
+    color: #274E7D;
+}
+
+h3 {
+    color: #274E7D;
+}
+
+fieldset {
+    border-bottom: none;
+    border-left: none;
+    border-right: none;
+    border-top: 0.1em solid #04346C;
+    margin-bottom: 1em;
+}
+
+fieldset legend {
+    font-size: 1.2em;
+    font-weight: bold;
+    color: #274E7D;
+
+}
+
+dl.address-list
+{
+    margin: 0;
+    margin-bottom: 2em;
+    padding: 0;
+}
+
+.address-list dt
+{
+    position: relative;
+    left: 0;
+    top: 1.1em;
+    width: 5em;
+    font-weight: bold;
+    padding: 0;
+    margin: 0;
+}
+
+.address-list dd
+{
+    margin: 0 0 0 6em;
+    padding: 0 0 0 .5em;
+}
+
+ul {
+    list-style: none;
+}
+
+ul li {
+    display: block;
+}
+
+input {
+    margin: 0;
+    padding: 0;
+}
diff --git a/templates/edit.html b/templates/edit.html
@@ -2,7 +2,7 @@ <h1>{{title}}</h1>
 <form action='{{action}}' method='post'>
     <fieldset>
         <legend>Details</legend>
-        <dl>
+        <dl class='address-list'>
             <dt><label for='name'>Name</label></dt>
             <dd><input id='name' type='text' size='30' name='person[name]' value='{{name}}' /></dd>
             <dt><label for='page'>Page</label></dt>
@@ -48,7 +48,7 @@ <h1>{{title}}</h1>
         <ul>
             {{#adresses}}
             <li>
-            <dl>
+            <dl class='address-list'>
                 <dt>Name</dt>
                 <dd><input type='text' size='20' name='person[addresses][][name]' value='{{name}}' /></dd>
                 <dt>Address</dt>
@@ -63,7 +63,7 @@ <h1>{{title}}</h1>
             </li>
             {{/adresses}}
             <li>
-            <dl>
+            <dl class='address-list'>
                 <dt>Name</dt>
                 <dd><input type='text' size='20' name='person[addresses][][name]' value='' /></dd>
                 <dt>Address</dt>

diff --git a/templates/layout.html b/templates/layout.html
@@ -2,6 +2,7 @@
 <html>
     <head>
         <title>{{title}}</title>
+        <link rel='stylesheet' href='/style.css' type='text/css' media='screen' />
     </head>
     <body>
         <div id='content'>