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.
319 lines
8.0 KiB
319 lines
8.0 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; |
|
} |
|
} |
|
.title-dialogue.is-4 { |
|
color: var(--sx-title-dialogue-color); |
|
font-weight: bold; |
|
font-size: 25px; |
|
} |
|
|
|
.title-dialogue.is-4:before { |
|
content: ""; |
|
} |
|
|
|
.title-dialogue.is-4:after { |
|
content: " Filter"; |
|
} |
|
|
|
.navbar-dialogue { |
|
position: sticky; /* 202606 ergänzt:Kopfzeile bleibt beim Scrollen "kleben"*/ |
|
top: 0; |
|
left: 0; |
|
width: 100%; |
|
height: 105px; |
|
z-index: 1000; |
|
margin-top: -55px; |
|
background: var(--sx-navbar-dialogue-background); |
|
} |
|
|
|
hr { |
|
margin-top: -1rem; |
|
margin-bottom: 0.5rem; |
|
} |
|
|
|
.a-dialogue { |
|
font-family: var(--sx-font-family); |
|
font-weight: var(--sx-font-weight); |
|
font-size: var(--sx-font-size); |
|
color: var(--sx-font-color); |
|
color: black; |
|
font-weight: bold; |
|
} |
|
|
|
button.button-dialogue { |
|
border: var(--sx-border-style); |
|
border-radius: var(--sx-border-radius) !important; |
|
font-family: var(--sx-font-family); |
|
font-weight: var(--sx-font-weight); |
|
font-size: var(--sx-font-size); |
|
color: var(--sx-font-color); |
|
padding: 8px; |
|
width: 11em; |
|
background-color: var(--sx-button-background); |
|
padding: 8px; |
|
width: 11em; |
|
} |
|
|
|
.input-container.sticky-filter { /*202606 Filter ergänzt f. äußeren Container*/ |
|
background: #d9d9d9; |
|
} |
|
|
|
input[type=checkbox] { |
|
vertical-align: bottom; |
|
line-height: 1.25; |
|
} |
|
|
|
.comboDiv-dialogue { |
|
margin-left: 1.6rem; |
|
} |
|
|
|
/* -- Standarddarstellung -- */ |
|
.comboDiv { |
|
display: flex; |
|
justify-content: left; |
|
margin-top: 1em; |
|
} |
|
|
|
.input-container.sticky-filter { /*202606 Filter ergänzt f. äußeren Container*/ |
|
position: sticky; /*202606 neu: bleibt beim Scrollen sichtbar*/ |
|
top: 105px; /* Höhe der Navbar > siehe oben */ |
|
z-index: 999; |
|
padding: 0.5rem 0; |
|
} |
|
|
|
.input-container { |
|
display: flex; |
|
flex-direction: row; /* Ordnet Felder horizontal*/ |
|
margin-top: 0.2rem; |
|
} |
|
|
|
.input-container > .label { |
|
margin-bottom: 1rem; |
|
margin-right: 0.5rem; |
|
text-align: right; |
|
} |
|
|
|
.field is-grouped is-grouped-multiline { |
|
display: flex; |
|
flex-direction: row; |
|
flex-wrap: wrap; |
|
gap: 1rem; |
|
} |
|
|
|
.field.is-grouped { |
|
display: flex; |
|
flex-direction: row; |
|
flex-wrap: nowrap; |
|
margin-left: 0.5rem; |
|
gap: 1rem; |
|
} |
|
|
|
.field { |
|
align-items: flex-start; /*für gleiche vertik. Feldausrichtung*/ |
|
} |
|
|
|
.label { |
|
margin-top: 5px; |
|
width: 8em; |
|
font-weight: bold; |
|
} |
|
|
|
.select select, .input { /*für Auswahlfeldstyle*/ |
|
padding-left: 5px; |
|
} |
|
|
|
/*--Anpassungen für Viewports Mobile bis 768px=tablet-Hochformat --*/ |
|
@media screen and (min-width: 585px) and (max-width: 768px) { |
|
.input-container { |
|
flex-direction: row; |
|
gap: 1px; /* Abstand zwischen den Feldern*/ |
|
} |
|
.input-container > .label { |
|
margin-bottom: 0rem; |
|
text-align: right; |
|
} |
|
.field.is-grouped { |
|
flex-direction: row; |
|
} |
|
.field { |
|
align-items: flex-start; |
|
} |
|
} |
|
/* --Anpassung für kleine Viewports (Mobile) -- */ |
|
@media screen and (max-width: 584px) { |
|
.input-container { |
|
flex-direction: column; /* Stapelt Felder*/ |
|
margin-top: 0rem; |
|
padding-bottom: 0.2rem; |
|
} |
|
.input-container > .label { |
|
margin-bottom: 0rem; |
|
text-align: left; |
|
} |
|
.field.is-grouped { |
|
flex-direction: row; |
|
column-gap: 5px; /* Abstand label und Input/Select-Felder */ |
|
row-gap: 1px; /* Höhenabstand zwischen Feldern; ohne Angabe wird Abstand zu groß*/ |
|
} |
|
} |
|
ul { |
|
list-style: none !important; |
|
} |
|
|
|
.sichtentreeUL { |
|
list-style-type: none; |
|
margin-left: 2em; |
|
padding: 0; |
|
} |
|
|
|
.sichtentreeCaret { |
|
cursor: pointer; |
|
-webkit-user-select: none; /* Safari 3.1 */ |
|
-moz-user-select: none; /* Firefox 2 */ |
|
-ms-user-select: none; /* IE 10 */ |
|
user-select: none; |
|
} |
|
|
|
.sichtentreeCaret::before { |
|
content: "▶"; |
|
color: #014A7B; |
|
display: inline-block; |
|
margin-right: 0px; |
|
} |
|
|
|
.sichtentreeCaret-down::before { |
|
-ms-transform: rotate(90deg); /* IE 9 */ |
|
-webkit-transform: rotate(90deg); /* Safari */ |
|
transform: rotate(90deg); |
|
} |
|
|
|
.sichtentreePlaceholder { |
|
margin-left: 16px; |
|
} |
|
|
|
.sichtentreeNested { |
|
display: none; |
|
margin-right: 0px; |
|
padding-left: 13px; |
|
} |
|
|
|
.sichtentreeActive { |
|
display: block; |
|
margin-right: 0px; |
|
padding-left: 13px; |
|
} |
|
|
|
.sichtentreeSpacer { |
|
padding-left: 10px; /*wofür nötig?*/ |
|
} |
|
|
|
.sichtentreeLink { |
|
text-decoration: none; /* keine Unterstreichung für links */ |
|
} |
|
|
|
.sichtentreeLinkWithSpace { |
|
text-decoration: none; /* keine Unterstreichung für links */ |
|
margin-left: 10px; |
|
box-decoration-break: clone; |
|
-webkit-box-decoration-break: clone; |
|
} |
|
|
|
ul.sichtentreeChildUL { |
|
margin: 0px; |
|
padding-left: 10px; |
|
list-style-type: none; |
|
list-style-position: inside; |
|
list-style-image: none; |
|
} |
|
|
|
/*# sourceMappingURL=sx_field_dialogue.css.map */
|
|
|