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   padding: 2px 15px;
  76 }
  77
  78 #columns {
  79   background: #141 ;
  80 }
  81
  82 #main {
  83   margin-left: 13em;
  84   padding-top: 4ex;
  85   padding-left: 2em;
  86   background: white;
  87 }
  88
  89 #side {
  90   float: left;
  91   padding-top: 1em;
  92   padding-left: 1em;
  93   padding-bottom: 1em;
  94   width: 12em;
  95   background: #141 ;
  96 }
  97
  98 #side a {
  99   color: #bfb ;
 100   font-size: small;
 101 }
 102
 103 /* An entry in the store catalog */
 104
 105 #store  .entry {
 106   overflow: auto;
 107   margin-top: 1em;
 108   border-bottom: 1px dotted #77d;
 109 }
 110
 111 #store  .title {
 112   font-size: 120%;
 113   font-family: sans-serif;
 114 }
 115
 116 #store .entry img {
 117   width: 75px;
 118   float: left;
 119   border: 0;
 120 }
 121
 122 #store .entry h3 {
 123  margin-top: 0;
 124  margin-bottom: 2px;
 125  color: #227;
 126 }
 127
 128 #store .entry h3 a:link, #store .entry h3 a:visited, #store .entry h3 a:active {
 129  color: #227;
 130  text-decoration: none;
 131
 132 }
 133
 134 #store .entry p {
 135  margin-top: 0.5em;
 136  margin-bottom: 0.8em;
 137 }
 138
 139 #store .entry .price-line {
 140  clear: both;
 141 }
 142
 143 #store .entry .add-to-cart {
 144   position: relative;
 145 }
 146
 147 #store .entry  .price {
 148   color: #44a;
 149   font-weight: bold;
 150   margin-right: 2em;
 151 }
 152
 153 #store .entry form, #store .entry form div {
 154   display: inline;
 155 }
 156
 157
 158 /* The error box */
 159
 160 .fieldWithErrors {
 161   padding: 2px;
 162   background-color: #EEFFEE;
 163   display: inline;
 164 }
 165
 166 .fieldWithErrors * {
 167   background-color: red;
 168 }
 169
 170 #errorExplanation {
 171   width: 400px;
 172   border: 2px solid red;
 173   padding: 7px;
 174   padding-bottom: 12px;
 175   margin-bottom: 20px;
 176   background-color: #f0f0f0;
 177 }
 178
 179 #errorExplanation h2 {
 180   text-align: left;
 181   font-weight: bold;
 182   padding: 5px 5px 5px 15px;
 183   font-size: 12px;
 184   margin: -7px;
 185   background-color: #c00;
 186   color: #fff;
 187 }
 188
 189 #errorExplanation p {
 190   color: #333;
 191   margin-bottom: 0;
 192   padding: 5px;
 193 }
 194
 195 #errorExplanation ul li {
 196   font-size: 12px;
 197   list-style: square;
 198 }