1,156 → 1,149 |
@charset "utf-8"; |
|
body, td { |
font-family:Arial, Helvetica, sans-serif; |
font-size:12px; |
text-align:left; |
body,td { |
font-family: Arial, Helvetica, sans-serif; |
font-size: 12px; |
text-align: left; |
} |
|
body { |
margin: 0; |
padding: 12px; |
margin: 0; |
padding: 12px; |
} |
|
h1 { |
font-size: 21px; |
margin-top: 0; |
padding: 0; |
font-size: 21px; |
margin-top: 0; |
padding: 0; |
} |
|
h2 { |
font-size: 14px; |
margin-top: 20px; |
margin-bottom: 10px; |
font-size: 14px; |
margin-top: 20px; |
margin-bottom: 10px; |
} |
|
h3 { |
font-size:13px; |
font-size: 13px; |
} |
|
img { |
border:none; |
border: none; |
} |
|
|
|
/********************************************************************************* |
* Links |
*/ |
|
a, a:link, a:visited, a:active { |
color: #AA0000; |
text-decoration: none; |
a,a:link,a:visited,a:active { |
color: #AA0000; |
text-decoration: none; |
} |
|
a:hover { |
color: #E30119; |
text-decoration: underline; |
color: #E30119; |
text-decoration: underline; |
} |
|
a.button { |
display: block; |
font-weight: bold; |
padding-top: 4px; |
padding-left: 6px; |
padding-bottom: 4px; |
padding-right: 6px; |
border-top: 1px solid #BBBBBB; |
border-left: 1px solid #BBBBBB; |
border-bottom: 1px solid #555555; |
border-right: 1px solid #555555; |
background-color: #CCCCCC; |
text-decoration: none; |
display: block; |
font-weight: bold; |
padding-top: 4px; |
padding-left: 6px; |
padding-bottom: 4px; |
padding-right: 6px; |
border-top: 1px solid #BBBBBB; |
border-left: 1px solid #BBBBBB; |
border-bottom: 1px solid #555555; |
border-right: 1px solid #555555; |
background-color: #CCCCCC; |
text-decoration: none; |
} |
|
a.button:active { |
text-decoration: none; |
text-decoration: none; |
} |
|
a.button:visited { |
text-decoration: none; |
text-decoration: none; |
} |
|
a.button:hover { |
background-color: #DDDDDD; |
background-color: #DDDDDD; |
} |
|
|
/********************************************************************************* |
* Table |
*/ |
|
table { |
margin: 5px 0 10px 0; |
padding: 0; |
margin: 5px 0 10px 0; |
padding: 0; |
} |
|
table.no_margin { |
margin: 0; |
margin: 0; |
} |
|
td, th { |
text-align: left; |
vertical-align: top; |
margin: 0; |
padding: 0 10px 0 0; |
td,th { |
text-align: left; |
vertical-align: top; |
margin: 0; |
padding: 0 10px 0 0; |
} |
|
/* style for listing tables */ |
table.list { |
border-collapse: collapse; |
border-collapse: collapse; |
} |
|
table.list td, table.list th { |
margin: 0; |
padding: 3px 30px 3px 1px; |
border-bottom: 1px solid #EBEBED; |
table.list td,table.list th { |
margin: 0; |
padding: 3px 30px 3px 1px; |
border-bottom: 1px solid #EBEBED; |
} |
|
/* style for form tables */ |
table.form { |
border-collapse: collapse; |
border-collapse: collapse; |
} |
|
table.form td, table.form th { |
margin: 0; |
padding: 0 20px 6px 0; |
table.form td,table.form th { |
margin: 0; |
padding: 0 20px 6px 0; |
} |
|
/* Header table */ |
table.header { |
margin: 0; |
margin: 0; |
} |
|
td.no_padding { |
padding: 0; |
padding: 0; |
} |
|
|
/********************************************************************************* |
* Custom classes |
*/ |
|
div#page-container { |
width: 100%; |
width: 100%; |
} |
|
div#header { |
width: 100%; |
padding: 0 0 15px 0; |
border-bottom: #EBEBED 10px solid; |
width: 100%; |
padding: 0 0 15px 0; |
border-bottom: #EBEBED 10px solid; |
} |
|
div#navbar { |
float: left; |
width: 200px; |
padding: 15px 20px 0 0; |
position:absolute; |
float: left; |
width: 200px; |
padding: 15px 20px 0 0; |
position: absolute; |
} |
|
div#content { |
padding: 15px 0 10px 230px; |
padding: 15px 0 10px 230px; |
|
/* |
/* |
border-color:#F00; |
border-style:solid; |
border-width:thick; |
158,146 → 151,140 |
} |
|
.right { |
text-align: right; |
text-align: right; |
} |
|
span.normal { |
font-weight: normal; |
font-weight: normal; |
} |
|
/********************************************************************************* |
* Login |
*/ |
|
div#login { |
background-color: #EBEBED; |
width: 350px; |
padding: 10px; |
margin: auto; |
margin-top: 50px; |
text-align: center; |
background-color: #EBEBED; |
width: 350px; |
padding: 10px; |
margin: auto; |
margin-top: 50px; |
text-align: center; |
} |
|
p.login_failed { |
color: #DD0000; |
font-weight: bold; |
background-color: #FFFFFF; |
color: #DD0000; |
font-weight: bold; |
background-color: #FFFFFF; |
} |
|
input.login { |
width: 200px; |
width: 200px; |
} |
|
|
|
|
/********************************************************************************* |
* Dialogs |
*/ |
div.errormsg { /* Old version by Kevin */ |
font-weight: bold; |
border: 2px solid black; |
color: #DD0000; |
position: fixed; |
left:10px; |
top: 10px; |
padding-top: 20px; |
padding-bottom: 20px; |
margin-left:40%; |
text-align: center; |
font-size: 16px; |
width: 20%; |
font-weight: bold; |
border: 2px solid black; |
color: #DD0000; |
position: fixed; |
left: 10px; |
top: 10px; |
padding-top: 20px; |
padding-bottom: 20px; |
margin-left: 40%; |
text-align: center; |
font-size: 16px; |
width: 20%; |
} |
|
#dialog { |
font-weight: bold; |
border: 5px solid #888888; |
color: #000000; |
position: absolute; |
left: 30%; |
top: 20px; |
text-align: left; |
|
padding: 10px 10px 10px 80px; |
margin: 20px auto auto auto; |
|
width: 40%; |
background-color: #FFFFFF; |
|
z-index: 1000; |
font-weight: bold; |
border: 5px solid #888888; |
color: #000000; |
position: absolute; |
left: 30%; |
top: 20px; |
text-align: left; |
padding: 10px 10px 10px 80px; |
margin: 20px auto auto auto; |
width: 40%; |
background-color: #FFFFFF; |
z-index: 1000; |
} |
|
#overlay { |
position: absolute; |
top: 0; |
left: 0; |
width: 100%; |
height: 100%; |
z-index: 500; |
background-color: #EBEBED; |
|
opacity: 0.7; /* for real browsers */ |
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* for IE 8 */ |
filter: alpha(opacity=70); /* for IE */ |
position: absolute; |
top: 0; |
left: 0; |
width: 100%; |
height: 100%; |
z-index: 500; |
background-color: #EBEBED; |
opacity: 0.7; /* for real browsers */ |
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; |
/* for IE 8 */ |
filter: alpha(opacity = 70); /* for IE */ |
} |
|
|
/* Error dialog */ |
.dialog_error { |
background: #FFFFFF url(../../resources/images/dialog_error.png) no-repeat 10px 10px; |
background: #FFFFFF url(../../resources/images/dialog_error.png) |
no-repeat 10px 10px; |
} |
|
/* Warning dialog */ |
.dialog_warning { |
background: #FFFFFF url(../../resources/images/dialog_warning.png) no-repeat 10px 10px; |
background: #FFFFFF url(../../resources/images/dialog_warning.png) |
no-repeat 10px 10px; |
} |
|
/* Info dialog */ |
.dialog_info { |
background: #FFFFFF url(../../resources/images/dialog_info.png) no-repeat 10px 10px; |
background: #FFFFFF url(../../resources/images/dialog_info.png) |
no-repeat 10px 10px; |
} |
|
/* Question dialog */ |
.dialog_question { |
background: #FFFFFF url(../../resources/images/dialog_question.png) no-repeat 10px 10px; |
background: #FFFFFF url(../../resources/images/dialog_question.png) |
no-repeat 10px 10px; |
} |
|
/*Notification*/ |
.notificationIcon { |
float:right; |
float: right; |
} |
|
|
/* Title of dialog box */ |
#dialog_title { |
float: left; |
width: 100%; |
margin: 0 0 10px 0; |
padding: 0; |
font-size: 14px; |
font-weight: bold; |
float: left; |
width: 100%; |
margin: 0 0 10px 0; |
padding: 0; |
font-size: 14px; |
font-weight: bold; |
} |
|
/* Text of dialog box */ |
#dialog_text { |
float: left; |
width: 100%; |
margin: 0 0 10px 0; |
padding: 0; |
font-size: 14px; |
font-weight: normal; |
float: left; |
width: 100%; |
margin: 0 0 10px 0; |
padding: 0; |
font-size: 14px; |
font-weight: normal; |
} |
|
/* Buttons in dialog box */ |
#dialog_buttons { |
width: 100%; |
float: left; |
text-align: right; |
margin: 0; |
padding: 10px 0 0 0; |
width: 100%; |
float: left; |
text-align: right; |
margin: 0; |
padding: 10px 0 0 0; |
} |
|
|
/********************************************************************************* |
* Navigation on the left side |
*/ |
304,75 → 291,73 |
|
/* First level of navigation */ |
#navigation ul { |
list-style-type: none; |
list-style-image: none; |
margin: 0; |
padding: 0; |
list-style-type: none; |
list-style-image: none; |
margin: 0; |
padding: 0; |
} |
|
#navigation ul li { |
border-bottom: #EBEBED 7px solid; |
margin: 0; |
padding: 5px 0 5px 1px; |
font-weight: bold; |
font-size: 13px; |
border-bottom: #EBEBED 7px solid; |
margin: 0; |
padding: 5px 0 5px 1px; |
font-weight: bold; |
font-size: 13px; |
} |
|
/* Second level of navigation */ |
#navigation ul li ul { |
padding: 3px 0 0 0; |
padding: 3px 0 0 0; |
} |
|
#navigation ul li ul li { |
border-bottom: none; |
margin: 0; |
padding: 3px 0 3px 7px; |
font-weight: normal; |
font-size: 12px; |
border-bottom: none; |
margin: 0; |
padding: 3px 0 3px 7px; |
font-weight: normal; |
font-size: 12px; |
} |
|
/* Links in navigation area */ |
#navigation a { |
text-decoration: none; |
color: #333333; |
text-decoration: none; |
color: #333333; |
} |
|
#navigation a:active { |
text-decoration: none; |
color: #E30119; |
text-decoration: none; |
color: #E30119; |
} |
|
#navigation a:hover { |
text-decoration: none; |
color: #E30119; |
text-decoration: none; |
color: #E30119; |
} |
|
|
/********************************************************************************* |
* General page formatting |
*/ |
|
*/ |
p.main_hint { |
font-weight: bold; |
font-weight: bold; |
} |
|
p.sub_hint { |
|
} |
|
.hidden { |
display: none; |
display: none; |
} |
|
|
/********************************************************************************* |
* Customer selection |
*/ |
|
div.customer { |
border-left: #EBEBED 5px solid; |
padding: 0 5px 0 5px; |
margin: 0 0 10px 0; |
float: left; |
width: 300px; |
border-left: #EBEBED 5px solid; |
padding: 0 5px 0 5px; |
margin: 0 0 10px 0; |
float: left; |
width: 300px; |
} |
|
/********************************************************************************* |
379,230 → 364,223 |
* Change Request |
*/ |
table.change_request { |
margin-left: -10px; |
margin-left: -10px; |
} |
|
/********************************************************************************* |
* Form fields |
*/ |
|
.input_ro { /* read only input field */ |
border: 2px solid #EEEEEE; |
background-color: #EEEEEE; |
border: 2px solid #EEEEEE; |
background-color: #EEEEEE; |
} |
|
.invalid { /* Fields containing invalid input */ |
border: 2px #FF0000 solid; |
background-color: #FFDDDD; |
border: 2px #FF0000 solid; |
background-color: #FFDDDD; |
} |
|
|
/********************************************************************************* |
* Shopping cart |
*/ |
|
table.shopping_cart { |
border-collapse: collapse; |
border: 3px solid #EBEBED; |
border-collapse: collapse; |
border: 3px solid #EBEBED; |
} |
|
table.shopping_cart td { |
padding: 3px 10px 3px 3px; |
border-top: 1px solid #EBEBED; |
padding: 3px 10px 3px 3px; |
border-top: 1px solid #EBEBED; |
} |
|
table.shopping_cart tr.additional_info td { |
border-top: none; |
border-top: none; |
} |
|
table.shopping_cart td.right, |
table.shopping_cart th.right { |
padding-right: 20px; |
table.shopping_cart td.right,table.shopping_cart th.right { |
padding-right: 20px; |
} |
|
table.shopping_cart th { |
padding: 3px 10px 3px 3px; |
background-color: #EBEBED; |
padding: 3px 10px 3px 3px; |
background-color: #EBEBED; |
} |
|
/* Buttons "Place order and Request offer" */ |
table.shopping_cart div.button { |
float: right; |
margin: 7px 0 0 10px; |
float: right; |
margin: 7px 0 0 10px; |
} |
|
table.shopping_cart form { |
margin: 0; padding: 0; /* Necessary for IE */ |
margin: 0; |
padding: 0; /* Necessary for IE */ |
} |
|
/* No padding-right for buttons in shopping cart */ |
table.shopping_cart th.buttons, th.buttons { |
text-align: right; |
padding-right: 0px; |
table.shopping_cart th.buttons,th.buttons { |
text-align: right; |
padding-right: 0px; |
} |
|
/* Icon for opening additional info */ |
img.additional_info_icon { |
width: 16px; |
height: 16px; |
padding: 0; |
margin: 0 0 0 4px; |
cursor: pointer; |
vertical-align:text-top; |
width: 16px; |
height: 16px; |
padding: 0; |
margin: 0 0 0 4px; |
cursor: pointer; |
vertical-align: text-top; |
} |
|
/* Title "Important information" */ |
.additional_info_title { |
font-weight: bold; |
font-weight: bold; |
} |
|
/* Cells containing the additional info or the title of the info */ |
td.additional_info { |
padding: 3px; |
background-color: #FFFF99; |
padding: 3px; |
background-color: #FFFF99; |
} |
|
|
/* Actual text of additional info has to be a monospace font */ |
.additional_info_text { |
font-family: "Courier New", Courier, monospace; |
padding: 5px 0 0 0; |
font-weight: bold; |
font-family: "Courier New", Courier, monospace; |
padding: 5px 0 0 0; |
font-weight: bold; |
} |
|
/* Additional info, if a sparepart is not available (replacement part page) */ |
.additional_info_replacement { |
padding: 3px; |
background-color: #FFFF99; |
font-family: "Courier New", Courier, monospace; |
font-weight: bold; |
padding: 3px; |
background-color: #FFFF99; |
font-family: "Courier New", Courier, monospace; |
font-weight: bold; |
} |
|
/* deleted parts */ |
.part_deleted { |
background-color: #FFBBBB; |
background-color: #FFBBBB; |
} |
|
/* Arrow in empty shopping cart pointing to the entry form */ |
#arrow_left { |
height: 38px; |
padding-left: 45px; |
background: url('../../resources/images/double_left_arrow.png') no-repeat 3px 3px; |
height: 38px; |
padding-left: 45px; |
background: url('../../resources/images/double_left_arrow.png') |
no-repeat 3px 3px; |
} |
|
/* Difference to minimum order value */ |
#order_diff th { |
background-color: #FFCCCC; |
color: #E30119; |
background-color: #FFCCCC; |
color: #E30119; |
} |
|
|
#shopping_cart_buttons { |
width: 100%; |
width: 100%; |
} |
|
.float_left { |
float: left; |
float: left; |
} |
|
.float_right { |
float: right; |
float: right; |
} |
|
|
/********************************************************************************* |
* Filter |
*/ |
|
#filter_list { |
display: inline-block; |
float: none; |
display: inline-block; |
float: none; |
} |
|
#filter_show label { |
vertical-align: middle; |
vertical-align: middle; |
} |
|
#filter_show fieldset { |
padding: 5px; |
padding: 5px; |
} |
|
#event_type_block { |
width: 200px; |
height: 80px; |
float: left; |
width: 200px; |
height: 80px; |
float: left; |
} |
|
#event_type_block select { |
width: 150px; |
width: 150px; |
} |
|
|
#user_id_block { |
width: 200px; |
height: 80px; |
float: left; |
width: 200px; |
height: 80px; |
float: left; |
} |
|
#selected_customer_block { |
width: 200px; |
height: 80px; |
float: left; |
width: 200px; |
height: 80px; |
float: left; |
} |
|
#date_filter_block { |
width: 220px; |
height: 80px; |
float: left; |
text-align: right; |
width: 220px; |
height: 80px; |
float: left; |
text-align: right; |
} |
|
#date_filter_block input { |
padding-right: 5px; |
padding-right: 5px; |
} |
|
|
#filter_spacer { |
width: 10px; |
height: 80px; |
width: 10px; |
height: 80px; |
} |
|
#filter_submit { |
padding-top: 10px; |
text-align: right; |
padding-top: 10px; |
text-align: right; |
} |
|
.event_list th { |
text-align: left; |
text-align: left; |
} |
|
.event_list td { |
padding-right: 20px; |
padding-right: 20px; |
} |
|
.event_selection_list{ |
width: 350px; |
border: 1px solid black; |
background-color: #EEEEEE; |
position:absolute; |
.event_selection_list { |
width: 350px; |
border: 1px solid black; |
background-color: #EEEEEE; |
position: absolute; |
} |
|
.event_selection_list_item { |
padding: 2px; |
cursor: pointer; |
padding: 2px; |
cursor: pointer; |
} |
|
.event_selection_list_item:hover , .event_selection_list_item_hover{ |
background-color: black; |
color: white; |
padding: 2px; |
cursor: pointer; |
.event_selection_list_item:hover,.event_selection_list_item_hover { |
background-color: black; |
color: white; |
padding: 2px; |
cursor: pointer; |
} |
|
.pager { |
padding-top: 20px; |
text-align: center; |
padding-top: 20px; |
text-align: center; |
} |
|
.pager span { |
padding: 5px; |
} |
|
padding: 5px; |
} |