Compare commits
1 Commits
master
...
viz_0.3_Re
| Author | SHA1 | Date |
|---|---|---|
 Daniel Quathamer
|
13aa368729 | 4 months ago |
37 changed files with 701 additions and 1326 deletions
@ -1 +1 @@ |
|||||||
44130^Studierende nach Alter (Boxplot)^<sximport>select select_stmt from maskeninfo where tid=48000</sximport>^<sximport>select xil_proplist from maskeninfo where tid=48000</sximport>^Studienfach^Anzahl bzw. Anteil^Datenblatt Studierendenstatistik^<sximport>select cleanup_stmt from maskeninfo where tid=48000</sximport>^^2^850^540^^1^<<SQL>>SELECT description FROM rpta_column_layout where uniquename=<<Spaltenlayout>>;^ |
44130^Studierende nach Alter (Boxplot)^<sximport>select select_stmt from maskeninfo where tid=48000</sximport>^<sximport>select xil_proplist from maskeninfo where tid=48000</sximport>^Studienfach^Anzahl bzw. Anteil^Datenblatt Studierendenstatistik^<sximport>select cleanup_stmt from maskeninfo where tid=48000</sximport>^^2^850^540^^1^<<SQL>>SELECT description FROM rpta_column_layout where tid=<<Spaltenlayout>>;^ |
||||||
|
|||||||
@ -1 +1 @@ |
|||||||
44220^Studierende nach Geschlecht^<sximport>select select_stmt from maskeninfo where tid=48000</sximport>^<sximport>select xil_proplist from maskeninfo where tid=48000</sximport>^Studienfach^Anzahl bzw. Anteil^Ausgabe der Studierenden nach Geschlecht in verschiedenen Visualisierungen (z.B. Tortendiagramm)^<sximport>select cleanup_stmt from maskeninfo where tid=48000</sximport>^^2^850^540^^1^<<SQL>>SELECT description FROM rpta_column_layout where uniquename=<<Spaltenlayout>>;^ |
44220^Studierende nach Geschlecht^<sximport>select select_stmt from maskeninfo where tid=48000</sximport>^<sximport>select xil_proplist from maskeninfo where tid=48000</sximport>^Studienfach^Anzahl bzw. Anteil^Ausgabe der Studierenden nach Geschlecht in verschiedenen Visualisierungen (z.B. Tortendiagramm)^<sximport>select cleanup_stmt from maskeninfo where tid=48000</sximport>^^2^850^540^^1^<<SQL>>SELECT description FROM rpta_column_layout where tid=<<Spaltenlayout>>;^ |
||||||
|
|||||||
@ -1 +1 @@ |
|||||||
44250^Studierende nach Staaten^<sximport>select select_stmt from maskeninfo where tid=48000</sximport>^<sximport>select xil_proplist from maskeninfo where tid=48000</sximport>^Studienfach^Anzahl bzw. Anteil^Ausgabe der Studierenden nach Staat (Staatsangehörigkeit, Staat der Hochschulzugangsberechtigung) als Datenblatt oder Weltkarte^<sximport>select cleanup_stmt from maskeninfo where tid=48000</sximport>^^2^850^540^^1^<<SQL>>SELECT description FROM rpta_column_layout where uniquename=<<Spaltenlayout>>;^ |
44250^Studierende nach Staaten^<sximport>select select_stmt from maskeninfo where tid=48000</sximport>^<sximport>select xil_proplist from maskeninfo where tid=48000</sximport>^Studienfach^Anzahl bzw. Anteil^Ausgabe der Studierenden nach Staat (Staatsangehörigkeit, Staat der Hochschulzugangsberechtigung) als Datenblatt oder Weltkarte^<sximport>select cleanup_stmt from maskeninfo where tid=48000</sximport>^^2^850^540^^1^<<SQL>>SELECT description FROM rpta_column_layout where tid=<<Spaltenlayout>>;^ |
||||||
|
|||||||
@ -1 +1 @@ |
|||||||
44280^Studierende nach Fakultät^<sximport>select select_stmt from maskeninfo where tid=48000</sximport>^<sximport>select xil_proplist from maskeninfo where tid=48000</sximport>^Studienfach^Anzahl bzw. Anteil^Ausgabe der Studierenden nach Fakultät mit verschiedenen Visualisierungen (z.B. Tortendiagramm)^<sximport>select cleanup_stmt from maskeninfo where tid=48000</sximport>^^2^850^540^^1^<<SQL>>SELECT description FROM rpta_column_layout where uniquename=<<Spaltenlayout>>;^ |
44280^Studierende nach Fakultät^<sximport>select select_stmt from maskeninfo where tid=48000</sximport>^<sximport>select xil_proplist from maskeninfo where tid=48000</sximport>^Studienfach^Anzahl bzw. Anteil^Ausgabe der Studierenden nach Fakultät mit verschiedenen Visualisierungen (z.B. Tortendiagramm)^<sximport>select cleanup_stmt from maskeninfo where tid=48000</sximport>^^2^850^540^^1^<<SQL>>SELECT description FROM rpta_column_layout where tid=<<Spaltenlayout>>;^ |
||||||
|
|||||||
@ -1 +1 @@ |
|||||||
44310^Studierende nach Abschluss^<sximport>select select_stmt from maskeninfo where tid=48000</sximport>^<sximport>select xil_proplist from maskeninfo where tid=48000</sximport>^Studienfach^Anzahl bzw. Anteil^Ausgabe der Studierenden nach Fakultät mit verschiedenen Visualisierungen (z.B. Tortendiagramm)^<sximport>select cleanup_stmt from maskeninfo where tid=48000</sximport>^^2^850^540^^1^<<SQL>>SELECT description FROM rpta_column_layout where uniquename=<<Spaltenlayout>>;^ |
44310^Studierende nach Abschluss^<sximport>select select_stmt from maskeninfo where tid=48000</sximport>^<sximport>select xil_proplist from maskeninfo where tid=48000</sximport>^Studienfach^Anzahl bzw. Anteil^Ausgabe der Studierenden nach Fakultät mit verschiedenen Visualisierungen (z.B. Tortendiagramm)^<sximport>select cleanup_stmt from maskeninfo where tid=48000</sximport>^^2^850^540^^1^<<SQL>>SELECT description FROM rpta_column_layout where tid=<<Spaltenlayout>>;^ |
||||||
|
|||||||
@ -1 +1 @@ |
|||||||
44340^Studierende nach Bildungstyp^<sximport>select select_stmt from maskeninfo where tid=48000</sximport>^<sximport>select xil_proplist from maskeninfo where tid=48000</sximport>^Studienfach^Anzahl bzw. Anteil^Bildungsinländer / -ausländer^<sximport>select cleanup_stmt from maskeninfo where tid=48000</sximport>^^2^850^540^^1^<<SQL>>SELECT description FROM rpta_column_layout where uniquename=<<Spaltenlayout>>;^ |
44340^Studierende nach Bildungstyp^<sximport>select select_stmt from maskeninfo where tid=48000</sximport>^<sximport>select xil_proplist from maskeninfo where tid=48000</sximport>^Studienfach^Anzahl bzw. Anteil^Bildungsinländer / -ausländer^<sximport>select cleanup_stmt from maskeninfo where tid=48000</sximport>^^2^850^540^^1^<<SQL>>SELECT description FROM rpta_column_layout where tid=<<Spaltenlayout>>;^ |
||||||
|
|||||||
@ -1 +1 @@ |
|||||||
44510^Studierende nach Jahr^<sximport>select select_stmt from maskeninfo where tid=48000</sximport>^<sximport>select xil_proplist from maskeninfo where tid=48000</sximport>^Studienfach^Anzahl bzw. Anteil^Ausgabe der Studierenden nach Geschlecht in verschiedenen Visualisierungen (z.B. Tortendiagramm)^<sximport>select cleanup_stmt from maskeninfo where tid=48000</sximport>^^2^850^540^^1^<<SQL>>SELECT description FROM rpta_column_layout where uniquename=<<Spaltenlayout>>;^ |
44510^Studienanfänger_innen nach Jahr^<sximport>select select_stmt from maskeninfo where tid=48000</sximport>^<sximport>select xil_proplist from maskeninfo where tid=48000</sximport>^Studienfach^Anzahl bzw. Anteil^Ausgabe der Studierenden nach Geschlecht in verschiedenen Visualisierungen (z.B. Tortendiagramm)^<sximport>select cleanup_stmt from maskeninfo where tid=48000</sximport>^^2^850^540^^1^<<SQL>>SELECT description FROM rpta_column_layout where tid=<<Spaltenlayout>>;^ |
||||||
|
|||||||
@ -1 +1 @@ |
|||||||
44600^Studierende nach Region^<sximport>select select_stmt from maskeninfo where tid=48000</sximport>^<sximport>select xil_proplist from maskeninfo where tid=48000</sximport>^Studienfach^Anzahl bzw. Anteil^Ausgabe der Studierenden nach Landkreis/Bundesland^<sximport>select cleanup_stmt from maskeninfo where tid=48000</sximport>^^2^850^540^^1^<<SQL>>SELECT description FROM rpta_column_layout where uniquename=<<Spaltenlayout>>;^ |
44600^Studierende nach Region^<sximport>select select_stmt from maskeninfo where tid=48000</sximport>^<sximport>select xil_proplist from maskeninfo where tid=48000</sximport>^Studienfach^Anzahl bzw. Anteil^Ausgabe der Studierenden nach Landkreis/Bundesland^<sximport>select cleanup_stmt from maskeninfo where tid=48000</sximport>^^2^850^540^^1^<<SQL>>SELECT description FROM rpta_column_layout where tid=<<Spaltenlayout>>;^ |
||||||
|
|||||||
@ -1,45 +0,0 @@ |
|||||||
--freemarker template |
|
||||||
<#include "RPTA-Makros"/> |
|
||||||
<sqlvars> |
|
||||||
<sqlvar name="rpta_installed"> |
|
||||||
select count(*) from systeminfo where tid=330; |
|
||||||
</sqlvar> |
|
||||||
</sqlvars> |
|
||||||
<#assign rpta_column_layout = |
|
||||||
{"uniquename":"sos_stud_dashboard_jahr", |
|
||||||
"caption":"Studierende nach Studienjahr", |
|
||||||
"rpta_resultset":"sos_stud_astat_dashboard", |
|
||||||
"whereclause":"", |
|
||||||
"description":"Studierende nach Studienjahr" |
|
||||||
} |
|
||||||
/> |
|
||||||
|
|
||||||
<#assign rpta_columns = [ |
|
||||||
{"uniquename":"jahr", |
|
||||||
"caption":"Jahr", |
|
||||||
"srcfieldname":"sem_rueck_beur_ein", |
|
||||||
"targetfieldname":"jahr", |
|
||||||
"column_type":"logicalColumn", |
|
||||||
"col_function":"get_akad_jahr(sem_rueck_beur_ein,''A'')", |
|
||||||
"is_visible":"1", |
|
||||||
"format_code":"", |
|
||||||
"visible_size":"5", |
|
||||||
"is_aggregate":"0", |
|
||||||
"description":"(WS + darauffolgendes SS)" |
|
||||||
}, |
|
||||||
{"uniquename":"summe", |
|
||||||
"caption":"Anzahl der Studierenden", |
|
||||||
"srcfieldname":"summe", |
|
||||||
"column_type":"physicalColumn", |
|
||||||
"col_function":"sum", |
|
||||||
"is_visible":"1", |
|
||||||
"visible_size":"5", |
|
||||||
"is_aggregate":"1", |
|
||||||
"description":"Summe der Studierenden" |
|
||||||
} |
|
||||||
] |
|
||||||
/> |
|
||||||
|
|
||||||
<#if rpta_installed==1> |
|
||||||
<@rpta_column_layout_fuellen /> |
|
||||||
</#if> |
|
||||||
@ -1,109 +0,0 @@ |
|||||||
--freemarker template |
|
||||||
<#if SQLdialect='Postgres'> |
|
||||||
select setval('sx_captions_tid_seq',(select max(tid) from sx_captions)); |
|
||||||
</#if> |
|
||||||
<#assign sachgebiete_id="16" /> |
|
||||||
<#assign table_name="felderinfo" /> |
|
||||||
<#assign locale="de" /> |
|
||||||
<#assign sx_captions = [ |
|
||||||
{"field_name":"viz_label_koepfe_faelle", |
|
||||||
"contents_short":"Studierendenzählung", |
|
||||||
"contents_long":"Dient zur Einschränkung Köpfe, Fälle etc.", |
|
||||||
"doku_link":"", |
|
||||||
"export_to_glossar":"1"} , |
|
||||||
{"field_name":"viz_label_Zeitraum", |
|
||||||
"contents_short":"Zeitraum", |
|
||||||
"contents_long":"Dient zur Einschränkung Semester, Jahr etc.", |
|
||||||
"doku_link":"", |
|
||||||
"export_to_glossar":"1"} , |
|
||||||
{"field_name":"viz_label_Studiengang", |
|
||||||
"contents_short":"Studiengang", |
|
||||||
"contents_long":"Dient zur Einschränkung Studiengang etc.", |
|
||||||
"doku_link":"", |
|
||||||
"export_to_glossar":"1"} , |
|
||||||
{"field_name":"viz_label_Status", |
|
||||||
"contents_short":"Filter nach Status", |
|
||||||
"contents_long":"Dient zur Einschränkung Status", |
|
||||||
"doku_link":"", |
|
||||||
"export_to_glossar":"1"} |
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
] /> |
|
||||||
|
|
||||||
--Ab hier braucht man nichts ändern: |
|
||||||
CREATE TEMP TABLE tmp_sx_captions |
|
||||||
( |
|
||||||
id char(200), |
|
||||||
table_name char(200), |
|
||||||
field_name char(200), |
|
||||||
record_no integer, |
|
||||||
locale char(10), |
|
||||||
contents_short char(255), |
|
||||||
contents_long text, |
|
||||||
equalitystatus smallint, |
|
||||||
sachgebiete_id integer, |
|
||||||
doku_link varchar(255), |
|
||||||
export_to_glossar integer |
|
||||||
); |
|
||||||
<#foreach caption in sx_captions> |
|
||||||
|
|
||||||
insert into tmp_sx_captions |
|
||||||
( |
|
||||||
id, |
|
||||||
table_name, |
|
||||||
field_name, |
|
||||||
record_no, |
|
||||||
locale, |
|
||||||
contents_short, |
|
||||||
contents_long, |
|
||||||
equalitystatus, |
|
||||||
doku_link, |
|
||||||
export_to_glossar, |
|
||||||
sachgebiete_id |
|
||||||
|
|
||||||
) |
|
||||||
select |
|
||||||
null, |
|
||||||
'${table_name}', |
|
||||||
'${caption.field_name}', |
|
||||||
null, |
|
||||||
'${locale}', |
|
||||||
'${caption.contents_short}', |
|
||||||
'${caption.contents_long}', |
|
||||||
null, |
|
||||||
'${caption.doku_link}', |
|
||||||
${caption.export_to_glossar}, |
|
||||||
${sachgebiete_id} |
|
||||||
from xdummy; |
|
||||||
</#foreach> |
|
||||||
|
|
||||||
delete from tmp_sx_captions where table_name = '${table_name}' and (field_name in (select field_name from sx_captions)); |
|
||||||
insert into sx_captions |
|
||||||
( |
|
||||||
id, |
|
||||||
table_name, |
|
||||||
field_name, |
|
||||||
record_no, |
|
||||||
locale, |
|
||||||
contents_short, |
|
||||||
contents_long, |
|
||||||
equalitystatus, |
|
||||||
doku_link, |
|
||||||
export_to_glossar, |
|
||||||
sachgebiete_id |
|
||||||
) |
|
||||||
select |
|
||||||
id, |
|
||||||
table_name, |
|
||||||
field_name, |
|
||||||
record_no, |
|
||||||
locale, |
|
||||||
contents_short, |
|
||||||
contents_long, |
|
||||||
equalitystatus, |
|
||||||
doku_link, |
|
||||||
export_to_glossar::integer, |
|
||||||
sachgebiete_id |
|
||||||
from tmp_sx_captions; |
|
||||||
|
|
||||||
File diff suppressed because one or more lines are too long
@ -1,43 +0,0 @@ |
|||||||
--Freemarker Template |
|
||||||
<#include "SQL_lingua_franca"/> |
|
||||||
<#include "SuperX_general"/> |
|
||||||
<#include "VIZ-Makros"/> |
|
||||||
<sqlvars> |
|
||||||
<sqlvar name="renderer"> |
|
||||||
select tid from viz_renderer where uniquename='echarts'; |
|
||||||
</sqlvar> |
|
||||||
</sqlvars> |
|
||||||
<#assign viz_types = [ |
|
||||||
{"uniquename":"echarts_sankey", "caption":"Sankey-Diagramm", |
|
||||||
"orientation":"Z", |
|
||||||
"description":"Flussiagramm", |
|
||||||
"explanation":""} |
|
||||||
] |
|
||||||
/> |
|
||||||
|
|
||||||
|
|
||||||
<#assign viz_type_properties = [ |
|
||||||
{"viz_property_uniquename":"dimension1", |
|
||||||
"is_mandatory":"1"}, |
|
||||||
{"viz_property_uniquename":"dimension2", |
|
||||||
"is_mandatory":"1"}, |
|
||||||
{"viz_property_uniquename":"measure1", |
|
||||||
"is_mandatory":"1"}, |
|
||||||
{"viz_property_uniquename":"nodeGap"} |
|
||||||
] |
|
||||||
/> |
|
||||||
|
|
||||||
|
|
||||||
<@create_temp_tables /> |
|
||||||
|
|
||||||
|
|
||||||
<#foreach viz_type in viz_types> |
|
||||||
|
|
||||||
<@fill_viz_types viz_type_p=viz_type /> |
|
||||||
|
|
||||||
<@fill_viz_type_properties viz_type_p=viz_type /> |
|
||||||
|
|
||||||
</#foreach> |
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,60 +1,70 @@ |
|||||||
214^Wertelabel offset (vertikal)^offset_y_valueLabel^ ^ ^1^ ^0^1^^Wertelabel wird vertikal leicht verschoben, z.B. 40 bedeutet 40 Pixel nach unten^4100^^^STRING^^ |
1^Grafik-Höhe^height^450^ ^1^ ^0^4^10^Diagrammhöhe (exkl. Skalenbeschriftung). Wird nur ausgewertet wenn es keine Y-Achse gibt!^101^^^integer^ |
||||||
215^Wertelabel offset (horizontal)^offset_x_valueLabel^ ^ ^1^ ^0^1^^Wertelabel wird horizontal leicht verschoben, z.B. 30 bedeutet 30 Pixel nach rechts^4000^^^STRING^^ |
2^Grafik-Breite^width^650^ ^1^ ^0^4^10^Diagrammsbreite (exkl.Skalenbeschriftung)^102^100^2000^integer^ |
||||||
173^Rand oben in %^margin.top^16^%^1^ ^0^1^^Oberer Rand in %^1900^^^integer^^ |
3^Werte-Label-Breite^valueLabelWidth^^^0^^0^1^18^^^^^integer^ |
||||||
172^Rand rechts in %^margin.right^0^%^1^ ^0^1^^Rechter Rand in %^1800^^^integer^^ |
4^Hintergrundfarbe^backgroundColor^#ffffff^ ^0^#ffffeb^0^3^11^Hintergrundfarbe der Grafik^201^^^string^ |
||||||
171^Rand links in %^margin.left^20^%^1^ ^0^1^^Linker Rand in %^1700^^^integer^^ |
5^Schriftfarbe^color^ ^ ^0^black^0^3^11^Farbe von Text- und Diagrammelementen^202^^^string^ |
||||||
213^Gestapelte Balken^barStacked^false^ ^0^true|false^0^2^^ ^5100^^^STRING^^ |
6^Schriftgröße^fontSize^^px^0^ ^0^4^11^Schriftgröße der Skalenbeschriftung^204^^^integer^ |
||||||
199^Abgerundete Ecken^cornerRadiusRounded^true^ ^0^true|false^0^2^^Abgerundete Ecken der Tortenstücke^4800^^^STRING^^ |
7^Schriftfamilie^fontFamily^^ ^0^serif|sans-serif|monospace|system_ui^0^2^11^Schriftfamlilie der Skalenbeschriftung^203^^^string^ |
||||||
187^Y-Achse Beschriftung^yAxisLabelNode^ ^ ^0^ ^0^7^^Y-Achse-Beschriftung^3000^^^NODE^^ |
8^Flächenfarbe^fill_static^ ^ ^0^ ^0^3^11^Nur für Grafikelemente Flächen und Balken. Füllfarbe.^1300^^^string^ |
||||||
185^Y-Achse^yAxisNode^ ^ ^0^ ^0^7^^Y-Achse-Element^2800^^^NODE^^ |
11^X: Schriftneigung^tickRotate_x^^ ^0^ ^0^1^18^Neigungswinkel der Achsenwerte^604^^^integer^ |
||||||
181^X-Achse Beschriftung^xAxisLabelNode^ ^ ^0^ ^0^7^^X-Achse-Beschriftung^2400^^^NODE^^ |
12^X: Skalierung^ticks_x^^ ^0^ ^0^1^18^Feinheit der Wertegliederung^605^^^integer^ |
||||||
178^X-Achse^xAxisNode^ ^ ^0^ ^0^7^^X-Achse-Element^2100^^^NODE^^ |
13^X: Schriftgröße^tickSize_x^^ ^0^ ^0^1^18^Größe der Achsenwerte^603^^^integer^ |
||||||
170^Ränder^marginNode^ ^ ^1^ ^0^7^^ ^1600^^^NODE^^ |
15^X: Label-Ausrichtung^labelAnchor_x^^ ^0^left|center|right^0^2^18^Label-Position^601^^^string^ |
||||||
206^Legende^legendNode^ ^ ^1^ ^0^7^^Legenden-Element^1100^^^NODE^^ |
16^Außenrand links^marginLeft^100^^0^ ^0^4^10^Abstand zwischen Grafik und linkem Hintergrundrand^103^^^integer^ |
||||||
174^X-Achse^x^ ^ ^0^ ^1^2^5^X-Achse^200^^^string^^ |
17^Außenrand rechts^marginRight^ ^^0^ ^0^4^10^Abstand zwischen Grafik und rechtem Hintergrundrand^104^^^integer^ |
||||||
166^Titel^titleNode^ ^ ^1^ ^0^7^^Titel-Element^700^^^NODE^^ |
18^Außenrand oben^marginTop^ ^^0^ ^0^4^10^Abstand zwischen Grafik und oberem Hintergrundrand^105^^^integer^ |
||||||
161^Innerer Radius^innerRadius^0^ ^0^ ^0^1^10^Innerer Radius bei Tortendiagrammen (Faktor in %). Bei 0 wird kein innerer Radius genutzt, ein Wert größer 0 macht das Tortendiagramm zum Donut.^700^0^100^string^^ |
19^Außenrand unten^marginBottom^ ^^0^ ^0^4^10^Abstand zwischen Grafik und unterem Hintergrundrand^106^^^integer^ |
||||||
165^Leerzeilen-Maskierung^null_value_mask^ ^ ^0^ ^0^1^10^Text, der ersetzt wird, wenn eine Dimension leer ist, z.B. *Andere Hochschule* bei BA-MA-Übergang^1100^^^string^^ |
20^Innenrand oben^insetTop^ ^^0^ ^0^4^10^Abstand zwischen Grafik und Achsenbeschriftung oben^107^^^integer^ |
||||||
156^Diagrammelement^seriesNode^ ^ ^1^ ^0^7^^Layout der Diagrammelemente^600^^^NODE^^ |
21^Innenrand unten^insetBottom^ ^^0^ ^0^4^10^Abstand zwischen Grafik und Achsenbeschriftung unten^108^^^integer^ |
||||||
159^Dimension 2^dimension2^ ^ ^0^ ^0^2^5^Dimension 2^400^^^string^^ |
22^Innenrand links^insetLeft^ ^^0^ ^0^4^10^Abstand zwischen Grafik und Achsenbeschriftung links^109^^^integer^ |
||||||
191^Y: Distanz Beschriftung^distance_y^0^ ^0^ ^0^1^^Y-Achse Abstand Beschriftung zum Item^3400^^^integer^^ |
23^Innenrand rechts^insetRight^ ^^0^ ^0^4^10^Abstand zwischen Grafik und Achsenbeschriftung rechts^110^^^integer^ |
||||||
190^Y: Beschriftung Breite^width_y^50^px^0^ ^0^1^^Y-Achse Breite Beschriftung^3300^^^integer^^ |
24^Farbschema^scheme^ ^ ^0^blues|greens|greys|oranges|purples|reds|paired|set1|pastel1|pastel2|tableau10|category10|accent|dark2|custom1^0^2^22^Nur für Grafikelemente Balken, Linien, Torten: Farbtonschema für Serien.^303^^^string^ |
||||||
189^Y: Abstand Beschriftung^padding_y^5^ ^0^ ^0^1^^Y-Achse Abstand Beschriftung zur Achsenlinie^3200^^^integer^^ |
25^Farbtyp^type^^ ^0^einfarbig|mehrfarbig|zyklisch^0^2^20^Ein-/Mehrfarbigkeit von Diagrammelementen^302^^^string^ |
||||||
179^X-Achse Name^xAxisName^ ^ ^0^ ^0^1^^X-Achse-Name^2200^^^STRING^^ |
43^Deckungsgrad Farbe^fillOpacity^ ^ ^0^ ^0^1^11^Deckungsrad (opacity) zwischen 0 und 1^1800^0^1^string^ |
||||||
177^Rand unten in %^margin.bottom^20^%^1^ ^0^1^^Unterer Rand in %^2000^^^integer^^ |
45^Strichlinie Breite^strokeWidth^ ^px^0^ ^0^1^11^Strichbreite in Pixel^2100^^^integer^ |
||||||
160^Dimension 3^dimension3^ ^ ^0^ ^0^2^5^Dimension 3^500^^^string^^ |
56^Fortlaufende Skala^continous scales^^ ^0^identity|linear|log|pow|sqrt|symlog^0^2^15^Art der Skalen-Gliederung^401^^^string^ |
||||||
167^Untertitel-Text^subtitle^ ^ ^1^ ^0^1^^Text^800^^^STRING^^ |
57^Kategorie-Skala^categorical scales^^ ^0^point|band^0^2^15^Art der Skalen-Gliederung^402^^^string^ |
||||||
162^Beschriftung Radius^labelRadiusFactor^80^ ^0^ ^0^1^10^Beschriftungs-Radius Faktor bei Tortendiagrammen (Faktor in %). Bei 0 wird kein innerer Radius genutzt, ein Wert größer 0 macht das Tortendiagramm zum Donut.^800^0^100^string^^ |
58^Datums-Skala^date scales^^ ^0^time|utc^0^2^15^Art der Skalen-Gliederung^403^^^string^ |
||||||
216^Farbpalette Ziel^seriesColorBy^series^ ^0^series|data^0^2^^Farbpalette gilt für die Serie oder zur Untrscheidung der Daten^4500^^^STRING^^ |
60^Farbschema-Typ^schemetype^^ ^0^linear|sqrt|pow|log|symlog|sequential|cyclical|quantile^0^2^20^Art der Farbverteilung in Diagrammelementen^304^^^string^ |
||||||
163^Kanten-Radius^cornerRadius^10^px^0^ ^0^1^10^Ecken-Radius bei Tortendiagrammen (in Pixel). Bei 0 wird keine gerundete Kante genutzt, ein Wert größer 0 macht das Tortendiagramm zum Donut.^900^0^50^string^^ |
61^Grafik-Elementtyp^marks^ ^ ^0^Plot.line|Plot.dot|Plot.areaX|Plot.areaY.|Plot.barX|Plot.barY|Plot.rectX|Plot.rectY|Plot.ruleX|Plot.ruleY|Plot.tickX|Plot.tickY|Plot.arrow|Plot.cell|Plot.text|Plot.link|Plot.image^0^2^12^Ausrichtung und Form der grafischen Elemente^301^^^string^ |
||||||
197^Farbpalette (vordef.)^schemeArray^ ^ ^1^D3_Tableau10|D3_category10|D3_Accent|D3_Dark2|D3_observable10|D3_Paired|D3_Pastel1|D3_Pastel2|D3_Set1|D3_Set2|D3_Set3|unique|dichotom|abgrp|fak|quadroColor|blandLocalized|colorGrades^0^2^^Farbpalette^4400^^^STRING^^ |
63^X: Label-Abstand^labelOffset_x^^^0^ ^0^1^18^Label-Abstand von Achse^602^^^integer^ |
||||||
196^Ausrichtung Wertelabel (vertikal)^position_valueLabel^top^ ^1^top|center|bottom^0^2^^ ^3900^^^STRING^^ |
68^Maß: Chart-Abstand^gridChartOffset^^ ^0^ ^0^1^18^ ^607^^^string^ |
||||||
194^Label anzeigen^valueLabelShow^true^ ^1^true|false^0^2^^ ^3700^^^STRING^^ |
69^Maß: Label-Höhe^gridLabelHeight^^^0^ ^0^1^18^ ^608^^^integer^ |
||||||
192^Ausrichtung Y-Label (vertikal)^position_y^center^ ^1^top|center|bottom^0^2^^ ^3500^^^STRING^^ |
70^X-Achse^x^ ^ ^0^ ^0^1^5^X-Achsendefinition^100^^^string^ |
||||||
180^X-Achse Name Position^xAxisNameLocation^end^ ^0^start|center|end^0^2^^Position der X-Achsenbezeichnung^2300^^^STRING^^ |
72^Y-Achse^y^ ^ ^0^ ^0^1^5^Y-Achsendefinition^200^^^string^ |
||||||
211^Legende scrollbar^legend.scroll^false^ ^1^true|false^0^2^^ ^1500^^^STRING^^ |
73^Maß 1^measure1^ ^ ^0^ ^0^2^5^Maß^300^^^string^ |
||||||
212^Legenden-Ausrichtung (horizontal)^legend.left^left^ ^1^left|center|right^0^2^^ ^1400^^^STRING^^ |
76^Serien-Dimension^stroke^ ^ ^0^ ^0^1^5^Serien-Dimension zusätzlich zu Achsen^300^^^string^ |
||||||
208^Legenden-Ausrichtung (vertikal)^legend.top^bottom^ ^1^top|middle|bottom^0^2^^ ^1300^^^STRING^^ |
78^Legende^legend^ ^ ^0^true|false^0^2^22^ ^303^^^boolean^ |
||||||
207^Legende anzeigen^legendShow^true^ ^1^true|false^0^2^^ ^1200^^^STRING^^ |
79^Beschriftung^text^ ^ ^0^ ^0^1^5^Nur für Grafikelement Wertelabel^400^^^string^ |
||||||
169^Titel-Ausrichtung (vertikal)^title.top^top^ ^1^top|center|bottom^0^2^^ ^1000^^^STRING^^ |
80^Serienfarbe^fill^ ^ ^0^ ^0^1^22^Nur für Grafikelemente Balken und Linien: Merkmal der Serien-Dimension^305^^^string^ |
||||||
205^X: Skala^scale_x^linear^ ^1^linear|identity|point|band|time^0^2^18^ ^1000^^^string^^ |
81^Y: Label-Abstand^labelOffset_y^^^0^ ^0^1^21^Label-Abstand von Achse^602^^^integer^ |
||||||
168^Titel-Ausrichtung (horiz.)^title.left^left^ ^1^left|center|right^0^2^^ ^900^^^STRING^^ |
82^Y: Label-Ausrichtung^labelAnchor_y^^ ^0^left|center|right^0^2^21^Label-Position^601^^^string^ |
||||||
193^Wertelabel^valueLabelNode^ ^ ^1^ ^0^7^^Beschriftung der Diagrammelemente^3600^^^NODE^^ |
83^Y: Schriftgröße^tickSize_y^^ ^0^ ^0^1^21^Größe der Achsenwerte^603^^^integer^ |
||||||
203^Strichfarbe^stroke_static^ ^ ^0^ ^0^3^11^Strichfarbe (einfach)^800^^^string^^ |
84^Y: Schriftneigung^tickRotate_y^^ ^0^ ^0^1^21^Neigungswinkel der Achsenwerte^604^^^integer^ |
||||||
204^Flächenfarbe^fill_static^ ^ ^0^ ^0^3^11^Nur für Grafikelemente Flächen und Balken. Füllfarbe.^900^^^string^^ |
85^Y: Skalierung^ticks_y^^ ^0^ ^0^1^21^Feinheit der Wertegliederung^605^^^integer^ |
||||||
201^Spaltenselektion bei Serien^series_selection_column^ ^ ^0^ ^0^1^^Optionale Auswahl der Spalten einer Tabelle. Sie können mit Operator größer, kleiner, oder komma-getrennten Listen der Spaltennummern arbeiten.^5000^^^STRING^^ |
86^X: Label^label_x^^ ^0^ ^0^1^18^Label X-Achse^602^^^string^ |
||||||
200^Zeilenselektion bei Serien^series_selection_line^ ^ ^0^ ^0^1^^Optionale Auswahl der Zeilen einer Tabelle. Sie können mit Operator größer, kleiner, oder komma-getrennten Listen der Zeilennummern arbeiten.^4900^^^STRING^^ |
87^Y: Label^label_y^^ ^0^ ^0^1^21^Label Y-Achse^602^^^string^ |
||||||
198^Äußerer Radius in %^outerRadius^80^%^0^ ^0^1^^Äußerer Radius bei Tortendiagrammen (Faktor in %). Parameter definiert den Anteil des Kreises am ganzen Rechteck^4700^^^INTEGER^^ |
88^Punktdicke^r^^ ^0^ ^0^1^5^Punktdicke von Diagrammelementen (relevant für Plot.dot, Plot.tickX/Y)^308^^^string^ |
||||||
195^Wertelabel: Distanz Beschriftung^distance_valueLabel^10^ ^1^ ^0^1^^Wertelabel Abstand Beschriftung zum Item. Wird nur ausgewertet wenn Ausrichtung Wertelabel (vertikal)=top gesetzt wird.^3800^^^integer^^ |
91^Quell-Dimension^viz_source^^ ^0^ ^0^1^5^ ^608^^^string^ |
||||||
188^Y: Schriftneigung^tickRotate_y^ ^ ^0^ ^0^1^^Y-Achse-Beschriftung Schriftneigung^3100^-90^90^integer^^ |
92^Ziel-Dimension 1^viz_target1^^ ^0^ ^0^1^5^ ^608^^^string^ |
||||||
186^Y-Achse Name^yAxisName^ ^ ^0^ ^0^1^^Y-Achse-Name^2900^^^STRING^^ |
93^X: Linie^line_x^true^ ^0^true|false^0^2^18^Linie X-Achse^602^^^boolean^ |
||||||
184^X: Abstand Beschriftung^padding_x^5^ ^0^ ^0^1^^X-Achse Abstand Beschriftung zur Achsenlinie^2700^^^integer^^ |
94^Y: Linie^line_y^true^ ^0^true|false^0^2^21^Linie Y-Achse^602^^^boolean^ |
||||||
183^X: Beschriftung Breite^width_x^100^px^0^ ^0^1^^X-Achse Breite Beschriftung^2600^^^integer^^ |
95^Dimension 1^dimension1^ ^ ^0^ ^0^2^5^Dimension 1^100^^^string^ |
||||||
182^X: Schriftneigung^tickRotate_x^30^ ^0^ ^0^1^^X-Achse-Beschriftung Schriftneigung^2500^-90^90^integer^^ |
96^Dimension 2^dimension2^ ^ ^0^ ^0^2^5^Dimension 2^200^^^string^ |
||||||
164^Label-Deckungsgrad^labelOpacity^70^ ^0^ ^0^1^10^Deckungsgrad Faktor bei Beschriftungen (Faktor in %). Bei 100 ist maximale Deckung erreicht^1000^0^100^string^^ |
97^Leerzeilen-Maskierung^null_value_mask^ ^ ^0^ ^0^1^10^Text, der ersetzt wird, wenn eine Dimension leer ist, z.B. *Andere Hochschule* bei BA-MA-Übergang^700^^^string^ |
||||||
175^Y-Achse^y^ ^ ^0^ ^1^2^5^Y-Achse^300^^^string^^ |
98^Y-Wertebereich^domain^ ^ ^0^ ^0^1^21^Bittte Wertebereich mit [] eingeben, z.B. [0,100] für 0-100^1000^^^js^ |
||||||
176^Serien-Dimension^stroke^ ^ ^0^ ^1^2^5^Serien-Dimension^600^^^string^^ |
99^X: Skala^scale_x^band^ ^0^linear|identity|point|band|time^0^2^18^ ^1000^^^string^ |
||||||
202^Einzelfarbe^singleColor^ ^ ^0^ ^0^3^11^Linien- oder Balkenfarbe (einfach). Wird mit höherer Priorität ausgewertet als die Palette^4300^^^string^^ |
100^Strichlinie Abstand-Intervalle^strokeDasharray^ ^ ^0^ ^0^1^11^Abstand von Bindestrichen (Komma-separierte Pixel), z.B. [10,5] für 10 und dann 5 Pixel Abstand^2000^^^string^ |
||||||
155^Dimensionen^dimensionsNode^ ^ ^0^ ^0^7^^Dimensionen^100^^^NODE^^ |
101^Offset (horizontal)^dx^ ^px^0^ ^0^1^10^Horizontales Offset des Grafikelements in Pixel^1600^^^integer^ |
||||||
157^Dimension 1^dimension1^ ^ ^0^ ^1^2^5^Dimension 1^200^^^string^^ |
102^Offset (vertikal)^dy^ ^px^0^ ^0^1^10^Vertikales Offset des Grafikelements in Pixel^1700^^^integer^ |
||||||
158^Maß 1^measure1^ ^ ^0^ ^1^2^6^Maß 1^300^^^string^^ |
103^Textuelle Beschreibung des Grafikelements^ariaDescription^ ^ ^0^ ^0^1^11^für barrierearme Grafiken^1100^^^string^ |
||||||
|
104^CSS-Klasse^className^ ^ ^0^ ^0^1^11^Klassenname des Grafikelements für CSS-basierte Layouts^1400^^^string^ |
||||||
|
105^CSS-Filter für Bilder^imageFilter^ ^ ^0^ ^0^1^11^z.B. blur(5px)^1500^^^string^ |
||||||
|
106^Deckungsgrad Objekt^opacity^ ^ ^0^ ^0^1^11^Deckungsrad (opacity) des Grafikelements zwischen 0 und 1^1900^0^1^string^ |
||||||
|
107^Tooltip einschalten^tip^ ^ ^0^true|false^0^2^10^Sollen implizite Tooltips angezeigt werden (true,false)^2200^^^boolean^ |
||||||
|
108^Strichfarbe^stroke_static^ ^ ^0^ ^0^3^11^Strichfarbe (einfach)^1200^^^string^ |
||||||
|
109^Zusätzl. Sortierung^sortchannel^ ^ ^0^ ^0^1^5^Standardmäßig wird nach den Achsendimensionen alphabetisch aufsteigend sortiert. Wenn Sie nach einem anderen Merkmal sortieren wollen, geben Sie dies hier an (z.B. die Zeilennummer, um die Sortierung der Datentabelle zu nutzen). Nützlich z.B. um Semesternamen zu sortieren.^500^^^string^ |
||||||
|
110^Innerer Radius^innerRadius^0^ ^0^ ^0^1^10^Innerer Radius bei Tortendiagrammen (Faktor in %). Bei 0 wird kein innerer Radius genutzt, ein Wert größer 0 macht das Tortendiagramm zum Donut.^400^0^100^string^ |
||||||
|
111^Beschriftung Radius^labelRadiusFactor^80^ ^0^ ^0^1^10^Beschrftungs-Radius Faktor bei Tortendiagrammen (Faktor in %). Bei 0 wird kein innerer Radius genutzt, ein Wert größer 0 macht das Tortendiagramm zum Donut.^500^0^100^string^ |
||||||
|
112^Kanten-Radius^cornerRadius^10^px^0^ ^0^1^10^Ecken-Radius bei Tortendiagrammen (in Pixel). Bei 0 wird keine gerundete Kante genutzt, ein Wert größer 0 macht das Tortendiagramm zum Donut.^600^0^50^string^ |
||||||
|
113^Label-Deckungsgrad^labelOpacity^70^ ^0^ ^0^1^10^Deckungsgrad Faktor bei Beschriftungen (Faktor in %). Bei 100 ist maximale Deckung erreicht^700^0^100^string^ |
||||||
|
|||||||
@ -1,478 +1,431 @@ |
|||||||
/*dateispezifische Basics*/ |
/*dateispezifische Basics*/ |
||||||
html, body { |
html, body { |
||||||
height: auto; |
height: auto; |
||||||
min-height: 100vh; |
min-height: 100vh; |
||||||
overflow-x: auto; |
overflow-x: auto; |
||||||
overflow-y: auto; |
overflow-y: auto; |
||||||
} |
} |
||||||
|
|
||||||
.hero-body { margin-left: 1.5em; } /*Abstand zum Burger-Button*/ |
.hero-body { margin-left: 1.5em; } /*Abstand zum Burger-Button*/ |
||||||
|
|
||||||
.title, .subtitle { /*für Seitentitel*/ |
.title, .subtitle { /*für Seitentitel*/ |
||||||
margin-left: 0.4em; |
margin-left: 0.4em; |
||||||
margin-top: 0%; } |
margin-top: 0%; } |
||||||
|
|
||||||
.columns { |
.columns { |
||||||
display: flex; |
display: flex; |
||||||
flex-wrap: wrap; } |
flex-wrap: wrap; } |
||||||
|
|
||||||
.card { /*für Cardposition, -style*/ |
.card { /*für Cardposition, -style*/ |
||||||
display: flex; |
display: flex; |
||||||
flex-flow: column; |
flex-flow: column; |
||||||
margin-left: 0em; /*1.5em bei farbigem Hintergrund*/ |
margin-left: 0em; /*1.5em bei farbigem Hintergrund*/ |
||||||
margin-top: 0em; /*-1.2em bei farbigem Hintergrund*/ |
margin-top: 0em; /*-1.2em bei farbigem Hintergrund*/ |
||||||
box-shadow: none; } |
box-shadow: none; } |
||||||
|
|
||||||
/*Buttonleiste, Legende*/ |
/*Buttonleiste, Legende*/ |
||||||
.legende { /*für Berichtslegende*/ |
.legende { /*für Berichtslegende*/ |
||||||
margin-left: 0.15em; |
margin-left: 0.15em; |
||||||
padding: 0.4rem 0.4rem 0.4rem 0.4rem; } /*für Padding: ob re un li*/ |
padding: 0.4rem 0.4rem 0.4rem 0.4rem; } /*für Padding: ob re un li*/ |
||||||
|
|
||||||
/*Tabs, Selektionsfelder-Formular*/ |
/*Tabs, Selektionsfelder-Formular*/ |
||||||
.label-container { /*für Responsibility der Eingabefelder*/ |
.label-container { /*für Responsibility der Eingabefelder*/ |
||||||
display: flex; |
display: flex; |
||||||
justify-content: left; |
justify-content: left; |
||||||
background: inherit; |
background: inherit; |
||||||
min-width: 10.0em; } |
min-width: 10.0em; } |
||||||
|
|
||||||
.label { /*für Selektionsfeld-Bezeichner*/ |
.label { /*für Selektionsfeld-Bezeichner*/ |
||||||
font-family: sans-serif; |
font-family: sans-serif; |
||||||
font-weight: normal; |
font-weight: normal; |
||||||
font-size: 2rem; |
font-size: 2rem; |
||||||
margin-left: 1.0em; |
margin-left: 1.0em; |
||||||
margin-top: 0.4em; } |
margin-top: 0.4em; } |
||||||
|
|
||||||
.control-new { /*für einheitliche Controlbreite*/ |
.control-new { /*für einheitliche Controlbreite*/ |
||||||
width: 17.0em; } |
width: 17.0em; } |
||||||
|
|
||||||
.tabs { |
.tabs { |
||||||
font-family: sans-serif; |
font-family: sans-serif; |
||||||
font-weight: normal; } |
font-weight: normal; } |
||||||
|
|
||||||
.tabs { /*für Tab-Namen*/ |
.tabs { /*für Tab-Namen*/ |
||||||
font-size: 2rem; } |
font-size: 2rem; } |
||||||
|
|
||||||
.grid { /*20250917 eingefügt*/ |
.grid { /*20250917 eingefügt*/ |
||||||
display: flex; |
display: flex; |
||||||
flex-wrap: wrap; } /*erlaubt Umbruch'*/ |
flex-wrap: wrap; } /*erlaubt Umbruch'*/ |
||||||
|
|
||||||
/*20251007 eingefügt*/ |
/*20251007 eingefügt*/ |
||||||
.fullwidth-grid { |
.fullwidth-grid { |
||||||
width: 100vw; /* gesamte Viewport-Breite */ |
width: 100vw; /* gesamte Viewport-Breite */ |
||||||
padding-right: 2em; } |
padding-right: 2em; } |
||||||
|
|
||||||
.dashboard-tabs { /*20250917 eingefügt*/ |
.dashboard-tabs { /*20250917 eingefügt*/ |
||||||
display: flex; |
display: flex; |
||||||
flex-wrap: wrap; /* erlaubt Umbruch */ |
flex-wrap: wrap; /* erlaubt Umbruch */ |
||||||
list-style: none; |
list-style: none; |
||||||
margin: 1rem; |
margin: 1rem; |
||||||
padding: 0; |
padding: 0; |
||||||
cursor: pointer; } |
cursor: pointer; } |
||||||
|
|
||||||
.dashboard-tabs li { /*20250917 eingefügt*/ |
.dashboard-tabs li { /*20250917 eingefügt*/ |
||||||
flex: 1 1 auto; /* alle Tabs gleich breit, aber flexibel */ |
flex: 1 1 auto; /* alle Tabs gleich breit, aber flexibel */ |
||||||
text-align: center; |
text-align: center; |
||||||
border: 1px solid #ccc; |
border: 1px solid #ccc; |
||||||
background: #f9f9f9; } |
background: #f9f9f9; } |
||||||
|
|
||||||
.dashboard-tabs li a { /*20250917 eingefügt*/ |
.dashboard-tabs li a { /*20250917 eingefügt*/ |
||||||
display: block; |
display: block; |
||||||
text-decoration: none; |
text-decoration: none; |
||||||
font-weight: bold; |
font-weight: bold; |
||||||
color: #333; } |
color: #333; } |
||||||
|
|
||||||
.dashboard-tabs li a:hover, .dashboard-tabs li a:focus { /*20250917 eingefügt*/ |
.dashboard-tabs li a:hover, .dashboard-tabs li a:focus { /*20250917 eingefügt*/ |
||||||
background: #e0e0e0; } |
background: #e0e0e0; } |
||||||
|
|
||||||
.dashboard-tabs li.is-active { /*20251007 eingefügt*/ |
.dashboard-tabs li.is-active { /*20251007 eingefügt*/ |
||||||
background: #ebf1f3; |
background: #ebf1f3; } |
||||||
color: midnightblue; } |
|
||||||
|
.input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder { |
||||||
.input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder { |
font-size: 0.8rem; |
||||||
font-size: 0.8rem; |
color: black; } |
||||||
color: black; } |
|
||||||
|
.input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder { |
||||||
.input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder { |
font-size: 0.8rem; |
||||||
font-size: 0.8rem; |
color: hsl(0, 0%, 29%); } |
||||||
color: hsl(0, 0%, 29%); } |
|
||||||
|
.input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder, .select select::-webkit-input-selected { |
||||||
.input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder, .select select::-webkit-input-selected { |
font-size: 0.8rem; |
||||||
font-size: 0.8rem; |
color: hsl(0, 0%, 29%); } |
||||||
color: hsl(0, 0%, 29%); } |
|
||||||
|
.vizTooltip { |
||||||
.vizTooltip { |
position: absolute; |
||||||
position: absolute; |
text-align: center; |
||||||
text-align: center; |
width: 60px; |
||||||
width: 60px; |
height: 28px; |
||||||
height: 28px; |
padding: 2px; |
||||||
padding: 2px; |
font: 12px sans-serif; |
||||||
font: 12px sans-serif; |
background: lightsteelblue; |
||||||
background: lightsteelblue; |
border: 0px; |
||||||
border: 0px; |
border-radius: 8px; |
||||||
border-radius: 8px; |
pointer-events: none; |
||||||
pointer-events: none; |
} |
||||||
} |
.dojoDialog {background : #eee; border : 1px solid #999;-moz-border-radius : 5px;padding : 4px;width:650;height:420px;overflow:scroll} |
||||||
.dojoDialog {background : #eee; border : 1px solid #999;-moz-border-radius : 5px;padding : 4px;width:650;height:420px;overflow:scroll} |
|
||||||
|
.treebutton { |
||||||
.treebutton { |
border:none; |
||||||
border:none; |
margin: 0 4px 0 0; |
||||||
margin: 0 4px 0 0; |
} |
||||||
} |
|
||||||
|
/*Cockpit-Header*/ |
||||||
/*Cockpit-Header*/ |
.hs_header { |
||||||
.hs_header { |
position: fixed; |
||||||
position: fixed; |
top: 0; |
||||||
top: 0; |
left: 0; |
||||||
left: 0; |
right: 0; |
||||||
right: 0; |
z-index: 20; /*positioniert sich im flow am nähesten zum Betrachter*/ |
||||||
z-index: 20; /*positioniert sich im flow am nähesten zum Betrachter*/ |
background-color:white; |
||||||
background-color:white; |
padding-top: 3rem; } |
||||||
padding-top: 3rem; } |
|
||||||
|
.hs_header_box1 { /*für Balken-Box über/unter Cockpittitel*/ |
||||||
.hs_header_box1 { /*für Balken-Box über/unter Cockpittitel*/ |
background: white; |
||||||
background: white; |
height: 1.0rem; |
||||||
height: 1.0rem; |
color: black; } |
||||||
color: black; } |
|
||||||
|
.hs_header_box2 { /*für Logo-/Cockpittitel-Box*/ |
||||||
.hs_header_box2 { /*für Logo-/Cockpittitel-Box*/ |
display: flex; |
||||||
display: flex; |
/* height: 4.0rem;*/ |
||||||
/* height: 4.0rem;*/ |
padding: 0.3rem 17.0rem 0rem 9.0rem; /*für Padding: ob re un li*/ |
||||||
padding: 0.3rem 17.0rem 0rem 9.0rem; /*für Padding: ob re un li*/ |
align-items: left; /*für vertikale Ausrichtung d Elemente*/ |
||||||
align-items: left; /*für vertikale Ausrichtung d Elemente*/ |
/*justify-content: space-between;*/ /*für gleichm. Leerraum zw. Elementen*/ |
||||||
/*justify-content: space-between;*/ /*für gleichm. Leerraum zw. Elementen*/ |
background-color: #004c93; } |
||||||
background-color: #004c93; } |
|
||||||
|
.cockpit_title { |
||||||
.cockpit_title { |
color: white; |
||||||
color: white; |
font-size: 2rem; |
||||||
font-size: 2rem; |
font-weight: 800; |
||||||
font-weight: 800; |
background-color: #004c93; |
||||||
background-color: #004c93; |
padding-left:20px; } |
||||||
padding-left:20px; } |
|
||||||
|
.vizTitle { |
||||||
.vizTitle { |
margin-left: 0.8em; |
||||||
margin-left: 0.8em; |
margin-right: 0.8em; |
||||||
margin-right: 0.8em; |
white-space: normal; |
||||||
white-space: normal; |
word-wrap: normal; |
||||||
word-wrap: normal; |
overflow-wrap: break-word; |
||||||
overflow-wrap: break-word; |
hyphens: auto; |
||||||
hyphens: auto; |
text-align: center; |
||||||
text-align: center; |
font-size:1.2em; |
||||||
font-size:1.2em; |
font-weight:bolder; |
||||||
font-weight:bolder; |
background: #ebf1f3; } |
||||||
color: midnightblue; |
|
||||||
background: #ebf1f3; } |
.navbar {background-color: white;} /*20250221 eingefügt*/ |
||||||
|
.navbar-item img, .navbar-item svg { /*20250221 eingefügt*/ |
||||||
.navbar {background-color: white;} /*20250221 eingefügt*/ |
max-height: unset !important; } /*var(--bulma-navbar-item-img-max-height);*/ |
||||||
.navbar-item img, .navbar-item svg { /*20250221 eingefügt*/ |
|
||||||
max-height: unset !important; } /*var(--bulma-navbar-item-img-max-height);*/ |
/*Media-queries**/ |
||||||
|
@media print{ |
||||||
/*Media-queries**/ |
.dontprint {display:none;} |
||||||
@media print{ |
} |
||||||
.dontprint {display:none;} |
|
||||||
} |
/* 20250919 eingefügt: bis 769px: mobile; ab 769px: tablet and up; ab 1024px: desctop an up */ |
||||||
|
@media (max-width: 403px) { |
||||||
/* 20250919 eingefügt: bis 769px: mobile; ab 769px: tablet and up; ab 1024px: desctop an up */ |
.columns { padding-top: 2.5rem; } |
||||||
@media (max-width: 403px) { |
.grid { padding-top: 18.5rem; } |
||||||
.columns { padding-top: 2.5rem; } |
} |
||||||
.grid { padding-top: 18.5rem; } |
|
||||||
} |
@media (min-width: 404px) and (max-width: 468px) { |
||||||
|
.grid { padding-top: 17rem; } |
||||||
@media (min-width: 404px) and (max-width: 468px) { |
} |
||||||
.grid { padding-top: 17rem; } |
|
||||||
} |
@media (min-width: 469px) and (max-width: 473px) { |
||||||
|
.grid { padding-top: 15.5rem; } |
||||||
@media (min-width: 469px) and (max-width: 473px) { |
} |
||||||
.grid { padding-top: 15.5rem; } |
|
||||||
} |
@media (min-width: 474px) and (max-width: 549px) { |
||||||
|
.grid { padding-top: 14rem; } |
||||||
@media (min-width: 474px) and (max-width: 549px) { |
} |
||||||
.grid { padding-top: 14rem; } |
|
||||||
} |
@media (min-width: 550px) and (max-width: 552px) { |
||||||
|
.grid { padding-top: 12rem; } |
||||||
@media (min-width: 550px) and (max-width: 552px) { |
} |
||||||
.grid { padding-top: 12rem; } |
|
||||||
} |
@media (min-width: 553px) and (max-width: 576px) { |
||||||
|
.grid { padding-top: 10.5rem; } |
||||||
@media (min-width: 553px) and (max-width: 576px) { |
} |
||||||
.grid { padding-top: 10.5rem; } |
|
||||||
} |
@media (min-width: 577px) and (max-width: 636px) { |
||||||
|
.grid { padding-top: 7.5rem; } |
||||||
@media (min-width: 577px) and (max-width: 636px) { |
} |
||||||
.grid { padding-top: 7.5rem; } |
@media (min-width: 637px) and (max-width: 917px) { |
||||||
} |
.grid { padding-top: 6rem; } |
||||||
@media (min-width: 637px) and (max-width: 917px) { |
} |
||||||
.grid { padding-top: 6rem; } |
|
||||||
} |
@media (min-width: 918px) and (max-width: 927px) { |
||||||
|
.grid { padding-top: 5rem; } |
||||||
@media (min-width: 918px) and (max-width: 927px) { |
} |
||||||
.grid { padding-top: 5rem; } |
|
||||||
} |
@media (min-width: 928px) and (max-width: 1644px) { |
||||||
|
.grid { padding-top: 3rem; } |
||||||
@media (min-width: 928px) and (max-width: 1644px) { |
} |
||||||
.grid { padding-top: 3rem; } |
|
||||||
} |
@media (min-width: 1645px) { |
||||||
|
.grid { padding-top: 1.5rem; } |
||||||
@media (min-width: 1645px) { |
} |
||||||
.grid { padding-top: 1.5rem; } |
|
||||||
} |
.buttons-container { /* 300425BF eingefügt*/ |
||||||
|
display: flex; |
||||||
.buttons-container { /* 300425BF eingefügt*/ |
justify-content: flex-end; /* rechts ausrichten */ |
||||||
display: flex; |
align-items: center; /* vertikal zentrieren */ |
||||||
justify-content: flex-end; /* rechts ausrichten */ |
flex-wrap: wrap; /* für kleine Viewports */ |
||||||
align-items: center; /* vertikal zentrieren */ |
padding-top: 1.0rem; |
||||||
flex-wrap: wrap; /* für kleine Viewports */ |
} |
||||||
padding-top: 1.0rem; |
|
||||||
} |
.button.is-link { |
||||||
|
background-color: white; /*link-Blau:#3273dc; UDE-Blau:#004C93*/ |
||||||
.button.is-link { |
border-color: transparent; |
||||||
background-color: white; /*link-Blau:#3273dc; UDE-Blau:#004C93*/ |
color: #004C93; } |
||||||
border-color: transparent; |
.button.is-link:hover, .button.is-link.is-hovered { |
||||||
color: #004C93; } |
background-color: #276cda; |
||||||
.button.is-link:hover, .button.is-link.is-hovered { |
border-color: transparent; |
||||||
background-color: #276cda; |
color: #004C93; } |
||||||
border-color: transparent; |
.button.is-link:focus, .button.is-link.is-focused { |
||||||
color: #004C93; } |
border-color: transparent; |
||||||
.button.is-link:focus, .button.is-link.is-focused { |
color: #004C93; } |
||||||
border-color: transparent; |
.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) { |
||||||
color: #004C93; } |
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } |
||||||
.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) { |
.button.is-link:active, .button.is-link.is-active { |
||||||
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } |
background-color: white; |
||||||
.button.is-link:active, .button.is-link.is-active { |
border-color: transparent; |
||||||
background-color: white; |
color: #004C93; } |
||||||
border-color: transparent; |
.button.is-link[disabled], |
||||||
color: #004C93; } |
fieldset[disabled] .button.is-link { |
||||||
.button.is-link[disabled], |
background-color: #004C93; |
||||||
fieldset[disabled] .button.is-link { |
border-color: transparent; |
||||||
background-color: #004C93; |
box-shadow: none; } |
||||||
border-color: transparent; |
.button.is-link.is-inverted { |
||||||
box-shadow: none; } |
background-color: #fff; |
||||||
.button.is-link.is-inverted { |
color: #004C93; } |
||||||
background-color: #fff; |
.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered { |
||||||
color: #004C93; } |
background-color: #f2f2f2; } |
||||||
.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered { |
.button.is-link.is-inverted[disabled], |
||||||
background-color: #f2f2f2; } |
fieldset[disabled] .button.is-link.is-inverted { |
||||||
.button.is-link.is-inverted[disabled], |
background-color: #fff; |
||||||
fieldset[disabled] .button.is-link.is-inverted { |
border-color: transparent; |
||||||
background-color: #fff; |
box-shadow: none; |
||||||
border-color: transparent; |
color: #004C93; } |
||||||
box-shadow: none; |
.button.is-link.is-loading::after { |
||||||
color: #004C93; } |
border-color: transparent transparent #fff #fff !important; } |
||||||
.button.is-link.is-loading::after { |
.button.is-link.is-outlined { |
||||||
border-color: transparent transparent #fff #fff !important; } |
background-color: white; |
||||||
.button.is-link.is-outlined { |
border-color: #004C93; |
||||||
background-color: white; |
color: #004C93; } |
||||||
border-color: #004C93; |
.button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused { |
||||||
color: #004C93; } |
background-color: #004C93; |
||||||
.button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused { |
border-color: #004C93; |
||||||
background-color: #004C93; |
color: #fff; } |
||||||
border-color: #004C93; |
.button.is-link.is-outlined.is-loading::after { |
||||||
color: #fff; } |
border-color: transparent transparent #004C93; #004C93; !important; } |
||||||
.button.is-link.is-outlined.is-loading::after { |
.button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after { |
||||||
border-color: transparent transparent #004C93; #004C93; !important; } |
border-color: transparent transparent #fff #fff !important; } |
||||||
.button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after { |
.button.is-link.is-outlined[disabled], |
||||||
border-color: transparent transparent #fff #fff !important; } |
fieldset[disabled] .button.is-link.is-outlined { |
||||||
.button.is-link.is-outlined[disabled], |
background-color: transparent; |
||||||
fieldset[disabled] .button.is-link.is-outlined { |
border-color: #004C93; |
||||||
background-color: transparent; |
box-shadow: none; |
||||||
border-color: #004C93; |
color: #004C93; } |
||||||
box-shadow: none; |
.button.is-link.is-inverted.is-outlined { |
||||||
color: #004C93; } |
background-color: transparent; |
||||||
.button.is-link.is-inverted.is-outlined { |
border-color: #fff; |
||||||
background-color: transparent; |
color: #fff; } |
||||||
border-color: #fff; |
.button.is-link.is-inverted.is-outlined:hover, |
||||||
color: #fff; } |
.button.is-link.is-inverted.is-outlined.is-hovered, |
||||||
.button.is-link.is-inverted.is-outlined:hover, |
.button.is-link.is-inverted.is-outlined:focus, |
||||||
.button.is-link.is-inverted.is-outlined.is-hovered, |
.button.is-link.is-inverted.is-outlined.is-focused { |
||||||
.button.is-link.is-inverted.is-outlined:focus, |
background-color: #fff; |
||||||
.button.is-link.is-inverted.is-outlined.is-focused { |
color: #004C93; } |
||||||
background-color: #fff; |
.button.is-link.is-inverted.is-outlined.is-loading:hover::after, |
||||||
color: #004C93; } |
.button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, |
||||||
.button.is-link.is-inverted.is-outlined.is-loading:hover::after, |
.button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after { |
||||||
.button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, |
border-color: transparent transparent #004C93; #004C93; !important; } |
||||||
.button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after { |
|
||||||
border-color: transparent transparent #004C93; #004C93; !important; } |
.button.is-link.is-inverted.is-outlined { |
||||||
|
background-color: transparent; |
||||||
.button.is-link.is-inverted.is-outlined { |
border-color: #fff; |
||||||
background-color: transparent; |
color: #fff; } |
||||||
border-color: #fff; |
.button.is-link.is-inverted.is-outlined:hover, |
||||||
color: #fff; } |
.button.is-link.is-inverted.is-outlined.is-hovered, |
||||||
.button.is-link.is-inverted.is-outlined:hover, |
.button.is-link.is-inverted.is-outlined:focus, |
||||||
.button.is-link.is-inverted.is-outlined.is-hovered, |
.button.is-link.is-inverted.is-outlined.is-focused { |
||||||
.button.is-link.is-inverted.is-outlined:focus, |
background-color: #fff; |
||||||
.button.is-link.is-inverted.is-outlined.is-focused { |
color: #004C93; } |
||||||
background-color: #fff; |
|
||||||
color: #004C93; } |
.button.is-small.is-rounded.is-link.has-tooltip-bottom { background-color: #004C93; /*UDE-Blau*/ } /*20250711 eingefügt*/ |
||||||
|
|
||||||
.button.is-small.is-rounded.is-link.has-tooltip-bottom { background-color: #004C93; /*UDE-Blau*/ } /*20250711 eingefügt*/ |
.exportoptions { |
||||||
|
margin-top: 2.0em; |
||||||
.exportoptions { |
} |
||||||
margin-top: 2.0em; |
|
||||||
} |
.buttonlist{ /*für resposive Buttonleiste*/ |
||||||
|
display: flex; |
||||||
.buttonlist{ /*für resposive Buttonleiste*/ |
flex-flow: no wrap; |
||||||
display: flex; |
justify-content: flex-start; |
||||||
flex-flow: no wrap; |
padding: 0.3rem 0rem 0.3rem 0rem; /*für Padding: ob re un li*/ |
||||||
justify-content: flex-start; |
} |
||||||
padding: 0.3rem 0rem 0.3rem 0rem; /*für Padding: ob re un li*/ |
|
||||||
} |
.buttonlist img { /*für Icongröße in Buttonleiste*/ |
||||||
|
height: 2.5rem; |
||||||
.buttonlist img { /*für Icongröße in Buttonleiste*/ |
width: auto; |
||||||
height: 2.5rem; |
margin-top: 0em; } |
||||||
width: auto; |
|
||||||
margin-top: 0em; } |
/*Auswahlfelder*/ |
||||||
|
.card { /*für Auswahlfeldercard-Position*/ |
||||||
/*Auswahlfelder*/ |
display: flex; |
||||||
.card { /*für Auswahlfeldercard-Position*/ |
flex-flow: column; |
||||||
display: flex; |
margin-left: 0em; |
||||||
flex-flow: column; |
margin-top: 8em; |
||||||
margin-left: 0em; |
min-width: 10.0em; |
||||||
margin-top: 8em; |
width: 100%; |
||||||
min-width: 10.0em; |
} |
||||||
width: 100%; |
|
||||||
} |
.card.is-shady { border: unset !important; } /*20250709 eingefügt */ |
||||||
|
|
||||||
.card.is-shady { border: unset !important; } /*20250709 eingefügt */ |
.label-container, .button-label { /*für einh.responsive Feldbezeichner*/ |
||||||
|
display: flex; |
||||||
.label-container, .button-label { /*für einh.responsive Feldbezeichner*/ |
justify-content: left; |
||||||
display: flex; |
background: ; |
||||||
justify-content: left; |
min-width: 10.0em; /*für kleine Viewports*/ |
||||||
background: ; |
width: 10%; } /*für kleine Viewports*/ |
||||||
min-width: 10.0em; /*für kleine Viewports*/ |
|
||||||
width: 10%; } /*für kleine Viewports*/ |
.control-new { /*für einheitliche Controls*/ |
||||||
|
min-width: 10.0em; /*für kleine Viewports*/ |
||||||
.control-new { /*für einheitliche Controls*/ |
width: 10%; /*für große Viewports*/ |
||||||
min-width: 10.0em; /*für kleine Viewports*/ |
} |
||||||
width: 10%; /*für große Viewports*/ |
|
||||||
} |
.button { /*für Button-Bezeichner-Ausrichtung*/ |
||||||
|
display: flex; |
||||||
.button { /*für Button-Bezeichner-Ausrichtung*/ |
justify-content: left; } |
||||||
display: flex; |
|
||||||
justify-content: left; } |
/*Erläuterungen/Legende*/ |
||||||
|
.box-new { /*für Kopfzeile mit Close-Button*/ |
||||||
/*Erläuterungen/Legende*/ |
display: flex; |
||||||
.box-new { /*für Kopfzeile mit Close-Button*/ |
justify-content: space-between; |
||||||
display: flex; |
font-weight: bold; |
||||||
justify-content: space-between; |
} |
||||||
font-weight: bold; |
|
||||||
} |
.leg_erl { |
||||||
|
background-color: whitesmoke; /*für Abschnitthintergrund, Schrift*/ |
||||||
.leg_erl { |
font-size: 0.8em; |
||||||
background-color: whitesmoke; /*für Abschnitthintergrund, Schrift*/ |
} |
||||||
font-size: 0.8em; |
|
||||||
} |
.dl_title { /*für Texthervorhebungen*/ |
||||||
|
display: flex; |
||||||
.dl_title { /*für Texthervorhebungen*/ |
justify-content: center; |
||||||
display: flex; |
background: inherit; |
||||||
justify-content: center; |
font-size: 1.2em; |
||||||
background: inherit; |
font-weight: 400; |
||||||
font-size: 1.2em; |
} |
||||||
font-weight: 400; |
/*Datentabellen*/ |
||||||
} |
.table-container { |
||||||
/*Datentabellen*/ |
z-index: 10; /*positioniert sich im flow hinter dem hs_header*/ |
||||||
.table-container { |
} |
||||||
z-index: 10; /*positioniert sich im flow hinter dem hs_header*/ |
table.ergtabelle tr.listRowOdd td.leer |
||||||
} |
{ |
||||||
table.ergtabelle tr.listRowOdd td.leer |
border:thin solid white; |
||||||
{ |
background-color:white; |
||||||
border:thin solid white; |
} |
||||||
background-color:white; |
table.ergtabelle tr.listRowEven td.leer |
||||||
} |
{ |
||||||
table.ergtabelle tr.listRowEven td.leer |
border:thin solid white; |
||||||
{ |
background-color:white; |
||||||
border:thin solid white; |
} |
||||||
background-color:white; |
table.ergtabelle tr td.leer |
||||||
} |
{ |
||||||
table.ergtabelle tr td.leer |
border:thin solid white; |
||||||
{ |
background-color:white; |
||||||
border:thin solid white; |
} |
||||||
background-color:white; |
table.ergtabelle tr th.leer |
||||||
} |
{ |
||||||
table.ergtabelle tr th.leer |
border:thin solid white; |
||||||
{ |
background-color:white; |
||||||
border:thin solid white; |
} |
||||||
background-color:white; |
table.ergtabelle tr th.header |
||||||
} |
{ |
||||||
table.ergtabelle tr th.header |
vertical-align:center; |
||||||
{ |
text-align:center; |
||||||
vertical-align:center; |
} |
||||||
text-align:center; |
|
||||||
} |
table.ergtabelle |
||||||
|
{ |
||||||
table.ergtabelle |
border:thin solid white; |
||||||
{ |
font-size:1.5rem; |
||||||
border:thin solid white; |
} |
||||||
font-size:1.5rem; |
|
||||||
} |
/* Zahlen rechtsbündig:*/ |
||||||
|
table.ergtabelle tbody tr.listRowEven td.integer |
||||||
/* Zahlen rechtsbündig:*/ |
{ |
||||||
table.ergtabelle tbody tr.listRowEven td.integer |
text-align:right; |
||||||
{ |
empty-cells:show |
||||||
text-align:right; |
vertical-align:center; |
||||||
empty-cells:show |
} |
||||||
vertical-align:center; |
table.ergtabelle tbody tr.listRowOdd td.integer |
||||||
} |
{ |
||||||
table.ergtabelle tbody tr.listRowOdd td.integer |
text-align:right; |
||||||
{ |
empty-cells:show |
||||||
text-align:right; |
vertical-align:center; |
||||||
empty-cells:show |
} |
||||||
vertical-align:center; |
table.ergtabelle tbody tr.listRowEven td.decimal |
||||||
} |
{ |
||||||
table.ergtabelle tbody tr.listRowEven td.decimal |
text-align:right; |
||||||
{ |
empty-cells:show |
||||||
text-align:right; |
vertical-align:center; |
||||||
empty-cells:show |
} |
||||||
vertical-align:center; |
table.ergtabelle tbody tr.listRowOdd td.decimal |
||||||
} |
{ |
||||||
table.ergtabelle tbody tr.listRowOdd td.decimal |
text-align:right; |
||||||
{ |
empty-cells:show |
||||||
text-align:right; |
vertical-align:center; |
||||||
empty-cells:show |
} |
||||||
vertical-align:center; |
|
||||||
} |
|
||||||
|
|
||||||
.fixed-right-buttons { |
|
||||||
position: fixed; |
|
||||||
right: 0.1%; /* Abstand vom rechten Bildschirmrand */ |
|
||||||
top: 50%; /* Zentriert den Button-Block vertikal;*/ |
|
||||||
transform: translateY(-50%); /* Zentrierung anpassen */ |
|
||||||
display: flex; |
|
||||||
flex-direction: column; /* Buttons vertikal anordnen */ |
|
||||||
gap: 10px; /* Abstand zwischen den Buttons */ |
|
||||||
z-index: 600; |
|
||||||
padding: 0.7% 0% 0.7% 0%; |
|
||||||
} |
|
||||||
|
|
||||||
.inside-buttons { /*20250530 BF ergänzt: wenn sidebar offen*/ |
|
||||||
display: block; |
|
||||||
position: fixed; |
|
||||||
top: 50%; |
|
||||||
z-index: 700; |
|
||||||
left: calc(100% - 545px - 40px);/* Viewport-Breite minus Sidebar-Breite minus Abstand */ |
|
||||||
transform: none; /* keine vertikale Zentrierung */ |
|
||||||
} |
|
||||||
|
|
||||||
.sidebar { /*20250523 BF ergänzt*/ |
|
||||||
position: fixed; |
|
||||||
top: 120px; /*Abstand zur oberen Leiste*/ |
|
||||||
padding-top:2em; |
|
||||||
padding-left:0.5em; |
|
||||||
padding-right: 0.7em; |
|
||||||
right: 0em; |
|
||||||
bottom: 0; |
|
||||||
width: 545px; /*Breite nach Bedarf */ |
|
||||||
background: white; |
|
||||||
box-shadow: -2px 0 5px rgba(0,0,0,0.1); |
|
||||||
overflow-y: auto; |
|
||||||
z-index: 700; /*für Anzeige über Content*/ |
|
||||||
} |
|
||||||
|
|
||||||
.subheaderMaskDialogs |
|
||||||
{background-color:#cccccc; |
|
||||||
font-weight:bolder; |
|
||||||
font-size:1.2rem; |
|
||||||
/* margin-left:0;*/ |
|
||||||
margin-top:0.2em; |
|
||||||
margin-bottom:0.2em; |
|
||||||
margin-right:0px; |
|
||||||
padding-left:0.5em; |
|
||||||
} |
|
||||||
|
|||||||
Loading…
Reference in new issue