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.
515 lines
11 KiB
515 lines
11 KiB
@charset "UTF-8"; |
|
/*Hell-/Dunkel-Modus*/ |
|
@media (prefers-color-scheme: light) { /*20250210 BF media-Zeile eingefügt*/ |
|
:root { |
|
color-scheme: light; |
|
} |
|
} |
|
@media (prefers-color-scheme: dark) { |
|
:root { |
|
color-scheme: dark; |
|
} |
|
table.ergtabelle { |
|
color: black; |
|
} |
|
} |
|
/*spezifische Basics */ |
|
html, body { |
|
max-width: 100%; |
|
overflow-x: visible; |
|
} |
|
|
|
.table-container { |
|
border-collapse: collapse; |
|
font-family: sans-serif; |
|
font-weight: normal; |
|
font-size: 0.8em; |
|
overflow-x: auto; /* Nur horizontales Scrollen */ |
|
overflow-y: auto; /* Vertikales Scrollen */ |
|
max-height: 80vh; /* max. Container-Höhe 190% des Viewports (whitesmoke-farbene übergeo Card u Column) */ |
|
max-width: 185vb; /* max. Container-Breite 190% des Viewports (whitesmoke-farbene übergeo Card u Column) */ |
|
width: 100%; /* volle Container-Breite */ |
|
white-space: normal; /* Ermöglicht Zeilenumbrüche in den Tabellenzellen */ |
|
/*white-space: nowrap; /* Verhindert Zeilenumbrüche in den Tabellenzellen */ |
|
-webkit-overflow-scrolling: touch; /* Für bessere Scroll-Erfahrung auf Mobilgeräten */ |
|
} |
|
|
|
.level-center { /*für zentrierte Icons in Tabelle*/ |
|
display: flex; |
|
justify-content: center; |
|
} |
|
|
|
table { |
|
border-collapse: collapse; /* Verhindert Doppellinien an den Grenzen */ |
|
/*min-width: 130%;*/ /* Tabellen-Breite gößer als Container-Breite, damit Scrollbalken sichtbar ist */ |
|
max-width: 100%; |
|
white-space: normal; |
|
} |
|
|
|
th, td { |
|
padding: 8px; |
|
border: 1px solid #ddd; |
|
vertical-align: bottom !important; /*202608 eingefügt*/ |
|
white-space: normal; /* Erlaubt Zeilenumbrüche */ |
|
} |
|
|
|
table thead th { /*für Tabellenposition*/ |
|
position: sticky; |
|
top: 0; |
|
z-index: 20; |
|
} |
|
|
|
table th.header, table th.fixed-column1-title { /*für Spaltentitel*/ |
|
background: #ECF0F3; |
|
color: hsl(0, 0%, 21%); |
|
font-weight: bold; |
|
} |
|
|
|
table th.fixed-column1-title, table td.fixed-column1 { /*zum Fixieren des 1. Spaltentitels b. horizont. Scrollen*/ |
|
position: sticky; |
|
z-index: 25; |
|
left: 0em; |
|
} |
|
|
|
table td.fixed-column1 { |
|
background: #ECF0F3; /*whitesmoke; /*zum Fixieren der 1. TabSpalte b. horizont. Scrollen*/ |
|
filter: opacity(1); |
|
position: sticky; |
|
z-index: 20; |
|
left: 0em; |
|
border: thin solid; |
|
border-collapse: collapse; |
|
} |
|
|
|
/*table tr.erglevel0 { /*202608 entfernt*/ |
|
/* font-weight:bold; |
|
background: white; |
|
border: thin solid; |
|
border-collapse: collapse; } |
|
*/ |
|
table tr.erglevel_1 { |
|
font-weight: bold; |
|
background: aliceblue; /*202608 geändert: snow;*/ |
|
color: hsl(0, 0%, 21%); |
|
border: thin solid; |
|
border-collapse: collapse; |
|
} |
|
|
|
table tr.erglevel_2 { |
|
font-weight: normal; |
|
background: azure; /*202608 geändert: azure*/ |
|
color: hsl(0, 0%, 21%); |
|
border: thin solid; |
|
border-collapse: collapse; |
|
} |
|
|
|
table tr.erglevel_3 { |
|
font-weight: normal; |
|
background: snow; /*202608 geändert: antiquewhite*/ |
|
border: thin solid; |
|
border-collapse: collapse; |
|
} |
|
|
|
table tr.erglevel_4 { /*202608 eingefügt: aliceblue*/ |
|
font-weight: normal; |
|
background: beige; |
|
border: thin solid; |
|
border-collapse: collapse; |
|
} |
|
|
|
table tr.erglevel_5 { /*202608 eingefügt: beige*/ |
|
font-weight: normal; |
|
background: antiquewhite; |
|
border: thin solid; |
|
border-collapse: collapse; |
|
} |
|
|
|
table tr.erglevel_6 { /*202608 eingefüg: khaki*/ |
|
font-weight: normal; |
|
background: khaki; |
|
border: thin solid; |
|
border-collapse: collapse; |
|
} |
|
|
|
table.ergtabelle { |
|
margin-left: 0px; |
|
margin-right: 0px; |
|
margin-top: 0px; |
|
margin-bottom: 0px; |
|
padding-left: 0px; |
|
padding-right: 0px; |
|
padding-top: 0px; |
|
padding-bottom: 0px; |
|
/*border:thin solid rgb(0,0,0);*/ /*20240619 entfernt*/ |
|
empty-cells: show; |
|
border-collapse: separate; |
|
border-spacing: 0; |
|
font-size: 80%; |
|
} |
|
|
|
table.ergtabelle thead { |
|
position: -webkit-sticky; |
|
position: sticky; |
|
top: 50px; |
|
z-index: 4; |
|
} |
|
|
|
table td.ergfeld { |
|
empty-cells: show; |
|
vertical-align: top; |
|
border: thin solid gray; |
|
} |
|
|
|
table td.prozent { |
|
border: thin solid gray; |
|
empty-cells: show; |
|
font-style: italic; |
|
color: #999999; |
|
} |
|
|
|
table td.lt5 { |
|
border: thin solid gray; |
|
empty-cells: show; |
|
} |
|
|
|
table td.lt5:before { |
|
content: "< 5"; |
|
color: #ff0000; |
|
} |
|
|
|
table th.header { |
|
background-color: #ECF0F3; /*#dbdee3ff;*/ |
|
color: black; |
|
border: 1px solid black; |
|
padding: 5px; |
|
border-collapse: separate; |
|
border-spacing: 0; |
|
empty-cells: show; |
|
/*font-size: 80%; 20250210 Bf entfernt*/ |
|
} |
|
|
|
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 td.result { |
|
font-size: 10pt; |
|
empty-cells: show; |
|
} |
|
|
|
table td.string { |
|
text-align: left; |
|
empty-cells: show; |
|
border: thin solid gray; |
|
} |
|
|
|
table td.decimal { |
|
text-align: right; |
|
empty-cells: show; |
|
border: thin solid gray; |
|
} |
|
|
|
table td.boldnumber { |
|
text-align: right; |
|
empty-cells: show; |
|
font-weight: bold; |
|
} |
|
|
|
table td.integer { |
|
text-align: right; |
|
empty-cells: show; |
|
border: thin solid gray; |
|
} |
|
|
|
p.errmsg { |
|
border: medium solid red; |
|
text-align: left; |
|
background-color: #d7d7d7; |
|
} |
|
|
|
/*202608 entfernt, da ab Z.75 vorhanden*/ |
|
/*table tr.erglevel0 |
|
{font-weight:bolder; |
|
background-color:#f1f1f1; |
|
} |
|
|
|
table tr.erglevel_1 |
|
{font-weight:bold; |
|
background-color:#f1f1f1; |
|
} |
|
|
|
table tr.erglevel_2 |
|
{font-weight:bold; |
|
background-color:#f1f1f1; |
|
} |
|
|
|
table tr.erglevel_3 |
|
{font-weight:normal;; |
|
background-color:#f1f1f1; |
|
} |
|
|
|
table tr.erglevel_4 |
|
{font-weight:normal;; |
|
background-color:#f1f1f1; |
|
}*/ |
|
/*202608 entfernt s.o.: Wenn nur 1 Ebene vorliegt:*/ |
|
/*table tr.erglevel1_0 |
|
{font-weight:bolder; |
|
} |
|
|
|
table tr.erglevel1_1 |
|
{font-weight:normal;; |
|
} |
|
|
|
/*202608 entfernt s.o.: Wenn nur 2 Ebenen vorliegen:*/ |
|
/*table tr.erglevel2_0 |
|
{font-weight:bolder; |
|
background-color:#f1f1f1; |
|
} |
|
|
|
table tr.erglevel2_1 |
|
{font-weight:bolder; |
|
} |
|
|
|
table tr.erglevel2_2 |
|
{font-weight:normal;; |
|
} |
|
|
|
/*202608 entfernt s.o.:Wenn nur 3 Ebenen vorliegen:*/ |
|
/*table tr.erglevel3_0 |
|
{font-weight:bolder; |
|
background-color:#f1f1f1; |
|
} |
|
|
|
table tr.erglevel3_1 |
|
{font-weight:bolder; |
|
background-color:#f1f1f1; |
|
} |
|
|
|
table tr.erglevel3_2 |
|
{font-weight:bolder; |
|
} |
|
|
|
table tr.erglevel3_3 |
|
{font-weight:normal;; |
|
} |
|
|
|
/*202608 entfernt s.o.: Wenn nur 4 Ebenen vorliegen:*/ |
|
/*table tr.erglevel4_0 |
|
{font-weight:bolder; |
|
background-color:#f1f1f1; |
|
} |
|
|
|
table tr.erglevel4_1 |
|
{font-weight:bolder; |
|
background-color:#f1f1f1; |
|
} |
|
|
|
table tr.erglevel4_2 |
|
{font-weight:bolder; |
|
} |
|
|
|
table tr.erglevel4_3 |
|
{font-style:italic; |
|
} |
|
|
|
table tr.erglevel4_4 |
|
{font-weight:normal;; |
|
} |
|
*/ |
|
table tr.issumme { |
|
font-weight: bolder; |
|
background-color: #d7d7d7; |
|
} |
|
|
|
span.hidden_navi { |
|
margin: 0px; |
|
padding: 0px; |
|
font-size: smaller; |
|
display: inline; |
|
} |
|
|
|
.listRowEven { |
|
background-color: #EFEFEF; |
|
} |
|
|
|
.listRowEvenHover { |
|
/* background-color: #EFEAB3; */ |
|
background-color: #FFFABF; |
|
} |
|
|
|
.listRowOdd { |
|
background-color: #FFFFFF; |
|
} |
|
|
|
.listRowOddHover { |
|
background-color: #FFFABF; |
|
} |
|
|
|
table.ergtabelle, table.ergtabelle th, table.ergtabelle td { |
|
/*border: 1px solid black;*/ /*20240619 BF auskommentiert*/ |
|
border-collapse: separate; |
|
border-spacing: 0; |
|
} |
|
|
|
table.ergtabelle tr:hover { |
|
background-color: hsl(219, 70%, 76%); /*#e5e5e5;*/ |
|
} |
|
|
|
table.ergtabelle th { |
|
background-color: #dbdee3; |
|
color: black; |
|
border: 1px solid black; |
|
border-collapse: separate; |
|
} |
|
|
|
table.ergtabelle th, table.ergtabelle td { |
|
padding: 5px; |
|
} |
|
|
|
/*20260304:Zahlen rechtsbündig*/ |
|
.table td:nth-last-child(-n+2), |
|
.table th:nth-last-child(-n+2) { |
|
text-align: right; |
|
} |
|
|
|
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; |
|
} |
|
|
|
/*Legende*/ |
|
.legende { |
|
display: flex; |
|
/*flex: 1 1 auto; /* 202604 weg; flex-grow, flex-shrink, flex-basis = auto; /*für flexibles Verhalten der Zeile*/ |
|
flex-grow: 1; |
|
flex-shrink: 1; |
|
flex-flow: row wrap; |
|
justify-content: flex-start; |
|
align-items: normal; |
|
padding: 0.3rem; |
|
margin-bottom: 0.1rem; |
|
border: thin solid hsl(0, 0%, 71%); /*hellgrau*/ |
|
border-radius: 0.3em; |
|
} |
|
|
|
p.legende { |
|
color: black; |
|
gap: 3px; /* Abstand zwischen den Elementen */ |
|
width: auto; |
|
} |
|
|
|
.legende-info { |
|
font-weight: normal; |
|
} |
|
|
|
/*Table-Buttonleiste mit input-container inkl.: Label, Auswahlfeld, Button*/ |
|
.input-container { |
|
display: flex; |
|
align-items: center; |
|
flex-wrap: normal; /* 20260326 neu*/ |
|
flex: 1 1 auto; /* 20260304; flex-grow, flex-shrink, flex-basis = auto; /*für flexibles Verhalten der Zeile*/ |
|
padding-bottom: 0.1rem; |
|
} |
|
|
|
.field { |
|
margin-left: 1px; |
|
} /*für Abstand Buttonbar-SelectFeld*/ |
|
.select select { /*für Auswahlfeldstyle*/ |
|
border: thin solid hsl(0, 0%, 71%); /*hellgrau*/ /*oder var(--bulma-link-light)*/ |
|
border-radius: 0.3em; |
|
} |
|
|
|
/* Standarddarstellung für größere Viewports */ |
|
.input-container > .label { |
|
margin-bottom: 0.3rem; |
|
margin-right: 0.5rem; |
|
} /* Abstand zwischen Label und Eingabefeld*/ |
|
/*Datensatzinfo unterhalb Ergebnistabelle*/ |
|
.pagination-container { |
|
display: inline-flex; |
|
align-items: center; |
|
justify-content: left; |
|
/*max-width: 80%;*/ /*202604 weg*/ |
|
gap: 2px; |
|
} /* Abstand zwischen den Elementen */ |
|
/******202603************/ |
|
/* Mobile */ |
|
@media (max-width: 768px) { |
|
.hero-body { /*202608 integriert*/ |
|
margin-left: 0; /*überschreibt -50px aus sx_common.css*/ |
|
margin-right: 0; /*überschreibt 1.5em aus sx_common.css*/ |
|
} |
|
.container, .input-container { /*Format-,Berichtswahl, Breadcrumb, Legende*/ |
|
max-width: 100%; /*202604 geänd von 800px;*/ |
|
white-space: normal; |
|
overflow-wrap: break-word; |
|
} |
|
table.ergtabelle, |
|
table.ergtabellexy { |
|
max-width: 70%; /*202604 geänd. v 600px;*/ |
|
font-size: 0.65rem; |
|
/*white-space:nowrap;*/ |
|
} |
|
table.ergtabelle th, |
|
table.ergtabelle td, |
|
table.ergtabellexy th, |
|
table.ergtabellexy td { |
|
/*word-break:break-word !important;*/ |
|
min-width: 50px; |
|
max-width: 60px; |
|
white-space: normal; /* Zeilenumbruch nach Standard-Regeln*/ |
|
/*word-wrap: normal; /* veraltet: f Umbruch nach Standard-Regeln*/ |
|
overflow-wrap: break-word !important; /* aktuell: Umbruch nach Standard-Regeln*/ |
|
hyphens: auto; |
|
} |
|
} |
|
/* Tablet */ |
|
@media (min-width: 769px) and (max-width: 1023px) { /*202608 geändert v 1024px auf 1023px gem. Bulma-Brakpoint*/ |
|
.container, .input-container { /*Format-,Berichtswahl, Breadcrumb, Legende*/ |
|
max-width: 100%; /*202604 geänd v 700px*/ |
|
white-space: normal; |
|
overflow-wrap: break-word; |
|
} |
|
table.ergtabelle, |
|
table.ergtabellexy { |
|
max-width: 80%; /*202604: geänd. v 700px;*/ |
|
font-size: 0.7rem; |
|
} |
|
table.ergtabelle th, |
|
table.ergtabelle td, |
|
table.ergtabellexy th, |
|
table.ergtabellexy td { |
|
/*word-break:break-word !important;*/ |
|
/*min-width:50px; /*202608 entfernt; 202604: geänd. v 80px;*/ |
|
max-width: 80%; /*202608 geänd auf 80%; 202604: geänd. v 80px; */ |
|
white-space: normal; /* Zeilenumbruch nach Standard-Regeln*/ |
|
/*word-wrap: normal; /* veraltet: f Umbruch nach Standard-Regeln*/ |
|
overflow-wrap: break-word !important; /* aktuell: Umbruch nach Standard-Regeln*/ |
|
hyphens: auto; |
|
} |
|
} |
|
/* Desktop */ |
|
@media (min-width: 1024px) { /*202608 geändert v 1025px auf 1024px gem. Bulma-Brakpoint*/ |
|
table.ergtabelle, |
|
table.ergtabellexy { |
|
font-size: 0.75rem; |
|
/*max-width:80%; /*202604: weg*/ |
|
} |
|
} |
|
|
|
/*# sourceMappingURL=sx_tabelle.css.map */
|
|
|