public/stylesheets/depot.css

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