Rev 15 | Show entire file | Regard whitespace | Details | Blame | Last modification | View Log | RSS feed
Rev 15 | Rev 31 | ||
---|---|---|---|
Line 29... | Line 29... | ||
29 | 29 | ||
30 | img {
|
30 | img {
|
31 | border:none; |
31 | border: none; |
32 | }
|
32 | }
|
33 | 33 | ||
34 | - | ||
35 | - | ||
36 | /*********************************************************************************
|
34 | /*********************************************************************************
|
37 | * Links
|
35 | * Links
|
38 | */
|
36 | */
|
39 | - | ||
40 | a, a:link, a:visited, a:active { |
37 | a,a:link,a:visited,a:active { |
41 | color: #AA0000; |
38 | color: #AA0000; |
42 | text-decoration: none; |
39 | text-decoration: none; |
43 | }
|
40 | }
|
44 | 41 | ||
Line 72... | Line 69... | ||
72 | 69 | ||
73 | a.button:hover { |
70 | a.button:hover { |
74 | background-color: #DDDDDD; |
71 | background-color: #DDDDDD; |
75 | }
|
72 | }
|
76 | 73 | ||
77 | - | ||
78 | /*********************************************************************************
|
74 | /*********************************************************************************
|
79 | * Table
|
75 | * Table
|
80 | */
|
76 | */
|
81 | - | ||
82 | table {
|
77 | table {
|
83 | margin: 5px 0 10px 0; |
78 | margin: 5px 0 10px 0; |
84 | padding: 0; |
79 | padding: 0; |
85 | }
|
80 | }
|
86 | 81 | ||
Line 123... | Line 118... | ||
123 | 118 | ||
124 | td.no_padding { |
119 | td.no_padding { |
125 | padding: 0; |
120 | padding: 0; |
126 | }
|
121 | }
|
127 | 122 | ||
128 | - | ||
129 | /*********************************************************************************
|
123 | /*********************************************************************************
|
130 | * Custom classes
|
124 | * Custom classes
|
131 | */
|
125 | */
|
132 | - | ||
133 | div#page-container { |
126 | div#page-container { |
134 | width: 100%; |
127 | width: 100%; |
135 | }
|
128 | }
|
136 | 129 | ||
137 | div#header { |
130 | div#header { |
Line 166... | Line 159... | ||
166 | }
|
159 | }
|
167 | 160 | ||
168 | /*********************************************************************************
|
161 | /*********************************************************************************
|
169 | * Login
|
162 | * Login
|
170 | */
|
163 | */
|
171 | - | ||
172 | div#login { |
164 | div#login { |
173 | background-color: #EBEBED; |
165 | background-color: #EBEBED; |
174 | width: 350px; |
166 | width: 350px; |
175 | padding: 10px; |
167 | padding: 10px; |
176 | margin: auto; |
168 | margin: auto; |
Line 186... | Line 178... | ||
186 | 178 | ||
187 | input.login { |
179 | input.login { |
188 | width: 200px; |
180 | width: 200px; |
189 | }
|
181 | }
|
190 | 182 | ||
191 | - | ||
192 | - | ||
193 | - | ||
194 | /*********************************************************************************
|
183 | /*********************************************************************************
|
195 | * Dialogs
|
184 | * Dialogs
|
196 | */
|
185 | */
|
197 | div.errormsg { /* Old version by Kevin */ |
186 | div.errormsg { /* Old version by Kevin */ |
198 | font-weight: bold; |
187 | font-weight: bold; |
Line 215... | Line 204... | ||
215 | color: #000000; |
204 | color: #000000; |
216 | position: absolute; |
205 | position: absolute; |
217 | left: 30%; |
206 | left: 30%; |
218 | top: 20px; |
207 | top: 20px; |
219 | text-align: left; |
208 | text-align: left; |
220 | - | ||
221 | padding: 10px 10px 10px 80px; |
209 | padding: 10px 10px 10px 80px; |
222 | margin: 20px auto auto auto; |
210 | margin: 20px auto auto auto; |
223 | - | ||
224 | width: 40%; |
211 | width: 40%; |
225 | background-color: #FFFFFF; |
212 | background-color: #FFFFFF; |
226 | - | ||
227 | z-index: 1000; |
213 | z-index: 1000; |
228 | }
|
214 | }
|
229 | 215 | ||
230 | #overlay { |
216 | #overlay { |
231 | position: absolute; |
217 | position: absolute; |
Line 233... | Line 219... | ||
233 | left: 0; |
219 | left: 0; |
234 | width: 100%; |
220 | width: 100%; |
235 | height: 100%; |
221 | height: 100%; |
236 | z-index: 500; |
222 | z-index: 500; |
237 | background-color: #EBEBED; |
223 | background-color: #EBEBED; |
238 | - | ||
239 | opacity: 0.7; /* for real browsers */ |
224 | opacity: 0.7; /* for real browsers */ |
240 | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* for IE 8 */ |
225 | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; |
- | 226 | /* for IE 8 */
|
|
241 | filter: alpha(opacity=70); /* for IE */ |
227 | filter: alpha(opacity = 70); /* for IE */ |
242 | }
|
228 | }
|
243 | 229 | ||
244 | - | ||
245 | /* Error dialog */
|
230 | /* Error dialog */
|
246 | .dialog_error { |
231 | .dialog_error { |
247 | background: #FFFFFF url(../../resources/images/dialog_error.png) no-repeat 10px 10px; |
232 | background: #FFFFFF url(../../resources/images/dialog_error.png) |
- | 233 | no-repeat 10px 10px; |
|
248 | }
|
234 | }
|
249 | 235 | ||
250 | /* Warning dialog */
|
236 | /* Warning dialog */
|
251 | .dialog_warning { |
237 | .dialog_warning { |
252 | background: #FFFFFF url(../../resources/images/dialog_warning.png) no-repeat 10px 10px; |
238 | background: #FFFFFF url(../../resources/images/dialog_warning.png) |
- | 239 | no-repeat 10px 10px; |
|
253 | }
|
240 | }
|
254 | 241 | ||
255 | /* Info dialog */
|
242 | /* Info dialog */
|
256 | .dialog_info { |
243 | .dialog_info { |
257 | background: #FFFFFF url(../../resources/images/dialog_info.png) no-repeat 10px 10px; |
244 | background: #FFFFFF url(../../resources/images/dialog_info.png) |
- | 245 | no-repeat 10px 10px; |
|
258 | }
|
246 | }
|
259 | 247 | ||
260 | /* Question dialog */
|
248 | /* Question dialog */
|
261 | .dialog_question { |
249 | .dialog_question { |
262 | background: #FFFFFF url(../../resources/images/dialog_question.png) no-repeat 10px 10px; |
250 | background: #FFFFFF url(../../resources/images/dialog_question.png) |
- | 251 | no-repeat 10px 10px; |
|
263 | }
|
252 | }
|
264 | 253 | ||
265 | /*Notification*/
|
254 | /*Notification*/
|
266 | .notificationIcon { |
255 | .notificationIcon { |
267 | float:right; |
256 | float: right; |
268 | }
|
257 | }
|
269 | 258 | ||
270 | - | ||
271 | /* Title of dialog box */
|
259 | /* Title of dialog box */
|
272 | #dialog_title { |
260 | #dialog_title { |
273 | float: left; |
261 | float: left; |
274 | width: 100%; |
262 | width: 100%; |
275 | margin: 0 0 10px 0; |
263 | margin: 0 0 10px 0; |
Line 295... | Line 283... | ||
295 | text-align: right; |
283 | text-align: right; |
296 | margin: 0; |
284 | margin: 0; |
297 | padding: 10px 0 0 0; |
285 | padding: 10px 0 0 0; |
298 | }
|
286 | }
|
299 | 287 | ||
300 | - | ||
301 | /*********************************************************************************
|
288 | /*********************************************************************************
|
302 | * Navigation on the left side
|
289 | * Navigation on the left side
|
303 | */
|
290 | */
|
304 | 291 | ||
305 | /* First level of navigation */
|
292 | /* First level of navigation */
|
Line 345... | Line 332... | ||
345 | #navigation a:hover { |
332 | #navigation a:hover { |
346 | text-decoration: none; |
333 | text-decoration: none; |
347 | color: #E30119; |
334 | color: #E30119; |
348 | }
|
335 | }
|
349 | 336 | ||
350 | - | ||
351 | /*********************************************************************************
|
337 | /*********************************************************************************
|
352 | * General page formatting
|
338 | * General page formatting
|
353 | */
|
339 | */
|
354 | - | ||
355 | p.main_hint { |
340 | p.main_hint { |
356 | font-weight: bold; |
341 | font-weight: bold; |
357 | }
|
342 | }
|
358 | 343 | ||
359 | p.sub_hint { |
344 | p.sub_hint { |
- | 345 | ||
360 | }
|
346 | }
|
361 | 347 | ||
362 | .hidden { |
348 | .hidden { |
363 | display: none; |
349 | display: none; |
364 | }
|
350 | }
|
365 | 351 | ||
366 | /*********************************************************************************
|
352 | /*********************************************************************************
|
367 | * Customer selection
|
353 | * Customer selection
|
368 | */
|
354 | */
|
369 | - | ||
370 | div.customer { |
355 | div.customer { |
371 | border-left: #EBEBED 5px solid; |
356 | border-left: #EBEBED 5px solid; |
372 | padding: 0 5px 0 5px; |
357 | padding: 0 5px 0 5px; |
373 | margin: 0 0 10px 0; |
358 | margin: 0 0 10px 0; |
374 | float: left; |
359 | float: left; |
Line 383... | Line 368... | ||
383 | }
|
368 | }
|
384 | 369 | ||
385 | /*********************************************************************************
|
370 | /*********************************************************************************
|
386 | * Form fields
|
371 | * Form fields
|
387 | */
|
372 | */
|
388 | - | ||
389 | .input_ro { /* read only input field */ |
373 | .input_ro { /* read only input field */ |
390 | border: 2px solid #EEEEEE; |
374 | border: 2px solid #EEEEEE; |
391 | background-color: #EEEEEE; |
375 | background-color: #EEEEEE; |
392 | }
|
376 | }
|
393 | 377 | ||
394 | .invalid { /* Fields containing invalid input */ |
378 | .invalid { /* Fields containing invalid input */ |
395 | border: 2px #FF0000 solid; |
379 | border: 2px #FF0000 solid; |
396 | background-color: #FFDDDD; |
380 | background-color: #FFDDDD; |
397 | }
|
381 | }
|
398 | 382 | ||
399 | - | ||
400 | /*********************************************************************************
|
383 | /*********************************************************************************
|
401 | * Shopping cart
|
384 | * Shopping cart
|
402 | */
|
385 | */
|
403 | - | ||
404 | table.shopping_cart { |
386 | table.shopping_cart { |
405 | border-collapse: collapse; |
387 | border-collapse: collapse; |
406 | border: 3px solid #EBEBED; |
388 | border: 3px solid #EBEBED; |
407 | }
|
389 | }
|
408 | 390 | ||
Line 413... | Line 395... | ||
413 | 395 | ||
414 | table.shopping_cart tr.additional_info td { |
396 | table.shopping_cart tr.additional_info td { |
415 | border-top: none; |
397 | border-top: none; |
416 | }
|
398 | }
|
417 | 399 | ||
418 | table.shopping_cart td.right, |
- | |
419 | table.shopping_cart th.right { |
400 | table.shopping_cart td.right,table.shopping_cart th.right { |
420 | padding-right: 20px; |
401 | padding-right: 20px; |
421 | }
|
402 | }
|
422 | 403 | ||
423 | table.shopping_cart th { |
404 | table.shopping_cart th { |
424 | padding: 3px 10px 3px 3px; |
405 | padding: 3px 10px 3px 3px; |
Line 428... | Line 409... | ||
428 | /* Buttons "Place order and Request offer" */
|
409 | /* Buttons "Place order and Request offer" */
|
429 | table.shopping_cart div.button { |
410 | table.shopping_cart div.button { |
430 | float: right; |
411 | float: right; |
431 | margin: 7px 0 0 10px; |
412 | margin: 7px 0 0 10px; |
432 | }
|
413 | }
|
- | 414 | ||
433 | table.shopping_cart form { |
415 | table.shopping_cart form { |
- | 416 | margin: 0; |
|
434 | margin: 0; padding: 0; /* Necessary for IE */ |
417 | padding: 0; /* Necessary for IE */ |
435 | }
|
418 | }
|
436 | 419 | ||
437 | /* No padding-right for buttons in shopping cart */
|
420 | /* No padding-right for buttons in shopping cart */
|
438 | table.shopping_cart th.buttons, th.buttons { |
421 | table.shopping_cart th.buttons,th.buttons { |
439 | text-align: right; |
422 | text-align: right; |
Line 483... | Line 466... | ||
483 | 466 | ||
484 | /* Arrow in empty shopping cart pointing to the entry form */
|
467 | /* Arrow in empty shopping cart pointing to the entry form */
|
485 | #arrow_left { |
468 | #arrow_left { |
486 | height: 38px; |
469 | height: 38px; |
487 | padding-left: 45px; |
470 | padding-left: 45px; |
488 | background: url('../../resources/images/double_left_arrow.png') no-repeat 3px 3px; |
471 | background: url('../../resources/images/double_left_arrow.png') |
- | 472 | no-repeat 3px 3px; |
|
489 | }
|
473 | }
|
490 | 474 | ||
491 | /* Difference to minimum order value */
|
475 | /* Difference to minimum order value */
|
492 | #order_diff th { |
476 | #order_diff th { |
493 | background-color: #FFCCCC; |
477 | background-color: #FFCCCC; |
494 | color: #E30119; |
478 | color: #E30119; |
495 | }
|
479 | }
|
496 | 480 | ||
497 | - | ||
498 | #shopping_cart_buttons { |
481 | #shopping_cart_buttons { |
499 | width: 100%; |
482 | width: 100%; |
500 | }
|
483 | }
|
501 | 484 | ||
502 | .float_left { |
485 | .float_left { |
Line 505... | Line 488... | ||
505 | 488 | ||
506 | .float_right { |
489 | .float_right { |
507 | float: right; |
490 | float: right; |
508 | }
|
491 | }
|
509 | 492 | ||
510 | - | ||
511 | /*********************************************************************************
|
493 | /*********************************************************************************
|
512 | * Filter
|
494 | * Filter
|
513 | */
|
495 | */
|
514 | - | ||
515 | #filter_list { |
496 | #filter_list { |
516 | display: inline-block; |
497 | display: inline-block; |
517 | float: none; |
498 | float: none; |
518 | }
|
499 | }
|
519 | 500 | ||
Line 533... | Line 514... | ||
533 | 514 | ||
534 | #event_type_block select { |
515 | #event_type_block select { |
535 | width: 150px; |
516 | width: 150px; |
536 | }
|
517 | }
|
537 | 518 | ||
538 | - | ||
539 | #user_id_block { |
519 | #user_id_block { |
540 | width: 200px; |
520 | width: 200px; |
541 | height: 80px; |
521 | height: 80px; |
542 | float: left; |
522 | float: left; |
543 | }
|
523 | }
|
Line 557... | Line 537... | ||
557 | 537 | ||
558 | #date_filter_block input { |
538 | #date_filter_block input { |
559 | padding-right: 5px; |
539 | padding-right: 5px; |
560 | }
|
540 | }
|
561 | 541 | ||
562 | - | ||
563 | #filter_spacer { |
542 | #filter_spacer { |
564 | width: 10px; |
543 | width: 10px; |
565 | height: 80px; |
544 | height: 80px; |
566 | }
|
545 | }
|
567 | 546 | ||
Line 603... | Line 582... | ||
603 | }
|
582 | }
|
604 | 583 | ||
605 | .pager span { |
584 | .pager span { |
606 | padding: 5px; |
585 | padding: 5px; |
607 | }
|
586 | }
|
608 | - |