Updated order display again

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

diff --git a/public/stylesheets/depot.css b/public/stylesheets/depot.css
index bb9c8b5e6c89ba60dfaabefde5f4e109df3fc5d9..01adb7427ff3594522fdec1eeeb5f369f05c3e6b 100644 (file)
--- a/public/stylesheets/depot.css
+++ b/public/stylesheets/depot.css
@@ -1,5 +1,17 @@
 /* Global styles */
 
+/* Global styles */
+
+/* START:notice */
+#notice {
+  border: 2px solid red;
+  padding: 1em;
+  margin-bottom: 2em;
+  background-color: #f0f0f0;
+  font: bold smaller sans-serif;
+}
+/* END:notice */
+
 h1 {
         font:  150% sans-serif;
         color: #226;
@@ -8,52 +20,98 @@ h1 {
 
 /* Styles for products/index */
 
-#product-list table {
+#pretty-list table {
         border-collapse: collapse;
 }
 
-#product-list table tr td {
+#pretty-list table tr td {
         padding: 5px;
         vertical-align: top;
 }
 
-#product-list .list-image {
+#pretty-list .list-image {
   width:        60px;
   height:       70px;
 }
 
-#product-list .list-description {
+#pretty-list .list-description {
   width:        60%;
 }
 
-#product-list .list-description dl {
+#pretty-list dl {
         margin: 0;
 }
 
-#product-list .list-description dt {
+#pretty-list dt {
        color:        #244;
        font-weight:  bold;
        font-size:    larger;
 }
 
-#product-list .list-description dd {
+#pretty-list dd {
         margin: 0;
 }
 
-#product-list .list-actions {
+#pretty-list .list-description .unavailable {
+        color: #f00;
+}
+
+#pretty-list .list-actions {
   font-size:    x-small;
   text-align:   right;
   padding-left: 1em;
 }
 
-#product-list .list-line-even {
+#pretty-list .list-line-even {
   background:   #e0f8f8;
 }
 
-#product-list .list-line-odd {
+#pretty-list .list-line-odd {
   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;
+  padding: 2px 15px;
+}
+
+#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 {
@@ -67,18 +125,24 @@ h1 {
   font-family: sans-serif;
 }
 
-#store .entry img {
+#store .entry img, #store .entry form input[type="image"]  {
   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; 
@@ -98,6 +162,79 @@ h1 {
   margin-right: 2em;
 }
 
+#store .entry form, #store .entry form div {
+  display: inline;
+}
+
+
+/* START:cartmain */
+/* Styles for the cart in the main page */
+
+.cart-title {
+  font: 120% bold;
+}
+
+.item-price, .total-line {
+  text-align: right;
+}
+
+.total-line .total-cell {
+  font-weight: bold;
+  border-top: 1px solid #595;
+}
+/* END:cartmain */
+
+/* START:cartside */
+/* Styles for the cart in the sidebar */
+
+#cart, #cart table {
+  font-size: smaller;
+  color:     white;
+}
+
+#cart table {
+  border-top:    1px dotted #595;
+  border-bottom: 1px dotted #595;
+  margin-bottom: 10px;
+}
+/* END:cartside */
+
+/* START:form */
+/* Styles for order form */
+
+.depot-form fieldset {
+  background: #efe;
+}
+
+.depot-form legend {
+  color: #dfd;
+  background: #141;
+  font-family: sans-serif;
+  padding: 0.2em 1em;
+}
+
+.depot-form label {
+  width: 5em;
+  float: left;
+  text-align: right;
+  padding-top: 0.2em;
+  margin-right: 0.1em;
+  display: block;
+}
+
+.depot-form select, .depot-form textarea, .depot-form input {
+  margin-left: 0.5em;
+}
+
+.depot-form .submit {
+  margin-left: 4em;
+}
+
+.depot-form div {
+  margin: 0.5em 0;
+}
+/* END:form */
+
 /* The error box */
 
 .fieldWithErrors {