End chapter 7, with suggested extensions

[depot.git] / public / stylesheets / depot.css

diff --git a/public/stylesheets/depot.css b/public/stylesheets/depot.css
index 62a2d6708382c442361b52a03a31e6cf3552ef12..c406cf78711b5e4a2460fb741a8a4948741a8ab7 100644 (file)
--- a/public/stylesheets/depot.css
+++ b/public/stylesheets/depot.css
@@ -58,6 +58,47 @@ h1 {
   background:   #f8b0f8;
 }
 
+
+/* Styles for main page */
+#banner {
+  background: #9c9 ;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  border-bottom: 2px solid;
+  font: small-caps 40px/40px "Times New Roman", serif;
+  color: #282 ;
+  text-align: center;
+}
+
+#banner img {
+  float: left;
+}
+
+#columns {
+  background: #141 ;
+}
+
+#main {
+  margin-left: 13em;
+  padding-top: 4ex;
+  padding-left: 2em;
+  background: white;
+}
+
+#side {
+  float: left;
+  padding-top: 1em;
+  padding-left: 1em;
+  padding-bottom: 1em;
+  width: 12em;
+  background: #141 ;
+}
+
+#side a {
+  color: #bfb ;
+  font-size: small;
+}
+
 /* An entry in the store catalog */
 
 #store  .entry {
@@ -74,15 +115,21 @@ h1 {
 #store .entry img {
   width: 75px;
   float: left;
+  border: 0;
 }
 
-
 #store .entry h3 {
  margin-top: 0;
  margin-bottom: 2px;
  color: #227;
 }
 
+#store .entry h3 a:link, #store .entry h3 a:visited, #store .entry h3 a:active {
+ color: #227;
+ text-decoration: none;
+ 
+}
+
 #store .entry p {
  margin-top: 0.5em; 
  margin-bottom: 0.8em; 
@@ -102,6 +149,11 @@ h1 {
   margin-right: 2em;
 }
 
+#store .entry form, #store .entry form div {
+  display: inline;
+}
+
+
 /* The error box */
 
 .fieldWithErrors {