You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
464 lines
13 KiB
464 lines
13 KiB
@charset "UTF-8"; |
|
/*auch mittelgrau: #999999;*/ |
|
/*auch hellgrau: #d7d7d7; */ |
|
/*auch mittelgrau: #999999;*/ |
|
/*auch hellgrau: #d7d7d7; */ |
|
:root { |
|
color-scheme: light; |
|
--sx-body-background: white; |
|
--sx-hr-background-color: whitesmoke; |
|
--sx-button-background: inherit; |
|
--sx-submit-button-border-color: hsl(141, 71%, 48%); |
|
--sx-reset-button-border-color: hsl(48, 100%, 67%); |
|
--sx-close-button-border-color: hsl(0, 0%, 71%); |
|
--sx-card-background: white; |
|
--sx-modal-values-background: #ecf0f3; |
|
--sx-input-background: white; |
|
--sx-input-background-ndSchluesselfeld: #fffaf0; |
|
--sx-input-container-background: inherit; |
|
--sx-sichtentreeCaret-color: #014A7B; |
|
--sx-navbar-dialogue-background: #ecf0f3; |
|
--sx-title-dialogue-color: hsl(0, 0%, 21%); |
|
--sx-breadcrumbSeparator-color: hsl(0, 0%, 21%); |
|
--sx-navbar-background: #ecf0f3; |
|
--sx-themenbaumCaret-color: hsl(0, 0%, 21%); |
|
--sx-border-color: hsl(0, 0%, 60%); |
|
--sx-border-style: thin solid hsl(0, 0%, 60%); |
|
--sx-border-radius: 0.3em; |
|
--sx-font-color: hsl(0, 0%, 21%); |
|
--sx-font-family: sans-serif; |
|
--sx-font-weight: normal; |
|
--sx-font-size: 13px; |
|
--sx-tooltip-background: #3333ff; |
|
--sx-tooltip-font-color: white; |
|
--sx-error-color: #ff0000; |
|
--sx-text-muted-color: hsl(0, 0%, 60%); |
|
--sx-table-background-header: #ecf0f3; |
|
--sx-table-background-row-level-1: #f0f8ff; |
|
--sx-table-background-row-level-2: #f0ffff; |
|
--sx-table-background-row-level-3: #fffafa; |
|
--sx-table-background-row-level-4: #f5f5dc; |
|
--sx-table-background-row-level-5: #faebd7; |
|
--sx-table-background-row-level-6: #f0e68c; |
|
--sx-table-color-special-value: #ecf0f3; |
|
--sx-table-background-row-sum: hsl(0, 0%, 71%); |
|
--sx-table-background-row-hover: hsl(219, 70%, 76%); |
|
--sx-table-background-row-odd: weiß; |
|
--sx-table-background-row-even: #efefef; |
|
--sx-table-background-row-even-odd-hover: #fffabf; |
|
} |
|
|
|
@media (prefers-color-scheme: dark) { |
|
:root { |
|
color-scheme: dark; |
|
--sx-body-background: white; |
|
--sx-hr-background-color: whitesmoke; |
|
--sx-button-background: white; |
|
--sx-submit-button-border-color: hsl(141, 71%, 48%); |
|
--sx-reset-button-border-color: hsl(48, 100%, 67%); |
|
--sx-close-button-border-color: hsl(0, 0%, 71%); |
|
--sx-card-background: white; |
|
--sx-modal-values-background: #ecf0f3; |
|
--sx-input-background: white; |
|
--sx-input-container-background: inherit; |
|
--sx-sichtentreeCaret-color: #014A7B; |
|
--sx-input-background-ndSchluesselfeld: #fffaf0; |
|
--sx-navbar-dialogue-background: #ecf0f3; |
|
--sx-title-dialogue-color: hsl(0, 0%, 21%); |
|
--sx-breadcrumbSeparator-color: hsl(0, 0%, 21%); |
|
--sx-navbar-background: #ecf0f3; |
|
--sx-themenbaumCaret-color: hsl(0, 0%, 21%); |
|
--sx-border-color: hsl(0, 0%, 60%); |
|
--sx-border-style: thin solid hsl(0, 0%, 60%); |
|
--sx-border-radius: 0.3em; |
|
--sx-font-color: hsl(0, 0%, 21%) !important; |
|
--sx-tooltip-background: #3333ff; |
|
--sx-tooltip-font-color: white; |
|
--sx-error-color: #ff0000; |
|
--sx-text-muted-color: hsl(0, 0%, 60%); |
|
--sx-table-background-row-level-1: #f0f8ff; |
|
--sx-table-background-row-level-2: #f0ffff; |
|
--sx-table-background-row-level-3: #fffafa; |
|
--sx-table-background-row-level-4: #f5f5dc; |
|
--sx-table-background-row-level-5: #faebd7; |
|
--sx-table-background-row-level-6: #f0e68c; |
|
--sx-table-background-header: #ecf0f3; |
|
--sx-table-background-row-sum: hsl(0, 0%, 71%); |
|
--sx-table-background-row-hover: hsl(219, 70%, 76%); |
|
--sx-table-background-row-odd: weiß; |
|
--sx-table-background-row-even: #efefef; |
|
--sx-table-background-row-even-odd-hover: #fffabf; |
|
--sx-table-color-special-value: #ecf0f3; |
|
} |
|
} |
|
/* -- Bildschirmseite mit scrollbar -- */ |
|
html, body { |
|
max-width: 100%; |
|
overflow-x: visible; |
|
} |
|
|
|
/* --Container im Ergebnisbereich -- */ |
|
.hero-body > .container { /*in _sx_common.scss*/ |
|
display: block; |
|
width: 100%; |
|
max-width: 100%; /*none;*/ |
|
min-width: 0; |
|
box-sizing: border-box; |
|
} |
|
|
|
.container { |
|
white-space: normal; /* Ermöglicht Zeilenumbrüche in den Tabellenzellen */ |
|
hyphens: auto; |
|
/*white-space: nowrap; /* Verhindert Zeilenumbrüche in den Tabellenzellen */ |
|
-webkit-overflow-scrolling: touch; /* Für bessere Scroll-Erfahrung auf Mobilgeräten */ |
|
} |
|
|
|
/* -- Card -- */ |
|
.hero-body > .container > .card { |
|
width: fit-content; |
|
max-width: 100%; |
|
min-width: 0; |
|
box-sizing: border-box; |
|
} |
|
|
|
/* -- Input-container unter Buttonbar mit: Label, Auswahlfeld, Button --*/ |
|
.input-container { |
|
display: flex; |
|
align-items: center; |
|
flex-wrap: normal; |
|
flex: 1 1 auto; /* 20260304; flex-grow, flex-shrink, flex-basis = auto; /*für flexibles Verhalten der Zeile*/ |
|
padding-bottom: 0.1rem; |
|
} |
|
|
|
.input-container > .label { /*Standarddarstellung für größere Viewports*/ |
|
margin-bottom: 0.3rem; |
|
margin-right: 0.5rem; /* Abstand zwischen Label und Eingabefeld*/ |
|
} |
|
|
|
.field { |
|
margin-left: 1px; /*für Abstand Buttonbar-SelectFeld*/ |
|
} |
|
|
|
/* -- Legende --*/ |
|
.legende, p.legende { |
|
display: flex; |
|
/*flex-grow: 1; |
|
/*flex-shrink: 1;*/ |
|
flex: 1 1 auto; |
|
flex-flow: row wrap; |
|
justify-content: flex-start; |
|
align-items: normal; |
|
padding: 0.3rem; |
|
margin-bottom: 0.1rem; |
|
width: auto; |
|
} |
|
|
|
p.legende { |
|
font-family: var(--sx-font-family); |
|
font-weight: var(--sx-font-weight); |
|
font-size: var(--sx-font-size); |
|
color: var(--sx-font-color); |
|
border: var(--sx-border-style); |
|
border-radius: var(--sx-border-radius) !important; |
|
display: flex; |
|
flex-wrap: wrap; |
|
max-width: fit-content; |
|
min-width: 0; |
|
white-space: normal; |
|
overflow-wrap: break-word; |
|
word-break: normal; |
|
hyphens: auto; |
|
gap: 1px; |
|
} |
|
|
|
/* -- Unterhalb Ergebnistabelle: Datensatzinfo -- */ |
|
.pagination-container { |
|
display: inline-flex; |
|
align-items: center; |
|
justify-content: left; |
|
gap: 2px; /* Abstand zwischen den Elementen */ |
|
} |
|
|
|
/* -- Fehlermeldung --*/ |
|
p.errmsg { |
|
border: medium solid red; |
|
text-align: left; |
|
background-color: #d7d7d7; |
|
} |
|
|
|
span.hidden_navi { |
|
margin: 0px; |
|
padding: 0px; |
|
font-size: smaller; |
|
display: inline; |
|
} |
|
|
|
/* -- Tabelle -- */ |
|
.level-center, .treebutton { /*für zentrierte Icons in Tabelle*/ |
|
display: flex; |
|
justify-content: center; |
|
} |
|
|
|
table, |
|
table.ergtabelle, |
|
table.nd_ergtabelle { |
|
/*min-width: 130%;*/ /* Tabellen-Breite gößer als Container-Breite, damit Scrollbalken sichtbar ist */ |
|
width: 100%; |
|
max-width: 100%; |
|
table-layout: auto; |
|
white-space: normal; |
|
hyphens: auto; |
|
margin: 0; |
|
padding: 0; |
|
border-spacing: 0px; /*Abstand zwischen den Zellen*/ |
|
border-collapse: collapse; |
|
font-family: var(--sx-font-family); |
|
font-weight: var(--sx-font-weight); |
|
font-size: var(--sx-font-size); |
|
color: var(--sx-font-color); |
|
font-size: 0.8rem; |
|
} |
|
|
|
/* -- Tabellenkopf -- */ |
|
table th.printheader { |
|
font-size: 10pt; |
|
font-weight: bold; |
|
text-align: center; |
|
background-color: white; |
|
border-top: 1px solid; |
|
border-right: 1px solid; |
|
border-bottom: 1px solid; |
|
border-left: 0; |
|
} |
|
|
|
table th, |
|
table.ergtabelle th, |
|
table.nd_ergtabelle th { |
|
border: var(--sx-border-style); |
|
border-collapse: separate; |
|
background-color: var(--sx-table-background-header); |
|
vertical-align: top; |
|
white-space: normal; /* Leerzeichen zusammenfassen, Zeilenumbruch bei Bedarf nach Standard-Regeln*/ |
|
text-align: left; |
|
text-align-last: left; |
|
hyphens: auto; /*korr. Silbentrennung bei Angabe der Sprache <html lang="de">*/ |
|
padding: 3px 0px !important; /*Textabstand innerhalb der Zelle: oben/unten sowie rechts/links*/ |
|
/*padding-inline: 2px;*/ |
|
} |
|
|
|
table.thead, |
|
table.ergtabelle thead, |
|
table.nd.ergtabelle thead, |
|
table.thead th, |
|
table.ergtabelle thead th, |
|
table.nd_ergtabelle thead th { /*wirkt auf einz. Kopfzeile*/ |
|
border: var(--sx-border-style); |
|
border-collapse: separate; |
|
background-color: var(--sx-table-background-header); |
|
position: sticky; |
|
top: 50px; /*0*/ |
|
z-index: 20; |
|
} |
|
|
|
/*-- fixierte Zeilen und Spalten --*/ |
|
table th.fixed-column1-title, |
|
table td.fixed-column1 { /*für Spaltentitel*/ |
|
border: var(--sx-border-style); |
|
border-collapse: separate; |
|
background-color: var(--sx-table-background-header); |
|
font-family: var(--sx-font-family); |
|
font-weight: var(--sx-font-weight); |
|
font-size: var(--sx-font-size); |
|
color: var(--sx-font-color); |
|
font-size: 0.8rem; |
|
font-weight: bold; |
|
} |
|
|
|
table th.fixed-column1-title, |
|
table td.fixed-column1 table.ergtabelle th.fixed-column1-title, |
|
table.ergtabelle td.fixed-column1, |
|
table.nd_ergtabelle th.fixed-column1-title, |
|
table.nd_ergtabelle td.fixed-column1 { /*zum Fixieren des 1. Spaltentitels b. horizont. Scrollen*/ |
|
border: var(--sx-border-style); |
|
border-collapse: separate; |
|
position: sticky; |
|
z-index: 25; |
|
left: 0em; |
|
/*text-align: center;*/ |
|
} |
|
|
|
table td.fixed-column1 table.ergtabelle td.fixed-column1 table.nd_ergtabelle td.fixed-column1 { |
|
filter: opacity(1); |
|
} |
|
|
|
/* -- Tabellenzellen, allg. -- */ |
|
table.ergtabelle td, |
|
table.nd_ergtabelle td { |
|
border: var(--sx-border-style); |
|
vertical-align: bottom; /*top; |
|
white-space: normal; /* Leerzeichen zusammenfassen, Zeilenumbruch bei Bedarf nach Standard-Regeln*/ |
|
hyphens: auto; /*korr. Silbentrennung bei Angabe der Sprache <html lang="de">*/ |
|
padding: 3px 0px !important; /*Textabstand innerhalb der Zelle: oben/unten sowie rechts/links*/ |
|
/*padding-inline: 2px;*/ |
|
} |
|
|
|
/* -- Hierarchiezeilen -- */ |
|
table tr.erglevel_1 { |
|
background: var(--sx-table-background-row-level-1); |
|
font-weight: bold; |
|
} |
|
|
|
table tr.erglevel_2 { |
|
background: var(--sx-table-background-row-level-2); |
|
} |
|
|
|
table tr.erglevel_3 { |
|
background: var(--sx-table-background-row-level-3); |
|
} |
|
|
|
table tr.erglevel_4 { |
|
background: var(--sx-table-background-row-level-4); |
|
} |
|
|
|
table tr.erglevel_5 { |
|
background: var(--sx-table-background-row-level-5); |
|
} |
|
|
|
table tr.erglevel_6 { |
|
background: var(--sx-table-background-row-level-6); |
|
} |
|
|
|
/* -- Spezielle Zeilen und Zellen -- */ |
|
table td.string { |
|
text-align: left; |
|
empty-cells: show; |
|
} |
|
|
|
table td.boldnumber { |
|
text-align: right; |
|
empty-cells: show; |
|
font-weight: bold; |
|
} |
|
|
|
table td.decimal, |
|
table td.integer, |
|
table td.prozent { |
|
text-align: right; |
|
empty-cells: show; |
|
} |
|
|
|
table td.lt5:before { |
|
content: "< 5"; |
|
color: var(--sx-error-color); /*rot*/ |
|
} |
|
|
|
table td.prozent { |
|
text-align: right; |
|
font-style: italic; |
|
color: var(--sx-table-color-special-value); /*default-blaugrau*/ |
|
} |
|
|
|
table td.result { |
|
font-size: 10pt; |
|
empty-cells: show; |
|
} |
|
|
|
table tr.issumme { |
|
font-weight: bolder; |
|
background-color: var(--sx-table-background-row-sum); /*hellgrau*/ |
|
} |
|
|
|
/* -- Hervorhebungen --*/ |
|
table.ergtabelle tr:hover, table.nd_ergtabelle tr:hover, |
|
table.ergtabelle tr:focus, table.nd_ergtabelle tr:focus { |
|
background-color: var(--sx-table-background-row-hover); /*graublau*/ |
|
} |
|
|
|
/* -- Tabellenzeilen ohne Hierarchie -- */ |
|
.listRowEven { /*gerade Zeile*/ |
|
background-color: var(--sx-table-background-row-even); /*weißgrau*/ |
|
} |
|
|
|
.listRowOdd { /*ungerade Tabellenzeile*/ |
|
background-color: var(--sx-table-background-row-odd); /*weiß*/ |
|
} |
|
|
|
.listRowEvenHover, .listRowOddHover { |
|
background-color: var(--sx-table-background-row-even-odd-hover); /*hellgelb*/ |
|
} |
|
|
|
/* -- Teiltabelle --*/ |
|
p.teiltabelle_titel { |
|
clear: left; |
|
line-height: 2em; |
|
border-bottom: 2px solid black; |
|
color: black; |
|
display: block; |
|
font-size: 2em; |
|
font-weight: bolder; |
|
margin: 5px 0 20px 5px; |
|
padding: 0px 0px 0px 5px; |
|
} |
|
|
|
/* -- Mobile -- */ |
|
@media (max-width: 768px) { |
|
.hero-body { |
|
margin-left: 0; |
|
margin-right: 0; |
|
} |
|
.container, .input-container { /*Format-,Berichtswahl, Breadcrumb, Legende*/ |
|
max-width: 100%; |
|
white-space: normal; /* Leerzeichen zusammenfassen, Zeilenumbruch bei Bedarf nach Standard-Regeln*/ |
|
hyphens: auto; |
|
} |
|
table.ergtabelle, |
|
table.nd_ergtabelle { |
|
max-width: 70%; |
|
font-size: 0.65rem; |
|
} |
|
table.ergtabelle th, |
|
table.ergtabelle td, |
|
table.nd_ergtabelle th, |
|
table.nd_ergtabelle td { |
|
min-width: 50px; |
|
max-width: 60px; |
|
white-space: normal; /* Leerzeichen zusammenfassen, Zeilenumbruch bei Bedarf nach Standard-Regeln*/ |
|
hyphens: auto; /*korr. Silbentrennung bei Angabe der Sprache <html lang="de">*/ |
|
} |
|
} |
|
/* -- Tablet -- */ |
|
@media (min-width: 769px) and (max-width: 1023px) { /*202608 geändert auf 1023px gem. Bulma-Breakpoint*/ |
|
.container, .input-container { /*Format-,Berichtswahl, Breadcrumb, Legende*/ |
|
max-width: 100%; |
|
white-space: normal; /*Leerzeichen zusammenfassen, Zeilenumbruch bei Bedarf nach Standard-Regeln*/ |
|
hyphens: auto; /*korr. Silbentrennung bei Angabe der Sprache <html lang="de">*/ |
|
} |
|
table.ergtabelle, |
|
table.nd_ergtabelle { |
|
max-width: 80%; |
|
font-size: 0.7rem; |
|
} |
|
table.ergtabelle th, |
|
table.ergtabelle td, |
|
table.nd_ergtabelle th, |
|
table.nd_ergtabelle td { |
|
max-width: 80%; |
|
white-space: normal; /* Leerzeichen zusammenfassen, Zeilenumbruch bei Bedarf nach Standard-Regeln*/ |
|
hyphens: auto; /*korr. Silbentrennung bei Angabe der Sprache <html lang="de">*/ |
|
} |
|
} |
|
/* -- Desktop -- */ |
|
@media (min-width: 1024px) { /*202608 geändert auf 1024px gem. Bulma-Breakpoint*/ |
|
table.ergtabelle, |
|
table.nd_ergtabelle { |
|
font-size: 0.75rem; |
|
} |
|
} |
|
@media screen and (min-width: 1216px) { |
|
.container:not(.is-max-desktop) { |
|
max-width: 1000px; |
|
} |
|
} |
|
|
|
|
|
/*# sourceMappingURL=sx_tabelle.css.map */
|
|
|