Samples/Castle/PetStore.Web/Content/css/site.css

   1 /* Main site style sheet */
   2
   3 body
   4 {
   5         margin: 0 0 0 0;
   6         /* border: solid 1px black;  */
   7         color: #333;
   8         line-height: 140%;
   9         background: white url("../images/background.gif") repeat-x;
  10         font-size: 0.9em;
  11 }
  12
  13 body, td, th, h3, h2, h1, h4 input, textarea
  14 {
  15         font-family: verdana, tahoma, sans-serif;
  16 }
  17
  18 #container {
  19         width: 100%;
  20         margin: 0 auto;
  21 }
  22
  23 #page {
  24     /* bborder: solid 1px gray; */
  25         margin: 15px 20px 20px 20px;
  26 }
  27
  28 #content {
  29     /* border: dashed 1px navy;*/
  30         margin-left: 250px;
  31         padding: 0 0 0 0;
  32 /*      background: url("bk-ground.gif") repeat-x top left;*/
  33 }
  34
  35 #header {
  36         clear: both;
  37         position: relative;
  38         margin: 0 0 0 0;
  39         height: 38px;
  40 }
  41
  42 #header h1 {
  43         position: absolute;
  44         top: 0;
  45         left: 0;
  46         margin: 0;
  47 }
  48 #header h1 a,#header h1 a:hover {
  49         display: block;
  50         /* border: solid 1px black;  */
  51         width: 276px;
  52         height: 67px;
  53         background: url("../images/title.gif") no-repeat;
  54         font-size: 1px;
  55         text-indent: -7000em;
  56         text-decoration: none;
  57 }
  58
  59 #links {
  60         position: relative;
  61         height: 27px;
  62 }
  63 #links #toplinks {
  64         position: absolute;
  65         bottom: 0;
  66         left: 0;
  67         top: 0;
  68         margin: 0 0 0 0;
  69         padding: 0 0 0 0;
  70         list-style-type: none;
  71 }
  72 #links #toplinks li {
  73         /* border: dashed 1px red; */
  74         text-align: center;
  75         /* padding-right: 13px; */
  76         width: 95px;
  77         float: right;
  78         background-image: url("../images/top-button.gif");
  79         background-position: top right;
  80         background-repeat: no-repeat;
  81         height: 27px;
  82 }
  83 #links #toplinks li a {
  84         line-height: 2.5em;
  85         /* padding-right: 13px; */
  86         display: block;
  87         font-family: tahoma, verdana, sans-serif;
  88         text-decoration: none;
  89         font-size: 85%;
  90         color: #606060;
  91         height: 27px;
  92         background-image: url("../images/top-button-left.gif");
  93         background-position: top left;
  94         background-repeat: no-repeat;
  95 }
  96
  97 div#categories {
  98         position: absolute;
  99         top: 80px;
 100         left: 20px;
 101         background: #FFF;
 102         width: 235px;
 103         line-height: 120%;
 104         background: white url("../images/sidebar.gif") no-repeat bottom left;
 105         margin: 0 0 8px 0;
 106         /* border: solid 1px gray; */
 107 }
 108 div#categories div {
 109         background: url("../images/sidebar-top.gif") no-repeat top left;
 110         padding: 10px;
 111         overflow: hidden;
 112         text-overflow: ellipsis;
 113 }
 114 div#categories h3 {
 115         font-weight: bold;
 116         font-size: 0.9em;
 117         margin: 1em 0 0.3em;
 118         color: #036;
 119 }
 120 div#categories ul
 121 {
 122         padding: 5px 5px 5px 18px;
 123         margin: 0 0 0 0;
 124         /* border: solid 1px gray; */
 125 }
 126 div#categories li {
 127         color: #525252;
 128         list-style-type: square;
 129 }
 130 div#categories a {
 131         color: #525252;
 132         text-decoration: none;
 133 }
 134
 135 #content h3
 136 {
 137         margin: 0 0 10px 0;
 138         padding: 0 0 5px 0;
 139         font-size: medium;
 140         border-bottom: solid 0.5px black;
 141 }
 142 div.item
 143 {
 144         border: solid 1px gray;
 145         position: relative;
 146         height: 200px;
 147         width: 320px;
 148         float: left;
 149         color: gray;
 150         padding: 5px;
 151         margin: 4px;
 152         overflow: auto;
 153 }
 154 div.item div.itemImg
 155 {
 156         float: left;
 157         position: relative;
 158         margin: 2px;
 159 }
 160 div.item div.title
 161 {
 162         border: solid 1px white;
 163         margin-left: 10px;
 164         font: 12px verdana;
 165         font-weight: bold;
 166         text-align: center;
 167 }
 168 div.item div.description
 169 {
 170         margin-top: 40px;
 171         color: gray;
 172         font: 11px verdana;
 173         text-align: justify;
 174         height: 52px;
 175         overflow: auto;
 176 }
 177 div.item div.price
 178 {
 179         text-align: center;
 180         font: 11px verdana;
 181 }
 182 div.item div.price span
 183 {
 184         color: red;
 185         font-weight: bold;
 186 }
 187 div.item form
 188 {
 189         text-align: center;
 190         border: solid 1px white;
 191         margin-top: 10px;
 192         margin-bottom: 10px;
 193 }
 194 div.item form input
 195 {
 196         font: 10px verdana;
 197 }
 198 div.item div.bottombuttons
 199 {
 200         position: absolute;
 201         height: 244px;
 202         width: 97%;
 203         margin: 0;
 204         padding: 0;
 205         bottom: 0;
 206         overflow: hidden;
 207         height: 20px;
 208 }
 209 div.bottombuttons span
 210 {
 211         position: relative;
 212         font: 10px verdana;
 213         font-weight: bold;
 214 }
 215 div.bottombuttons span.details
 216 {
 217         float: left;
 218 }
 219 div.bottombuttons span.comments
 220 {
 221         float: right;
 222 }