public/stylesheets/depot.css

   1 /* Global styles */
   2
   3 /* START:notice */
   4 #notice {
   5   border: 2px solid red;
   6   padding: 1em;
   7   margin-bottom: 2em;
   8   background-color: #f0f0f0;
   9   font: bold smaller sans-serif;
  10 }
  11 /* END:notice */
  12
  13 /* Styles for admin/list */
  14
  15 #product-list .list-title {
  16         color:        #244;
  17         font-weight:  bold;
  18         font-size:    larger;
  19 }
  20
  21 #product-list .list-image {
  22   width:        60px;
  23   height:       70px;
  24 }
  25
  26
  27 #product-list .list-actions {
  28   font-size:    x-small;
  29   text-align:   right;
  30   padding-left: 1em;
  31 }
  32
  33 #product-list .list-line-even {
  34   background:   #e0f8f8;
  35 }
  36
  37 #product-list .list-line-odd {
  38   background:   #f8b0f8;
  39 }
  40
  41
  42 /* Styles for main page */
  43
  44 #banner {
  45   background: #9c9;
  46   padding-top: 10px;
  47   padding-bottom: 10px;
  48   border-bottom: 2px solid;
  49   font: small-caps 40px/40px "Times New Roman", serif;
  50   color: #282;
  51   text-align: center;
  52 }
  53
  54 #banner img {
  55   float: left;
  56 }
  57
  58 #columns {
  59   background: #141;
  60 }
  61
  62 #main {
  63   margin-left: 15em;
  64   padding-top: 4ex;
  65   padding-left: 2em;
  66   background: white;
  67 }
  68
  69 #side {
  70   float: left;
  71   padding-top: 1em;
  72   padding-left: 1em;
  73   padding-bottom: 1em;
  74   width: 14em;
  75   background: #141;
  76 }
  77
  78 #side a {
  79   color: #bfb;
  80   font-size: small;
  81 }
  82
  83 h1 {
  84   font:  150% sans-serif;
  85   color: #226;
  86   border-bottom: 3px dotted #77d;
  87 }
  88
  89 /* An entry in the store catalog */
  90
  91 #store  .entry {
  92   border-bottom: 1px dotted #77d;
  93 }
  94
  95 #store  .title {
  96   font-size: 120%;
  97   font-family: sans-serif;
  98 }
  99
 100 #store .entry img {
 101   width: 75px;
 102   float: left;
 103 }
 104
 105
 106 #store .entry h3 {
 107  margin-bottom: 2px;
 108  color: #227;
 109 }
 110
 111 #store .entry p {
 112  margin-top: 0px;
 113  margin-bottom: 0.8em;
 114 }
 115
 116 #store .entry .price-line {
 117 }
 118
 119 #store .entry .add-to-cart {
 120   position: relative;
 121 }
 122
 123 #store .entry  .price {
 124   color: #44a;
 125   font-weight: bold;
 126   margin-right: 2em;
 127 }
 128
 129 /* START:inline */
 130 #store .entry form, #store .entry form div {
 131   display: inline;
 132 }
 133 /* END:inline */
 134
 135 /* START:cart */
 136 /* Styles for the cart in the main page and the sidebar */
 137
 138 .cart-title {
 139   font: 120% bold;
 140 }
 141
 142 .item-price, .total-line {
 143   text-align: right;
 144 }
 145
 146 .total-line .total-cell {
 147   font-weight: bold;
 148   border-top: 1px solid #595;
 149 }
 150
 151
 152 /* Styles for the cart in the sidebar */
 153
 154 #cart, #cart table {
 155   font-size: smaller;
 156   color:     white;
 157 }
 158
 159 #cart table {
 160   border-top:    1px dotted #595;
 161   border-bottom: 1px dotted #595;
 162   margin-bottom: 10px;
 163 }
 164 /* END:cart */
 165
 166 /* Styles for order form */
 167
 168 .depot-form fieldset {
 169   background: #efe;
 170 }
 171
 172 .depot-form legend {
 173   color: #dfd;
 174   background: #141;
 175   font-family: sans-serif;
 176   padding: 0.2em 1em;
 177 }
 178
 179 .depot-form label {
 180   width: 5em;
 181   float: left;
 182   text-align: right;
 183   margin-right: 0.5em;
 184   display: block;
 185 }
 186
 187 .depot-form .submit {
 188   margin-left: 5.5em;
 189 }
 190
 191 /* The error box */
 192
 193 .fieldWithErrors {
 194   padding: 2px;
 195   background-color: red;
 196   display: table;
 197 }
 198
 199 #errorExplanation {
 200   width: 400px;
 201   border: 2px solid red;
 202   padding: 7px;
 203   padding-bottom: 12px;
 204   margin-bottom: 20px;
 205   background-color: #f0f0f0;
 206 }
 207
 208 #errorExplanation h2 {
 209   text-align: left;
 210   font-weight: bold;
 211   padding: 5px 5px 5px 15px;
 212   font-size: 12px;
 213   margin: -7px;
 214   background-color: #c00;
 215   color: #fff;
 216 }
 217
 218 #errorExplanation p {
 219   color: #333;
 220   margin-bottom: 0;
 221   padding: 5px;
 222 }
 223
 224 #errorExplanation ul li {
 225   font-size: 12px;
 226   list-style: square;
 227 }