/MvcMusicStore/Content/Site.css

  1*
  2{
  3	margin: 0px;
  4	padding: 0px;
  5	border: none;
  6}
  7
  8body
  9{
 10	font-family: Arial, Helvetica, sans-serif;
 11	font-size: 14px;
 12	background-color: #FBF9EF;
 13	padding: 0px 6%;
 14}
 15
 16#container
 17{
 18	float: left;
 19}
 20
 21#header
 22{
 23	float: left;
 24	width: 100%;
 25	border-bottom: 1px dotted #5D5A53;
 26	margin-bottom: 10px;
 27}
 28
 29#header h1
 30{
 31	font-size: 18px;
 32	float: left;
 33	background: url(/content/Images/logo.png) no-repeat;
 34	padding: 45px 0px 5px 0px;
 35}
 36
 37#promotion
 38{
 39	height: 300px; 
 40	width: 700px; 
 41	background: url(/content/Images/home-showcase.png) no-repeat;
 42}
 43
 44ul li a
 45{
 46	font-size: 16px;
 47}
 48
 49#main
 50{
 51	overflow: hidden;
 52	padding: 0 0 15px 10px;
 53	float: left;
 54}
 55
 56ul
 57{
 58	list-style-type: square;
 59	margin-left: 25px;
 60	font-size: 14px;
 61}
 62
 63ul#album-list
 64{
 65	list-style: none;
 66	margin-left: 0px;
 67}
 68
 69ul#album-list li
 70{
 71	height: 130px;
 72	width: 100px;
 73	float: left;
 74	margin: 10px;
 75	text-align: center;
 76}
 77
 78ul#album-list li a, ul#album-list li .button
 79{
 80	font-size: 13px;
 81	float: left;
 82}
 83
 84ul#album-list li a span
 85{
 86	color: #9b9993;
 87	text-decoration: underline;
 88}
 89
 90#cart
 91{
 92	float: right;
 93}
 94
 95#update-message
 96{
 97	color: #F6855E;
 98	font-weight: bold;
 99}
100
101.button, input[type=submit]
102{
103	clear: both;
104	display: inline-block;
105	padding: 5px;
106	margin-top: 10px; 
107	border: 1px;
108	background: #5e5b54;
109	color: #fff;
110	font-weight: bold;
111}
112
113.button a
114{
115	color: #fff !important;
116}
117
118#footer
119{
120	clear: both;
121	padding: 10px;
122	text-align: right;
123	border-top: 1px dotted #8A8575;
124	border-bottom: 1px dotted #8A8575;
125	font-family: Constantia, Georgia, serif;
126}
127
128/******************** Top Navigation ************************/
129ul#navlist
130{
131	float: right;
132}
133
134ul#navlist li
135{
136	display: inline;
137}
138
139ul#navlist li a
140{
141	border-left: 1px dotted #8A8575;
142	padding: 10px;
143	margin-top: 10px;
144	color: #8A8575;
145	text-decoration: none;
146	float: left;
147}
148
149ul#navlist li:first-child a
150{
151	border: none;
152}
153
154ul#navlist li a:hover
155{
156	color: #F6855E;
157}
158
159/********************* End top navigation ***************************/
160
161p
162{
163	margin-bottom: 15px;
164	margin-top: 0px;
165}
166
167h2
168{
169	color: #5e5b54;
170}
171
172h2, h3
173{
174	margin-bottom: 10px;
175	font-size: 16px;
176	font-style: italic;
177	font-weight: bold;
178}
179
180h3
181{
182	color: #9B9993;
183}
184
185#header h1 a, h3 em
186{
187	color: #5E5B54;
188}
189
190a:link, a:visited
191{
192	color: #F6855E;
193	text-decoration: none;
194	font-weight: bold;
195}
196
197a:hover
198{
199	color: #333333;
200	text-decoration: none;
201	font-weight: bold;
202}
203
204a:active
205{
206	color: #006633;
207	text-decoration: none;
208	font-weight: bold;
209}
210
211/***************************** sidebar navigation ****************************/
212
213#categories
214{
215	font-family: Constantia, Georgia, serif;
216	list-style-type: none;
217	border-right: #5d5a53 1px dotted;
218	padding-right: 10px;
219	margin: 0 25px 0 0;
220	float: left;
221}
222
223#categories a:link, #categories a:visited
224{
225	color: #9B9993;
226	text-decoration: none;
227}
228
229#categories a:hover
230{
231	color: #F46739;
232}
233
234div#album-details p
235{
236	margin-bottom: 5px;
237	color: #5e5b54;
238	font-weight: bold;
239}
240
241p em
242{
243	color: #9b9993;
244}
245
246/* Form styles */
247legend
248{
249	padding: 10px;
250	font-weight: bold;
251}
252
253fieldset
254{
255	border: #9b9993 1px solid;
256	padding: 0 10px;
257	margin-bottom: 10px;
258	clear: left;
259}
260
261div.editor-field
262{
263	margin-bottom: 10px;
264}
265
266input[type=text], input[type=password], select
267{
268	border: 1px solid #8A8575;
269	width: 300px;
270}
271
272/* Styles for validation helpers */
273.field-validation-error {
274    color: #ff0000;
275}
276
277.field-validation-valid {
278    display: none;
279}
280
281.input-validation-error {
282    border: 1px solid #ff0000;
283    background-color: #ffeeee;
284}
285
286.validation-summary-errors {
287    font-weight: bold;
288    color: #ff0000;
289}
290
291.validation-summary-valid {
292    display: none;
293}
294
295/* Tables */
296table
297{
298	border: 1px solid #000;
299	border-collapse: collapse;
300	color: #666666;
301	min-width: 500px;
302	width: 100%;
303}
304
305tr
306{
307	border: 1px solid #000;
308	line-height: 25px;
309}
310
311th
312{
313	background-color: #9b9993;
314	color: #000;
315	font-size: 13px;
316	text-align: left;
317}
318
319th, td
320{
321	padding-left: 5px;
322}
323
324tr:hover
325{
326	background-color: #fff;
327}