Go to most recent revision | Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 15 | moos | 1 | @charset "utf-8"; |
| 2 | |||
| 3 | body, td { |
||
| 4 | font-family:Arial, Helvetica, sans-serif; |
||
| 5 | font-size:12px; |
||
| 6 | text-align:left; |
||
| 7 | } |
||
| 8 | |||
| 9 | body { |
||
| 10 | margin: 0; |
||
| 11 | padding: 12px; |
||
| 12 | } |
||
| 13 | |||
| 14 | h1 { |
||
| 15 | font-size: 21px; |
||
| 16 | margin-top: 0; |
||
| 17 | padding: 0; |
||
| 18 | } |
||
| 19 | |||
| 20 | h2 { |
||
| 21 | font-size: 14px; |
||
| 22 | margin-top: 20px; |
||
| 23 | margin-bottom: 10px; |
||
| 24 | } |
||
| 25 | |||
| 26 | h3 { |
||
| 27 | font-size:13px; |
||
| 28 | } |
||
| 29 | |||
| 30 | img { |
||
| 31 | border:none; |
||
| 32 | } |
||
| 33 | |||
| 34 | |||
| 35 | |||
| 36 | /********************************************************************************* |
||
| 37 | * Links |
||
| 38 | */ |
||
| 39 | |||
| 40 | a, a:link, a:visited, a:active { |
||
| 41 | color: #AA0000; |
||
| 42 | text-decoration: none; |
||
| 43 | } |
||
| 44 | |||
| 45 | a:hover { |
||
| 46 | color: #E30119; |
||
| 47 | text-decoration: underline; |
||
| 48 | } |
||
| 49 | |||
| 50 | a.button { |
||
| 51 | display: block; |
||
| 52 | font-weight: bold; |
||
| 53 | padding-top: 4px; |
||
| 54 | padding-left: 6px; |
||
| 55 | padding-bottom: 4px; |
||
| 56 | padding-right: 6px; |
||
| 57 | border-top: 1px solid #BBBBBB; |
||
| 58 | border-left: 1px solid #BBBBBB; |
||
| 59 | border-bottom: 1px solid #555555; |
||
| 60 | border-right: 1px solid #555555; |
||
| 61 | background-color: #CCCCCC; |
||
| 62 | text-decoration: none; |
||
| 63 | } |
||
| 64 | |||
| 65 | a.button:active { |
||
| 66 | text-decoration: none; |
||
| 67 | } |
||
| 68 | |||
| 69 | a.button:visited { |
||
| 70 | text-decoration: none; |
||
| 71 | } |
||
| 72 | |||
| 73 | a.button:hover { |
||
| 74 | background-color: #DDDDDD; |
||
| 75 | } |
||
| 76 | |||
| 77 | |||
| 78 | /********************************************************************************* |
||
| 79 | * Table |
||
| 80 | */ |
||
| 81 | |||
| 82 | table { |
||
| 83 | margin: 5px 0 10px 0; |
||
| 84 | padding: 0; |
||
| 85 | } |
||
| 86 | |||
| 87 | table.no_margin { |
||
| 88 | margin: 0; |
||
| 89 | } |
||
| 90 | |||
| 91 | td, th { |
||
| 92 | text-align: left; |
||
| 93 | vertical-align: top; |
||
| 94 | margin: 0; |
||
| 95 | padding: 0 10px 0 0; |
||
| 96 | } |
||
| 97 | |||
| 98 | /* style for listing tables */ |
||
| 99 | table.list { |
||
| 100 | border-collapse: collapse; |
||
| 101 | } |
||
| 102 | |||
| 103 | table.list td, table.list th { |
||
| 104 | margin: 0; |
||
| 105 | padding: 3px 30px 3px 1px; |
||
| 106 | border-bottom: 1px solid #EBEBED; |
||
| 107 | } |
||
| 108 | |||
| 109 | /* style for form tables */ |
||
| 110 | table.form { |
||
| 111 | border-collapse: collapse; |
||
| 112 | } |
||
| 113 | |||
| 114 | table.form td, table.form th { |
||
| 115 | margin: 0; |
||
| 116 | padding: 0 20px 6px 0; |
||
| 117 | } |
||
| 118 | |||
| 119 | /* Header table */ |
||
| 120 | table.header { |
||
| 121 | margin: 0; |
||
| 122 | } |
||
| 123 | |||
| 124 | td.no_padding { |
||
| 125 | padding: 0; |
||
| 126 | } |
||
| 127 | |||
| 128 | |||
| 129 | /********************************************************************************* |
||
| 130 | * Custom classes |
||
| 131 | */ |
||
| 132 | |||
| 133 | div#page-container { |
||
| 134 | width: 100%; |
||
| 135 | } |
||
| 136 | |||
| 137 | div#header { |
||
| 138 | width: 100%; |
||
| 139 | padding: 0 0 15px 0; |
||
| 140 | border-bottom: #EBEBED 10px solid; |
||
| 141 | } |
||
| 142 | |||
| 143 | div#navbar { |
||
| 144 | float: left; |
||
| 145 | width: 200px; |
||
| 146 | padding: 15px 20px 0 0; |
||
| 147 | position:absolute; |
||
| 148 | } |
||
| 149 | |||
| 150 | div#content { |
||
| 151 | padding: 15px 0 10px 230px; |
||
| 152 | |||
| 153 | /* |
||
| 154 | border-color:#F00; |
||
| 155 | border-style:solid; |
||
| 156 | border-width:thick; |
||
| 157 | */ |
||
| 158 | } |
||
| 159 | |||
| 160 | .right { |
||
| 161 | text-align: right; |
||
| 162 | } |
||
| 163 | |||
| 164 | span.normal { |
||
| 165 | font-weight: normal; |
||
| 166 | } |
||
| 167 | |||
| 168 | /********************************************************************************* |
||
| 169 | * Login |
||
| 170 | */ |
||
| 171 | |||
| 172 | div#login { |
||
| 173 | background-color: #EBEBED; |
||
| 174 | width: 350px; |
||
| 175 | padding: 10px; |
||
| 176 | margin: auto; |
||
| 177 | margin-top: 50px; |
||
| 178 | text-align: center; |
||
| 179 | } |
||
| 180 | |||
| 181 | p.login_failed { |
||
| 182 | color: #DD0000; |
||
| 183 | font-weight: bold; |
||
| 184 | background-color: #FFFFFF; |
||
| 185 | } |
||
| 186 | |||
| 187 | input.login { |
||
| 188 | width: 200px; |
||
| 189 | } |
||
| 190 | |||
| 191 | |||
| 192 | |||
| 193 | |||
| 194 | /********************************************************************************* |
||
| 195 | * Dialogs |
||
| 196 | */ |
||
| 197 | div.errormsg { /* Old version by Kevin */ |
||
| 198 | font-weight: bold; |
||
| 199 | border: 2px solid black; |
||
| 200 | color: #DD0000; |
||
| 201 | position: fixed; |
||
| 202 | left:10px; |
||
| 203 | top: 10px; |
||
| 204 | padding-top: 20px; |
||
| 205 | padding-bottom: 20px; |
||
| 206 | margin-left:40%; |
||
| 207 | text-align: center; |
||
| 208 | font-size: 16px; |
||
| 209 | width: 20%; |
||
| 210 | } |
||
| 211 | |||
| 212 | #dialog { |
||
| 213 | font-weight: bold; |
||
| 214 | border: 5px solid #888888; |
||
| 215 | color: #000000; |
||
| 216 | position: absolute; |
||
| 217 | left: 30%; |
||
| 218 | top: 20px; |
||
| 219 | text-align: left; |
||
| 220 | |||
| 221 | padding: 10px 10px 10px 80px; |
||
| 222 | margin: 20px auto auto auto; |
||
| 223 | |||
| 224 | width: 40%; |
||
| 225 | background-color: #FFFFFF; |
||
| 226 | |||
| 227 | z-index: 1000; |
||
| 228 | } |
||
| 229 | |||
| 230 | #overlay { |
||
| 231 | position: absolute; |
||
| 232 | top: 0; |
||
| 233 | left: 0; |
||
| 234 | width: 100%; |
||
| 235 | height: 100%; |
||
| 236 | z-index: 500; |
||
| 237 | background-color: #EBEBED; |
||
| 238 | |||
| 239 | opacity: 0.7; /* for real browsers */ |
||
| 240 | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* for IE 8 */ |
||
| 241 | filter: alpha(opacity=70); /* for IE */ |
||
| 242 | } |
||
| 243 | |||
| 244 | |||
| 245 | /* Error dialog */ |
||
| 246 | .dialog_error { |
||
| 247 | background: #FFFFFF url(../../resources/images/dialog_error.png) no-repeat 10px 10px; |
||
| 248 | } |
||
| 249 | |||
| 250 | /* Warning dialog */ |
||
| 251 | .dialog_warning { |
||
| 252 | background: #FFFFFF url(../../resources/images/dialog_warning.png) no-repeat 10px 10px; |
||
| 253 | } |
||
| 254 | |||
| 255 | /* Info dialog */ |
||
| 256 | .dialog_info { |
||
| 257 | background: #FFFFFF url(../../resources/images/dialog_info.png) no-repeat 10px 10px; |
||
| 258 | } |
||
| 259 | |||
| 260 | /* Question dialog */ |
||
| 261 | .dialog_question { |
||
| 262 | background: #FFFFFF url(../../resources/images/dialog_question.png) no-repeat 10px 10px; |
||
| 263 | } |
||
| 264 | |||
| 265 | /*Notification*/ |
||
| 266 | .notificationIcon { |
||
| 267 | float:right; |
||
| 268 | } |
||
| 269 | |||
| 270 | |||
| 271 | /* Title of dialog box */ |
||
| 272 | #dialog_title { |
||
| 273 | float: left; |
||
| 274 | width: 100%; |
||
| 275 | margin: 0 0 10px 0; |
||
| 276 | padding: 0; |
||
| 277 | font-size: 14px; |
||
| 278 | font-weight: bold; |
||
| 279 | } |
||
| 280 | |||
| 281 | /* Text of dialog box */ |
||
| 282 | #dialog_text { |
||
| 283 | float: left; |
||
| 284 | width: 100%; |
||
| 285 | margin: 0 0 10px 0; |
||
| 286 | padding: 0; |
||
| 287 | font-size: 14px; |
||
| 288 | font-weight: normal; |
||
| 289 | } |
||
| 290 | |||
| 291 | /* Buttons in dialog box */ |
||
| 292 | #dialog_buttons { |
||
| 293 | width: 100%; |
||
| 294 | float: left; |
||
| 295 | text-align: right; |
||
| 296 | margin: 0; |
||
| 297 | padding: 10px 0 0 0; |
||
| 298 | } |
||
| 299 | |||
| 300 | |||
| 301 | /********************************************************************************* |
||
| 302 | * Navigation on the left side |
||
| 303 | */ |
||
| 304 | |||
| 305 | /* First level of navigation */ |
||
| 306 | #navigation ul { |
||
| 307 | list-style-type: none; |
||
| 308 | list-style-image: none; |
||
| 309 | margin: 0; |
||
| 310 | padding: 0; |
||
| 311 | } |
||
| 312 | |||
| 313 | #navigation ul li { |
||
| 314 | border-bottom: #EBEBED 7px solid; |
||
| 315 | margin: 0; |
||
| 316 | padding: 5px 0 5px 1px; |
||
| 317 | font-weight: bold; |
||
| 318 | font-size: 13px; |
||
| 319 | } |
||
| 320 | |||
| 321 | /* Second level of navigation */ |
||
| 322 | #navigation ul li ul { |
||
| 323 | padding: 3px 0 0 0; |
||
| 324 | } |
||
| 325 | |||
| 326 | #navigation ul li ul li { |
||
| 327 | border-bottom: none; |
||
| 328 | margin: 0; |
||
| 329 | padding: 3px 0 3px 7px; |
||
| 330 | font-weight: normal; |
||
| 331 | font-size: 12px; |
||
| 332 | } |
||
| 333 | |||
| 334 | /* Links in navigation area */ |
||
| 335 | #navigation a { |
||
| 336 | text-decoration: none; |
||
| 337 | color: #333333; |
||
| 338 | } |
||
| 339 | |||
| 340 | #navigation a:active { |
||
| 341 | text-decoration: none; |
||
| 342 | color: #E30119; |
||
| 343 | } |
||
| 344 | |||
| 345 | #navigation a:hover { |
||
| 346 | text-decoration: none; |
||
| 347 | color: #E30119; |
||
| 348 | } |
||
| 349 | |||
| 350 | |||
| 351 | /********************************************************************************* |
||
| 352 | * General page formatting |
||
| 353 | */ |
||
| 354 | |||
| 355 | p.main_hint { |
||
| 356 | font-weight: bold; |
||
| 357 | } |
||
| 358 | |||
| 359 | p.sub_hint { |
||
| 360 | } |
||
| 361 | |||
| 362 | .hidden { |
||
| 363 | display: none; |
||
| 364 | } |
||
| 365 | |||
| 366 | /********************************************************************************* |
||
| 367 | * Customer selection |
||
| 368 | */ |
||
| 369 | |||
| 370 | div.customer { |
||
| 371 | border-left: #EBEBED 5px solid; |
||
| 372 | padding: 0 5px 0 5px; |
||
| 373 | margin: 0 0 10px 0; |
||
| 374 | float: left; |
||
| 375 | width: 300px; |
||
| 376 | } |
||
| 377 | |||
| 378 | /********************************************************************************* |
||
| 379 | * Change Request |
||
| 380 | */ |
||
| 381 | table.change_request { |
||
| 382 | margin-left: -10px; |
||
| 383 | } |
||
| 384 | |||
| 385 | /********************************************************************************* |
||
| 386 | * Form fields |
||
| 387 | */ |
||
| 388 | |||
| 389 | .input_ro { /* read only input field */ |
||
| 390 | border: 2px solid #EEEEEE; |
||
| 391 | background-color: #EEEEEE; |
||
| 392 | } |
||
| 393 | |||
| 394 | .invalid { /* Fields containing invalid input */ |
||
| 395 | border: 2px #FF0000 solid; |
||
| 396 | background-color: #FFDDDD; |
||
| 397 | } |
||
| 398 | |||
| 399 | |||
| 400 | /********************************************************************************* |
||
| 401 | * Shopping cart |
||
| 402 | */ |
||
| 403 | |||
| 404 | table.shopping_cart { |
||
| 405 | border-collapse: collapse; |
||
| 406 | border: 3px solid #EBEBED; |
||
| 407 | } |
||
| 408 | |||
| 409 | table.shopping_cart td { |
||
| 410 | padding: 3px 10px 3px 3px; |
||
| 411 | border-top: 1px solid #EBEBED; |
||
| 412 | } |
||
| 413 | |||
| 414 | table.shopping_cart tr.additional_info td { |
||
| 415 | border-top: none; |
||
| 416 | } |
||
| 417 | |||
| 418 | table.shopping_cart td.right, |
||
| 419 | table.shopping_cart th.right { |
||
| 420 | padding-right: 20px; |
||
| 421 | } |
||
| 422 | |||
| 423 | table.shopping_cart th { |
||
| 424 | padding: 3px 10px 3px 3px; |
||
| 425 | background-color: #EBEBED; |
||
| 426 | } |
||
| 427 | |||
| 428 | /* Buttons "Place order and Request offer" */ |
||
| 429 | table.shopping_cart div.button { |
||
| 430 | float: right; |
||
| 431 | margin: 7px 0 0 10px; |
||
| 432 | } |
||
| 433 | table.shopping_cart form { |
||
| 434 | margin: 0; padding: 0; /* Necessary for IE */ |
||
| 435 | } |
||
| 436 | |||
| 437 | /* No padding-right for buttons in shopping cart */ |
||
| 438 | table.shopping_cart th.buttons, th.buttons { |
||
| 439 | text-align: right; |
||
| 440 | padding-right: 0px; |
||
| 441 | } |
||
| 442 | |||
| 443 | /* Icon for opening additional info */ |
||
| 444 | img.additional_info_icon { |
||
| 445 | width: 16px; |
||
| 446 | height: 16px; |
||
| 447 | padding: 0; |
||
| 448 | margin: 0 0 0 4px; |
||
| 449 | cursor: pointer; |
||
| 450 | vertical-align:text-top; |
||
| 451 | } |
||
| 452 | |||
| 453 | /* Title "Important information" */ |
||
| 454 | .additional_info_title { |
||
| 455 | font-weight: bold; |
||
| 456 | } |
||
| 457 | |||
| 458 | /* Cells containing the additional info or the title of the info */ |
||
| 459 | td.additional_info { |
||
| 460 | padding: 3px; |
||
| 461 | background-color: #FFFF99; |
||
| 462 | } |
||
| 463 | |||
| 464 | /* Actual text of additional info has to be a monospace font */ |
||
| 465 | .additional_info_text { |
||
| 466 | font-family: "Courier New", Courier, monospace; |
||
| 467 | padding: 5px 0 0 0; |
||
| 468 | font-weight: bold; |
||
| 469 | } |
||
| 470 | |||
| 471 | /* Additional info, if a sparepart is not available (replacement part page) */ |
||
| 472 | .additional_info_replacement { |
||
| 473 | padding: 3px; |
||
| 474 | background-color: #FFFF99; |
||
| 475 | font-family: "Courier New", Courier, monospace; |
||
| 476 | font-weight: bold; |
||
| 477 | } |
||
| 478 | |||
| 479 | /* deleted parts */ |
||
| 480 | .part_deleted { |
||
| 481 | background-color: #FFBBBB; |
||
| 482 | } |
||
| 483 | |||
| 484 | /* Arrow in empty shopping cart pointing to the entry form */ |
||
| 485 | #arrow_left { |
||
| 486 | height: 38px; |
||
| 487 | padding-left: 45px; |
||
| 488 | background: url('../../resources/images/double_left_arrow.png') no-repeat 3px 3px; |
||
| 489 | } |
||
| 490 | |||
| 491 | /* Difference to minimum order value */ |
||
| 492 | #order_diff th { |
||
| 493 | background-color: #FFCCCC; |
||
| 494 | color: #E30119; |
||
| 495 | } |
||
| 496 | |||
| 497 | |||
| 498 | #shopping_cart_buttons { |
||
| 499 | width: 100%; |
||
| 500 | } |
||
| 501 | |||
| 502 | .float_left { |
||
| 503 | float: left; |
||
| 504 | } |
||
| 505 | |||
| 506 | .float_right { |
||
| 507 | float: right; |
||
| 508 | } |
||
| 509 | |||
| 510 | |||
| 511 | /********************************************************************************* |
||
| 512 | * Filter |
||
| 513 | */ |
||
| 514 | |||
| 515 | #filter_list { |
||
| 516 | display: inline-block; |
||
| 517 | float: none; |
||
| 518 | } |
||
| 519 | |||
| 520 | #filter_show label { |
||
| 521 | vertical-align: middle; |
||
| 522 | } |
||
| 523 | |||
| 524 | #filter_show fieldset { |
||
| 525 | padding: 5px; |
||
| 526 | } |
||
| 527 | |||
| 528 | #event_type_block { |
||
| 529 | width: 200px; |
||
| 530 | height: 80px; |
||
| 531 | float: left; |
||
| 532 | } |
||
| 533 | |||
| 534 | #event_type_block select { |
||
| 535 | width: 150px; |
||
| 536 | } |
||
| 537 | |||
| 538 | |||
| 539 | #user_id_block { |
||
| 540 | width: 200px; |
||
| 541 | height: 80px; |
||
| 542 | float: left; |
||
| 543 | } |
||
| 544 | |||
| 545 | #selected_customer_block { |
||
| 546 | width: 200px; |
||
| 547 | height: 80px; |
||
| 548 | float: left; |
||
| 549 | } |
||
| 550 | |||
| 551 | #date_filter_block { |
||
| 552 | width: 220px; |
||
| 553 | height: 80px; |
||
| 554 | float: left; |
||
| 555 | text-align: right; |
||
| 556 | } |
||
| 557 | |||
| 558 | #date_filter_block input { |
||
| 559 | padding-right: 5px; |
||
| 560 | } |
||
| 561 | |||
| 562 | |||
| 563 | #filter_spacer { |
||
| 564 | width: 10px; |
||
| 565 | height: 80px; |
||
| 566 | } |
||
| 567 | |||
| 568 | #filter_submit { |
||
| 569 | padding-top: 10px; |
||
| 570 | text-align: right; |
||
| 571 | } |
||
| 572 | |||
| 573 | .event_list th { |
||
| 574 | text-align: left; |
||
| 575 | } |
||
| 576 | |||
| 577 | .event_list td { |
||
| 578 | padding-right: 20px; |
||
| 579 | } |
||
| 580 | |||
| 581 | .event_selection_list{ |
||
| 582 | width: 350px; |
||
| 583 | border: 1px solid black; |
||
| 584 | background-color: #EEEEEE; |
||
| 585 | position:absolute; |
||
| 586 | } |
||
| 587 | |||
| 588 | .event_selection_list_item { |
||
| 589 | padding: 2px; |
||
| 590 | cursor: pointer; |
||
| 591 | } |
||
| 592 | |||
| 593 | .event_selection_list_item:hover , .event_selection_list_item_hover{ |
||
| 594 | background-color: black; |
||
| 595 | color: white; |
||
| 596 | padding: 2px; |
||
| 597 | cursor: pointer; |
||
| 598 | } |
||
| 599 | |||
| 600 | .pager { |
||
| 601 | padding-top: 20px; |
||
| 602 | text-align: center; |
||
| 603 | } |
||
| 604 | |||
| 605 | .pager span { |
||
| 606 | padding: 5px; |
||
| 607 | } |
||
| 608 |