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