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-actions {
  44   font-size:    x-small;
  45   text-align:   right;
  46   padding-left: 1em;
  47 }
  48
  49 #product-list .list-line-even {
  50   background:   #e0f8f8;
  51 }
  52
  53 #product-list .list-line-odd {
  54   background:   #f8b0f8;
  55 }
  56
  57 /* An entry in the store catalog */
  58
  59 #store  .entry {
  60   overflow: auto;
  61   margin-top: 1em;
  62   border-bottom: 1px dotted #77d;
  63 }
  64
  65 #store  .title {
  66   font-size: 120%;
  67   font-family: sans-serif;
  68 }
  69
  70 #store .entry img {
  71   width: 75px;
  72   float: left;
  73 }
  74
  75
  76 #store .entry h3 {
  77  margin-top: 0;
  78  margin-bottom: 2px;
  79  color: #227;
  80 }
  81
  82 #store .entry p {
  83  margin-top: 0.5em;
  84  margin-bottom: 0.8em;
  85 }
  86
  87 #store .entry .price-line {
  88  clear: both;
  89 }
  90
  91 #store .entry .add-to-cart {
  92   position: relative;
  93 }
  94
  95 #store .entry  .price {
  96   color: #44a;
  97   font-weight: bold;
  98   margin-right: 2em;
  99 }
 100
 101 /* The error box */
 102
 103 .fieldWithErrors {
 104   padding: 2px;
 105   background-color: #EEFFEE;
 106   display: inline;
 107 }
 108
 109 .fieldWithErrors * {
 110   background-color: red;
 111 }
 112
 113 #errorExplanation {
 114   width: 400px;
 115   border: 2px solid red;
 116   padding: 7px;
 117   padding-bottom: 12px;
 118   margin-bottom: 20px;
 119   background-color: #f0f0f0;
 120 }
 121
 122 #errorExplanation h2 {
 123   text-align: left;
 124   font-weight: bold;
 125   padding: 5px 5px 5px 15px;
 126   font-size: 12px;
 127   margin: -7px;
 128   background-color: #c00;
 129   color: #fff;
 130 }
 131
 132 #errorExplanation p {
 133   color: #333;
 134   margin-bottom: 0;
 135   padding: 5px;
 136 }
 137
 138 #errorExplanation ul li {
 139   font-size: 12px;
 140   list-style: square;
 141 }