Revision 01b3bcb9
Von Sven Schöling vor mehr als 12 Jahren hinzugefügt
| SL/Dispatcher.pm | ||
|---|---|---|
| 68 | 68 |
$::form->{error} = $::locale->text('The session is invalid or has expired.') if ($error_type eq 'session');
|
| 69 | 69 |
$::form->{error} = $::locale->text('Incorrect password!.') if ($error_type eq 'password');
|
| 70 | 70 |
$::myconfig{countrycode} = $::lx_office_conf{system}->{language};
|
| 71 |
$::form->{stylesheet} = 'css/lx-office-erp.css';
|
|
| 72 | 71 |
|
| 73 | 72 |
$::form->header; |
| 74 | 73 |
print $::form->parse_html_template($template); |
| ... | ... | |
| 221 | 220 |
if ($action) {
|
| 222 | 221 |
$::instance_conf->init; |
| 223 | 222 |
|
| 224 |
map { $::form->{$_} = $::myconfig{$_} } qw(stylesheet charset)
|
|
| 223 |
map { $::form->{$_} = $::myconfig{$_} } qw(charset)
|
|
| 225 | 224 |
unless $action eq 'save' && $::form->{type} eq 'preferences';
|
| 226 | 225 |
|
| 227 | 226 |
$::form->set_standard_title; |
| ... | ... | |
| 374 | 373 |
return unless @old_files; |
| 375 | 374 |
|
| 376 | 375 |
$::form->{title} = $::locale->text('Old configuration files');
|
| 377 |
$::form->{stylesheet} = 'lx-office-erp.css';
|
|
| 378 | 376 |
$::form->header; |
| 379 | 377 |
print $::form->parse_html_template('login/old_configuration_files', { FILES => \@old_files });
|
| 380 | 378 |
|
| SL/Form.pm | ||
|---|---|---|
| 460 | 460 |
return @{ $self->{stylesheet} };
|
| 461 | 461 |
} |
| 462 | 462 |
|
| 463 |
sub get_stylesheet_for_user {
|
|
| 464 |
my $css_path = 'css'; |
|
| 465 |
if (my $user_style = $::myconfig{stylesheet}) {
|
|
| 466 |
$user_style =~ s/\.css$//; # nuke trailing .css, this is a remnand of pre 2.7.0 stylesheet handling |
|
| 467 |
$css_path = "$css_path/$user_style" if -d "$css_path/$user_style"; |
|
| 468 |
} |
|
| 469 |
$::myconfig{css_path} = $css_path; # needed for menunew, FIXME: don't do this here
|
|
| 470 |
|
|
| 471 |
return $css_path; |
|
| 472 |
} |
|
| 473 |
|
|
| 463 | 474 |
sub header {
|
| 464 | 475 |
$::lxdebug->enter_sub; |
| 465 | 476 |
|
| ... | ... | |
| 471 | 482 |
|
| 472 | 483 |
$::lxdebug->leave_sub and return if !$ENV{HTTP_USER_AGENT} || $self->{header}++;
|
| 473 | 484 |
|
| 485 |
my $css_path = $self->get_stylesheet_for_user; |
|
| 486 |
|
|
| 474 | 487 |
$self->{favicon} ||= "favicon.ico";
|
| 475 | 488 |
$self->{titlebar} = "$self->{title} - $self->{titlebar}" if $self->{title};
|
| 476 | 489 |
|
| ... | ... | |
| 485 | 498 |
|
| 486 | 499 |
push @header, "<style type='text/css'>\@page { size:landscape; }</style>" if $self->{landscape};
|
| 487 | 500 |
push @header, "<link rel='shortcut icon' href='$self->{favicon}' type='image/x-icon'>" if -f $self->{favicon};
|
| 488 |
push @header, '<script type="text/javascript" src="js/jquery.js"></script>', |
|
| 489 |
'<script type="text/javascript" src="js/common.js"></script>', |
|
| 490 |
'<link rel="stylesheet" type="text/css" href="js/jscalendar/calendar-win2k-1.css">', |
|
| 491 |
'<script type="text/javascript" src="js/jscalendar/calendar.js"></script>', |
|
| 492 |
'<script type="text/javascript" src="js/jscalendar/lang/calendar-de.js"></script>', |
|
| 493 |
'<script type="text/javascript" src="js/jscalendar/calendar-setup.js"></script>', |
|
| 494 |
'<script type="text/javascript" src="js/part_selection.js"></script>', |
|
| 495 |
'<script type="text/javascript" src="js/jquery-ui.js"></script>', |
|
| 496 |
'<script type="text/javascript" src="js/jqModal.js"></script>', |
|
| 497 |
'<link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.8.12.custom.css">'; |
|
| 498 |
push @header, $self->{javascript} if $self->{javascript};
|
|
| 501 |
push @header, map { qq|<script type="text/javascript" src="js/$_.js"></script>| }
|
|
| 502 |
qw(jquery common jscalendar/calendar jscalendar/lang/calendar-de jscalendar/calendar-setup part_selection jquery-ui jqModal switchmenuframe); |
|
| 503 |
push @header, map { qq|<link rel="stylesheet" type="text/css" href="$css_path/$_.css">| }
|
|
| 504 |
qw(main menu tabcontent list_accounts jquery.autocomplete jquery.multiselect2side frame_header/header); |
|
| 499 | 505 |
push @header, map { $_->show_javascript } @{ $self->{AJAX} || [] };
|
| 500 | 506 |
push @header, "<script type='text/javascript'>function fokus(){ document.$self->{fokus}.focus(); }</script>" if $self->{fokus};
|
| 501 | 507 |
push @header, sprintf "<script type='text/javascript'>top.document.title='%s';</script>", |
| ... | ... | |
| 531 | 537 |
EOT |
| 532 | 538 |
print " $_\n" for @header; |
| 533 | 539 |
print <<EOT; |
| 534 |
<link rel="stylesheet" href="css/jquery.autocomplete.css" type="text/css"> |
|
| 535 | 540 |
<meta name="robots" content="noindex,nofollow"> |
| 536 |
<link rel="stylesheet" type="text/css" href="css/tabcontent.css"> |
|
| 537 | 541 |
<script type="text/javascript" src="js/tabcontent.js"> |
| 538 | 542 |
|
| 539 | 543 |
/*********************************************** |
| css/Mobile.css | ||
|---|---|---|
| 1 |
/* Stylesheet for Lx-Office |
|
| 2 |
* Name: Mobile.css*/ |
|
| 3 |
|
|
| 4 |
/* The look of links */ |
|
| 5 |
A { font-size: 8pt; }
|
|
| 6 |
A:link { color: black; text-decoration: none; }
|
|
| 7 |
A:visited { color: black; text-decoration: none; }
|
|
| 8 |
A:active { color: black; text-decoration: underline; }
|
|
| 9 |
A.nohover:hover {
|
|
| 10 |
color:white; |
|
| 11 |
background-color: #093280; |
|
| 12 |
font-size: 8pt; |
|
| 13 |
text-decoration: none; |
|
| 14 |
} |
|
| 15 |
A:hover {
|
|
| 16 |
color:white; |
|
| 17 |
background-color: #093280; |
|
| 18 |
font-size: 8pt; |
|
| 19 |
text-decoration: none; |
|
| 20 |
} |
|
| 21 |
|
|
| 22 |
input:focus, textarea:focus, select:focus {
|
|
| 23 |
background-color: yellow; |
|
| 24 |
} |
|
| 25 |
|
|
| 26 |
body {
|
|
| 27 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 28 |
font-size: 8pt; |
|
| 29 |
background-color: #D4D0C8; |
|
| 30 |
color: black |
|
| 31 |
} |
|
| 32 |
td {
|
|
| 33 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 34 |
color: black; |
|
| 35 |
font-size: 8pt; |
|
| 36 |
font-weight: normal; |
|
| 37 |
} |
|
| 38 |
th {
|
|
| 39 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 40 |
color: black; |
|
| 41 |
font-size: 8pt; |
|
| 42 |
font-weight: normal; |
|
| 43 |
} |
|
| 44 |
/* login and admin */ |
|
| 45 |
.login {
|
|
| 46 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 47 |
} |
|
| 48 |
body.login {
|
|
| 49 |
background: #b8d1f3; |
|
| 50 |
color: #D4D0C8; |
|
| 51 |
} |
|
| 52 |
h1.login {
|
|
| 53 |
font-size: 11pt; |
|
| 54 |
} |
|
| 55 |
table.login {
|
|
| 56 |
background-color: #efedde; |
|
| 57 |
padding: 10px; |
|
| 58 |
} |
|
| 59 |
td.login {
|
|
| 60 |
text-align: center; |
|
| 61 |
} |
|
| 62 |
th.login {
|
|
| 63 |
text-align: right; |
|
| 64 |
} |
|
| 65 |
body.admin {
|
|
| 66 |
background-color:#ffffff; |
|
| 67 |
color: black; |
|
| 68 |
} |
|
| 69 |
body.menu {
|
|
| 70 |
background-color: white; |
|
| 71 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 72 |
font-size:8pt; |
|
| 73 |
color: black; |
|
| 74 |
} |
|
| 75 |
|
|
| 76 |
.message_error_login {
|
|
| 77 |
color: #000000; |
|
| 78 |
border: 1px solid #8b0000; |
|
| 79 |
background-color: #ffcccc; |
|
| 80 |
padding: 3px; |
|
| 81 |
} |
|
| 82 |
.message_ok {
|
|
| 83 |
font-size: 12pt; |
|
| 84 |
padding:5px; |
|
| 85 |
background-color: #ADFFB6; |
|
| 86 |
color: black; |
|
| 87 |
font-weight: bolder; |
|
| 88 |
text-align:center; |
|
| 89 |
border-style:solid; |
|
| 90 |
border-width:thin; |
|
| 91 |
} |
|
| 92 |
.message_error {
|
|
| 93 |
font-size: 12pt; |
|
| 94 |
padding:5px; |
|
| 95 |
background-color: #FFAAAA; |
|
| 96 |
color: black; |
|
| 97 |
font-weight: bolder; |
|
| 98 |
text-align:center; |
|
| 99 |
border-style:solid; |
|
| 100 |
border-width:thin; |
|
| 101 |
} |
|
| 102 |
.message_hint {
|
|
| 103 |
font-size: 12pt; |
|
| 104 |
padding:5px; |
|
| 105 |
background-color: #FFFE47; |
|
| 106 |
color: black; |
|
| 107 |
font-weight: bolder; |
|
| 108 |
text-align:center; |
|
| 109 |
border-style:solid; |
|
| 110 |
border-width:thin; |
|
| 111 |
} |
|
| 112 |
.listtop {
|
|
| 113 |
background-color: #b8d1f3; |
|
| 114 |
text-align:left; |
|
| 115 |
padding:5px; |
|
| 116 |
font-size: 8pt; |
|
| 117 |
color: black; |
|
| 118 |
font-weight: bolder; |
|
| 119 |
border-bottom: 2px solid #A5A29C; |
|
| 120 |
} |
|
| 121 |
.listheading {
|
|
| 122 |
font-size: 8pt; |
|
| 123 |
padding:3px; |
|
| 124 |
background-color: #b8d1f3; |
|
| 125 |
color: black; |
|
| 126 |
font-weight: bolder; |
|
| 127 |
text-align:left; |
|
| 128 |
} |
|
| 129 |
.subsubheading {
|
|
| 130 |
color: black; |
|
| 131 |
font-weight: bolder; |
|
| 132 |
text-decoration: underline; |
|
| 133 |
} |
|
| 134 |
.optionen {
|
|
| 135 |
border:dashed; |
|
| 136 |
border-width:1px; |
|
| 137 |
background:#D4D0C8; |
|
| 138 |
} |
|
| 139 |
|
|
| 140 |
|
|
| 141 |
/* Bei Listen den Farbwechsel zur besseren Lesbarkeit: */ |
|
| 142 |
.listrow1 { background-color: #C8D4C6; color: black; vertical-align: top; }
|
|
| 143 |
.listrow0 { background-color: white; color: black; vertical-align: top; }
|
|
| 144 |
.listsubtotal { border-top: 1px solid black; font-size: 8pt; background-color: #b8d1f3; color: black; font-weight: bolder;}
|
|
| 145 |
.listtotal { border-top: 1px double black; font-size: 8pt; background-color: #b8d1f3; color: black; font-weight: bolder;}
|
|
| 146 |
.submit {
|
|
| 147 |
font-size: 8pt; |
|
| 148 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 149 |
color: #000000; |
|
| 150 |
} |
|
| 151 |
.checkbox, .radio {
|
|
| 152 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 153 |
color: #778899; |
|
| 154 |
} |
|
| 155 |
.plus0 { /* font color for negative numbers */
|
|
| 156 |
color: red; |
|
| 157 |
} |
|
| 158 |
.plus1 {
|
|
| 159 |
color: green; |
|
| 160 |
} |
|
| 161 |
h2.confirm {
|
|
| 162 |
color: blue; |
|
| 163 |
font-size: 10pt; |
|
| 164 |
} |
|
| 165 |
h2.error {
|
|
| 166 |
color: red; |
|
| 167 |
font-size: 10pt; |
|
| 168 |
} |
|
| 169 |
/* media stuff */ |
|
| 170 |
@media screen {
|
|
| 171 |
.noscreen { /* items with this class won't display */
|
|
| 172 |
display: none; |
|
| 173 |
} |
|
| 174 |
} |
|
| 175 |
@media print {
|
|
| 176 |
.noprint { /* items with this class won't print */
|
|
| 177 |
display: none; |
|
| 178 |
} |
|
| 179 |
} |
|
| 180 |
.nomobile { /* items with this class won't display */
|
|
| 181 |
display: none; |
|
| 182 |
} |
|
| 183 |
@media handheld {
|
|
| 184 |
.nomobile { /* items with this class won't display */
|
|
| 185 |
display: none; |
|
| 186 |
} |
|
| 187 |
} |
|
| 188 |
|
|
| css/Mobile/csshover.htc | ||
|---|---|---|
| 1 |
../lx-office-erp/csshover.htc |
|
| css/Mobile/dhtmlsuite | ||
|---|---|---|
| 1 |
../lx-office-erp/dhtmlsuite |
|
| css/Mobile/frame_header | ||
|---|---|---|
| 1 |
../lx-office-erp/frame_header/ |
|
| css/Mobile/jquery.autocomplete.css | ||
|---|---|---|
| 1 |
../lx-office-erp/jquery.autocomplete.css |
|
| css/Mobile/jquery.multiselect2side.css | ||
|---|---|---|
| 1 |
../lx-office-erp/jquery.multiselect2side.css |
|
| css/Mobile/list_accounts.css | ||
|---|---|---|
| 1 |
../lx-office-erp/list_accounts.css |
|
| css/Mobile/main.css | ||
|---|---|---|
| 1 |
/* Stylesheet for Lx-Office |
|
| 2 |
* Name: Mobile.css*/ |
|
| 3 |
|
|
| 4 |
/* The look of links */ |
|
| 5 |
A { font-size: 8pt; }
|
|
| 6 |
A:link { color: black; text-decoration: none; }
|
|
| 7 |
A:visited { color: black; text-decoration: none; }
|
|
| 8 |
A:active { color: black; text-decoration: underline; }
|
|
| 9 |
A.nohover:hover {
|
|
| 10 |
color:white; |
|
| 11 |
background-color: #093280; |
|
| 12 |
font-size: 8pt; |
|
| 13 |
text-decoration: none; |
|
| 14 |
} |
|
| 15 |
A:hover {
|
|
| 16 |
color:white; |
|
| 17 |
background-color: #093280; |
|
| 18 |
font-size: 8pt; |
|
| 19 |
text-decoration: none; |
|
| 20 |
} |
|
| 21 |
|
|
| 22 |
input:focus, textarea:focus, select:focus {
|
|
| 23 |
background-color: yellow; |
|
| 24 |
} |
|
| 25 |
|
|
| 26 |
body {
|
|
| 27 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 28 |
font-size: 8pt; |
|
| 29 |
background-color: #D4D0C8; |
|
| 30 |
color: black |
|
| 31 |
} |
|
| 32 |
td {
|
|
| 33 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 34 |
color: black; |
|
| 35 |
font-size: 8pt; |
|
| 36 |
font-weight: normal; |
|
| 37 |
} |
|
| 38 |
th {
|
|
| 39 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 40 |
color: black; |
|
| 41 |
font-size: 8pt; |
|
| 42 |
font-weight: normal; |
|
| 43 |
} |
|
| 44 |
/* login and admin */ |
|
| 45 |
.login {
|
|
| 46 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 47 |
} |
|
| 48 |
body.login {
|
|
| 49 |
background: #b8d1f3; |
|
| 50 |
color: #D4D0C8; |
|
| 51 |
} |
|
| 52 |
h1.login {
|
|
| 53 |
font-size: 11pt; |
|
| 54 |
} |
|
| 55 |
table.login {
|
|
| 56 |
background-color: #efedde; |
|
| 57 |
padding: 10px; |
|
| 58 |
} |
|
| 59 |
td.login {
|
|
| 60 |
text-align: center; |
|
| 61 |
} |
|
| 62 |
th.login {
|
|
| 63 |
text-align: right; |
|
| 64 |
} |
|
| 65 |
body.admin {
|
|
| 66 |
background-color:#ffffff; |
|
| 67 |
color: black; |
|
| 68 |
} |
|
| 69 |
body.menu {
|
|
| 70 |
background-color: white; |
|
| 71 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 72 |
font-size:8pt; |
|
| 73 |
color: black; |
|
| 74 |
} |
|
| 75 |
|
|
| 76 |
.message_error_login {
|
|
| 77 |
color: #000000; |
|
| 78 |
border: 1px solid #8b0000; |
|
| 79 |
background-color: #ffcccc; |
|
| 80 |
padding: 3px; |
|
| 81 |
} |
|
| 82 |
.message_ok {
|
|
| 83 |
font-size: 12pt; |
|
| 84 |
padding:5px; |
|
| 85 |
background-color: #ADFFB6; |
|
| 86 |
color: black; |
|
| 87 |
font-weight: bolder; |
|
| 88 |
text-align:center; |
|
| 89 |
border-style:solid; |
|
| 90 |
border-width:thin; |
|
| 91 |
} |
|
| 92 |
.message_error {
|
|
| 93 |
font-size: 12pt; |
|
| 94 |
padding:5px; |
|
| 95 |
background-color: #FFAAAA; |
|
| 96 |
color: black; |
|
| 97 |
font-weight: bolder; |
|
| 98 |
text-align:center; |
|
| 99 |
border-style:solid; |
|
| 100 |
border-width:thin; |
|
| 101 |
} |
|
| 102 |
.message_hint {
|
|
| 103 |
font-size: 12pt; |
|
| 104 |
padding:5px; |
|
| 105 |
background-color: #FFFE47; |
|
| 106 |
color: black; |
|
| 107 |
font-weight: bolder; |
|
| 108 |
text-align:center; |
|
| 109 |
border-style:solid; |
|
| 110 |
border-width:thin; |
|
| 111 |
} |
|
| 112 |
.listtop {
|
|
| 113 |
background-color: #b8d1f3; |
|
| 114 |
text-align:left; |
|
| 115 |
padding:5px; |
|
| 116 |
font-size: 8pt; |
|
| 117 |
color: black; |
|
| 118 |
font-weight: bolder; |
|
| 119 |
border-bottom: 2px solid #A5A29C; |
|
| 120 |
} |
|
| 121 |
.listheading {
|
|
| 122 |
font-size: 8pt; |
|
| 123 |
padding:3px; |
|
| 124 |
background-color: #b8d1f3; |
|
| 125 |
color: black; |
|
| 126 |
font-weight: bolder; |
|
| 127 |
text-align:left; |
|
| 128 |
} |
|
| 129 |
.subsubheading {
|
|
| 130 |
color: black; |
|
| 131 |
font-weight: bolder; |
|
| 132 |
text-decoration: underline; |
|
| 133 |
} |
|
| 134 |
.optionen {
|
|
| 135 |
border:dashed; |
|
| 136 |
border-width:1px; |
|
| 137 |
background:#D4D0C8; |
|
| 138 |
} |
|
| 139 |
|
|
| 140 |
|
|
| 141 |
/* Bei Listen den Farbwechsel zur besseren Lesbarkeit: */ |
|
| 142 |
.listrow1 { background-color: #C8D4C6; color: black; vertical-align: top; }
|
|
| 143 |
.listrow0 { background-color: white; color: black; vertical-align: top; }
|
|
| 144 |
.listsubtotal { border-top: 1px solid black; font-size: 8pt; background-color: #b8d1f3; color: black; font-weight: bolder;}
|
|
| 145 |
.listtotal { border-top: 1px double black; font-size: 8pt; background-color: #b8d1f3; color: black; font-weight: bolder;}
|
|
| 146 |
.submit {
|
|
| 147 |
font-size: 8pt; |
|
| 148 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 149 |
color: #000000; |
|
| 150 |
} |
|
| 151 |
.checkbox, .radio {
|
|
| 152 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 153 |
color: #778899; |
|
| 154 |
} |
|
| 155 |
.plus0 { /* font color for negative numbers */
|
|
| 156 |
color: red; |
|
| 157 |
} |
|
| 158 |
.plus1 {
|
|
| 159 |
color: green; |
|
| 160 |
} |
|
| 161 |
h2.confirm {
|
|
| 162 |
color: blue; |
|
| 163 |
font-size: 10pt; |
|
| 164 |
} |
|
| 165 |
h2.error {
|
|
| 166 |
color: red; |
|
| 167 |
font-size: 10pt; |
|
| 168 |
} |
|
| 169 |
/* media stuff */ |
|
| 170 |
@media screen {
|
|
| 171 |
.noscreen { /* items with this class won't display */
|
|
| 172 |
display: none; |
|
| 173 |
} |
|
| 174 |
} |
|
| 175 |
@media print {
|
|
| 176 |
.noprint { /* items with this class won't print */
|
|
| 177 |
display: none; |
|
| 178 |
} |
|
| 179 |
} |
|
| 180 |
.nomobile { /* items with this class won't display */
|
|
| 181 |
display: none; |
|
| 182 |
} |
|
| 183 |
@media handheld {
|
|
| 184 |
.nomobile { /* items with this class won't display */
|
|
| 185 |
display: none; |
|
| 186 |
} |
|
| 187 |
} |
|
| 188 |
|
|
| css/Mobile/menuv3.css | ||
|---|---|---|
| 1 |
../lx-office-erp/menuv3.css |
|
| css/Mobile/menuv4.css | ||
|---|---|---|
| 1 |
../lx-office-erp/menuv4.css |
|
| css/Mobile/tabcontent.css | ||
|---|---|---|
| 1 |
../lx-office-erp/tabcontent.css |
|
| css/Mobile/ui-lightness | ||
|---|---|---|
| 1 |
../lx-office-erp/ui-lightness/ |
|
| css/README.stylesheets | ||
|---|---|---|
| 1 |
2012-03-02 - Stylesheet normalization |
|
| 2 |
|
|
| 3 |
After this, the stylesheets follow these conventions: |
|
| 4 |
|
|
| 5 |
* Every directory in css/ is considered a style to be chosen. |
|
| 6 |
* lx-office-erp is used as the fallback style if no style was found or the |
|
| 7 |
style chosen was invalid. |
|
| 8 |
* Missing stylesheets for the other styles have been |
|
| 9 |
linked from lx-office-erp, so that they will used like before. |
|
| 10 |
* If you edit a file, make sure it's not a symlink. |
|
| 11 |
* The previous named stylesheets are now main.css in their respective directories. |
|
| 12 |
* menuv3 and menuv4 are now distict so that it's possible to include both |
|
| 13 |
without overriding each other. |
|
| 14 |
* All relative image links needed to get bumped an additional ../ |
|
| 15 |
* If you add another style, be sure to test tabs, calendars, all menus, |
|
| 16 |
autocompletion, charts, and multiselect. |
|
| css/Win2000.css | ||
|---|---|---|
| 1 |
/* Stylesheet for Lx-Office |
|
| 2 |
* Name: Win2000.css*/ |
|
| 3 |
|
|
| 4 |
/* The look of links */ |
|
| 5 |
A:link { color: black; text-decoration: none; }
|
|
| 6 |
A:visited { color: black; text-decoration: none; }
|
|
| 7 |
A:active { color: black; text-decoration: underline; }
|
|
| 8 |
A.nohover:hover {
|
|
| 9 |
color:white; |
|
| 10 |
background-color: #093280; |
|
| 11 |
font-size: 10pt; |
|
| 12 |
text-decoration: none; |
|
| 13 |
} |
|
| 14 |
A:hover {
|
|
| 15 |
color:white; |
|
| 16 |
background-color: #093280; |
|
| 17 |
/*font-size: 10pt;*/ |
|
| 18 |
text-decoration: none; |
|
| 19 |
} |
|
| 20 |
|
|
| 21 |
input:focus, textarea:focus, select:focus {
|
|
| 22 |
background-color: yellow; |
|
| 23 |
} |
|
| 24 |
|
|
| 25 |
body {
|
|
| 26 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 27 |
font-size: 10pt; |
|
| 28 |
background-color: #D4D0C8; |
|
| 29 |
color: black |
|
| 30 |
} |
|
| 31 |
td {
|
|
| 32 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 33 |
color: black; |
|
| 34 |
font-size: 10pt; |
|
| 35 |
font-weight: normal; |
|
| 36 |
} |
|
| 37 |
th {
|
|
| 38 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 39 |
color: black; |
|
| 40 |
font-size: 10pt; |
|
| 41 |
font-weight: normal; |
|
| 42 |
} |
|
| 43 |
/* login and admin */ |
|
| 44 |
.login {
|
|
| 45 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 46 |
} |
|
| 47 |
body.login {
|
|
| 48 |
background: #b8d1f3; |
|
| 49 |
color: #D4D0C8; |
|
| 50 |
} |
|
| 51 |
h1.login {
|
|
| 52 |
font-size: 18pt; |
|
| 53 |
} |
|
| 54 |
table.login {
|
|
| 55 |
background-color: #efedde; |
|
| 56 |
padding: 20px; |
|
| 57 |
} |
|
| 58 |
td.login {
|
|
| 59 |
text-align: center; |
|
| 60 |
} |
|
| 61 |
th.login {
|
|
| 62 |
text-align: right; |
|
| 63 |
} |
|
| 64 |
body.admin {
|
|
| 65 |
background-color:#ffffff; |
|
| 66 |
color: black; |
|
| 67 |
} |
|
| 68 |
body.menu {
|
|
| 69 |
background-color: white; |
|
| 70 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 71 |
font-size:10pt; |
|
| 72 |
color: black; |
|
| 73 |
} |
|
| 74 |
|
|
| 75 |
.message_error_login {
|
|
| 76 |
color: #000000; |
|
| 77 |
border: 1px solid #8b0000; |
|
| 78 |
background-color: #ffcccc; |
|
| 79 |
padding: 3px; |
|
| 80 |
} |
|
| 81 |
.message_ok {
|
|
| 82 |
font-size: 12pt; |
|
| 83 |
padding:5px; |
|
| 84 |
background-color: #ADFFB6; |
|
| 85 |
color: black; |
|
| 86 |
font-weight: bolder; |
|
| 87 |
text-align:center; |
|
| 88 |
border-style:solid; |
|
| 89 |
border-width:thin; |
|
| 90 |
} |
|
| 91 |
.message_error {
|
|
| 92 |
font-size: 12pt; |
|
| 93 |
padding:5px; |
|
| 94 |
background-color: #FFAAAA; |
|
| 95 |
color: black; |
|
| 96 |
font-weight: bolder; |
|
| 97 |
text-align:center; |
|
| 98 |
border-style:solid; |
|
| 99 |
border-width:thin; |
|
| 100 |
} |
|
| 101 |
.message_hint {
|
|
| 102 |
font-size: 12pt; |
|
| 103 |
padding:5px; |
|
| 104 |
background-color: #FFFE47; |
|
| 105 |
color: black; |
|
| 106 |
font-weight: bolder; |
|
| 107 |
text-align:center; |
|
| 108 |
border-style:solid; |
|
| 109 |
border-width:thin; |
|
| 110 |
} |
|
| 111 |
|
|
| 112 |
.listtop,h1 {
|
|
| 113 |
background-color: #b8d1f3; |
|
| 114 |
text-align:left; |
|
| 115 |
padding:5px; |
|
| 116 |
font-size: 10pt; |
|
| 117 |
color: black; |
|
| 118 |
font-weight: bolder; |
|
| 119 |
border-bottom: 2px solid #A5A29C; |
|
| 120 |
} |
|
| 121 |
.listheading {
|
|
| 122 |
font-size: 10pt; |
|
| 123 |
padding:3px; |
|
| 124 |
background-color: #b8d1f3; |
|
| 125 |
color: black; |
|
| 126 |
font-weight: bolder; |
|
| 127 |
text-align:left; |
|
| 128 |
} |
|
| 129 |
.subsubheading {
|
|
| 130 |
color: black; |
|
| 131 |
font-weight: bolder; |
|
| 132 |
text-decoration: underline; |
|
| 133 |
} |
|
| 134 |
.optionen {
|
|
| 135 |
border:dashed; |
|
| 136 |
border-width:1px; |
|
| 137 |
background:#D4D0C8; |
|
| 138 |
} |
|
| 139 |
/* Bei Listen den Farbwechsel zur besseren Lesbarkeit: */ |
|
| 140 |
.listrow1 { background-color: #C8D4C6; color: black; vertical-align: top; }
|
|
| 141 |
.listrow0 { background-color: white; color: black; vertical-align: top; }
|
|
| 142 |
.listsubtotal { border-top: 1px solid black; font-size: 10pt; background-color: #b8d1f3; color: black; font-weight: bolder;}
|
|
| 143 |
.listtotal { border-top: 1px double black; font-size: 10pt; background-color: #b8d1f3; color: black; font-weight: bolder;}
|
|
| 144 |
.submit {
|
|
| 145 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 146 |
color: #000000; |
|
| 147 |
} |
|
| 148 |
.checkbox, .radio {
|
|
| 149 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 150 |
color: #778899; |
|
| 151 |
} |
|
| 152 |
.plus0 { /* font color for negative numbers */
|
|
| 153 |
color: red; |
|
| 154 |
} |
|
| 155 |
.plus1 {
|
|
| 156 |
color: green; |
|
| 157 |
} |
|
| 158 |
h2.confirm {
|
|
| 159 |
color: blue; |
|
| 160 |
font-size: 14pt; |
|
| 161 |
} |
|
| 162 |
h2.error {
|
|
| 163 |
color: red; |
|
| 164 |
font-size: 14pt; |
|
| 165 |
} |
|
| 166 |
/* media stuff */ |
|
| 167 |
@media screen {
|
|
| 168 |
.noscreen { /* items with this class won't display */
|
|
| 169 |
display: none; |
|
| 170 |
} |
|
| 171 |
} |
|
| 172 |
@media print {
|
|
| 173 |
.noprint { /* items with this class won't print */
|
|
| 174 |
display: none; |
|
| 175 |
} |
|
| 176 |
} |
|
| 177 |
|
|
| css/Win2000/csshover.htc | ||
|---|---|---|
| 1 |
../lx-office-erp/csshover.htc |
|
| css/Win2000/dhtmlsuite | ||
|---|---|---|
| 1 |
../lx-office-erp/dhtmlsuite/ |
|
| css/Win2000/frame_header | ||
|---|---|---|
| 1 |
../lx-office-erp/frame_header/ |
|
| css/Win2000/jquery.autocomplete.css | ||
|---|---|---|
| 1 |
../lx-office-erp/jquery.autocomplete.css |
|
| css/Win2000/jquery.multiselect2side.css | ||
|---|---|---|
| 1 |
../lx-office-erp/jquery.multiselect2side.css |
|
| css/Win2000/list_accounts.css | ||
|---|---|---|
| 1 |
../lx-office-erp/list_accounts.css |
|
| css/Win2000/main.css | ||
|---|---|---|
| 1 |
/* Stylesheet for Lx-Office |
|
| 2 |
* Name: Win2000.css*/ |
|
| 3 |
|
|
| 4 |
/* The look of links */ |
|
| 5 |
A:link { color: black; text-decoration: none; }
|
|
| 6 |
A:visited { color: black; text-decoration: none; }
|
|
| 7 |
A:active { color: black; text-decoration: underline; }
|
|
| 8 |
A.nohover:hover {
|
|
| 9 |
color:white; |
|
| 10 |
background-color: #093280; |
|
| 11 |
font-size: 10pt; |
|
| 12 |
text-decoration: none; |
|
| 13 |
} |
|
| 14 |
A:hover {
|
|
| 15 |
color:white; |
|
| 16 |
background-color: #093280; |
|
| 17 |
/*font-size: 10pt;*/ |
|
| 18 |
text-decoration: none; |
|
| 19 |
} |
|
| 20 |
|
|
| 21 |
input:focus, textarea:focus, select:focus {
|
|
| 22 |
background-color: yellow; |
|
| 23 |
} |
|
| 24 |
|
|
| 25 |
body {
|
|
| 26 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 27 |
font-size: 10pt; |
|
| 28 |
background-color: #D4D0C8; |
|
| 29 |
color: black |
|
| 30 |
} |
|
| 31 |
td {
|
|
| 32 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 33 |
color: black; |
|
| 34 |
font-size: 10pt; |
|
| 35 |
font-weight: normal; |
|
| 36 |
} |
|
| 37 |
th {
|
|
| 38 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 39 |
color: black; |
|
| 40 |
font-size: 10pt; |
|
| 41 |
font-weight: normal; |
|
| 42 |
} |
|
| 43 |
/* login and admin */ |
|
| 44 |
.login {
|
|
| 45 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 46 |
} |
|
| 47 |
body.login {
|
|
| 48 |
background: #b8d1f3; |
|
| 49 |
color: #D4D0C8; |
|
| 50 |
} |
|
| 51 |
h1.login {
|
|
| 52 |
font-size: 18pt; |
|
| 53 |
} |
|
| 54 |
table.login {
|
|
| 55 |
background-color: #efedde; |
|
| 56 |
padding: 20px; |
|
| 57 |
} |
|
| 58 |
td.login {
|
|
| 59 |
text-align: center; |
|
| 60 |
} |
|
| 61 |
th.login {
|
|
| 62 |
text-align: right; |
|
| 63 |
} |
|
| 64 |
body.admin {
|
|
| 65 |
background-color:#ffffff; |
|
| 66 |
color: black; |
|
| 67 |
} |
|
| 68 |
body.menu {
|
|
| 69 |
background-color: white; |
|
| 70 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 71 |
font-size:10pt; |
|
| 72 |
color: black; |
|
| 73 |
} |
|
| 74 |
|
|
| 75 |
.message_error_login {
|
|
| 76 |
color: #000000; |
|
| 77 |
border: 1px solid #8b0000; |
|
| 78 |
background-color: #ffcccc; |
|
| 79 |
padding: 3px; |
|
| 80 |
} |
|
| 81 |
.message_ok {
|
|
| 82 |
font-size: 12pt; |
|
| 83 |
padding:5px; |
|
| 84 |
background-color: #ADFFB6; |
|
| 85 |
color: black; |
|
| 86 |
font-weight: bolder; |
|
| 87 |
text-align:center; |
|
| 88 |
border-style:solid; |
|
| 89 |
border-width:thin; |
|
| 90 |
} |
|
| 91 |
.message_error {
|
|
| 92 |
font-size: 12pt; |
|
| 93 |
padding:5px; |
|
| 94 |
background-color: #FFAAAA; |
|
| 95 |
color: black; |
|
| 96 |
font-weight: bolder; |
|
| 97 |
text-align:center; |
|
| 98 |
border-style:solid; |
|
| 99 |
border-width:thin; |
|
| 100 |
} |
|
| 101 |
.message_hint {
|
|
| 102 |
font-size: 12pt; |
|
| 103 |
padding:5px; |
|
| 104 |
background-color: #FFFE47; |
|
| 105 |
color: black; |
|
| 106 |
font-weight: bolder; |
|
| 107 |
text-align:center; |
|
| 108 |
border-style:solid; |
|
| 109 |
border-width:thin; |
|
| 110 |
} |
|
| 111 |
|
|
| 112 |
.listtop,h1 {
|
|
| 113 |
background-color: #b8d1f3; |
|
| 114 |
text-align:left; |
|
| 115 |
padding:5px; |
|
| 116 |
font-size: 10pt; |
|
| 117 |
color: black; |
|
| 118 |
font-weight: bolder; |
|
| 119 |
border-bottom: 2px solid #A5A29C; |
|
| 120 |
} |
|
| 121 |
.listheading {
|
|
| 122 |
font-size: 10pt; |
|
| 123 |
padding:3px; |
|
| 124 |
background-color: #b8d1f3; |
|
| 125 |
color: black; |
|
| 126 |
font-weight: bolder; |
|
| 127 |
text-align:left; |
|
| 128 |
} |
|
| 129 |
.subsubheading {
|
|
| 130 |
color: black; |
|
| 131 |
font-weight: bolder; |
|
| 132 |
text-decoration: underline; |
|
| 133 |
} |
|
| 134 |
.optionen {
|
|
| 135 |
border:dashed; |
|
| 136 |
border-width:1px; |
|
| 137 |
background:#D4D0C8; |
|
| 138 |
} |
|
| 139 |
/* Bei Listen den Farbwechsel zur besseren Lesbarkeit: */ |
|
| 140 |
.listrow1 { background-color: #C8D4C6; color: black; vertical-align: top; }
|
|
| 141 |
.listrow0 { background-color: white; color: black; vertical-align: top; }
|
|
| 142 |
.listsubtotal { border-top: 1px solid black; font-size: 10pt; background-color: #b8d1f3; color: black; font-weight: bolder;}
|
|
| 143 |
.listtotal { border-top: 1px double black; font-size: 10pt; background-color: #b8d1f3; color: black; font-weight: bolder;}
|
|
| 144 |
.submit {
|
|
| 145 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 146 |
color: #000000; |
|
| 147 |
} |
|
| 148 |
.checkbox, .radio {
|
|
| 149 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
| 150 |
color: #778899; |
|
| 151 |
} |
|
| 152 |
.plus0 { /* font color for negative numbers */
|
|
| 153 |
color: red; |
|
| 154 |
} |
|
| 155 |
.plus1 {
|
|
| 156 |
color: green; |
|
| 157 |
} |
|
| 158 |
h2.confirm {
|
|
| 159 |
color: blue; |
|
| 160 |
font-size: 14pt; |
|
| 161 |
} |
|
| 162 |
h2.error {
|
|
| 163 |
color: red; |
|
| 164 |
font-size: 14pt; |
|
| 165 |
} |
|
| 166 |
/* media stuff */ |
|
| 167 |
@media screen {
|
|
| 168 |
.noscreen { /* items with this class won't display */
|
|
| 169 |
display: none; |
|
| 170 |
} |
|
| 171 |
} |
|
| 172 |
@media print {
|
|
| 173 |
.noprint { /* items with this class won't print */
|
|
| 174 |
display: none; |
|
| 175 |
} |
|
| 176 |
} |
|
| 177 |
|
|
| css/Win2000/menuv3.css | ||
|---|---|---|
| 1 |
../lx-office-erp/menuv3.css |
|
| css/Win2000/menuv4.css | ||
|---|---|---|
| 1 |
../lx-office-erp/menuv4.css |
|
| css/Win2000/tabcontent.css | ||
|---|---|---|
| 1 |
../lx-office-erp/tabcontent.css |
|
| css/Win2000/ui-lightness | ||
|---|---|---|
| 1 |
../lx-office-erp/ui-lightness/ |
|
| css/csshover.htc | ||
|---|---|---|
| 1 |
<attach event="ondocumentready" handler="parseStylesheets" /> |
|
| 2 |
<script> |
|
| 3 |
/** |
|
| 4 |
* Whatever:hover - V2.02.060206 - hover, active & focus |
|
| 5 |
* ------------------------------------------------------------ |
|
| 6 |
* (c) 2005 - Peter Nederlof |
|
| 7 |
* Peterned - http://www.xs4all.nl/~peterned/ |
|
| 8 |
* License - http://creativecommons.org/licenses/LGPL/2.1/ |
|
| 9 |
* |
|
| 10 |
* Whatever:hover is free software; you can redistribute it and/or |
|
| 11 |
* modify it under the terms of the GNU Lesser General Public |
|
| 12 |
* License as published by the Free Software Foundation; either |
|
| 13 |
* version 2.1 of the License, or (at your option) any later version. |
|
| 14 |
* |
|
| 15 |
* Whatever:hover is distributed in the hope that it will be useful, |
|
| 16 |
* but WITHOUT ANY WARRANTY; without even the implied warranty of |
|
| 17 |
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU |
|
| 18 |
* Lesser General Public License for more details. |
|
| 19 |
* |
|
| 20 |
* Credits and thanks to: |
|
| 21 |
* Arnoud Berendsen, Martin Reurings, Robert Hanson |
|
| 22 |
* |
|
| 23 |
* howto: body { behavior:url("csshover.htc"); }
|
|
| 24 |
* ------------------------------------------------------------ |
|
| 25 |
*/ |
|
| 26 |
|
|
| 27 |
var csshoverReg = /(^|\s)((([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active))|((a|input|textarea)([#.][^ ]+)?:unknown)/i, |
|
| 28 |
currentSheet, doc = window.document, hoverEvents = [], activators = {
|
|
| 29 |
onhover:{on:'onmouseover', off:'onmouseout'},
|
|
| 30 |
onactive:{on:'onmousedown', off:'onmouseup'},
|
|
| 31 |
onunknown:{on:'onfocus', off:'onblur'}
|
|
| 32 |
} |
|
| 33 |
|
|
| 34 |
function parseStylesheets() {
|
|
| 35 |
if(!/MSIE (5|6)/.test(navigator.userAgent)) return; |
|
| 36 |
window.attachEvent('onunload', unhookHoverEvents);
|
|
| 37 |
var sheets = doc.styleSheets, l = sheets.length; |
|
| 38 |
for(var i=0; i<l; i++) |
|
| 39 |
parseStylesheet(sheets[i]); |
|
| 40 |
} |
|
| 41 |
function parseStylesheet(sheet) {
|
|
| 42 |
if(sheet.imports) {
|
|
| 43 |
try {
|
|
| 44 |
var imports = sheet.imports, l = imports.length; |
|
| 45 |
for(var i=0; i<l; i++) parseStylesheet(sheet.imports[i]); |
|
| 46 |
} catch(securityException){}
|
|
| 47 |
} |
|
| 48 |
|
|
| 49 |
try {
|
|
| 50 |
var rules = (currentSheet = sheet).rules, l = rules.length; |
|
| 51 |
for(var j=0; j<l; j++) parseCSSRule(rules[j]); |
|
| 52 |
} catch(securityException){}
|
|
| 53 |
} |
|
| 54 |
|
|
| 55 |
function parseCSSRule(rule) {
|
|
| 56 |
var select = rule.selectorText, style = rule.style.cssText; |
|
| 57 |
if(!csshoverReg.test(select) || !style) return; |
|
| 58 |
|
|
| 59 |
var pseudo = select.replace(/[^:]+:([a-z-]+).*/i, 'on$1'); |
|
| 60 |
var newSelect = select.replace(/(\.([a-z0-9_-]+):[a-z]+)|(:[a-z]+)/gi, '.$2' + pseudo); |
|
| 61 |
var className = (/\.([a-z0-9_-]*on(hover|active|unknown))/i).exec(newSelect)[1]; |
|
| 62 |
var affected = select.replace(/:(hover|active|unknown).*$/, ''); |
|
| 63 |
var elements = getElementsBySelect(affected); |
|
| 64 |
if(elements.length == 0) return; |
|
| 65 |
|
|
| 66 |
currentSheet.addRule(newSelect, style); |
|
| 67 |
for(var i=0; i<elements.length; i++) |
|
| 68 |
new HoverElement(elements[i], className, activators[pseudo]); |
|
| 69 |
} |
|
| 70 |
|
|
| 71 |
function HoverElement(node, className, events) {
|
|
| 72 |
if(!node.hovers) node.hovers = {};
|
|
| 73 |
if(node.hovers[className]) return; |
|
| 74 |
node.hovers[className] = true; |
|
| 75 |
hookHoverEvent(node, events.on, function() { node.className += ' ' + className; });
|
|
| 76 |
hookHoverEvent(node, events.off, function() { node.className = node.className.replace(new RegExp('\\s+'+className, 'g'),''); });
|
|
| 77 |
} |
|
| 78 |
function hookHoverEvent(node, type, handler) {
|
|
| 79 |
node.attachEvent(type, handler); |
|
| 80 |
hoverEvents[hoverEvents.length] = {
|
|
| 81 |
node:node, type:type, handler:handler |
|
| 82 |
}; |
|
| 83 |
} |
|
| 84 |
|
|
| 85 |
function unhookHoverEvents() {
|
|
| 86 |
for(var e,i=0; i<hoverEvents.length; i++) {
|
|
| 87 |
e = hoverEvents[i]; |
|
| 88 |
e.node.detachEvent(e.type, e.handler); |
|
| 89 |
} |
|
| 90 |
} |
|
| 91 |
|
|
| 92 |
function getElementsBySelect(rule) {
|
|
| 93 |
var parts, nodes = [doc]; |
|
| 94 |
parts = rule.split(' ');
|
|
| 95 |
for(var i=0; i<parts.length; i++) {
|
|
| 96 |
nodes = getSelectedNodes(parts[i], nodes); |
|
| 97 |
} return nodes; |
|
| 98 |
} |
|
| 99 |
function getSelectedNodes(select, elements) {
|
|
| 100 |
var result, node, nodes = []; |
|
| 101 |
var identify = (/\#([a-z0-9_-]+)/i).exec(select); |
|
| 102 |
if(identify) {
|
|
| 103 |
var element = doc.getElementById(identify[1]); |
|
| 104 |
return element? [element]:nodes; |
|
| 105 |
} |
|
| 106 |
|
|
| 107 |
var classname = (/\.([a-z0-9_-]+)/i).exec(select); |
|
| 108 |
var tagName = select.replace(/(\.|\#|\:)[a-z0-9_-]+/i, ''); |
|
| 109 |
var classReg = classname? new RegExp('\\b' + classname[1] + '\\b'):false;
|
|
| 110 |
for(var i=0; i<elements.length; i++) {
|
|
| 111 |
result = tagName? elements[i].all.tags(tagName):elements[i].all; |
|
| 112 |
for(var j=0; j<result.length; j++) {
|
|
| 113 |
node = result[j]; |
|
| 114 |
if(classReg && !classReg.test(node.className)) continue; |
|
| 115 |
nodes[nodes.length] = node; |
|
| 116 |
} |
|
| 117 |
} |
|
| 118 |
|
|
| 119 |
return nodes; |
|
| 120 |
} |
|
| 121 |
</script> |
|
| css/dhtmlsuite/menu-bar.css | ||
|---|---|---|
| 1 |
/************************************************************************************************************ |
|
| 2 |
|
|
| 3 |
DHTML Suite for Applications |
|
| 4 |
(C) www.dhtmlgoodies.com, August 2006 |
|
| 5 |
|
|
| 6 |
CSS for the DHTMLsuite_tableWidget class. |
|
| 7 |
|
|
| 8 |
Terms of use: |
|
| 9 |
Look at the terms of use at http://www.dhtmlgoodies.com/index.html?page=termsOfUse |
|
| 10 |
|
|
| 11 |
Thank you! |
|
| 12 |
|
|
| 13 |
www.dhtmlgoodies.com |
|
| 14 |
Alf Magne Kalleland |
|
| 15 |
|
|
| 16 |
************************************************************************************************************/ |
|
| 17 |
|
|
| 18 |
.DHTMLSuite_menuBar_top{ /* The bar that is parent of the menu strip */
|
|
| 19 |
color:#FFF; |
|
| 20 |
height:26px; |
|
| 21 |
width:100%; |
|
| 22 |
background-repeat:repeat-x; |
|
| 23 |
font-family: sans-serif, Verdana, Arial, Helvetica; |
|
| 24 |
font-size:12px; |
|
| 25 |
z-index:100000; |
|
| 26 |
padding-left:10px; |
|
| 27 |
/* background-image:url('../../image/dhtmlsuite/menu_strip_bg.jpg');*/
|
|
| 28 |
background-image:url('../../image/bg_css_menu.png');
|
|
| 29 |
} |
|
| 30 |
|
|
| 31 |
.DHTMLSuite_menuBar_sub{
|
|
| 32 |
position:absolute; |
|
| 33 |
background-color:#FFF; |
|
| 34 |
border:1px solid #000; |
|
| 35 |
background-image:url('../../image/dhtmlsuite/menu-bar-gradient.jpg'); /* Background image for sub menu items */
|
|
| 36 |
background-repeat:repeat-y; |
|
| 37 |
background-position: left center; |
|
| 38 |
display:inline; |
|
| 39 |
} |
|
| 40 |
|
|
| css/dhtmlsuite/menu-item.css | ||
|---|---|---|
| 1 |
/* CSS FOR MENU ITEM OF TYPE "top" */ |
|
| 2 |
|
|
| 3 |
.DHTMLSuite_menuItem_top_regular,.DHTMLSuite_menuItem_top_over,.DHTMLSuite_menuItem_top_click,.DHTMLSuite_menuItem_top_disabled,.DHTMLSuite_menuItem_top_active{
|
|
| 4 |
height:19px; |
|
| 5 |
} |
|
| 6 |
.DHTMLSuite_menuItem_top_regular div,.DHTMLSuite_menuItem_top_over div,.DHTMLSuite_menuItem_top_click div,.DHTMLSuite_menuItem_top_disabled div,.DHTMLSuite_menuItem_top_active div{
|
|
| 7 |
padding-top:2px; |
|
| 8 |
padding-bottom:2px; |
|
| 9 |
} |
|
| 10 |
.DHTMLSuite_menuItem_top_regular{ /* Top level menu item - Regular state */
|
|
| 11 |
padding-left:4px; |
|
| 12 |
padding-right:4px; |
|
| 13 |
margin-right:2px; |
|
| 14 |
padding-top:1px; |
|
| 15 |
padding-bottom:1px; |
|
| 16 |
cursor:pointer; |
|
| 17 |
line-height:16px; |
|
| 18 |
margin-top:2px; |
|
| 19 |
} |
|
| 20 |
|
|
| 21 |
.DHTMLSuite_menuItem_top_over{ /* Top level menu item - Mouse over state */
|
|
| 22 |
padding-left:3px; |
|
| 23 |
padding-right:3px; |
|
| 24 |
margin-right:2px; |
|
| 25 |
border:1px solid #000; |
|
| 26 |
color:#000; |
|
| 27 |
background-color:#FFEEC2; |
|
| 28 |
cursor:pointer; |
|
| 29 |
line-height:16px; |
|
| 30 |
margin-top:2px; |
|
| 31 |
} |
|
| 32 |
|
|
| 33 |
.DHTMLSuite_menuItem_top_active{ /* Top level menu item - Active state - this is typical the state for menu item 1 when a sub group is expanded and the mouse is located over one of the sub menu items */
|
|
| 34 |
padding-left:3px; |
|
| 35 |
padding-right:3px; |
|
| 36 |
margin-right:2px; |
|
| 37 |
border:1px solid #000; |
|
| 38 |
border-bottom:1px solid #FFF; |
|
| 39 |
cursor:pointer; |
|
| 40 |
line-height:16px; |
|
| 41 |
margin-top:2px; |
|
| 42 |
} |
|
| 43 |
|
|
| 44 |
.DHTMLSuite_menuItem_top_click{ /* Top level menu item - Mouse click state */
|
|
| 45 |
padding-left:3px; |
|
| 46 |
padding-right:3px; |
|
| 47 |
margin-right:2px; |
|
| 48 |
border:1px solid #000; |
|
| 49 |
background-color:#FFB25C; |
|
| 50 |
cursor:pointer; |
|
| 51 |
line-height:16px; |
|
| 52 |
margin-top:2px; |
|
| 53 |
z-index:20000; |
|
| 54 |
} |
|
| 55 |
|
|
| 56 |
.DHTMLSuite_menuItem_top_disabled{ /* Disabled menu item */
|
|
| 57 |
padding-left:4px; |
|
| 58 |
padding-right:4px; |
|
| 59 |
margin-right:2px; |
|
| 60 |
padding-top:1px; |
|
| 61 |
padding-bottom:1px; |
|
| 62 |
cursor:default; |
|
| 63 |
line-height:16px; |
|
| 64 |
margin-top:2px; |
|
| 65 |
} |
|
| 66 |
|
|
| 67 |
.DHTMLSuite_menuItem_top_disabled img,.DHTMLSuite_menuItem_top_disabled div{ /* Sub divs of disabled top level items. A menu item is a div with some subdivs(one for the icon, one for text etc.). this is the css for these sub divs */
|
|
| 68 |
filter:alpha(opacity=40); /* Transparency */ |
|
| 69 |
opacity:0.4; /* Transparency */ |
|
| 70 |
-moz-opacity:0.4; /* Transparency */ |
|
| 71 |
-khtml-opacity:.4; /* Transparency */ |
|
| 72 |
} |
|
| 73 |
|
|
| 74 |
.DHTMLSuite_menuItem_top_disabled div,.DHTMLSuite_menuItem_top_active div, .DHTMLSuite_menuItem_top_click div, .DHTMLSuite_menuItem_top_regular div,.DHTMLSuite_menuItem_top_over div{ /* divs for the text,icon and arrow of a menu item */
|
|
| 75 |
float:left; |
|
| 76 |
padding-left:1px; |
|
| 77 |
padding-right:1px; |
|
| 78 |
} |
|
| 79 |
|
|
| 80 |
/* CSS FOR THE SMALL ARROW DIV - WHEN YOU CLICK ON THIS DIV, SUB ELEMENTS WILL SHOW */ |
|
| 81 |
.DHTMLSuite_menuItem_top_arrowShowSub{ /* This is the arrow for top level elements */
|
|
| 82 |
width:12px; /* Width of item */ |
|
| 83 |
background-repeat:no-repeat; /* No background repeat for the arrow */ |
|
| 84 |
background-position:center center; /* Position of the arrow. at the center of this div */ |
|
| 85 |
background-image: url('../../image/dhtmlsuite/menu_strip_down_arrow.png'); /* Relative path to the arrow */
|
|
| 86 |
margin:0px; |
|
| 87 |
margin-right:-1px; /* -1 pixel is added to get the arrow a little bit more to the right. this is because of the right padding of top level items */ |
|
| 88 |
padding:0px; |
|
| 89 |
height:16px; |
|
| 90 |
margin-left:2px; |
|
| 91 |
float:right; |
|
| 92 |
} |
|
| 93 |
|
|
| 94 |
.DHTMLSuite_menuItem_top_over .DHTMLSuite_menuItem_top_arrowShowSub, |
|
| 95 |
.DHTMLSuite_menuItem_top_click .DHTMLSuite_menuItem_top_arrowShowSub |
|
| 96 |
{ /* Sub menu arrows */
|
|
| 97 |
margin-left:1px; |
|
| 98 |
border-left:1px solid #000; |
|
| 99 |
} |
|
| 100 |
|
|
| 101 |
/* CSS FOR SEPARATOR */ |
|
| 102 |
|
|
| 103 |
.DHTMLSuite_menuItem_separator_top{ /* Separator of type "top" */
|
|
| 104 |
height:20px; |
|
| 105 |
margin-top:3px; |
|
| 106 |
margin-bottom:3px; |
|
| 107 |
width:4px; |
|
| 108 |
padding-left:3px; |
|
| 109 |
padding-right:3px; |
|
| 110 |
background-repeat:repeat-y; |
|
| 111 |
background-image:url('../../image/dhtmlsuite/menu_strip_separator.gif');
|
|
| 112 |
|
|
| 113 |
} |
|
| 114 |
|
|
| 115 |
|
|
| 116 |
/* CSS FOR MENU ITEM OF TYPE "sub" */ |
|
| 117 |
|
|
| 118 |
.DHTMLSuite_menuItem_sub_regular, .DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_click,.DHTMLSuite_menuItem_sub_disabled,.DHTMLSuite_menuItem_sub_active{ /* Commom css for regular, mouse over and mouse click items */
|
|
| 119 |
clear:both; |
|
| 120 |
line-height:18px; /* Height of menu item */ |
|
| 121 |
height:18px; /* Height of menu item */ |
|
| 122 |
padding-left:25px; /* Space inside the menu item - the 25 pixels are used in order to avoid text overlapping menu item icon */ |
|
| 123 |
padding-right:4px; /* Space inside the menu item */ |
|
| 124 |
padding-top:2px; /* Space inside the menu item */ |
|
| 125 |
padding-bottom:2px; /* Space inside the menu item */ |
|
| 126 |
cursor:pointer; /* Mouse cursor set to a "hand" */ |
|
| 127 |
margin:1px; /* A little space around the item */ |
|
| 128 |
background-repeat:no-repeat; /* No background repeat */ |
|
| 129 |
} |
|
| 130 |
.DHTMLSuite_menuItem_sub_disabled{ /* Disabled sub menu item */
|
|
| 131 |
cursor:default; /* Arrow as cursor instead of hand */ |
|
| 132 |
} |
|
| 133 |
.DHTMLSuite_menuItem_sub_disabled div,.DHTMLSuite_menuItem_sub_disabled{ /* Disabled sub menu item - Here, we apply the rules on the divs inside the element, i.e. the div for the icon, text and arrow */
|
|
| 134 |
filter:alpha(opacity=40); /* Transparency */ |
|
| 135 |
opacity:0.4; /* Transparency */ |
|
| 136 |
-moz-opacity:0.4; /* Transparency */ |
|
| 137 |
-khtml-opacity:.4; /* Transparency */ |
|
| 138 |
} |
|
| 139 |
.DHTMLSuite_menuItem_sub_regular,.DHTMLSuite_menuItem_sub_disabled{ /* Regular menu item */
|
|
| 140 |
margin-left:2px; /* size of margin above + 1 pixel */ |
|
| 141 |
padding-top:3px; /* Size of padding-top above + 1 pixel */ |
|
| 142 |
padding-bottom:3px; /* Size of padding-bottom above + 1 pixel */ |
|
| 143 |
} |
|
| 144 |
|
|
| 145 |
.DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_click,.DHTMLSuite_menuItem_sub_active{
|
|
| 146 |
border:1px solid #006; /* Border around mouse over items, click items and active items */ |
|
| 147 |
} |
|
| 148 |
|
|
| 149 |
.DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_active{ /* Mouse over effect */
|
|
| 150 |
background-color:#FFEEC2; /* Background color of mouse over items and active items(Active item = parent elements of the menu item the mouse is currently over */ |
|
| 151 |
} |
|
| 152 |
|
|
| 153 |
.DHTMLSuite_menuItem_sub_click{ /* Mouse click effect */
|
|
| 154 |
background-color:#FFB25C; /* Background color when the mouse button is pressed down on a menu item */ |
|
| 155 |
} |
|
| 156 |
|
|
| 157 |
.DHTMLSuite_menuItem_sub_click div, .DHTMLSuite_menuItem_sub_regular div,.DHTMLSuite_menuItem_sub_over div,.DHTMLSuite_menuItem_sub_active div,.DHTMLSuite_menuItem_sub_disabled div{ /* divs for the text,icon and arrow of a menu item */
|
|
| 158 |
float:left; /* To get the icons and text of sub elements side by side */ |
|
| 159 |
padding-left:1px; |
|
| 160 |
padding-right:1px; |
|
| 161 |
|
|
| 162 |
} |
|
| 163 |
.DHTMLSuite_menuItem_sub_arrowShowSub{ /* Arrow div for sub elements (Right pointing arrow ) */
|
|
| 164 |
position:absolute; /* Never change this one */ |
|
| 165 |
background-image:url('../../image/dhtmlsuite/menu-bar-right-arrow.png'); /* Path relative to the css file */
|
|
| 166 |
width:18px; |
|
| 167 |
height:18px; |
|
| 168 |
text-align:right; |
|
| 169 |
right:0px; |
|
| 170 |
background-repeat:no-repeat; /* No background repeat */ |
|
| 171 |
background-position: center right; /* Position of arrow */ |
|
| 172 |
} |
|
| 173 |
|
|
| 174 |
|
|
| 175 |
.DHTMLSuite_menuItem_separator_sub{ /* Separator of type "sub" */
|
|
| 176 |
height:1px; /* Height of separator */ |
|
| 177 |
margin-top:1px; /* Space above the separator */ |
|
| 178 |
margin-bottom:1px; /* Space below the separator */ |
|
| 179 |
margin-left:24px; /* left margin because we don't want the separator to cover the gradient */ |
|
| 180 |
padding-right:3px; /* space at the right of the separator */ |
|
| 181 |
background-color:#6A8CCB; /* background color for the separator - blue */ |
|
| 182 |
} |
|
| 183 |
|
|
| 184 |
|
|
| css/frame_header/header.css | ||
|---|---|---|
| 1 |
body {
|
|
| 2 |
margin: 0; |
|
| 3 |
color: white; |
|
| 4 |
background: url('../../image/fade.png') repeat-x;
|
|
| 5 |
} |
|
| 6 |
|
|
| 7 |
a:link, a:visited, a:hover, a:active {
|
|
| 8 |
color: white; |
|
| 9 |
} |
|
| 10 |
|
|
| 11 |
body > * {
|
|
| 12 |
font-size: 12px; |
|
| 13 |
font-family: verdana,arial,sans-serif; |
|
| 14 |
vertical-align: middle; |
|
| 15 |
} |
|
| 16 |
|
|
| 17 |
table {
|
|
| 18 |
border: 0; |
|
| 19 |
width: 100%; |
|
| 20 |
background: url('../../image/bg_titel.gif');
|
|
| 21 |
border-spacing: 0; |
|
| 22 |
} |
|
| 23 |
|
|
| 24 |
td {
|
|
| 25 |
padding: 0; |
|
| 26 |
} |
|
| css/jquery.autocomplete.css | ||
|---|---|---|
| 1 |
.ac_results {
|
|
| 2 |
padding: 0px; |
|
| 3 |
border: 1px solid black; |
|
| 4 |
background-color: white; |
|
| 5 |
overflow: hidden; |
|
| 6 |
z-index: 99999; |
|
| 7 |
} |
|
| 8 |
|
|
| 9 |
.ac_results ul {
|
|
| 10 |
width: 100%; |
|
| 11 |
list-style-position: outside; |
|
| 12 |
list-style: none; |
|
| 13 |
padding: 0; |
|
| 14 |
margin: 0; |
|
| 15 |
} |
|
| 16 |
|
|
| 17 |
.ac_results li {
|
|
| 18 |
margin: 0px; |
|
| 19 |
padding: 2px 5px; |
|
| 20 |
cursor: default; |
|
| 21 |
display: block; |
|
| 22 |
/* |
|
| 23 |
if width will be 100% horizontal scrollbar will apear |
|
| 24 |
when scroll mode will be used |
|
| 25 |
*/ |
|
| 26 |
/*width: 100%;*/ |
|
| 27 |
font: menu; |
|
| 28 |
font-size: 12px; |
|
| 29 |
/* |
|
| 30 |
it is very important, if line-height not setted or setted |
|
| 31 |
in relative units scroll will be broken in firefox |
|
| 32 |
*/ |
|
| 33 |
line-height: 16px; |
|
| 34 |
overflow: hidden; |
|
| 35 |
} |
|
| 36 |
|
|
| 37 |
.ac_loading {
|
|
| 38 |
background: white url('indicator.gif') right center no-repeat;
|
|
| 39 |
} |
|
| 40 |
|
|
| 41 |
.ac_odd {
|
|
| 42 |
background-color: #eee; |
|
| 43 |
} |
|
| 44 |
|
|
| 45 |
.ac_over {
|
|
| 46 |
background-color: #0A246A; |
|
| 47 |
color: white; |
|
| 48 |
} |
|
| css/jquery.multiselect2side.css | ||
|---|---|---|
| 1 |
.ms2side__div {
|
|
| 2 |
clear: left; |
|
| 3 |
width: 100%; |
|
| 4 |
padding: 1px; |
|
| 5 |
float: left; |
|
| 6 |
background : url('') repeat-x; // HACK FOR CHROME
|
|
| 7 |
} |
|
| 8 |
|
|
| 9 |
.ms2side__select {
|
|
Auch abrufbar als: Unified diff
Stylesheets umorganisiert.
Doku in css/README.stylesheets