Revision 9439c4f2
Von Hans Peter Schlaepfer vor mehr als 6 Jahren hinzugefügt
SL/Template/Plugin/L.pm | ||
---|---|---|
252 | 252 |
my $minrows = delete $attributes{min_rows} || 1; |
253 | 253 |
my $maxrows = delete $attributes{max_rows}; |
254 | 254 |
my $rows = $::form->numtextrows($value, $cols, $maxrows, $minrows); |
255 |
my $class = $attributes{class}; # Do not delete attribute/hash element |
|
255 | 256 |
|
256 | 257 |
$attributes{id} ||= _tag_id(); |
257 | 258 |
my $id = $attributes{id}; |
258 | 259 |
|
259 | 260 |
return $self->textarea_tag($name, $value, %attributes, rows => $rows, cols => $cols) if $rows > 1; |
260 |
|
|
261 |
return '<span>' |
|
261 |
# PENDENT: Hier sollte noch eine Klasse an kivi.switch_areainput_to_textarea uebergeben werden |
|
262 |
# PENDENT: ID gugusli aus button entfernen, wird nicht angezeigt im browser (war nur Test) |
|
263 |
return '<span class="switch-form-element">' |
|
262 | 264 |
. $self->input_tag($name, $value, %attributes, size => $cols) |
263 |
. "<img src=\"image/edit-entry.png\" onclick=\"kivi.switch_areainput_to_textarea('${id}')\" style=\"margin-left: 2px;\">"
|
|
265 |
. "<button class=\"wi-tiny icon\"><img src=\"image/edit-entry.png\" onclick=\"kivi.switch_areainput_to_textarea('${id}','".$class."')\"></button>"
|
|
264 | 266 |
. '</span>'; |
265 | 267 |
} |
266 | 268 |
|
bin/mozilla/io.pl | ||
---|---|---|
166 | 166 |
# column_index |
167 | 167 |
my @header_sort = qw( |
168 | 168 |
runningnumber partnumber type_and_classific description ship ship_missing qty price_factor |
169 |
unit weight price_source sellprice discount linetotal
|
|
169 |
unit weight price_source sellprice discount linetotal |
|
170 | 170 |
bin stock_in_out |
171 | 171 |
); |
172 | 172 |
my @row2_sort = qw( |
... | ... | |
187 | 187 |
serialnr => { width => 10, value => $locale->text('Serial No.'), display => !$is_quotation }, |
188 | 188 |
projectnr => { width => 10, value => $locale->text('Project'), display => 1, }, |
189 | 189 |
price_source => { width => 5, value => $locale->text('Price Source'), display => !$is_delivery_order, }, |
190 |
sellprice => { width => 15, value => $locale->text('Price'), display => !$is_delivery_order, },
|
|
190 |
sellprice => { width => 10, value => $locale->text('Price'), display => !$is_delivery_order, },
|
|
191 | 191 |
discount => { width => 5, value => $locale->text('Discount'), display => !$is_delivery_order, }, |
192 | 192 |
linetotal => { width => 10, value => $locale->text('Extended'), display => !$is_delivery_order, }, |
193 | 193 |
bin => { width => 10, value => $locale->text('Bin'), display => 0, }, |
... | ... | |
219 | 219 |
my $deliverydate = $locale->text('Required by'); |
220 | 220 |
|
221 | 221 |
# special alignings |
222 |
my %align = map { $_ => 'right' } qw(qty ship right discount linetotal stock_in_out weight ship_missing);
|
|
222 |
my %align = map { $_ => 'right' } qw(right linetotal stock_in_out weight ship_missing);
|
|
223 | 223 |
my %nowrap = map { $_ => 1 } qw(description unit price_source); |
224 | 224 |
|
225 | 225 |
$form->{marge_total} = 0; |
... | ... | |
303 | 303 |
my $rows = $form->numtextrows($form->{"description_$i"}, 30, 6); |
304 | 304 |
|
305 | 305 |
# quick delete single row |
306 |
$column_data{runningnumber} = q|<a onclick= "$('#partnumber_| . $i . q|').val(''); $('#update_button').click();">| . |
|
306 |
$column_data{runningnumber} = q|<a onclick= "$('#partnumber_| . $i . q|').val(''); $('#update_button').click();" class="row-position">| .
|
|
307 | 307 |
q|<img height="10px" width="10px" src="image/cross.png" alt="| . $locale->text('Remove') . q|"></a> |; |
308 |
$column_data{runningnumber} .= $cgi->textfield(-name => "runningnumber_$i", -id => "runningnumber_$i", -size => 2, -value => $i); # HuT |
|
308 |
$column_data{runningnumber} .= $cgi->textfield(-name => "runningnumber_$i", -id => "runningnumber_$i", -size => 2, -value => $i, -class => "row-position wi-smallest"); # HuT
|
|
309 | 309 |
|
310 | 310 |
|
311 | 311 |
$column_data{partnumber} = $cgi->textfield(-name => "partnumber_$i", -id => "partnumber_$i", -size => 12, -value => $form->{"partnumber_$i"}); |
312 | 312 |
$column_data{type_and_classific} = SL::Presenter::Part::type_abbreviation($form->{"part_type_$i"}). |
313 | 313 |
SL::Presenter::Part::classification_abbreviation($form->{"classification_id_$i"}) if $form->{"id_$i"}; |
314 | 314 |
$column_data{description} = (($rows > 1) # if description is too large, use a textbox instead |
315 |
? $cgi->textarea( -name => "description_$i", -id => "description_$i", -default => $form->{"description_$i"}, -rows => $rows, -columns => 30)
|
|
316 |
: $cgi->textfield(-name => "description_$i", -id => "description_$i", -value => $form->{"description_$i"}, -size => 30))
|
|
317 |
. $cgi->button(-value => $locale->text('L'), -onClick => "kivi.SalesPurchase.edit_longdescription($i)"); |
|
315 |
? $cgi->textarea( -name => "description_$i", -id => "description_$i", -default => $form->{"description_$i"}, -rows => $rows, -class => "wi-lightwide")
|
|
316 |
: $cgi->textfield(-name => "description_$i", -id => "description_$i", -value => $form->{"description_$i"}, -class => "wi-lightwide"))
|
|
317 |
. $cgi->button(-value => $locale->text('L'), -onClick => "kivi.SalesPurchase.edit_longdescription($i)", -class => "wi-tiny");
|
|
318 | 318 |
|
319 | 319 |
my $qty_dec = ($form->{"qty_$i"} =~ /\.(\d+)/) ? length $1 : 2; |
320 | 320 |
|
321 |
$column_data{qty} = $cgi->textfield(-name => "qty_$i", -size => 5, -class => "numeric", -value => $form->format_amount(\%myconfig, $form->{"qty_$i"}, $qty_dec));
|
|
321 |
$column_data{qty} = $cgi->textfield(-name => "qty_$i", -class => "numeric wi-verysmall", -value => $form->format_amount(\%myconfig, $form->{"qty_$i"}, $qty_dec));
|
|
322 | 322 |
$column_data{qty} .= $cgi->button(-onclick => "calculate_qty_selection_dialog('qty_$i', '', 'formel_$i', '')", -value => $locale->text('*/')) |
323 | 323 |
. $cgi->hidden(-name => "formel_$i", -value => $form->{"formel_$i"}) |
324 | 324 |
if $form->{"formel_$i"}; |
... | ... | |
378 | 378 |
my $edit_discounts = $main::auth->assert('edit_prices', 1) && !$::form->{"active_discount_source_$i"}; |
379 | 379 |
$column_data{sellprice} = (!$edit_prices) |
380 | 380 |
? $cgi->hidden( -name => "sellprice_$i", -id => "sellprice_$i", -value => $sellprice_value) . $sellprice_value |
381 |
: $cgi->textfield(-name => "sellprice_$i", -id => "sellprice_$i", -size => 10, -class => "numeric", -value => $sellprice_value); |
|
381 |
: $cgi->textfield(-name => "sellprice_$i", -id => "sellprice_$i", -size => 10, -class => "numeric wi-verysmall", -value => $sellprice_value);
|
|
382 | 382 |
$column_data{discount} = (!$edit_discounts) |
383 | 383 |
? $cgi->hidden( -name => "discount_$i", -id => "discount_$i", -value => $discount_value) . $discount_value . ' %' |
384 |
: $cgi->textfield(-name => "discount_$i", -id => "discount_$i", -size => 3, -"data-validate" => "number", -class => "numeric", -value => $discount_value); |
|
384 |
: $cgi->textfield(-name => "discount_$i", -id => "discount_$i", -size => 3, -"data-validate" => "number", -class => "numeric wi-smallest", -value => $discount_value);
|
|
385 | 385 |
|
386 | 386 |
if ($is_delivery_order) { |
387 | 387 |
$column_data{stock_in_out} = calculate_stock_in_out($i); |
388 | 388 |
} |
389 | 389 |
|
390 |
$column_data{serialnr} = qq|<input name="serialnumber_$i" size="15" value="$form->{"serialnumber_$i"}">|;
|
|
390 |
$column_data{serialnr} = qq|<input name="serialnumber_$i" class="wi-normal" value="$form->{"serialnumber_$i"}" type="text">|;
|
|
391 | 391 |
$column_data{projectnr} = NTI($cgi->popup_menu( |
392 | 392 |
'-name' => "project_id_$i", |
393 | 393 |
'-values' => \@projectnumber_values, |
394 | 394 |
'-labels' => \%projectnumber_labels, |
395 |
'-default' => $form->{"project_id_$i"} |
|
395 |
'-default' => $form->{"project_id_$i"}, |
|
396 |
'-type' => "text", |
|
397 |
'-class' => "wi-normal" |
|
396 | 398 |
)); |
397 |
$column_data{reqdate} = qq|<input name="reqdate_$i" size="11" data-validate="date" value="$form->{"reqdate_$i"}">|;
|
|
399 |
$column_data{reqdate} = qq|<input name="reqdate_$i" class="wi-normal" data-validate="date" value="$form->{"reqdate_$i"}" type="text">|;
|
|
398 | 400 |
$column_data{subtotal} = sprintf qq|<input type="checkbox" name="subtotal_$i" value="1" %s>|, $form->{"subtotal_$i"} ? 'checked' : ''; |
399 | 401 |
|
400 | 402 |
# begin marge calculations |
... | ... | |
431 | 433 |
|
432 | 434 |
map { $form->{"${_}_$i"} = $form->format_amount(\%myconfig, $form->{"${_}_$i"}, 2) } qw(marge_absolut marge_percent); |
433 | 435 |
|
434 |
$column_data{marge} = sprintf qq|<font %s>%s %s%%</font>|,
|
|
436 |
$column_data{marge} = sprintf qq|<span class=\"data\" %s>%s %s%%</data>|,
|
|
435 | 437 |
$marge_color, $form->{"marge_absolut_$i"}, $form->{"marge_percent_$i"}; |
436 |
$column_data{listprice} = $form->format_amount(\%myconfig, $form->{"listprice_$i"}, 2);
|
|
437 |
$column_data{lastcost} = sprintf qq|<input size="5" name="lastcost_$i" value="%s">|, $form->format_amount(\%myconfig, $form->{"lastcost_$i"}, $decimalplaces);
|
|
438 |
$column_data{listprice} = "<span class=\"data\">" . $form->format_amount(\%myconfig, $form->{"listprice_$i"}, 2) . "</span>";
|
|
439 |
$column_data{lastcost} = sprintf qq|<input class="wi-normal" name="lastcost_$i" value="%s" type="text">|, $form->format_amount(\%myconfig, $form->{"lastcost_$i"}, $decimalplaces);
|
|
438 | 440 |
# / marge calculations ending |
439 | 441 |
|
440 | 442 |
# Calculate total weight |
... | ... | |
444 | 446 |
if ($form->{"id_$i"}) { |
445 | 447 |
my $part = IC->get_basic_part_info(id => $form->{"id_$i"}); |
446 | 448 |
my $onhand_color = $part->{onhand} < $part->{rop} ? 'color="#ff0000"' : ''; |
447 |
$column_data{onhand} = sprintf "<font %s>%s %s</font>",
|
|
449 |
$column_data{onhand} = sprintf "<span class=\"data\" %s>%s %s</span>",
|
|
448 | 450 |
$onhand_color, |
449 | 451 |
$form->format_amount(\%myconfig, $part->{onhand}, 2), |
450 | 452 |
$part->{unit}; |
... | ... | |
452 | 454 |
# / calculate onhand |
453 | 455 |
|
454 | 456 |
my @ROW1 = map { { value => $column_data{$_}, align => $align{$_}, nowrap => $nowrap{$_} } } grep { $column_def{$_}{display} } @header_sort; |
455 |
my @ROW2 = map { { value => sprintf "<b>%s</b> %s", $column_def{$_}{value}, $column_data{$_} } } grep { $column_def{$_}{display} } @row2_sort;
|
|
457 |
my @ROW2 = map { { value => sprintf "<span class=\"label horizontal\">%s</span> %s", $column_def{$_}{value}, "<span class=\"value\">$column_data{$_}</span>" } } grep { $column_def{$_}{display} } @row2_sort;
|
|
456 | 458 |
|
457 | 459 |
my @hidden_vars; |
458 | 460 |
# add hidden ids for persistent (item|invoice)_ids and previous (converted_from*) ids |
css/developement/farben.html | ||
---|---|---|
5 | 5 |
<link href="../style.css" rel="stylesheet"> |
6 | 6 |
<title>Kommunikation mit Farben in Kivitendo</title> |
7 | 7 |
|
8 |
<script type="text/javascript" src="/js/jquery.js"></script> |
|
9 |
<script type="text/javascript" src="/js/common.js"></script> |
|
10 |
<script type="text/javascript" src="/js/namespace.js"></script> |
|
11 |
<script type="text/javascript" src="/js/kivi.js"></script> |
|
12 |
<script type="text/javascript" src="/js/locale/de.js"></script> |
|
13 |
<script type="text/javascript" src="/js/jquery-ui.js"></script> |
|
14 |
<script type="text/javascript" src="/js/kivi.QuickSearch.js"></script> |
|
15 |
<script type="text/javascript" src="/js/kivi.ActionBar.js"></script> |
|
16 |
<script type="text/javascript" src="/js/kivi.Draft.js"></script> |
|
17 |
<script type="text/javascript" src="/js/kivi.File.js"></script> |
|
18 |
<script type="text/javascript" src="/js/kivi.SalesPurchase.js"></script> |
|
19 |
<script type="text/javascript" src="/js/kivi.Part.js"></script> |
|
20 |
<script type="text/javascript" src="/js/ckeditor/ckeditor.js"></script> |
|
21 |
<script type="text/javascript" src="/js/ckeditor/adapters/jquery.js"></script> |
|
22 |
<script type="text/javascript" src="/js/kivi.io.js"></script> |
|
23 |
<script type="text/javascript" src="/js/autocomplete_customer.js"></script> |
|
24 |
<script type="text/javascript" src="/js/client_js.js"></script> |
|
25 |
<script type="text/javascript" src="/js/jquery.cookie.js"></script> |
|
26 |
<script type="text/javascript" src="/js/jquery.checkall.js"></script> |
|
27 |
<script type="text/javascript" src="/js/jquery.download.js"></script> |
|
28 |
<script type="text/javascript" src="/js/jquery/jquery.form.js"></script> |
|
29 |
<script type="text/javascript" src="/js/jquery/fixes.js"></script> |
|
30 |
<script type="text/javascript" src="/js/jquery/jquery.tooltipster.min.js"></script> |
|
31 |
<script type="text/javascript" src="/js/jquery/ui/i18n/jquery.ui.datepicker-de.js"></script> |
|
8 |
<script type="text/javascript" src="../../js/jquery.js"></script>
|
|
9 |
<script type="text/javascript" src="../../js/common.js"></script>
|
|
10 |
<script type="text/javascript" src="../../js/namespace.js"></script>
|
|
11 |
<script type="text/javascript" src="../../js/kivi.js"></script>
|
|
12 |
<script type="text/javascript" src="../../js/locale/de.js"></script>
|
|
13 |
<script type="text/javascript" src="../../js/jquery-ui.js"></script>
|
|
14 |
<script type="text/javascript" src="../../js/kivi.QuickSearch.js"></script>
|
|
15 |
<script type="text/javascript" src="../../js/kivi.ActionBar.js"></script>
|
|
16 |
<script type="text/javascript" src="../../js/kivi.Draft.js"></script>
|
|
17 |
<script type="text/javascript" src="../../js/kivi.File.js"></script>
|
|
18 |
<script type="text/javascript" src="../../js/kivi.SalesPurchase.js"></script>
|
|
19 |
<script type="text/javascript" src="../../js/kivi.Part.js"></script>
|
|
20 |
<script type="text/javascript" src="../../js/ckeditor/ckeditor.js"></script>
|
|
21 |
<script type="text/javascript" src="../../js/ckeditor/adapters/jquery.js"></script>
|
|
22 |
<script type="text/javascript" src="../../js/kivi.io.js"></script>
|
|
23 |
<script type="text/javascript" src="../../js/autocomplete_customer.js"></script>
|
|
24 |
<script type="text/javascript" src="../../js/client_js.js"></script>
|
|
25 |
<script type="text/javascript" src="../../js/jquery.cookie.js"></script>
|
|
26 |
<script type="text/javascript" src="../../js/jquery.checkall.js"></script>
|
|
27 |
<script type="text/javascript" src="../../js/jquery.download.js"></script>
|
|
28 |
<script type="text/javascript" src="../../js/jquery/jquery.form.js"></script>
|
|
29 |
<script type="text/javascript" src="../../js/jquery/fixes.js"></script>
|
|
30 |
<script type="text/javascript" src="../../js/jquery/jquery.tooltipster.min.js"></script>
|
|
31 |
<script type="text/javascript" src="../../js/jquery/ui/i18n/jquery.ui.datepicker-de.js"></script>
|
|
32 | 32 |
|
33 | 33 |
</head> |
34 | 34 |
<body class="developing"> |
css/developement/form-elements-special.html | ||
---|---|---|
4 | 4 |
<meta charset="utf-8" /> |
5 | 5 |
<link href="../style.css" rel="stylesheet"> |
6 | 6 |
|
7 |
<script type="text/javascript" src="/js/jquery.js"></script> |
|
8 |
<script type="text/javascript" src="/js/common.js"></script> |
|
9 |
<script type="text/javascript" src="/js/namespace.js"></script> |
|
10 |
<script type="text/javascript" src="/js/kivi.js"></script> |
|
11 |
<script type="text/javascript" src="/js/locale/de.js"></script> |
|
12 |
<script type="text/javascript" src="/js/jquery-ui.js"></script> |
|
13 |
<script type="text/javascript" src="/js/kivi.QuickSearch.js"></script> |
|
14 |
<script type="text/javascript" src="/js/kivi.ActionBar.js"></script> |
|
15 |
<script type="text/javascript" src="/js/kivi.Draft.js"></script> |
|
16 |
<script type="text/javascript" src="/js/kivi.File.js"></script> |
|
17 |
<script type="text/javascript" src="/js/kivi.SalesPurchase.js"></script> |
|
18 |
<script type="text/javascript" src="/js/kivi.Part.js"></script> |
|
19 |
<script type="text/javascript" src="/js/ckeditor/ckeditor.js"></script> |
|
20 |
<script type="text/javascript" src="/js/ckeditor/adapters/jquery.js"></script> |
|
21 |
<script type="text/javascript" src="/js/kivi.io.js"></script> |
|
22 |
<script type="text/javascript" src="/js/autocomplete_customer.js"></script> |
|
23 |
<script type="text/javascript" src="/js/client_js.js"></script> |
|
24 |
<script type="text/javascript" src="/js/jquery.cookie.js"></script> |
|
25 |
<script type="text/javascript" src="/js/jquery.checkall.js"></script> |
|
26 |
<script type="text/javascript" src="/js/jquery.download.js"></script> |
|
27 |
<script type="text/javascript" src="/js/jquery/jquery.form.js"></script> |
|
28 |
<script type="text/javascript" src="/js/jquery/fixes.js"></script> |
|
29 |
<script type="text/javascript" src="/js/jquery/jquery.tooltipster.min.js"></script> |
|
30 |
<script type="text/javascript" src="/js/jquery/ui/i18n/jquery.ui.datepicker-de.js"></script> |
|
31 |
<script type="text/javascript" src="/js/jquery.multiselect2side.js"></script> |
|
32 |
<script type="text/javascript" src="/js/jquery.selectboxes.js"> |
|
33 |
|
|
34 |
</script> |
|
7 |
<script type="text/javascript" src="../../js/jquery.js"></script> |
|
8 |
<script type="text/javascript" src="../../js/common.js"></script> |
|
9 |
<script type="text/javascript" src="../../js/namespace.js"></script> |
|
10 |
<script type="text/javascript" src="../../js/kivi.js"></script> |
|
11 |
<script type="text/javascript" src="../../js/locale/de.js"></script> |
|
12 |
<script type="text/javascript" src="../../js/jquery-ui.js"></script> |
|
13 |
<script type="text/javascript" src="../../js/kivi.QuickSearch.js"></script> |
|
14 |
<script type="text/javascript" src="../../js/kivi.ActionBar.js"></script> |
|
15 |
<script type="text/javascript" src="../../js/kivi.Draft.js"></script> |
|
16 |
<script type="text/javascript" src="../../js/kivi.File.js"></script> |
|
17 |
<script type="text/javascript" src="../../js/kivi.SalesPurchase.js"></script> |
|
18 |
<script type="text/javascript" src="../../js/kivi.Part.js"></script> |
|
19 |
<script type="text/javascript" src="../../js/ckeditor/ckeditor.js"></script> |
|
20 |
<script type="text/javascript" src="../../js/ckeditor/adapters/jquery.js"></script> |
|
21 |
<script type="text/javascript" src="../../js/kivi.io.js"></script> |
|
22 |
<script type="text/javascript" src="../../js/autocomplete_customer.js"></script> |
|
23 |
<script type="text/javascript" src="../../js/client_js.js"></script> |
|
24 |
<script type="text/javascript" src="../../js/jquery.cookie.js"></script> |
|
25 |
<script type="text/javascript" src="../../js/jquery.checkall.js"></script> |
|
26 |
<script type="text/javascript" src="../../js/jquery.download.js"></script> |
|
27 |
<script type="text/javascript" src="../../js/jquery/jquery.form.js"></script> |
|
28 |
<script type="text/javascript" src="../../js/jquery/fixes.js"></script> |
|
29 |
<script type="text/javascript" src="../../js/jquery/jquery.tooltipster.min.js"></script> |
|
30 |
<script type="text/javascript" src="../../js/jquery/ui/i18n/jquery.ui.datepicker-de.js"></script> |
|
31 |
<script type="text/javascript" src="../../js/jquery.multiselect2side.js"></script> |
|
32 |
<script type="text/javascript" src="../../js/jquery.selectboxes.js"></script> |
|
35 | 33 |
|
36 | 34 |
<title>Spezielle Formular-Elemente</title> |
37 | 35 |
</head> |
... | ... | |
202 | 200 |
|
203 | 201 |
|
204 | 202 |
<div class="wrapper"> |
205 |
|
|
206 |
|
|
207 |
<div class="filter_toggle" style="display: block;"> |
|
208 |
<a href="#" onclick="javascript:$(".filter_toggle").toggle()" class="button toggle off neutral">Filter zeigen</a> Aktiv, Gültig |
|
209 |
</div> |
|
210 |
<div class="filter_toggle" style="display: none;"> |
|
211 |
<a href="#" onclick="javascript:$(".filter_toggle").toggle()" class="button toggle on neutral with-panel">Filter verbergen</a> |
|
212 |
<div class="filter-toggle-panel"> |
|
213 |
<table id="filter_table" class="tbl-horizontal"> |
|
214 |
<caption>Projekt</caption> |
|
215 |
<tbody> |
|
216 |
<tr> |
|
217 |
<th>Nummer</th> |
|
218 |
<td><input id="filter_projectnumber_substr_ilike" value="" class="wi-normal" name="filter.projectnumber:substr::ilike" type="text"> |
|
219 |
</td> |
|
220 |
</tr> |
|
221 |
<tr> |
|
222 |
<th>Beschreibung</th> |
|
223 |
<td><input id="filter_description_substr_ilike" value="" name="filter.description:substr::ilike" class="wi-normal initial_focus" type="text"> |
|
224 |
</td> |
|
225 |
</tr> |
|
226 |
<tr> |
|
227 |
<th>Kunde</th> |
|
228 |
<td><input type="text" class="wi-normal" name="filter.customer.name:substr::ilike" id="filter_customer_name_substr_ilike" value=""> |
|
229 |
</td> |
|
230 |
</tr> |
|
231 |
<tr> |
|
232 |
<th>Projekttyp</th> |
|
233 |
<td> |
|
234 |
<select id="filter_project_type_id" class="wi-normal" name="filter.project_type_id"> |
|
235 |
<option value=""></option> |
|
236 |
<option value="1">Standard</option> |
|
237 |
</select> |
|
238 |
</td> |
|
239 |
</tr> |
|
240 |
<tr> |
|
241 |
<th>Projektstatus</th> |
|
242 |
<td> |
|
243 |
<select id="filter_project_status_id" class="wi-normal" name="filter.project_status_id"> |
|
244 |
<option value=""></option> |
|
245 |
<option value="1">Akquise</option> |
|
246 |
<option value="2">In Planung</option> |
|
247 |
</select> |
|
248 |
</td> |
|
249 |
</tr> |
|
250 |
</tbody> |
|
251 |
</table> |
|
252 |
<table class="tbl-horizontal"> |
|
253 |
<caption>In Bericht aufnehmen</caption> |
|
254 |
<tbody> |
|
255 |
<tr> |
|
256 |
<td> |
|
257 |
<select style="width: 200px" name="filter.active" id="filter_active"> |
|
258 |
<option selected="" value="active">Aktiv</option> |
|
259 |
<option value="inactive">Inaktiv</option> |
|
260 |
</select> |
|
261 |
</td> |
|
262 |
</tr> |
|
263 |
<tr> |
|
264 |
<td> |
|
265 |
<select id="filter_valid" style="width: 200px" name="filter.valid"> |
|
266 |
<option value="valid" selected="">Gültig</option> |
|
267 |
<option value="invalid">Ungültig</option> |
|
268 |
</select> |
|
269 |
</td> |
|
270 |
</tr> |
|
271 |
<tr> |
|
272 |
<td> |
|
273 |
<select id="filter_status" style="width: 200px" name="filter.status"> |
|
274 |
<option value="all">Alle</option> |
|
275 |
<option value="orphaned">Nie benutzt</option> |
|
276 |
</select> |
|
277 |
</td> |
|
278 |
</tr> |
|
279 |
</tbody> |
|
280 |
</table> |
|
281 |
<div class="buttons"> |
|
282 |
<input type="button" onclick="$("#search_form").resetForm()" class="neutral" value="Zurücksetzen"> |
|
203 |
<div class="filter_toggle" style="display: block;"> |
|
204 |
<a href="#" onclick="javascript:$('.filter_toggle').toggle()" class="button toggle off neutral">Filter zeigen</a> |
|
205 |
</div> |
|
206 |
<div class="filter_toggle" style="display: none;"> |
|
207 |
<a href="#" onclick="javascript:$('.filter_toggle').toggle()" class="button toggle on neutral with-panel">Filter verbergen</a> |
|
208 |
<!-- PENDENT: Panel einbauen --> |
|
209 |
<div class="filter-toggle-panel"> |
|
210 |
<table id="filter_table" class="tbl-horizontal"> |
|
211 |
<caption>Ware</caption> |
|
212 |
<tbody> |
|
213 |
<tr> |
|
214 |
<th>Beschreibung</th> |
|
215 |
<td><input value="" name="filter.name:substr::ilike" type="text" id="filter_name_substr_ilike" class="wi-normal" size="20"> |
|
216 |
</td> |
|
217 |
</tr> |
|
218 |
<tr> |
|
219 |
<th>Typ</th> |
|
220 |
<td> |
|
221 |
<select name="filter.type" id="price_rule_filter_type" class="wi-normal"> |
|
222 |
<option value=""></option> |
|
223 |
<option value="customer">Preisregeln (Verkauf)</option> |
|
224 |
<option value="vendor">Preisregeln (Einkauf)</option> |
|
225 |
</select> |
|
226 |
</td> |
|
227 |
</tr> |
|
228 |
<tr> |
|
229 |
<th>Ware</th> |
|
230 |
<td><span class="part_picker"><input data-part-picker-data="{'class':'wi-normal'}" value="" name="filter.item_type_matches[].part" id="filter_item_type_matches5719277_part" type="hidden" class="wi-normal part_autocomplete"> |
|
231 |
<span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span><input value="" name="" type="text" class="wi-normal ui-autocomplete-input" id="filter_item_type_matches5719277_part_name" autocomplete="off"> |
|
232 |
<span class="ppp_popup_button"></span></span></td> |
|
233 |
</tr> |
|
234 |
<tr> |
|
235 |
<th>Warengruppe</th> |
|
236 |
<td> |
|
237 |
<select name="filter.item_type_matches[].partsgroup" id="filter_item_type_matches5719278_partsgroup" class="wi-normal"> |
|
238 |
<option value=""></option> |
|
239 |
<option value="447">Computer Occasion</option> |
|
240 |
<option value="448">Hardwareteile Occasion</option> |
|
241 |
<option value="449">Computer neu</option> |
|
242 |
<option value="450">Hardwareteile neu</option> |
|
243 |
<option value="451">Peripheriegeräte neu</option> |
|
244 |
<option value="452">Peripheriegeräte Occasion</option> |
|
245 |
<option value="528">Dienstleistung</option> |
|
246 |
<option value="594">Lizenzgebühren</option> |
|
247 |
<option value="635">Zubehör</option> |
|
248 |
<option value="681">Verbrauchsmaterial</option> |
|
249 |
<option value="920">Geldbetraege</option> |
|
250 |
<option value="13376">0Kundengerät</option> |
|
251 |
<option value="27265">Dienstleistung (Stunden)</option> |
|
252 |
</select> |
|
253 |
</td> |
|
254 |
</tr> |
|
255 |
<tr> |
|
256 |
<th>Menge</th> |
|
257 |
<td><input value="" name="filter.item_type_matches[].qty" type="text" id="filter_item_type_matches5719279_qty" class="wi-normal"> |
|
258 |
</td> |
|
259 |
</tr> |
|
260 |
<tr id="price_rule_filter_customer_tr" style="display:none"> |
|
261 |
<th>Kunde</th> |
|
262 |
<td><span class="customer_vendor_picker"><input value="" name="filter.item_type_matches[].customer" id="price_rule_filter_customer" type="hidden" class="wi-normal customer_vendor_autocomplete" data-customer-vendor-picker-data="{'type':'customer','class':'wi-normal'}"> |
|
263 |
<span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span><input value="" name="" class="wi-normal ui-autocomplete-input" type="customer" id="price_rule_filter_customer_name" autocomplete="off"> |
|
264 |
</span></td> |
|
265 |
</tr> |
|
266 |
<tr id="price_rule_filter_vendor_tr" style="display:none"> |
|
267 |
<!-- PENDENT: Korrekt mit customer? --> |
|
268 |
<th>Lieferant</th> |
|
269 |
<td><span class="customer_vendor_picker"><input value="" name="filter.item_type_matches[].vendor" id="price_rule_filter_vendor" type="hidden" class="wi-normal customer_vendor_autocomplete" data-customer-vendor-picker-data="{'type':'vendor','class':'wi-normal'}"> |
|
270 |
<span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span><input value="" name="" class="wi-normal ui-autocomplete-input" type="vendor" id="price_rule_filter_vendor_name" autocomplete="off"> |
|
271 |
</span></td> |
|
272 |
</tr> |
|
273 |
<tr> |
|
274 |
<th>Kunden-/Lieferantentyp</th> |
|
275 |
<td> |
|
276 |
<select name="filter.item_type_matches[].business" id="filter_item_type_matches5719280_business" class="wi-normal"> |
|
277 |
<option value=""></option> |
|
278 |
<option value="23353">LehrerInnen</option> |
|
279 |
<option value="23347">IT-Firma</option> |
|
280 |
<option value="41723">Behörde</option> |
|
281 |
<option value="158">Firma</option> |
|
282 |
<option value="157">Privatperson</option> |
|
283 |
</select> |
|
284 |
</td> |
|
285 |
</tr> |
|
286 |
</tbody> |
|
287 |
</table> |
|
288 |
<table id="filter_table" class="tbl-horizontal"> |
|
289 |
<caption>Dates</caption> |
|
290 |
<tbody> |
|
291 |
<tr> |
|
292 |
<th>Liefertermin</th> |
|
293 |
<td><input value="" name="filter.item_type_matches[].reqdate" type="text" class="datepicker wi-date hasDatepicker" id="filter_item_type_matches5719281_reqdate" data-validate="date" size="11"> |
|
294 |
<img class="ui-datepicker-trigger" src="image/calendar.png" alt="..." title="..."></td> |
|
295 |
</tr> |
|
296 |
<tr> |
|
297 |
<th>Buchungsdatum Beleg</th> |
|
298 |
<td><input value="" name="filter.item_type_matches[].transdate" type="text" class="datepicker wi-date hasDatepicker" id="filter_item_type_matches5719282_transdate" data-validate="date" size="11"> |
|
299 |
<img class="ui-datepicker-trigger" src="image/calendar.png" alt="..." title="..."></td> |
|
300 |
</tr> |
|
301 |
<tr> |
|
302 |
<th class="caption" colspan="2">Prices & Discounts</th> |
|
303 |
</tr> |
|
304 |
<tr> |
|
305 |
<th>Preisgruppe</th> |
|
306 |
<td> |
|
307 |
<select name="filter.item_type_matches[].pricegroup" id="filter_item_type_matches5719283_pricegroup" class="wi-normal"> |
|
308 |
<option value=""></option> |
|
309 |
<option value="0">keine Preisgruppe</option> |
|
310 |
<option value="27267">50 CHF pro Stunde</option> |
|
311 |
<option value="27268">100 CHF pro Stunde</option> |
|
312 |
</select> |
|
313 |
<br> |
|
314 |
</td> |
|
315 |
</tr> |
|
316 |
<tr> |
|
317 |
<th>Preis</th> |
|
318 |
<td><input value="" name="filter.price:number" type="text" id="filter_price_number" class="wi-normal" size="20"> |
|
319 |
</td> |
|
320 |
</tr> |
|
321 |
<tr> |
|
322 |
<th>Abschlag</th> |
|
323 |
<td><input value="" name="filter.reduction:number" type="text" id="filter_reduction_number" class="wi-normal" size="20"> |
|
324 |
</td> |
|
325 |
</tr> |
|
326 |
<tr> |
|
327 |
<th>Rabatt</th> |
|
328 |
<td><input value="" name="filter.discount:number" type="text" id="filter_discount_number" class="wi-normal" size="20"> |
|
329 |
</td> |
|
330 |
</tr> |
|
331 |
<tr> |
|
332 |
<th class="caption" colspan="2">Status</th> |
|
333 |
</tr> |
|
334 |
<tr> |
|
335 |
<th>Priorität</th> |
|
336 |
<td> |
|
337 |
<select name="filter.priority" id="filter_priority" class="wi-normal"> |
|
338 |
<option value="" selected="">Alle</option> |
|
339 |
<option value="3">Normal</option> |
|
340 |
<option value="4">Override</option> |
|
341 |
</select> |
|
342 |
</td> |
|
343 |
</tr> |
|
344 |
<tr> |
|
345 |
<th>Ungültig</th> |
|
346 |
<td> |
|
347 |
<select name="filter.obsolete" id="filter_obsolete" class="wi-normal"> |
|
348 |
<option value="">Beide</option> |
|
349 |
<option value="0" selected="">Gültig</option> |
|
350 |
<option value="1">Ungültig</option> |
|
351 |
</select> |
|
352 |
</td> |
|
353 |
</tr> |
|
354 |
</tbody> |
|
355 |
</table> |
|
356 |
<div class="col list"> |
|
357 |
<h3 class="caption">Hat Regeltypen</h3> |
|
358 |
<div> |
|
359 |
<input value="part" name="filter.has_item_type[]" id="filter_has_item_type5719284" type="checkbox"> |
|
360 |
<label for="filter_has_item_type5719284">Ware</label> |
|
361 |
<br> |
|
362 |
<input value="customer" name="filter.has_item_type[]" id="filter_has_item_type5719285" type="checkbox"> |
|
363 |
<label for="filter_has_item_type5719285">Kunde</label> |
|
364 |
<br> |
|
365 |
<input value="vendor" name="filter.has_item_type[]" id="filter_has_item_type5719286" type="checkbox"> |
|
366 |
<label for="filter_has_item_type5719286">Lieferant</label> |
|
367 |
<br> |
|
368 |
<input value="business" name="filter.has_item_type[]" id="filter_has_item_type5719287" type="checkbox"> |
|
369 |
<label for="filter_has_item_type5719287">Kunden-/Lieferantentyp</label> |
|
370 |
<br> |
|
371 |
<input value="partsgroup" name="filter.has_item_type[]" id="filter_has_item_type5719288" type="checkbox"> |
|
372 |
<label for="filter_has_item_type5719288">Warengruppe</label> |
|
373 |
<br> |
|
374 |
<input value="qty" name="filter.has_item_type[]" id="filter_has_item_type5719289" type="checkbox"> |
|
375 |
<label for="filter_has_item_type5719289">Menge</label> |
|
376 |
<br> |
|
377 |
<input value="reqdate" name="filter.has_item_type[]" id="filter_has_item_type5719290" type="checkbox"> |
|
378 |
<label for="filter_has_item_type5719290">Liefertermin</label> |
|
379 |
<br> |
|
380 |
<input value="transdate" name="filter.has_item_type[]" id="filter_has_item_type5719291" type="checkbox"> |
|
381 |
<label for="filter_has_item_type5719291">Buchungsdatum</label> |
|
382 |
<br> |
|
383 |
<input value="pricegroup" name="filter.has_item_type[]" id="filter_has_item_type5719292" type="checkbox"> |
|
384 |
<label for="filter_has_item_type5719292">Preisgruppe</label> |
|
385 |
<br> |
|
386 |
</div> |
|
387 |
</div> |
|
388 |
<input value="name" name="sort_by" id="sort_by" type="hidden"> |
|
389 |
<input value="0" name="sort_dir" id="sort_dir" type="hidden"> |
|
390 |
<input value="1" name="page" id="page" type="hidden"> |
|
391 |
<div class="buttons"> |
|
392 |
<input value="Reset Filter" class="neutral" type="reset" onclick="$('#search_form').resetForm()"> |
|
393 |
</div> |
|
283 | 394 |
</div> |
395 |
<!-- /.filter-toggle-panel --> |
|
284 | 396 |
</div> |
285 |
<!-- /.filter_panel -->
|
|
397 |
<!-- /.filter_toggle -->
|
|
286 | 398 |
</div> |
287 | 399 |
|
288 | 400 |
|
289 |
</div> |
|
290 |
|
|
291 |
|
|
292 |
|
|
293 |
|
|
294 | 401 |
|
295 | 402 |
|
296 | 403 |
|
css/less/common.less | ||
---|---|---|
42 | 42 |
body { |
43 | 43 |
// don't use this IE stuff anymore!!! |
44 | 44 |
//behavior:url("csshover.htc") ; |
45 |
padding: 0px;
|
|
45 |
padding: 0; |
|
46 | 46 |
margin: 0 ; |
47 | 47 |
} |
48 | 48 |
|
... | ... | |
93 | 93 |
// -------------------------------------- |
94 | 94 |
|
95 | 95 |
@media screen { .noscreen { display: none; } } |
96 |
@media print { .noprint { display: none ;} } |
|
96 |
@media print { .noprint { display: none ;} }
|
|
97 | 97 |
@media handheld { .nomobile { display: none; } } |
98 | 98 |
|
99 | 99 |
|
css/less/forms.less | ||
---|---|---|
160 | 160 |
//float: right; |
161 | 161 |
display: inline-block; |
162 | 162 |
font-size: 84% ; |
163 |
|
|
164 |
&.icon{ |
|
165 |
padding: 0 !important ; |
|
166 |
} |
|
163 | 167 |
} |
164 | 168 |
|
165 | 169 |
|
... | ... | |
280 | 284 |
margin: 0 0 -2.0em 20.0em; |
281 | 285 |
padding: 0 ; |
282 | 286 |
} |
287 |
&.below{ |
|
288 |
padding: 0 ; |
|
289 |
margin: 0 ; |
|
290 |
} |
|
283 | 291 |
} |
284 | 292 |
.col .buttons{ |
285 | 293 |
padding: 1.0em 1.0em 1.0em 0 !important; |
... | ... | |
395 | 403 |
&.wi-mediumsmall { width: @select-wi-mediumsmall ; } |
396 | 404 |
&.wi-normal { width: @select-wi-normal ; } |
397 | 405 |
&.wi-lightwide { width: @select-wi-lightwide ; } |
398 |
&.wi-wide { min-width: @select-wi-wide ; }
|
|
406 |
&.wi-wide { width: @select-wi-wide ; }
|
|
399 | 407 |
&.wi-wider { min-width: @select-wi-wider ; } |
400 | 408 |
&.wi-verywide { min-width: @select-wi-verywide ; } |
401 | 409 |
&.wi-full { width: 100% ; } |
... | ... | |
424 | 432 |
|
425 | 433 |
|
426 | 434 |
&.wi-small-small { width: @textarea-wi-small-small ; } |
427 |
&.wi-small-mediumsmall { width: @textarea-wi-small-mediumsmall ; } |
|
435 |
&.wi-small-mediumsmall { width: @textarea-wi-small-mediumsmall ; margin: 0 30px 0 0 ; }
|
|
428 | 436 |
&.wi-small-normal { width: @textarea-wi-small-normal ; } |
429 | 437 |
&.wi-small-lightwide { width: @textarea-wi-small-lightwide ; } |
430 | 438 |
&.wi-small-wide { width: @textarea-wi-small-wide ; } |
... | ... | |
463 | 471 |
&.wi-wide-wider { width: @textarea-wi-wide-wider ; } |
464 | 472 |
&.wi-wide-verywide { width: @textarea-wi-wide-verywide ; } |
465 | 473 |
|
474 |
} |
|
475 |
// /DIMENSION textarea |
|
476 |
|
|
477 |
|
|
478 |
|
|
479 |
span { |
|
480 |
|
|
481 |
// Standard-Dimensions |
|
482 |
&.wi-smallest textarea , &.wi-smallest div.cke_editable { width: @textarea-wi-normal ; } // no smallest, just normal |
|
483 |
&.wi-verysmall textarea , &.wi-verysmall div.cke_editable { width: @textarea-wi-normal ; } // no verysmall, just normal |
|
484 |
&.wi-small textarea , &.wi-small div.cke_editable { width: @textarea-wi-normal ; } // no small, just normal |
|
485 |
&.wi-mediumsmall textarea , &.wi-mediumsmall div.cke_editable { width: @textarea-wi-normal ; } // no mediumsmall, just normal |
|
486 |
&.wi-normal textarea , &.wi-normal div.cke_editable { width: @textarea-wi-normal ; } |
|
487 |
&.wi-lightwide textarea , &.wi-lightwide div.cke_editable { min-width: @textarea-wi-lightwide ; } |
|
488 |
&.wi-wide textarea , &.wi-wide div.cke_editable { min-width: @textarea-wi-wide ; } |
|
489 |
&.wi-wide.strict { max-width: @textarea-wi-wide !important ; } |
|
490 |
&.wi-wider textarea , &.wi-wider div.cke_editable { min-width: @textarea-wi-wider ; } |
|
491 |
&.wi-verywide textarea , &.wi-verywide div.cke_editable { min-width: @textarea-wi-verywide ; } |
|
492 |
&.wi-full textarea , &.wi-full div.cke_editable { width: 100% ; } |
|
493 |
|
|
494 |
|
|
495 |
&.wi-small-small textarea , &.wi-small-small div.cke_editable { width: @textarea-wi-small-small ; } |
|
496 |
&.wi-small-mediumsmall textarea , &.wi-small-mediumsmall div.cke_editable { width: @textarea-wi-small-mediumsmall ; margin: 0 30px 0 0 ; } |
|
497 |
&.wi-small-normal textarea , &.wi-small-normal div.cke_editable { width: @textarea-wi-small-normal ; } |
|
498 |
&.wi-small-lightwide textarea , &.wi-small-lightwide div.cke_editable { width: @textarea-wi-small-lightwide ; } |
|
499 |
&.wi-small-wide textarea , &.wi-small-wide div.cke_editable { width: @textarea-wi-small-wide ; } |
|
500 |
&.wi-small-wider textarea , &.wi-small-wider div.cke_editable { width: @textarea-wi-small-wider ; } |
|
501 |
&.wi-small-verywide textarea , &.wi-small-verywide div.cke_editable { width: @textarea-wi-small-verywide ; } |
|
502 |
|
|
503 |
&.wi-mediumsmall-small textarea , &.wi-mediumsmall-small div.cke_editable { width: @textarea-wi-mediumsmall-small ; } |
|
504 |
&.wi-mediumsmall-mediumsmall textarea , &.wi-mediumsmall-mediumsmall div.cke_editable { width: @textarea-wi-mediumsmall-mediumsmall ; } |
|
505 |
&.wi-mediumsmall-normal textarea , &.wi-mediumsmall-normal div.cke_editable { width: @textarea-wi-mediumsmall-normal ; } |
|
506 |
&.wi-mediumsmall-lightwide textarea , &.wi-mediumsmall-lightwide div.cke_editable { width: @textarea-wi-mediumsmall-lightwide ; } |
|
507 |
&.wi-mediumsmall-wide textarea , &.wi-mediumsmall-wide > div.cke_editable { width: @textarea-wi-mediumsmall-wide !important ; } |
|
508 |
&.wi-mediumsmall-wider textarea , &.wi-mediumsmall-wider div.cke_editable { width: @textarea-wi-mediumsmall-wider ; } |
|
509 |
&.wi-mediumsmall-verywide textarea , &.wi-mediumsmall-verywide div.cke_editable { width: @textarea-wi-mediumsmall-verywide ; } |
|
510 |
|
|
511 |
&.wi-normal-small textarea , &.wi-normal-small div.cke_editable { width: @textarea-wi-normal-small ; } |
|
512 |
&.wi-normal-mediumsmall textarea , &.wi-normal-mediumsmall div.cke_editable { width: @textarea-wi-normal-mediumsmall ; } |
|
513 |
&.wi-normal-normal textarea , &.wi-normal-normal div.cke_editable { width: @textarea-wi-normal-normal ; } |
|
514 |
&.wi-normal-lightwide textarea , &.wi-normal-lightwide div.cke_editable { width: @textarea-wi-normal-lightwide ; } |
|
515 |
&.wi-normal-wide textarea , &.wi-normal-wide div.cke_editable { width: @textarea-wi-normal-wide ; } |
|
516 |
&.wi-normal-wider textarea , &.wi-normal-wider div.cke_editable { width: @textarea-wi-normal-wider ; } |
|
517 |
&.wi-normal-verywide textarea , &.wi-normal-verywide div.cke_editable { width: @textarea-wi-normal-verywide ; } |
|
466 | 518 |
|
519 |
&.wi-lightwide-small textarea , &.wi-lightwide-small div.cke_editable { width: @textarea-wi-lightwide-small ; } |
|
520 |
&.wi-lightwide-mediumsmall textarea , &.wi-lightwide-mediumsmall div.cke_editable { width: @textarea-wi-lightwide-mediumsmall ; } |
|
521 |
&.wi-lightwide-normal textarea , &.wi-lightwide-normal div.cke_editable { width: @textarea-wi-lightwide-normal ; } |
|
522 |
&.wi-lightwide-lightwide textarea , &.wi-lightwide-lightwide div.cke_editable { width: @textarea-wi-lightwide-lightwide ; } |
|
523 |
&.wi-lightwide-wide textarea , &.wi-lightwide-wide div.cke_editable { width: @textarea-wi-lightwide-wide ; } |
|
524 |
&.wi-lightwide-wider textarea , &.wi-lightwide-wider div.cke_editable { width: @textarea-wi-lightwide-wider ; } |
|
525 |
&.wi-lightwide-verywide textarea , &.wi-lightwide-verywide div.cke_editable { width: @textarea-wi-lightwide-verywide ; } |
|
526 |
|
|
527 |
&.wi-wide-small textarea , &.wi-wide-small div.cke_editable { width: @textarea-wi-wide-small ; } |
|
528 |
&.wi-wide-mediumsmall textarea , &.wi-wide-mediumsmall div.cke_editable { width: @textarea-wi-wide-mediumsmall ; } |
|
529 |
&.wi-wide-normal textarea , &.wi-wide-normal div.cke_editable { width: @textarea-wi-wide-normal ; } |
|
530 |
&.wi-wide-lightwide textarea , &.wi-wide-lightwide div.cke_editable { width: @textarea-wi-wide-wide ; } |
|
531 |
&.wi-wide-wide textarea , &.wi-wide-wide div.cke_editable { width: @textarea-wi-wide-wide ; } |
|
532 |
&.wi-wide-wider textarea , &.wi-wide-wider div.cke_editable { width: @textarea-wi-wide-wider ; } |
|
533 |
&.wi-wide-verywide textarea , &.wi-wide-verywide div.cke_editable { width: @textarea-wi-wide-verywide ; } |
|
467 | 534 |
|
468 | 535 |
} |
469 | 536 |
// /DIMENSION textarea |
... | ... | |
471 | 538 |
|
472 | 539 |
|
473 | 540 |
|
541 |
|
|
542 |
|
|
543 |
|
|
544 |
|
|
545 |
|
|
474 | 546 |
// -------------------------------------- |
475 | 547 |
// DATA-FORMAT |
476 | 548 |
// -------------------------------------- |
... | ... | |
611 | 683 |
} |
612 | 684 |
} |
613 | 685 |
|
686 |
// ------------------- |
|
687 |
// Boxes horizontal |
|
688 |
// |
|
689 |
|
|
690 |
td.horizontal { |
|
691 |
input[type="radio"]{ |
|
692 |
float: none !important; |
|
693 |
clear: none !important; |
|
694 |
} |
|
695 |
} |
|
696 |
|
|
697 |
|
|
698 |
|
|
699 |
|
|
614 | 700 |
|
615 | 701 |
|
616 | 702 |
} |
css/less/frame-header.less | ||
---|---|---|
109 | 109 |
margin-top: 0.1em; |
110 | 110 |
background-color: @dashbrd_input_bg ; |
111 | 111 |
width: 14.0% !important; |
112 |
border-color: #bcbcbc; |
|
113 | 112 |
padding: 0 0.2em ; |
114 | 113 |
border-width: 1px ; |
114 |
//border-color: #bcbcbc; |
|
115 |
border-style: solid; |
|
116 |
border-top-color: #949494; |
|
117 |
border-right-color: #BCBCBC; |
|
118 |
border-bottom-color: #BCBCBC; |
|
119 |
border-left-color: #949494; |
|
120 |
|
|
115 | 121 |
} |
116 | 122 |
|
117 | 123 |
} |
css/less/jquery-ui.custom.less | ||
---|---|---|
18 | 18 |
// - UI-TABS-COLLAPSIBLE |
19 | 19 |
// - DIV (UI-TABS-PANEL) |
20 | 20 |
// - UI-TABS-PANEL (CLASS) |
21 |
// UI-AUTOCOMPLETE |
|
21 | 22 |
// ---------------------------------------------------------------------------- |
22 | 23 |
|
23 | 24 |
|
... | ... | |
353 | 354 |
|
354 | 355 |
|
355 | 356 |
|
357 |
// -------------------------------------- |
|
358 |
// AUTOCOMPLETE |
|
359 |
// -------------------------------------- |
|
360 |
|
|
361 |
.ui-autocomplete { |
|
362 |
z-index: 9000 ; |
|
363 |
|
|
364 |
li{ |
|
365 |
|
|
366 |
a{ |
|
367 |
display: block ; |
|
368 |
font-size: 80% ; |
|
369 |
padding-top: 0.4em !important; |
|
370 |
padding-bottom: 0.4em !important; |
|
371 |
|
|
372 |
&:hover{ |
|
373 |
background-color: #C9C9C9; |
|
374 |
border: none ; |
|
375 |
color: #000 ; |
|
376 |
} |
|
377 |
} |
|
378 |
} |
|
379 |
} |
|
380 |
|
|
381 |
// -------------------------------------- |
|
382 |
// AUTOCOMPLETE |
|
383 |
// -------------------------------------- |
|
384 |
.cke_editable { |
|
385 |
background-color: white; |
|
386 |
padding: 10px; |
|
387 |
margin-left: -0.3em ; |
|
388 |
} |
|
356 | 389 |
|
css/less/jquery-ui.less | ||
---|---|---|
729 | 729 |
height: 100%; |
730 | 730 |
} |
731 | 731 |
.ui-progressbar .ui-progressbar-overlay { |
732 |
background: url("images/animated-overlay.gif"); |
|
732 |
background: url("ui-lightness/images/animated-overlay.gif");
|
|
733 | 733 |
height: 100%; |
734 | 734 |
filter: alpha(opacity=25); |
735 | 735 |
opacity: 0.25; |
... | ... | |
1104 | 1104 |
} |
1105 | 1105 |
.ui-icon, |
1106 | 1106 |
.ui-widget-content .ui-icon { |
1107 |
background-image: url(/css/ui-lightness/images/ui-icons_222222_256x240.png);
|
|
1107 |
background-image: url(ui-lightness/images/ui-icons_222222_256x240.png); |
|
1108 | 1108 |
} |
1109 | 1109 |
.ui-widget-header .ui-icon { |
1110 |
background-image: url(/css/ui-lightness/images/ui-icons_ffffff_256x240.png);
|
|
1110 |
background-image: url(ui-lightness/images/ui-icons_ffffff_256x240.png); |
|
1111 | 1111 |
} |
1112 | 1112 |
.ui-state-default .ui-icon { |
1113 |
background-image: url(/css/ui-lightness/images/ui-icons_ef8c08_256x240.png);
|
|
1113 |
background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png); |
|
1114 | 1114 |
} |
1115 | 1115 |
.ui-state-hover .ui-icon, |
1116 | 1116 |
.ui-state-focus .ui-icon { |
1117 |
background-image: url(/css/ui-lightness/images/ui-icons_ef8c08_256x240.png);
|
|
1117 |
background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png); |
|
1118 | 1118 |
} |
1119 | 1119 |
.ui-state-active .ui-icon { |
1120 |
background-image: url(/css/ui-lightness/images/ui-icons_ef8c08_256x240.png);
|
|
1120 |
background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png); |
|
1121 | 1121 |
} |
1122 | 1122 |
.ui-state-highlight .ui-icon { |
1123 |
background-image: url(/css/ui-lightness/images/ui-icons_228ef1_256x240.png);
|
|
1123 |
background-image: url(ui-lightness/images/ui-icons_228ef1_256x240.png); |
|
1124 | 1124 |
} |
1125 | 1125 |
.ui-state-error .ui-icon, |
1126 | 1126 |
.ui-state-error-text .ui-icon { |
1127 |
background-image: url(/css/ui-lightness/images/ui-icons_ffd27a_256x240.png);
|
|
1127 |
background-image: url(ui-lightness/images/ui-icons_ffd27a_256x240.png); |
|
1128 | 1128 |
} |
1129 | 1129 |
|
1130 | 1130 |
// positioning |
css/less/jquery.autocomplete.less | ||
---|---|---|
29 | 29 |
} |
30 | 30 |
|
31 | 31 |
.ac_loading { |
32 |
background: white url('indicator.gif') right center no-repeat; |
|
32 |
// PENDENT: Datei nicht gefunden, auch nicht auf jquery-ui.com |
|
33 |
//background: white url('indicator.gif') right center no-repeat; |
|
33 | 34 |
} |
34 | 35 |
|
35 | 36 |
.ac_odd { |
css/less/jquery.chartpicker.less | ||
---|---|---|
170 | 170 |
height: 20px; |
171 | 171 |
width: 20px; |
172 | 172 |
cursor: pointer; |
173 |
background: url("../../image/search.svg") no-repeat center right;
|
|
173 |
background: url("../image/search.svg") no-repeat center right; |
|
174 | 174 |
background-size: contain; |
175 | 175 |
} |
176 | 176 |
|
css/less/main.less | ||
---|---|---|
147 | 147 |
// RECORD-TITLE (e.g. Customer Name, Article Name) |
148 | 148 |
// -------------------------------------- |
149 | 149 |
// This is just a try |
150 |
|
|
151 |
div.record-title{ |
|
150 |
// PENDENT: an verschiedenen Orten einfuegen |
|
151 |
div.record-title {
|
|
152 | 152 |
width: 100% ; |
153 | 153 |
font-size: 140% ; |
154 | 154 |
display: block; |
... | ... | |
662 | 662 |
display: none; |
663 | 663 |
} |
664 | 664 |
} |
665 |
|
|
665 | 666 |
} |
666 | 667 |
&_error { |
667 | 668 |
color: @message_error_text; |
668 | 669 |
background-color: @message_error_bg; |
669 | 670 |
border-color: @message_error_border; |
671 |
h4{ color: @message_error_text; } |
|
672 |
p { color: @message_error_text; } // PENDENT: andere Message-Typen auch erweitern |
|
670 | 673 |
} |
671 | 674 |
&_warning { |
672 | 675 |
color: @message_warning_text; |
css/less/menu.less | ||
---|---|---|
135 | 135 |
// Items with Sub Items |
136 | 136 |
// |
137 | 137 |
div.x { |
138 |
background: no-repeat right url("/image/menu-arrow-to-right-5.png"); |
|
138 |
background: no-repeat right url("../image/menu-arrow-to-right-5.png");
|
|
139 | 139 |
} |
140 | 140 |
|
141 | 141 |
// |
... | ... | |
271 | 271 |
span.ms { |
272 | 272 |
float: left; |
273 | 273 |
width: 24px; |
274 |
background: url(../../image/unterpunkt.png);
|
|
274 |
background: url("../image/unterpunkt.png");
|
|
275 | 275 |
} |
276 | 276 |
} |
277 | 277 |
|
css/less/menu_actionbar.less | ||
---|---|---|
138 | 138 |
border-bottom-right-radius: 0.3em ; |
139 | 139 |
padding: 4px; |
140 | 140 |
background-color: @actionbar-bg ; |
141 |
//background-image: url("../image/select-down.png") no-repeat; |
|
142 |
background-image: url("../image/select-down.png"); |
|
143 |
background-repeat: no-repeat; |
|
144 |
background-position: 5px 5px; |
|
145 |
|
|
141 | 146 |
|
142 | 147 |
// &:after{ |
143 | 148 |
// content: ""; |
css/less/specials.less | ||
---|---|---|
63 | 63 |
|
64 | 64 |
} |
65 | 65 |
} |
66 |
|
|
67 |
|
|
68 |
// |
|
69 |
// ********************************** |
|
70 |
// POSITON DETAILS (E.G. SALES ORDER) |
|
71 |
// ********************************** |
|
72 |
|
|
73 |
td.row-position-detail{ |
|
74 |
padding: 0 0 1.0em 0.4em !important; |
|
75 |
div.table{ |
|
76 |
display: table; |
|
77 |
div.field{ |
|
78 |
display: table-row; |
|
79 |
padding: 0.2em 0 ; |
|
80 |
height: 2.3em !important; ; |
|
81 |
span.label{ |
|
82 |
width: 10.0em; |
|
83 |
height: 2.2em !important; |
|
84 |
vertical-align: middle; |
|
85 |
display: table-cell ; |
|
86 |
padding: 0.3em 0 0 0; |
|
87 |
} |
|
88 |
span.value{ |
|
89 |
height: 2.2em ; |
|
90 |
span.data{ |
|
91 |
padding: 0.2em 0 0.2em 0.5em !important; |
|
92 |
display: block; |
|
93 |
} |
|
94 |
} |
|
95 |
} |
|
96 |
|
|
97 |
} |
|
98 |
|
|
99 |
|
|
100 |
} |
|
101 |
|
|
102 |
table#display_row{ |
|
103 |
tbody{ |
|
104 |
tr{ |
|
105 |
td{ |
|
106 |
a.row-position{ |
|
107 |
float: left; |
|
108 |
padding: 0.6em 0.2em 0 0 ; |
|
109 |
} |
|
110 |
input.row-position{ |
|
111 |
float: left; |
|
112 |
} |
|
113 |
} |
|
114 |
} |
|
115 |
} |
|
116 |
|
|
117 |
} |
|
118 |
|
|
119 |
|
|
120 |
|
|
121 |
|
|
122 |
|
|
123 |
|
|
124 |
|
css/less/style.less | ||
---|---|---|
3 | 3 |
// fuer die Anpassung des Erscheinungsbildes |
4 | 4 |
// in dieser Datei koennen z.b. Farbvarianten eines Themes einfach erstellt werden |
5 | 5 |
@import 'variables.less'; |
6 |
@import 'variables-kivitendo.less'; |
|
7 |
|
|
8 |
// Your custom LESS variables (new or overrides of the previous LESS variable stuff) |
|
9 |
@import 'custom-variables.less'; |
|
10 |
|
|
11 |
// Basic Settings |
|
12 |
@import 'common.less'; |
|
13 |
|
|
6 | 14 |
|
7 | 15 |
// Mixins (general & sitewide properties) |
8 | 16 |
// IMPORTANT: edit this properties right after variables.less |
... | ... | |
12 | 20 |
@import 'scaffolding.less'; |
13 | 21 |
|
14 | 22 |
// jQuery Stuff |
23 |
@import 'jquery-ui.less'; // jQuery-UI |
|
24 |
// Original Standard jQuery-Stuff (no overrides, ) |
|
15 | 25 |
@import 'jquery.autocomplete.less'; |
16 | 26 |
@import 'jquery.multiselect2side.less'; |
17 | 27 |
@import 'jquery.tooltipster.less'; |
18 | 28 |
@import 'jquery.tooltipster-light.less'; |
19 |
// jQuery-UI |
|
20 |
@import 'jquery-ui.less'; |
|
21 | 29 |
// Special jQuery Stuff |
22 |
@import 'jquery.chartpicker.less'; |
|
23 |
// Overrides of all jquery stuff |
|
24 |
@import 'jquery-ui.custom.less';
|
|
30 |
@import 'jquery.chartpicker.less';
|
|
31 |
// Overrides of all jquery stuff above
|
|
32 |
@import 'jquery-ui-overrides.less';
|
|
25 | 33 |
|
26 | 34 |
// Standard Kivitendo CSS-Stuff |
27 |
@import 'common.less'; |
|
28 | 35 |
@import 'main.less'; |
29 | 36 |
@import 'main_login.less'; |
30 | 37 |
@import 'menu.less'; |
... | ... | |
48 | 55 |
|
49 | 56 |
// Developer stuff (don't hesitate to disable this') |
50 | 57 |
@import 'developing.less'; |
58 |
|
|
59 |
// Your personal custom LESS stuff |
|
60 |
@import 'custom.less'; |
css/less/tables-legacy.less | ||
---|---|---|
1 |
|
|
1 |
// PENDENT: wird vorlaeufig noch nicht gerendert |
|
2 |
// PENDENT: Klassen ggf. entfernen oder ersetzen, falls nicht mehr gebraucht |
|
2 | 3 |
tr { |
3 | 4 |
|
4 | 5 |
tr{ |
css/less/tables.less | ||
---|---|---|
163 | 163 |
font-style: normal ; |
164 | 164 |
font-size: 90% ; |
165 | 165 |
color: @t-cell-head-text ; |
166 |
} |
|
166 |
}
|
|
167 | 167 |
&.below{ |
168 | 168 |
//clear: both; |
169 | 169 |
overflow: hidden; |
... | ... | |
479 | 479 |
th, |
480 | 480 |
td{ |
481 | 481 |
background: none; |
482 |
padding: 0.5em 0.4em 0.2em 0.3em; |
|
482 |
//padding: 0.5em 0.4em 0.2em 0.3em; |
|
483 |
padding-top: 0.5em ; |
|
484 |
padding-right: 0.2em ; |
|
485 |
padding-bottom: 0.2em ; |
|
486 |
padding-left: 0.3em ; |
|
483 | 487 |
|
484 | 488 |
// Adjust Form Elements in this table type |
485 | 489 |
&>input[type="checkbox"], |
... | ... | |
501 | 505 |
clear: both ; |
502 | 506 |
overflow: hidden; |
503 | 507 |
color: @t-cell-head-text; |
504 |
; |
|
505 | 508 |
//height: 1.8em ; // PENDENT: besser loesen, gefaellt mir nicht |
506 | 509 |
} |
507 | 510 |
|
... | ... | |
531 | 534 |
&>span.customer_vendor_picker{ |
532 | 535 |
padding-left: 0 !important ; |
533 | 536 |
} |
537 |
// Switch form element |
|
538 |
&>span.switch-form-element{ |
|
539 |
padding: 0 !important ; |
|
540 |
margin: -0.3em 1px 0 -0.14em !important ; |
|
541 |
} |
|
542 |
&>span.wi-small-wide{ margin: 0 24px 0 0 ; display: block; } |
|
534 | 543 |
&>div.data{ |
535 | 544 |
padding: 0.1363em 0 ; |
536 | 545 |
} |
537 | 546 |
&.data{ |
538 | 547 |
padding: 0.4363em 0.3em 0.4363em 0.3em ; |
539 | 548 |
} |
540 |
|
|
541 | 549 |
&>span.label { |
542 | 550 |
padding: 0 0.3em 0.3em 0 ; |
543 | 551 |
color: @t-cell-head-text; |
544 | 552 |
font-style: normal; |
545 | 553 |
display: block; |
546 | 554 |
} |
555 |
&>span.project_picker{ |
|
556 |
margin: -0.3em 0 0 -0.2em ; |
|
557 |
} |
|
547 | 558 |
} |
548 | 559 |
|
549 | 560 |
caption, |
... | ... | |
759 | 770 |
&.wi-small-mediumsmall { width: @tcol-wi-small + @tcol-wi-mediumsmall ; } |
760 | 771 |
&.wi-small-normal { width: @tcol-wi-small + @tcol-wi-normal ; } |
761 | 772 |
&.wi-small-lightwide { width: @tcol-wi-small + @tcol-wi-lightwide ; } |
762 |
&.wi-small-wide { width: @tcol-wi-small + @tcol-wi-wide ; } |
|
773 |
// PENDENT: noch genauer anschauen, sollte eigentlich nur für horizontale Tabellen vorgesehen sein |
|
774 |
&.wi-small-wide { width: @tcol-wi-small + @tcol-wi-wide + ( @diff-input-select ) ; } |
|
775 |
//&.wi-small-wide { width: 460px ; } |
|
763 | 776 |
&.wi-small-wider { width: @tcol-wi-small + @tcol-wi-wider ; } |
764 | 777 |
&.wi-small-verywide { width: @tcol-wi-small + @tcol-wi-verywide ; } |
765 | 778 |
|
... | ... | |
843 | 856 |
// /table |
844 | 857 |
|
845 | 858 |
|
859 |
// |
|
860 |
// ********************************** |
|
861 |
// TABLE & COLs DIMENSIONS |
|
862 |
// ********************************** |
|
863 |
|
|
864 |
table, |
|
865 |
table colgroup col { |
|
866 |
|
|
867 |
&.wi-smallest { width: @tcol-wi-smallest ; } |
|
868 |
&.wi-verysmall { width: @tcol-wi-verysmall ; } |
|
869 |
&.wi-small { width: @tcol-wi-small ; } |
|
870 |
&.wi-mediumsmall { width: @tcol-wi-mediumsmall ; } |
|
871 |
&.wi-normal { width: @tcol-wi-normal ; } |
|
872 |
&.wi-lightwide { width: @tcol-wi-lightwide ; } |
|
873 |
&.wi-wide { width: @tcol-wi-wide ; } |
|
874 |
&.wi-wider { width: @tcol-wi-wider ; } |
|
875 |
&.wi-verywide { width: @tcol-wi-verywide ; } |
|
876 |
|
|
877 |
|
|
878 |
|
|
879 |
&.wi-small-small { width: @tcol-wi-small-small ; } |
|
880 |
&.wi-small-mediumsmall { width: @tcol-wi-small-mediumsmall ; } |
|
881 |
&.wi-small-normal { width: @tcol-wi-small-normal ; } |
|
882 |
&.wi-small-lightwide { width: @tcol-wi-small-lightwide ; } |
|
883 |
// PENDENT: noch genauer anschauen, sollte eigentlich nur für horizontale Tabellen vorgesehen sein |
|
884 |
&.wi-small-wide { width: ( @tcol-wi-small-wide ) ; } |
|
885 |
//&.wi-small-wide { width: 460px ; } |
|
886 |
&.wi-small-wider { width: @tcol-wi-small-wider ; } |
|
887 |
&.wi-small-verywide { width: @tcol-wi-small-verywide ; } |
|
888 |
|
|
889 |
&.wi-mediumsmall-small { width: @tcol-wi-mediumsmall-lightwide ; } |
|
890 |
&.wi-mediumsmall-mediumsmall { width: @tcol-wi-mediumsmall-mediumsmall ; } |
|
891 |
&.wi-mediumsmall-normal { width: @tcol-wi-mediumsmall-normal ; } |
|
892 |
&.wi-mediumsmall-lightwide { width: @tcol-wi-mediumsmall-lightwide ; } |
|
893 |
&.wi-mediumsmall-wide { width: @tcol-wi-mediumsmall-wide ; } |
|
894 |
&.wi-mediumsmall-wider { width: @tcol-wi-mediumsmall-wider ; } |
|
895 |
&.wi-mediumsmall-verywide { width: @tcol-wi-mediumsmall-verywide ; } |
|
896 |
|
|
897 |
&.wi-normal-small { width: @tcol-wi-normal-small ; } |
|
898 |
&.wi-normal-mediumsmall { width: @tcol-wi-normal-mediumsmall ; } |
|
899 |
&.wi-normal-normal { width: @tcol-wi-normal-normal ; } |
|
900 |
&.wi-normal-lightwide { width: @tcol-wi-normal-lightwide ; } |
|
901 |
&.wi-normal-wide { width: @tcol-wi-normal-wide ; } |
|
902 |
&.wi-normal-wider { width: @tcol-wi-normal-wider ; } |
|
903 |
&.wi-normal-verywide { width: @tcol-wi-normal-verywide ; } |
|
904 |
|
|
905 |
&.wi-lightwide-small { width: @tcol-wi-lightwide-small ; } |
|
906 |
&.wi-lightwide-mediumsmall { width: @tcol-wi-lightwide-mediumsmall ; } |
|
907 |
&.wi-lightwide-normal { width: @tcol-wi-lightwide-normal ; } |
|
908 |
&.wi-lightwide-lightwide { width: @tcol-wi-lightwide-lightwide ; } |
|
909 |
&.wi-lightwide-wide { width: @tcol-wi-lightwide-wide ; } |
|
910 |
&.wi-lightwide-wider { width: @tcol-wi-lightwide-wider ; } |
|
911 |
&.wi-lightwide-verywide { width: @tcol-wi-lightwide-verywide ; } |
|
912 |
|
|
913 |
} |
|
914 |
|
|
915 |
|
|
916 |
|
|
917 |
|
|
918 |
|
|
919 |
|
|
920 |
|
|
921 |
|
|
922 |
|
|
923 |
|
|
924 |
|
|
846 | 925 |
// -------------------------------------- |
847 | 926 |
// LIST-TABLES in Wrappers |
848 | 927 |
// -------------------------------------- |
css/less/variables.less | ||
---|---|---|
1 | 1 |
// ---------------------------------------------------------------------------- |
2 | 2 |
// |
3 |
// VARIABLES (Less-Style) for Kivitendo-Themes
|
|
3 |
// VARIABLES (Less-Style) for general use (most of it is Bootstrap-Stuff)
|
|
4 | 4 |
// |
5 | 5 |
// ---------------------------------------------------------------------------- |
6 | 6 |
// DESCRIPTION: |
... | ... | |
181 | 181 |
@tcol-wi-verywide: (@wi-verywide ) ; // min-width |
182 | 182 |
|
183 | 183 |
// -------------- |
184 |
// Dimensions for Tables with combination Table column widths
|
|
184 |
// Dimensions for combined rows with combination Table column widths
|
|
185 | 185 |
// |
186 | 186 |
|
187 |
@table-wi-small-small: (@tcol-wi-small + @tcol-wi-small ) ; |
|
188 |
@table-wi-small-mediumsmall: (@tcol-wi-small + @tcol-wi-mediumsmall ) ; |
|
189 |
@table-wi-small-normal: (@tcol-wi-small + @tcol-wi-normal ) ; |
|
190 |
@table-wi-small-lightwide: (@tcol-wi-small + @tcol-wi-lightwide ) ; |
|
191 |
@table-wi-small-wide: (@tcol-wi-small + @tcol-wi-wide ) ; |
|
192 |
@table-wi-mediumsmall-lightwide: (@tcol-wi-mediumsmall + @tcol-wi-lightwide ) ; |
|
193 |
@table-wi-mediumsmall-wide: (@tcol-wi-mediumsmall + @tcol-wi-wide ) ; |
|
194 |
@table-wi-normal-mediumsmall: (@tcol-wi-normal + @tcol-wi-mediumsmall ) ; |
|
195 |
@table-wi-normal-lightwide: (@tcol-wi-normal + @tcol-wi-lightwide ) ; |
|
196 |
@table-wi-normal-wide: (@tcol-wi-normal + @tcol-wi-wide ) ; |
|
197 |
@table-wi-normal-wider: (@tcol-wi-normal + @tcol-wi-wider ) ; |
|
198 |
@table-wi-lightwide-wide: (@tcol-wi-lightwide + @tcol-wi-wide ) ; |
|
199 |
@table-wi-lightwide-wider: (@tcol-wi-lightwide + @tcol-wi-wider ) ; |
|
187 |
@tcol-wi-small-small: (@tcol-wi-small + @tcol-wi-small ) ; |
|
188 |
@tcol-wi-small-mediumsmall: (@tcol-wi-small + @tcol-wi-mediumsmall ) ; |
|
189 |
@tcol-wi-small-normal: (@tcol-wi-small + @tcol-wi-normal ) ; |
|
190 |
@tcol-wi-small-lightwide: (@tcol-wi-small + @tcol-wi-lightwide ) ; |
|
191 |
@tcol-wi-small-wide: (@tcol-wi-small + @tcol-wi-wide ) ; |
|
192 |
@tcol-wi-small-wider: (@tcol-wi-small + @tcol-wi-wider ) ; |
|
193 |
@tcol-wi-small-verywide: (@tcol-wi-small + @tcol-wi-verywide ) ; |
|
194 |
|
|
195 |
@tcol-wi-mediumsmall-small: (@tcol-wi-mediumsmall + @tcol-wi-small ) ; |
|
196 |
@tcol-wi-mediumsmall-mediumsmall:(@tcol-wi-mediumsmall + @tcol-wi-mediumsmall ) ; |
|
197 |
@tcol-wi-mediumsmall-normal: (@tcol-wi-mediumsmall + @tcol-wi-normal ) ; |
|
198 |
@tcol-wi-mediumsmall-lightwide: (@tcol-wi-mediumsmall + @tcol-wi-lightwide ) ; |
|
199 |
@tcol-wi-mediumsmall-wide: (@tcol-wi-mediumsmall + @tcol-wi-wide ) ; |
|
200 |
@tcol-wi-mediumsmall-wider: (@tcol-wi-mediumsmall + @tcol-wi-wider ) ; |
|
201 |
@tcol-wi-mediumsmall-verywide: (@tcol-wi-mediumsmall + @tcol-wi-verywide ) ; |
|
202 |
|
|
203 |
@tcol-wi-normal-small: (@tcol-wi-normal + @tcol-wi-small ) ; |
|
204 |
@tcol-wi-normal-mediumsmall: (@tcol-wi-normal + @tcol-wi-mediumsmall ) ; |
|
205 |
@tcol-wi-normal-normal: (@tcol-wi-normal + @tcol-wi-normal ) ; |
|
206 |
@tcol-wi-normal-lightwide: (@tcol-wi-normal + @tcol-wi-lightwide ) ; |
|
207 |
@tcol-wi-normal-wide: (@tcol-wi-normal + @tcol-wi-wide ) ; |
|
208 |
@tcol-wi-normal-wider: (@tcol-wi-normal + @tcol-wi-wider ) ; |
|
209 |
@tcol-wi-normal-verywide: (@tcol-wi-normal + @tcol-wi-verywide ) ; |
|
210 |
|
|
211 |
@tcol-wi-lightwide-small: (@tcol-wi-lightwide + @tcol-wi-small ) ; |
|
212 |
@tcol-wi-lightwide-mediumsmall: (@tcol-wi-lightwide + @tcol-wi-mediumsmall ) ; |
|
213 |
@tcol-wi-lightwide-normal: (@tcol-wi-lightwide + @tcol-wi-normal ) ; |
|
214 |
@tcol-wi-lightwide-lightwide: (@tcol-wi-lightwide + @tcol-wi-lightwide ) ; |
|
215 |
@tcol-wi-lightwide-wide: (@tcol-wi-lightwide + @tcol-wi-wide ) ; |
|
216 |
@tcol-wi-lightwide-wider: (@tcol-wi-lightwide + @tcol-wi-wider ) ; |
|
217 |
@tcol-wi-lightwide-verywide: (@tcol-wi-lightwide + @tcol-wi-verywide ) ; |
|
200 | 218 |
|
201 | 219 |
|
202 | 220 |
|
... | ... | |
245 | 263 |
@textarea-wi-verywide: (@wi-verywide - @diff-input-select ) ; // min-width |
246 | 264 |
|
247 | 265 |
// Textarea elements with combined dimensions |
248 |
@diff-input-textarea-combined: 1px ; //1.6em ; |
|
249 |
@textarea-wi-small-small: (((@wi-small + @wi-small) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
250 |
@textarea-wi-small-mediumsmall: (((@wi-small + @wi-mediumsmall) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
251 |
@textarea-wi-small-normal: (((@wi-small + @wi-normal) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
252 |
@textarea-wi-small-lightwide: (((@wi-small + @wi-lightwide) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
253 |
@textarea-wi-small-wide: (((@wi-small + @wi-wide) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
254 |
@textarea-wi-small-wider: (((@wi-small + @wi-wider) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
255 |
@textarea-wi-small-verywide: (((@wi-small + @wi-verywide) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
256 |
|
|
257 |
@textarea-wi-mediumsmall-small: (((@wi-mediumsmall + @wi-small) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
258 |
@textarea-wi-mediumsmall-mediumsmall: (((@wi-mediumsmall + @wi-mediumsmall) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
259 |
@textarea-wi-mediumsmall-normal: (((@wi-mediumsmall + @wi-normal) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
260 |
@textarea-wi-mediumsmall-lightwide: (((@wi-mediumsmall + @wi-lightwide) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
261 |
@textarea-wi-mediumsmall-wide: (((@wi-mediumsmall + @wi-wide) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
262 |
@textarea-wi-mediumsmall-wider: (((@wi-mediumsmall + @wi-wider) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
263 |
@textarea-wi-mediumsmall-verywide: (((@wi-mediumsmall + @wi-verywide) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
264 |
|
|
265 |
@textarea-wi-normal-small: (((@wi-normal + @wi-small) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
266 |
@textarea-wi-normal-mediumsmall: (((@wi-normal + @wi-mediumsmall) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
267 |
@textarea-wi-normal-normal: (((@wi-normal + @wi-normal) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
268 |
@textarea-wi-normal-lightwide: (((@wi-normal + @wi-lightwide) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
269 |
@textarea-wi-normal-wide: (((@wi-normal + @wi-wide) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
270 |
@textarea-wi-normal-wider: (((@wi-normal + @wi-wider) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
271 |
@textarea-wi-normal-verywide: (((@wi-normal + @wi-verywide) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
272 |
|
|
273 |
@textarea-wi-lightwide-small: (((@wi-lightwide + @wi-small) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
274 |
@textarea-wi-lightwide-mediumsmall: (((@wi-lightwide + @wi-mediumsmall) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
275 |
@textarea-wi-lightwide-normal: (((@wi-lightwide + @wi-normal) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
276 |
@textarea-wi-lightwide-lightwide: (((@wi-lightwide + @wi-lightwide) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
277 |
@textarea-wi-lightwide-wide: (((@wi-lightwide + @wi-wide) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
278 |
@textarea-wi-lightwide-wider: (((@wi-lightwide + @wi-wider) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
279 |
@textarea-wi-lightwide-verywide: (((@wi-lightwide + @wi-verywide) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
280 |
|
|
281 |
@textarea-wi-wide-small: (((@wi-wide + @wi-small) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
282 |
@textarea-wi-wide-mediumsmall: (((@wi-wide + @wi-mediumsmall) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
283 |
@textarea-wi-wide-normal: (((@wi-wide + @wi-normal) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
284 |
@textarea-wi-wide-lightwide: (((@wi-wide + @wi-lightwide) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
285 |
@textarea-wi-wide-wide: (((@wi-wide + @wi-wide) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
286 |
@textarea-wi-wide-wider: (((@wi-wide + @wi-wider) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
287 |
@textarea-wi-wide-verywide: (((@wi-wide + @wi-verywide) - @diff-input-select) - @diff-input-textarea-combined) ; |
|
288 | 266 |
|
267 |
@diff-input-textarea-combined: 0px ; //1.6em ; |
|
268 |
//@textarea-margin-combined: 24px ; |
|
289 | 269 |
|
270 |
// @textarea-wi-small-small: (((@wi-small + @wi-small) - @diff-input-textarea-combined) ; |
|
271 |
// @textarea-wi-small-mediumsmall: (((@tcol-wi-small + @input-wi-mediumsmall)) - @diff-input-textarea-combined - 10px ) ; |
|
272 |
// @textarea-wi-small-normal: (((@wi-small + @wi-normal) - @diff-input-textarea-combined) ; |
|
273 |
// @textarea-wi-small-lightwide: (((@wi-small + @wi-lightwide) - @diff-input-textarea-combined) ; |
|
274 |
// @textarea-wi-small-wide: (((@wi-small + @wi-wide) - @diff-input-textarea-combined) ; |
|
275 |
// @textarea-wi-small-wider: (((@wi-small + @wi-wider) - @diff-input-textarea-combined) ; |
|
276 |
// @textarea-wi-small-verywide: (((@wi-small + @wi-verywide) - @diff-input-textarea-combined) ; |
|
277 |
// |
|
278 |
// @textarea-wi-mediumsmall-small: (((@wi-mediumsmall + @wi-small) - @diff-input-textarea-combined) ; |
|
279 |
// @textarea-wi-mediumsmall-mediumsmall: (((@wi-mediumsmall + @wi-mediumsmall) - @diff-input-textarea-combined) ; |
|
280 |
// @textarea-wi-mediumsmall-normal: (((@wi-mediumsmall + @wi-normal) - @diff-input-textarea-combined) ; |
|
281 |
// @textarea-wi-mediumsmall-lightwide: (((@wi-mediumsmall + @wi-lightwide) - @diff-input-textarea-combined) ; |
|
282 |
// @textarea-wi-mediumsmall-wide: (((@wi-mediumsmall + @wi-wide) - @diff-input-textarea-combined) ; |
|
283 |
// @textarea-wi-mediumsmall-wider: (((@wi-mediumsmall + @wi-wider) - @diff-input-textarea-combined) ; |
|
284 |
// @textarea-wi-mediumsmall-verywide: (((@wi-mediumsmall + @wi-verywide) - @diff-input-textarea-combined) ; |
|
285 |
// |
|
286 |
// @textarea-wi-normal-small: (((@wi-normal + @wi-small) - @diff-input-textarea-combined) ; |
|
287 |
// @textarea-wi-normal-mediumsmall: (((@wi-normal + @wi-mediumsmall) - @diff-input-textarea-combined) ; |
|
288 |
// @textarea-wi-normal-normal: (((@wi-normal + @wi-normal) - @diff-input-textarea-combined) ; |
|
289 |
// @textarea-wi-normal-lightwide: (((@wi-normal + @wi-lightwide) - @diff-input-textarea-combined) ; |
|
290 |
// @textarea-wi-normal-wide: (((@wi-normal + @wi-wide) - @diff-input-textarea-combined) ; |
|
291 |
// @textarea-wi-normal-wider: (((@wi-normal + @wi-wider) - @diff-input-textarea-combined) ; |
|
292 |
// @textarea-wi-normal-verywide: (((@wi-normal + @wi-verywide) - @diff-input-textarea-combined) ; |
|
293 |
// |
|
294 |
// @textarea-wi-lightwide-small: (((@wi-lightwide + @wi-small) - @diff-input-textarea-combined) ; |
|
295 |
// @textarea-wi-lightwide-mediumsmall: (((@wi-lightwide + @wi-mediumsmall) - @diff-input-textarea-combined) ; |
|
296 |
// @textarea-wi-lightwide-normal: (((@wi-lightwide + @wi-normal) - @diff-input-textarea-combined) ; |
|
297 |
// @textarea-wi-lightwide-lightwide: (((@wi-lightwide + @wi-lightwide) - @diff-input-textarea-combined) ; |
|
298 |
// @textarea-wi-lightwide-wide: (((@wi-lightwide + @wi-wide) - @diff-input-textarea-combined) ; |
|
299 |
// @textarea-wi-lightwide-wider: (((@wi-lightwide + @wi-wider) - @diff-input-textarea-combined) ; |
|
300 |
// @textarea-wi-lightwide-verywide: (((@wi-lightwide + @wi-verywide) - @diff-input-textarea-combined) ; |
|
301 |
// |
|
302 |
// @textarea-wi-wide-small: (((@wi-wide + @wi-small) - @diff-input-textarea-combined) ; |
|
303 |
// @textarea-wi-wide-mediumsmall: (((@wi-wide + @wi-mediumsmall) - @diff-input-textarea-combined) ; |
|
304 |
// @textarea-wi-wide-normal: (((@wi-wide + @wi-normal) - @diff-input-textarea-combined) ; |
|
305 |
// @textarea-wi-wide-lightwide: (((@wi-wide + @wi-lightwide) - @diff-input-textarea-combined) ; |
|
306 |
// @textarea-wi-wide-wide: (((@wi-wide + @wi-wide) - @diff-input-textarea-combined) ; |
|
307 |
// @textarea-wi-wide-wider: (((@wi-wide + @wi-wider) - @diff-input-textarea-combined) ; |
|
308 |
// @textarea-wi-wide-verywide: (((@wi-wide + @wi-verywide) - @diff-input-textarea-combined) ; |
|
309 |
|
|
310 |
|
|
311 |
@textarea-wi-small-small: ((@tcol-wi-small + @input-wi-small) - @diff-input-textarea-combined) ; |
|
312 |
@textarea-wi-small-mediumsmall: ((@tcol-wi-small + @input-wi-mediumsmall) - @diff-input-textarea-combined) ; |
|
313 |
@textarea-wi-small-normal: ((@tcol-wi-small + @input-wi-normal) - @diff-input-textarea-combined) ; |
|
314 |
@textarea-wi-small-lightwide: ((@tcol-wi-small + @input-wi-lightwide) - @diff-input-textarea-combined) ; |
|
315 |
@textarea-wi-small-wide: ((@tcol-wi-small + @input-wi-wide) - @diff-input-textarea-combined) ; |
|
316 |
@textarea-wi-small-wider: ((@tcol-wi-small + @input-wi-wider) - @diff-input-textarea-combined) ; |
|
317 |
@textarea-wi-small-verywide: ((@tcol-wi-small + @input-wi-verywide) - @diff-input-textarea-combined) ; |
|
318 |
|
|
319 |
@textarea-wi-mediumsmall-small: ((@tcol-wi-mediumsmall + @input-wi-small) - @diff-input-textarea-combined) ; |
|
320 |
@textarea-wi-mediumsmall-mediumsmall: ((@tcol-wi-mediumsmall + @input-wi-mediumsmall) - @diff-input-textarea-combined) ; |
|
321 |
@textarea-wi-mediumsmall-normal: ((@tcol-wi-mediumsmall + @input-wi-normal) - @diff-input-textarea-combined) ; |
|
322 |
@textarea-wi-mediumsmall-lightwide: ((@tcol-wi-mediumsmall + @input-wi-lightwide) - @diff-input-textarea-combined) ; |
|
323 |
@textarea-wi-mediumsmall-wide: ((@tcol-wi-mediumsmall + @input-wi-wide) - @diff-input-textarea-combined) ; |
|
324 |
@textarea-wi-mediumsmall-wider: ((@tcol-wi-mediumsmall + @input-wi-wider) - @diff-input-textarea-combined) ; |
|
325 |
@textarea-wi-mediumsmall-verywide: ((@tcol-wi-mediumsmall + @input-wi-verywide) - @diff-input-textarea-combined) ; |
|
326 |
|
|
327 |
@textarea-wi-normal-small: ((@tcol-wi-normal + @input-wi-small) - @diff-input-textarea-combined) ; |
|
328 |
@textarea-wi-normal-mediumsmall: ((@tcol-wi-normal + @input-wi-mediumsmall) - @diff-input-textarea-combined) ; |
|
329 |
@textarea-wi-normal-normal: ((@tcol-wi-normal + @input-wi-normal) - @diff-input-textarea-combined) ; |
|
330 |
@textarea-wi-normal-lightwide: ((@tcol-wi-normal + @input-wi-lightwide) - @diff-input-textarea-combined) ; |
|
331 |
@textarea-wi-normal-wide: ((@tcol-wi-normal + @input-wi-wide) - @diff-input-textarea-combined) ; |
|
332 |
@textarea-wi-normal-wider: ((@tcol-wi-normal + @input-wi-wider) - @diff-input-textarea-combined) ; |
|
333 |
@textarea-wi-normal-verywide: ((@tcol-wi-normal + @input-wi-verywide) - @diff-input-textarea-combined) ; |
|
334 |
|
|
335 |
@textarea-wi-lightwide-small: ((@tcol-wi-lightwide + @input-wi-small) - @diff-input-textarea-combined) ; |
|
336 |
@textarea-wi-lightwide-mediumsmall: ((@tcol-wi-lightwide + @input-wi-mediumsmall) - @diff-input-textarea-combined) ; |
|
337 |
@textarea-wi-lightwide-normal: ((@tcol-wi-lightwide + @input-wi-normal) - @diff-input-textarea-combined) ; |
|
338 |
@textarea-wi-lightwide-lightwide: ((@tcol-wi-lightwide + @input-wi-lightwide) - @diff-input-textarea-combined) ; |
|
339 |
@textarea-wi-lightwide-wide: ((@tcol-wi-lightwide + @input-wi-wide) - @diff-input-textarea-combined) ; |
|
340 |
@textarea-wi-lightwide-wider: ((@tcol-wi-lightwide + @input-wi-wider) - @diff-input-textarea-combined) ; |
|
341 |
@textarea-wi-lightwide-verywide: ((@tcol-wi-lightwide + @input-wi-verywide) - @diff-input-textarea-combined) ; |
|
342 |
|
|
343 |
@textarea-wi-wide-small: ((@tcol-wi-wide + @input-wi-small) - @diff-input-textarea-combined) ; |
|
344 |
@textarea-wi-wide-mediumsmall: ((@tcol-wi-wide + @input-wi-mediumsmall) - @diff-input-textarea-combined) ; |
|
345 |
@textarea-wi-wide-normal: ((@tcol-wi-wide + @input-wi-normal) - @diff-input-textarea-combined) ; |
|
346 |
@textarea-wi-wide-lightwide: ((@tcol-wi-wide + @input-wi-lightwide) - @diff-input-textarea-combined) ; |
|
347 |
@textarea-wi-wide-wide: ((@tcol-wi-wide + @input-wi-wide) - @diff-input-textarea-combined) ; |
|
348 |
@textarea-wi-wide-wider: ((@tcol-wi-wide + @input-wi-wider) - @diff-input-textarea-combined) ; |
|
349 |
@textarea-wi-wide-verywide: ((@tcol-wi-wide + @input-wi-verywide) - @diff-input-textarea-combined) ; |
|
290 | 350 |
|
291 | 351 |
|
292 | 352 |
|
css/style.css | ||
---|---|---|
1 |
html { |
|
2 |
overflow-y: scroll; |
|
3 |
} |
|
4 |
body { |
|
5 |
padding: 0; |
|
6 |
margin: 0 ; |
|
7 |
} |
|
8 |
div, |
|
9 |
p, |
|
10 |
span, |
|
11 |
input, |
|
12 |
textarea, |
|
13 |
select, |
|
14 |
button, |
|
15 |
a.button, |
|
16 |
table, |
|
17 |
col, |
|
18 |
th, |
|
19 |
td { |
|
20 |
box-sizing: border-box; |
|
21 |
} |
|
22 |
.clearfix:after { |
|
23 |
clear: both; |
|
24 |
content: "."; |
|
25 |
display: block; |
|
26 |
height: 0; |
|
27 |
visibility: hidden; |
|
28 |
} |
|
29 |
@media screen { |
|
30 |
.noscreen { |
|
31 |
display: none; |
|
32 |
} |
|
33 |
} |
|
34 |
@media print { |
|
35 |
.noprint { |
|
36 |
display: none ; |
|
37 |
} |
|
38 |
} |
|
39 |
@media handheld { |
|
40 |
.nomobile { |
|
41 |
display: none; |
|
42 |
} |
|
43 |
} |
|
44 |
a.cti_call_action { |
|
45 |
display: inline-block; |
|
46 |
padding-left: 18px; |
|
47 |
height: 16px; |
|
48 |
position: relative; |
|
49 |
top: 2px; |
|
50 |
vertical-align: middle; |
|
51 |
text-align: center; |
|
52 |
background-image: url(../image/icons/16x16/phone.png); |
|
53 |
background-repeat: no-repeat; |
|
54 |
} |
|
55 |
.interact { |
|
56 |
color: #808080; |
|
57 |
} |
|
58 |
.interact:hover { |
|
59 |
color: black; |
|
60 |
} |
|
61 |
.cursor-default { |
|
62 |
cursor: default; |
|
63 |
} |
|
64 |
.cursor-pointer { |
|
65 |
cursor: pointer; |
|
66 |
} |
|
67 |
.cursor-help { |
|
68 |
cursor: help; |
|
69 |
} |
|
70 |
.cke_contents iframe html body.cke_editable { |
|
71 |
padding: 0; |
|
72 |
margin: 0; |
|
73 |
} |
|
74 |
.top_border { |
Auch abrufbar als: Unified diff
Diverse weitere Anpassungen zum Design 4.0