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   border: 0;
 119 }
 120
 121 #store .entry h3 {
 122  margin-top: 0;
 123  margin-bottom: 2px;
 124  color: #227;
 125 }
 126
 127 #store .entry h3 a:link, #store .entry h3 a:visited, #store .entry h3 a:active {
 128  color: #227;
 129  text-decoration: none;
 130
 131 }
 132
 133 #store .entry p {
 134  margin-top: 0.5em;
 135  margin-bottom: 0.8em;
 136 }
 137
 138 #store .entry .price-line {
 139  clear: both;
 140 }
 141
 142 #store .entry .add-to-cart {
 143   position: relative;
 144 }
 145
 146 #store .entry  .price {
 147   color: #44a;
 148   font-weight: bold;
 149   margin-right: 2em;
 150 }
 151
 152 #store .entry form, #store .entry form div {
 153   display: inline;
 154 }
 155
 156
 157 /* The error box */
 158
 159 .fieldWithErrors {
 160   padding: 2px;
 161   background-color: #EEFFEE;
 162   display: inline;
 163 }
 164
 165 .fieldWithErrors * {
 166   background-color: red;
 167 }
 168
 169 #errorExplanation {
 170   width: 400px;
 171   border: 2px solid red;
 172   padding: 7px;
 173   padding-bottom: 12px;
 174   margin-bottom: 20px;
 175   background-color: #f0f0f0;
 176 }
 177
 178 #errorExplanation h2 {
 179   text-align: left;
 180   font-weight: bold;
 181   padding: 5px 5px 5px 15px;
 182   font-size: 12px;
 183   margin: -7px;
 184   background-color: #c00;
 185   color: #fff;
 186 }
 187
 188 #errorExplanation p {
 189   color: #333;
 190   margin-bottom: 0;
 191   padding: 5px;
 192 }
 193
 194 #errorExplanation ul li {
 195   font-size: 12px;
 196   list-style: square;
 197 }