Change the footer styles.
author |
Steve Losh <steve@stevelosh.com> |
date |
Mon, 09 Nov 2009 20:01:58 -0500 |
parents |
f3002e91ff73
|
children |
f11f57ebfb98
|
branches/tags |
webui |
files |
review/web_media/style.css review/web_templates/base.html |
Changes
--- a/review/web_media/style.css Mon Nov 09 19:55:40 2009 -0500
+++ b/review/web_media/style.css Mon Nov 09 20:01:58 2009 -0500
@@ -1,9 +1,12 @@
/* Basic layout and typography. */
body {
- background: #fafafa;
+ background: #999;
+}
+div#content-wrap {
+ background-color: #fafafa;
}
div#main-wrap {
- width: 65em;
+ width: 75em;
margin: 0em auto;
padding: 3em;
}
@@ -18,9 +21,11 @@
font-weight: normal;
}
div#footer {
- color: #666;
+ border-top: 6px solid #666;
+ color: #fff;
text-align: center;
font-style: italic;
+ padding-top: 1.5em;
}
/* Links. */
@@ -60,8 +65,6 @@
background-color: #ccc;
border: 1px solid #c5c5c5;
padding: 1em;
- width: 75em;
- margin-left: -5em;
margin-bottom: 1.5em;
margin-top: 1.5em;
}
--- a/review/web_templates/base.html Mon Nov 09 19:55:40 2009 -0500
+++ b/review/web_templates/base.html Mon Nov 09 20:01:58 2009 -0500
@@ -17,11 +17,13 @@
<div id="head-wrap">
<h1><a href="/">${ basename(rd.target.root) }</a> $:{ title }</a></h1>
</div>
- <div id="main-wrap">
- $:{ content }
- <div id="footer">
- <p>reviewing: ${ rd.target.root }</p>
+ <div id="content-wrap">
+ <div id="main-wrap">
+ $:{ content }
</div>
</div>
+ <div id="footer">
+ <p>reviewing: ${ rd.target.root }</p>
+ </div>
</body>
</html>
\ No newline at end of file