From 1acb4db1ce6fcd8a161e2f73afb8c70c4242fe40 Mon Sep 17 00:00:00 2001 From: Bettina Floss Date: Wed, 4 Nov 2026 09:42:36 +0100 Subject: [PATCH] Tabellenpadding, Darkmode f dbforms --- superx/style/dbforms_40.css | 11 + superx/style/scss/components/_sx_common.scss | 182 +++++++++---- .../scss/components/_sx_field_dialogue.scss | 18 +- superx/style/scss/components/_sx_tabelle.scss | 28 +- superx/style/scss/config/_cust_variables.scss | 68 +++-- superx/style/scss/config/_sx_mixins.scss | 2 +- superx/style/scss/config/_sx_theme.scss | 4 +- superx/style/scss/config/_sx_variables.scss | 104 +++++--- superx/style/sx_common.css | 249 +++++++++++++----- superx/style/sx_common.css.map | 2 +- superx/style/sx_field_dialogue.css | 86 ++++-- superx/style/sx_field_dialogue.css.map | 2 +- superx/style/sx_tabelle.css | 97 ++++--- superx/style/sx_tabelle.css.map | 2 +- superx/style/welcome.css | 42 +-- 15 files changed, 621 insertions(+), 276 deletions(-) diff --git a/superx/style/dbforms_40.css b/superx/style/dbforms_40.css index 1b08d632..541a2abb 100644 --- a/superx/style/dbforms_40.css +++ b/superx/style/dbforms_40.css @@ -142,6 +142,9 @@ a.clsMainMenu { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: normal; + color : Black; + background-color: white; + } @@ -152,6 +155,7 @@ a.clsMainMenu { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: medium; + } @@ -272,6 +276,12 @@ th.subform_th font-size: 0.7em; text-align:center } + +table.dbform_tab th { + font-weight:bolder; + color: black; +} + table.subform { border:thin solid gray; @@ -328,6 +338,7 @@ textarea.editform { width: 100%; padding: 3px; transition: all 0.5s ease; + color: black; } textarea.editform:focus { diff --git a/superx/style/scss/components/_sx_common.scss b/superx/style/scss/components/_sx_common.scss index 28496bae..a2b80db5 100644 --- a/superx/style/scss/components/_sx_common.scss +++ b/superx/style/scss/components/_sx_common.scss @@ -1,5 +1,11 @@ // config/_sx_common.scss -//--Inhalt: Farben, Formen, Abstände für Body, Buttons, Formulare-- +// --Inhalt: Farben, Formen, Abstände für Body, Buttons, Formulare-- +/* --Gliederung: + Body, Buttons, Tooltips, Formulare, + Navigation, Menü, Themenbaum, Breadcrumb, + Article, Box, Card, Cell, Container, Grid, Modal, + Titel, Listen, Logobuttons und Icons +*/ @use "../config/sx_theme"; @use "../config/sx_mixins"; @@ -24,6 +30,9 @@ div.columns { /*für Abstand zum Seitenrand*/ margin-right: 1.5em; } +.portlet_grid { + background-color: sx_theme.theme(grid-background); +} /* -- Tennlinie -- */ hr { @@ -47,11 +56,21 @@ hr { box-sizing: border-box; } -// ========================== +/* --Hervorhebung bei Anwahl*/ +a { + color: sx_theme.theme(link-color); +} + +a:hover, a:focus { + color: sx_theme.theme(link-color); + font-weight: bold; + background-color: white; /*transparent;*/ +} +// ====================== // --Buttons, Buttonbar-- -// ========================== +// ====================== -.button, button.button, span.button, .subdir-button, .stb-button, { +.buttons, span.button, .subdir-button, .stb-button, .dropdown { @include sx_mixins.font; background-color: sx_theme.theme(button-background); } @@ -61,27 +80,30 @@ hr { justify-content: left !important; } -.button.is-rounded { +.button, button.button { /*für reset_button, submit_button, close_button*/ + @include sx_mixins.font; + color:blue; + background-color: sx_theme.theme(button-background); +} + +.button.is-rounded, .button.is-small { border-color: sx_theme.theme(border-color); background-color: sx_theme.theme(button-background); } .submit_button { /* zum Abschicken, Übernehmen*/ - background-color: sx_theme.theme(button-background); - @include sx_mixins.border; - border-color: sx_theme.theme(submit-button-border-color); /*grün*/ + @include sx_mixins.border; + border-color: sx_theme.theme(submit-button-border-color); /*grün*/ } .reset_button { /* zum Zurücksetzen, Leeren*/ - background-color: sx_theme.theme(button-background); - @include sx_mixins.border; - border-color: sx_theme.theme(reset-button-border-color); + @include sx_mixins.border; + border-color: sx_theme.theme(reset-button-border-color); } .close_button { /*zum Schließen*/ - background-color: sx_theme.theme(button-background); - @include sx_mixins.border; - border-color: sx_theme.theme(reset-button-border-color); /*hellgrau*/ + @include sx_mixins.border; + border-color: sx_theme.theme(close-button-border-color); } .menubutton, .orgunitbutton, .closebutton { /*für Button-Style*/ @@ -93,7 +115,8 @@ hr { width: 1.8rem; height: 1.8rem; @include sx_mixins.border; - border-color: white; + background-color: sx_theme.theme(button-background); + @include sx_mixins.font; } .buttonbar { @@ -114,9 +137,9 @@ hr { font-size: 10px; } -// ================================== -// -- Tooltip-Style und Positionen -- -// ================================== +// ============== +// -- Tooltips -- +// ============== .select select, .input, .field.has-addons .control .button { height: 2.5em; @@ -124,6 +147,7 @@ hr { .field.has-addons .control:not(:last-child) { margin-right: -2px; /* damit sich die Ränder optisch überlagern */ + margin-inline-end: unset; } .button.has-tooltip-bottom { @@ -177,7 +201,7 @@ hr { .labelSichtorComboButton, .labelSichtorComboButtonPflicht { @include sx_mixins.font; - color: var(--bulma-link-text); /*Linkfarbe*/ + color: sx_theme.theme(link-color); /*ursprgl. var(--bulma-link-text);*/ } .labelSichtorComboButtonPflicht::before, .labelPflicht::before { @@ -261,7 +285,7 @@ hr { align-items: center; /*für horizontale Label-Ausrichtung*/ } -.field-body { /*für Feldhöhe/-abstand*/ +.field-body { /*für Feldhöhe/-abstand*/ height: 1.2rem; } @@ -320,6 +344,12 @@ input.ndSchluesselfeld { // -- Top-, Bottom-, Side-Navigation -- // ===================================== +.navbar-item, .navbar-dropdown, .bottom-nav { + @include sx_mixins.border; + border-color: transparent; + @include sx_mixins.font; +} + /* Top-Navi */ .navbar, .bottom-nav { background: sx_theme.theme(navbar-background); @@ -358,27 +388,27 @@ input.ndSchluesselfeld { flex: 1; align-items: center; justify-content: space-evenly; + margin: 0em 0.5em 0em 0.5em; + border-color: transparent; + background: sx_theme.theme(button-background); } .poweredby_sxbi { display: flex; content: url(../images/poweredby_sxbi.svg); width: 10rem; + padding: 1.0em; } // =================================== // -- Menü via Navpanel, Themenbaum -- // =================================== /* -- NavPanel -- */ -.panel-block, .panel-tabs, -.navbar-item, .navbar-dropdown, .bottom-nav { - @include sx_mixins.border; - border-color: transparent; -} - .menu-label { @include sx_mixins.font; background: inherit; + margin-left: 5%; + text-transform: unset; } .menu-list a { @@ -386,10 +416,13 @@ input.ndSchluesselfeld { background: sx_theme.theme(input-background); } -a:hover, a:focus { /*für Hervorhebung bei Anwahl*/ - color: sx_theme.theme(font-color); - background-color: white; /*transparent;*/ -} +.level-center { + display: flex; + align-items: center; + flex-grow: 1; + width: 100%; /* Optional: vollständige Breite des Containers */ + height: 100%; /* Optional: vollständige Höhe des Containers */ +} .navpanel { position: static; /*damit NavPanel in kl. Viewport nicht am oberen BS-Rand klebt*/ @@ -407,27 +440,75 @@ a:hover, a:focus { /*für Hervorhebung bei Anwahl*/ display: none; } -/*.navpanel a { } /*Eigenschaften deaktiviert da überlagert mit themenbaumStatic/.Nested a und li; sh. Z480+Z486*/ /*für Nav-Elemente*/ - -.level-center { - display: flex; - align-items: center; - flex-grow: 1; - width: 100%; /* Optional: vollständige Breite des Containers */ - height: 100%; /* Optional: vollständige Höhe des Containers */ +.panel-block, .panel-tabs { + @include sx_mixins.border; + border-color: transparent; } .panel-block { display: flex; + padding: 0.6em /*20261026 ergänzt*/ } .panel-block-search { margin-left: 10px; } -.menu-label { - margin-left: 5%; - text-transform: unset; +.panel-block-ebene1 { /*20250704 ergänzt*/ + width: 310px; + box-sizing: border-box; /* Beinhaltet Padding und Border in der Breitenberechnung*/ + border-bottom: 0.1px solid sx_theme.theme(border-color); + margin-top: -20px; + margin-bottom: 0; + margin-left: 0.5em; +} + +.panel-block-ebene2 { /*20250704 ergänzt*/ + width: 80%; + box-sizing: border-box; /* Verhindert überschüssige Breitenänderungen */ + border-bottom: 0.3px dotted lightgrey; + margin-top: -20px; + margin-bottom: 0; + margin-left: 2.5em; +} + +.panel-block-ebene3 { /*20250704 ergänzt*/ + width: 73%; + box-sizing: border-box; /* Verhindert überschüssige Breitenänderungen */ + border-bottom: 0.3px dotted lightgrey; + margin-top: -20px; + margin-bottom: 0; + margin-left: 4.5em; +} + +.panel-block-ebene4 { /*20261026 ergänzt*/ + width: 68%; + box-sizing: border-box; /* Verhindert überschüssige Breitenänderungen */ + border-bottom: 0.3px dotted lightgrey; + margin-top: -20px; + margin-bottom: 0; + margin-left: 6.5em; +} + +.panel-block-ebene5 { /*20261026 ergänzt*/ + width: 63%; + box-sizing: border-box; /* Verhindert überschüssige Breitenänderungen */ + border-bottom: 0.3px dotted lightgrey; + margin-top: -20px; + margin-bottom: 0; + margin-left: 8.5em; +} + +.panel-block-ebene1:not(:last-child){ + border-bottom: 0.1px solid sx_theme.theme(border-color); +} + +.panel-block-ebene2:not(:last-child), +.panel-block-ebene3:not(:last-child), +.panel-block-ebene4:not(:last-child), +.panel-block-ebene5:not(:last-child) +{ + border-bottom: 0.3px dotted lightgrey; } .panel-icon { @@ -527,7 +608,7 @@ a:hover, a:focus { /*für Hervorhebung bei Anwahl*/ .themenbaumStatic a, .themenbaumNested a { /*für BaumElemente*/ @include sx_mixins.font; - color: blue; /*var(--bulma-link-text);*/ + color: sx_theme.theme(link-color); /*ursprgl. var(--bulma-link-text);*/ margin-left: 5px; } @@ -546,7 +627,7 @@ a:hover, a:focus { /*für Hervorhebung bei Anwahl*/ padding-left: 0.2em; /* Abstand nach links vom Icon */ display: block; /* Block, um Zeilenumbrüche zu unterstützen */ @include sx_mixins.font; - color: blue; + color: sx_theme.theme(link-color); /*ursprgl. var(--bulma-link-text);*/ } .themenbaumLinkWithSpace { @@ -590,7 +671,6 @@ ol.themenbaumSearchResults { /*für Suchergebnisse*/ // ============== .breadcrumb { - @include sx_mixins.font; @include sx_mixins.border; padding: 0.2rem; white-space: normal; @@ -620,13 +700,15 @@ ol.themenbaumSearchResults { /*für Suchergebnisse*/ .breadcrumb, .breadcrumb a { user-select: auto; /*für Markierung des Inhalts */ + @include sx_mixins.font; + color: sx_theme.theme(link-color); } // ====================================================== // --Article, Box, Card, Cell, Container, Grid, Modal -- // ====================================================== -.article, .article ul, .card, .cell, .grid { +.article, .article ul, .card, .cell, .grid, .h2 { @include sx_mixins.font; } /* -- Article -- */ @@ -641,6 +723,7 @@ ol.themenbaumSearchResults { /*für Suchergebnisse*/ text-align: left; /* für linksbündigen und umgebrochenen Text*/ cursor: pointer; width: 100%; + background: sx_theme.theme(article-background); } /* -- Container, Cell -- */ @@ -658,8 +741,10 @@ ol.themenbaumSearchResults { /*für Suchergebnisse*/ padding: 0rem 0.25rem; /*padding oben+unten, rechts+links*/ margin-bottom: 0.1rem; box-sizing: border-box; - border: thin solid hsl(0, 0%, 60%); /*hellgrau*/ - border-radius: 0.3em; + //border: thin solid hsl(0, 0%, 60%); /*hellgrau*/ + //border-radius: 0.3em; + background: sx_theme.theme(cell-background); + @include sx_mixins.border; } /* -- Card, Box -- */ @@ -739,7 +824,8 @@ span.feldwert { // ============================ // --Titel, Untertitel. etc.-- // ============================ -.title, .subtitle, .supplement, span.report-explanation, dropdown, .resultcount, .searchresult, +.title, .subtitle, .supplement, span.report-explanation, dropdown, +.resultcount, .searchresult, .dontprint, .panel-block, .panel-tabs { @include sx_mixins.font; } diff --git a/superx/style/scss/components/_sx_field_dialogue.scss b/superx/style/scss/components/_sx_field_dialogue.scss index 6e595c9b..ea090733 100644 --- a/superx/style/scss/components/_sx_field_dialogue.scss +++ b/superx/style/scss/components/_sx_field_dialogue.scss @@ -1,13 +1,18 @@ // pages/_sx_field_dialogue.scss -//--Inhalt: Farben, Formen, Abstände für sx_field_dialogue-- +// --Inhalt: Farben, Formen, Abstände für sx_field_dialogue-- +/* --Gliederung: + Titel, Navi, Linie, + Buttons, Input, Auswahlfelder, + Media-Queries, + Ergebnislisten von Sichten und gesuchten Elementen, +*/ @use "../config/sx_theme"; @use "../config/sx_mixins"; - -// ============================================================= +// ========================= // -- Titel, Navi, Linie -- -// ============================================================= +// ========================= .title-dialogue.is-4 { color: sx_theme.theme(title-dialogue-color); @@ -48,6 +53,9 @@ hr { color: black; font-weight: bold; } +.buttons { + background-color: unset !important; +} button.button-dialogue { @include sx_mixins.button-dialogue; @@ -57,7 +65,7 @@ button.button-dialogue { } .input-container.sticky-filter { /*202606 Filter ergänzt f. äußeren Container*/ - background: #d9d9d9; + background-color: sx_theme.theme(input-container-background); } input[type=checkbox] { diff --git a/superx/style/scss/components/_sx_tabelle.scss b/superx/style/scss/components/_sx_tabelle.scss index e6f68ce8..cad5fcfd 100644 --- a/superx/style/scss/components/_sx_tabelle.scss +++ b/superx/style/scss/components/_sx_tabelle.scss @@ -1,5 +1,10 @@ // pages/_sx_tabelle.scss -//--Inhalt: Farben, Formen, Abstände für sx_tabelle-- +// --Inhalt: Farben, Formen, Abstände für sx_tabelle-- +/* --Gliederung: + Body, + Elemente über und unter der Ergebnistabelle, + Ergebnistabellen, Media-Queries +*/ @use "../config/sx_theme"; @use "../config/sx_mixins"; @@ -163,12 +168,13 @@ table.nd_ergtabelle th { border: sx_theme.theme(border-style); border-collapse: separate; background-color: sx_theme.theme(table-background-header); + color: sx_theme.theme(table-color-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 */ - padding: 3px 0px !important; /*Textabstand innerhalb der Zelle: oben/unten sowie rechts/links*/ + padding: 3px 3px 0px 3px!important; /*Textabstand innerhalb der Zelle*/ /*padding-inline: 2px;*/ } @@ -182,6 +188,7 @@ table.nd_ergtabelle thead th { /*wirkt auf einz. Kopfzeile*/ border: sx_theme.theme(border-style); border-collapse: separate; background-color: sx_theme.theme(table-background-header); + color: sx_theme.theme(table-color-header); position: sticky; top: 50px; /*0*/ z-index: 20; @@ -194,6 +201,7 @@ table td.fixed-column1 { /*für Spaltentitel*/ border: sx_theme.theme(border-style); border-collapse: separate; background-color: sx_theme.theme(table-background-header); + color: sx_theme.theme(table-color-header); @include sx_mixins.font; font-size: 0.8rem; font-weight: bold; @@ -224,12 +232,12 @@ table.nd_ergtabelle td.fixed-column1 { table.ergtabelle td, table.nd_ergtabelle td { border: sx_theme.theme(border-style); - vertical-align: bottom; /*top; + 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 */ - padding: 3px 0px !important; /*Textabstand innerhalb der Zelle: oben/unten sowie rechts/links*/ + padding: 3px 3px 0px 3px!important; /*Textabstand innerhalb der Zelle*/ /*padding-inline: 2px;*/ } @@ -237,26 +245,32 @@ table.nd_ergtabelle td { table tr.erglevel_1 { background: sx_theme.theme(table-background-row-level-1); font-weight:bold; + color: sx_theme.theme(table-color-value); } table tr.erglevel_2 { - background: sx_theme.theme(table-background-row-level-2); + background: sx_theme.theme(table-background-row-level-2); + color: sx_theme.theme(table-color-value); } table tr.erglevel_3 { - background: sx_theme.theme(table-background-row-level-3); + background: sx_theme.theme(table-background-row-level-3); + color: sx_theme.theme(table-color-value); } table tr.erglevel_4 { background: sx_theme.theme(table-background-row-level-4); + color: sx_theme.theme(table-color-value); } table tr.erglevel_5 { background: sx_theme.theme(table-background-row-level-5); + color: sx_theme.theme(table-color-value); } table tr.erglevel_6 { - background: sx_theme.theme(table-background-row-level-6); + background: sx_theme.theme(table-background-row-level-6); + color: sx_theme.theme(table-color-value); } /* -- Spezielle Zeilen und Zellen -- */ diff --git a/superx/style/scss/config/_cust_variables.scss b/superx/style/scss/config/_cust_variables.scss index c2d23080..9faeaf89 100644 --- a/superx/style/scss/config/_cust_variables.scss +++ b/superx/style/scss/config/_cust_variables.scss @@ -1,12 +1,16 @@ // config/_cust_variables.scss -// --Inhalt: Customerspezifische Variablen -- +// --Inhalt: Variablen für Farben, Buttons, Rahmen, Typografie, Formulare, etc. zur customerspezifischer Definition -- +// --Gliederung: +/* Brand colors, + Lightmode, + Darkmode -- +*/ @charset "utf-8"; @use "sass:map"; @use "sx_variables"; - // --- Brand colors --- $purple: #8a4d76; $pink: #fa7c91; @@ -22,6 +26,7 @@ $aliceblue: #f0f8ff; $azure: #f0ffff; $royalblue: #3333ff; $default-blaugrau: #ecf0f3; +$dklblau: #000061; $UDE-blau: #003c7a; $UDE-grau: #d9d9d9; @@ -53,9 +58,12 @@ $customer-light: ( reset-button-border-color: $gelborange, close-button-border-color: $hellgrau, - // --- Cards, Modals --- + // --- Article, Cards, Cells, Grid, Modals --- + article-background: white, card-background: white, - modal-values-background: $default-blaugrau, + cell-background: white, + portletgrid-background: white, + modal-values-background: $default-blaugrau, // --- Formulare --- input-background: $aliceblue, @@ -82,6 +90,7 @@ $customer-light: ( font-family: arial, font-weight: normal, font-size: 14px, + link-color: blue, // --- Tooltips, Warnungen, Fehler tooltip-background: $royalblue, @@ -89,22 +98,26 @@ $customer-light: ( error-color: $rot, text-muted-color: $mittelgrau, - // --- Tabellen: Farben für Hierarchieebenen --- + // --- Tabellen: Farben für Header und Tabellenzeilen --- table-background-header: $default-blaugrau, + table-color-header: black, + table-color-value: black, + table-color-special-value: $dklblau, + + table-background-row-sum: $hellgrau, + table-background-row-hover: $graublau, + table-background-row-odd: weiß, /*ungerade Tabellenzeile*/ + table-background-row-even: $weißgrau, /*gerade Tabellenzeile*/ + table-background-row-even-odd-hover: $hellgelb, + + // --- Tabellen: Farben für Hierarchieebenen --- table-background-row-level-1: $aliceblue, table-background-row-level-2: $azure, table-background-row-level-3: $snow, table-background-row-level-4: $beige, table-background-row-level-5: $antiquewhite, table-background-row-level-6: $khaki, - - // --- Tabellen: Farben für einfache Tabellen--- - table-color-special-value: $default-blaugrau, - table-background-row-sum: $hellgrau, - table-background-row-hover: $graublau, - table-background-row-odd: weiß, /*ungerade Tabellenzeile*/ - table-background-row-even: $weißgrau, /*gerade Tabellenzeile*/ - table-background-row-even-odd-hover: $hellgelb, + ); // ================================ @@ -123,8 +136,12 @@ $customer-dark: ( reset-button-border-color: $gelborange, close-button-border-color: $hellgrau, - // --- Cards --- + // --- Article, Cards, Cells, Grid, Modals --- + article-background: white, card-background: white, + cell-background: white, + grid-background: white, + modal-values-background: $default-blaugrau, // --- Formulare --- input-background: $aliceblue, @@ -148,6 +165,7 @@ $customer-dark: ( // --- Schrift, allgemein --- font-color: black, + link-color: blue, // --- Tooltips, Warnungen, Fehler tooltip-background: $royalblue, @@ -155,22 +173,26 @@ $customer-dark: ( error-color: $rot, text-muted-color: $mittelgrau, - // --- Tabellen: Farben für Hierarchieebenen --- + // --- Tabellen: Farben für Header und Tabellenzeilen --- table-background-header: $default-blaugrau, + table-color-header: $dklgrau, + table-color-value: $dklgrau, + table-color-special-value: $dklgrau, + + table-background-row-sum: $hellgrau, + table-background-row-hover: $graublau, + table-background-row-odd: weiß, /*ungerade Tabellenzeile*/ + table-background-row-even: $weißgrau, /*gerade Tabellenzeile*/ + table-background-row-even-odd-hover: $hellgelb, + + // --- Tabellen: Farben für Hierarchieebenen --- table-background-row-level-1: $aliceblue, table-background-row-level-2: $azure, table-background-row-level-3: $snow, table-background-row-level-4: $beige, table-background-row-level-5: $antiquewhite, table-background-row-level-6: $khaki, - - // --- Tabellen: Farben für einfache Tabellen--- - table-color-special-value: $default-blaugrau, - table-background-row-sum: $hellgrau, - table-background-row-hover: $graublau, - table-background-row-odd: weiß, /*ungerade Tabellenzeile*/ - table-background-row-even: $weißgrau, /*gerade Tabellenzeile*/ - table-background-row-even-odd-hover: $hellgelb, + ); diff --git a/superx/style/scss/config/_sx_mixins.scss b/superx/style/scss/config/_sx_mixins.scss index 3327ab51..473c9cfb 100644 --- a/superx/style/scss/config/_sx_mixins.scss +++ b/superx/style/scss/config/_sx_mixins.scss @@ -9,7 +9,7 @@ flex-flow: column; min-height: 100vh; margin: 0.1rem 0.1rem 0.2rem 0.1rem; - padding-top: 0px; /*202606: ergänzt d Höhe d Navbar*/ + padding-top: 0px; background: sx_theme.theme(body-background); } diff --git a/superx/style/scss/config/_sx_theme.scss b/superx/style/scss/config/_sx_theme.scss index 19a637a2..ae4b77dc 100644 --- a/superx/style/scss/config/_sx_theme.scss +++ b/superx/style/scss/config/_sx_theme.scss @@ -5,13 +5,13 @@ @use "sx_variables"; @use "cust_variables"; -$use-customer-theme: false; +$use-customer-theme: false; /* false für Default-Mode; true für Customer-Mode*/ // ================== // -- Light-Theme -- // ================== -$light-theme: sx_variables.$defaults-light; +$light-theme: sx_variables.$defaults-light; @if $use-customer-theme { $light-theme: map.merge( diff --git a/superx/style/scss/config/_sx_variables.scss b/superx/style/scss/config/_sx_variables.scss index bcf10ba5..7f470ee4 100644 --- a/superx/style/scss/config/_sx_variables.scss +++ b/superx/style/scss/config/_sx_variables.scss @@ -1,6 +1,10 @@ // config/_sx_variables.scss -// Inhalt: Default-Einzelvariablen für Farben, Buttons, Rahmen, -// Typografie, Formulare, etc. +// --Inhalt: Variablen für Farben, Buttons, Rahmen, Typografie, Formulare, etc. mit Default-Definition/ +// --Gliederung: +/* Brand colors, + Lightmode, + Darkmode -- +*/ @charset "utf-8"; @@ -19,6 +23,7 @@ $aliceblue: #f0f8ff; $azure: #f0ffff; $royalblue: #3333ff; $default-blaugrau: #ecf0f3; +$dklblau: #000061; $UDE-blau: #003c7a; $UDE-grau: #d9d9d9; @@ -49,10 +54,13 @@ $defaults-light: ( reset-button-border-color: $gelborange, close-button-border-color: $hellgrau, - // --- Cards, Modals --- + // --- Article, Cards, Cells, Grid, Modals --- + article-background: white, card-background: white, + cell-background: white, + grid-background: white, modal-values-background: $default-blaugrau, - + // --- Formulare --- input-background: white, input-background-ndSchluesselfeld: $weißgelb, @@ -78,6 +86,7 @@ $defaults-light: ( font-family: sans-serif, font-weight: normal, font-size: 13px, + link-color: blue, /*var(--bulma-link-text);*/ // --- Tooltips, Warnungen, Fehler tooltip-background: $royalblue, @@ -85,72 +94,93 @@ $defaults-light: ( error-color: $rot, text-muted-color: $mittelgrau, - // --- Tabellen: Farben für Hierarchieebenen --- + // --- Tabellen: Farben für Header und Tabellenzeilen --- table-background-header: $default-blaugrau, + table-color-header: $dklgrau, + table-color-value: $dklgrau, + table-color-special-value: $dklgrau, + + table-background-row-sum: $hellgrau, + table-background-row-hover: $graublau, + table-background-row-odd: weiß, /*ungerade Tabellenzeile*/ + table-background-row-even: $weißgrau, /*gerade Tabellenzeile*/ + table-background-row-even-odd-hover: $hellgelb, + + // --- Tabellen: Farben für Hierarchieebenen --- table-background-row-level-1: $aliceblue, table-background-row-level-2: $azure, table-background-row-level-3: $snow, table-background-row-level-4: $beige, table-background-row-level-5: $antiquewhite, table-background-row-level-6: $khaki, - - // --- Tabellen: Farben für einfache Tabellen--- - table-color-special-value: $default-blaugrau, - table-background-row-sum: $hellgrau, - table-background-row-hover: $graublau, - table-background-row-odd: weiß, /*ungerade Tabellenzeile*/ - table-background-row-even: $weißgrau, /*gerade Tabellenzeile*/ - table-background-row-even-odd-hover: $hellgelb, + ); // ================================ // --- Default-Werte: Darkmode --- // ================================ + $defaults-dark: ( // --- Body --- - body-background: white, + body-background: $mittelgrau, hr-background-color: whitesmoke, - + // --- Buttons --- button-background: white, submit-button-border-color: $grün, reset-button-border-color: $gelborange, close-button-border-color: $hellgrau, - // --- Cards, Modals --- - card-background: white, - modal-values-background: $default-blaugrau, + // --- Article, Cards, Cells, Grid, Modals --- + article-background: inherit, + card-background: $mittelgrau, + cell-background: $mittelgrau, + grid-background: $dklblau, + modal-values-background: $mittelgrau, // --- Formulare --- - input-background: white, - input-container-background: inherit, + input-background: inherit, + input-container-background: $mittelgrau, sichtentreeCaret-color: #014A7B, - input-background-ndSchluesselfeld: $weißgelb, - + input-background-ndSchluesselfeld: inherit, + // --- Field_Dialogue --- - navbar-dialogue-background: $default-blaugrau, - title-dialogue-color: $dklgrau, + navbar-dialogue-background: $dklblau, + title-dialogue-color: white, // --- Navigation, Breadcrumb --- - breadcrumbSeparator-color: $dklgrau, - navbar-background: $default-blaugrau, + breadcrumbSeparator-color: $snow, + navbar-background: $dklblau, themenbaumCaret-color: $dklgrau, // --- Rahmen --- - border-color: $mittelgrau, - border-style: thin solid $mittelgrau, + border-color: $default-blaugrau, + border-style: thin solid $default-blaugrau, border-radius: .3em, // --- Schrift allgemein --- - font-color: $dklgrau !important, - + font-color: white !important, + link-color: blue, + // --- Tooltips, Warnungen, Fehler - tooltip-background: $royalblue, + tooltip-background: $dklblau, tooltip-font-color: white, error-color: $rot, text-muted-color: $mittelgrau, + // --- Tabellen: Farben für Header und Tabellenzeilen --- + table-background-header: $dklblau, + table-color-header: white, + table-color-value: $dklgrau, + table-color-special-value: $dklgrau, + + table-background-row-sum: $hellgrau, + table-background-row-hover: $graublau, + table-background-row-odd: $dklgrau, /*ungerade Tabellenzeile*/ + table-background-row-even: $mittelgrau, /*gerade Tabellenzeile*/ + table-background-row-even-odd-hover: $default-blaugrau,/*$hellgelb,*/ + // --- Tabellen: Farben für Hierarchieebenen --- table-background-row-level-1: $aliceblue, table-background-row-level-2: $azure, @@ -158,13 +188,5 @@ $defaults-dark: ( table-background-row-level-4: $beige, table-background-row-level-5: $antiquewhite, table-background-row-level-6: $khaki, - - // --- Tabellen: Farben für einfache Tabellen--- - table-background-header: $default-blaugrau, - table-background-row-sum: $hellgrau, - table-background-row-hover: $graublau, - table-background-row-odd: weiß, /*ungerade Tabellenzeile*/ - table-background-row-even: $weißgrau, /*gerade Tabellenzeile*/ - table-background-row-even-odd-hover: $hellgelb, - table-color-special-value: $default-blaugrau, -); + + ); diff --git a/superx/style/sx_common.css b/superx/style/sx_common.css index 40eaddc5..602cd2db 100644 --- a/superx/style/sx_common.css +++ b/superx/style/sx_common.css @@ -1,6 +1,14 @@ @charset "UTF-8"; +/* Brand colors, + Lightmode, + Darkmode -- +*/ /*auch mittelgrau: #999999;*/ /*auch hellgrau: #d7d7d7; */ +/* Brand colors, + Lightmode, + Darkmode -- +*/ /*auch mittelgrau: #999999;*/ /*auch hellgrau: #d7d7d7; */ :root { @@ -11,7 +19,10 @@ --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-article-background: white; --sx-card-background: white; + --sx-cell-background: white; + --sx-grid-background: white; --sx-modal-values-background: #ecf0f3; --sx-input-background: white; --sx-input-background-ndSchluesselfeld: #fffaf0; @@ -29,75 +40,90 @@ --sx-font-family: sans-serif; --sx-font-weight: normal; --sx-font-size: 13px; + --sx-link-color: blue; --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-color-header: hsl(0, 0%, 21%); + --sx-table-color-value: hsl(0, 0%, 21%); + --sx-table-color-special-value: hsl(0, 0%, 21%); + --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-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-body-background: hsl(0, 0%, 60%); --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-article-background: inherit; + --sx-card-background: hsl(0, 0%, 60%); + --sx-cell-background: hsl(0, 0%, 60%); + --sx-grid-background: #000061; + --sx-modal-values-background: hsl(0, 0%, 60%); + --sx-input-background: inherit; + --sx-input-container-background: hsl(0, 0%, 60%); --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-input-background-ndSchluesselfeld: inherit; + --sx-navbar-dialogue-background: #000061; + --sx-title-dialogue-color: white; + --sx-breadcrumbSeparator-color: #fffafa; + --sx-navbar-background: #000061; --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-color: #ecf0f3; + --sx-border-style: thin solid #ecf0f3; --sx-border-radius: 0.3em; - --sx-font-color: hsl(0, 0%, 21%) !important; - --sx-tooltip-background: #3333ff; + --sx-font-color: white !important; + --sx-link-color: blue; + --sx-tooltip-background: #000061; --sx-tooltip-font-color: white; --sx-error-color: #ff0000; --sx-text-muted-color: hsl(0, 0%, 60%); + --sx-table-background-header: #000061; + --sx-table-color-header: white; + --sx-table-color-value: hsl(0, 0%, 21%); + --sx-table-color-special-value: hsl(0, 0%, 21%); + --sx-table-background-row-sum: hsl(0, 0%, 71%); + --sx-table-background-row-hover: hsl(219, 70%, 76%); + --sx-table-background-row-odd: hsl(0, 0%, 21%); + --sx-table-background-row-even: hsl(0, 0%, 60%); + --sx-table-background-row-even-odd-hover: #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-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; } } +/* --Gliederung: + Body, Buttons, Tooltips, Formulare, + Navigation, Menü, Themenbaum, Breadcrumb, + Article, Box, Card, Cell, Container, Grid, Modal, + Titel, Listen, Logobuttons und Icons +*/ /* -- Bildschirmseite -- */ body { display: flex; flex-flow: column; min-height: 100vh; margin: 0.1rem 0.1rem 0.2rem 0.1rem; - padding-top: 0px; /*202606: ergänzt d Höhe d Navbar*/ + padding-top: 0px; background: var(--sx-body-background); font-family: var(--sx-font-family); font-weight: var(--sx-font-weight); @@ -115,6 +141,10 @@ div.columns { /*für Abstand zum Seitenrand*/ margin-right: 1.5em; } +.portlet_grid { + background-color: var(--sx-grid-background); +} + /* -- Tennlinie -- */ hr { background-color: var(--sx-hr-background-color); @@ -137,7 +167,18 @@ hr { box-sizing: border-box; } -.button, button.button, span.button, .subdir-button, .stb-button { +/* --Hervorhebung bei Anwahl*/ +a { + color: var(--sx-link-color); +} + +a:hover, a:focus { + color: var(--sx-link-color); + font-weight: bold; + background-color: white; /*transparent;*/ +} + +.buttons, span.button, .subdir-button, .stb-button, .dropdown { font-family: var(--sx-font-family); font-weight: var(--sx-font-weight); font-size: var(--sx-font-size); @@ -150,30 +191,36 @@ hr { justify-content: left !important; } -.button.is-rounded { +.button, button.button { /*für reset_button, submit_button, close_button*/ + font-family: var(--sx-font-family); + font-weight: var(--sx-font-weight); + font-size: var(--sx-font-size); + color: var(--sx-font-color); + color: blue; + background-color: var(--sx-button-background); +} + +.button.is-rounded, .button.is-small { border-color: var(--sx-border-color); background-color: var(--sx-button-background); } .submit_button { /* zum Abschicken, Übernehmen*/ - background-color: var(--sx-button-background); border: var(--sx-border-style); border-radius: var(--sx-border-radius) !important; border-color: var(--sx-submit-button-border-color); /*grün*/ } .reset_button { /* zum Zurücksetzen, Leeren*/ - background-color: var(--sx-button-background); border: var(--sx-border-style); border-radius: var(--sx-border-radius) !important; border-color: var(--sx-reset-button-border-color); } .close_button { /*zum Schließen*/ - background-color: var(--sx-button-background); border: var(--sx-border-style); border-radius: var(--sx-border-radius) !important; - border-color: var(--sx-reset-button-border-color); /*hellgrau*/ + border-color: var(--sx-close-button-border-color); } .menubutton, .orgunitbutton, .closebutton { /*für Button-Style*/ @@ -186,7 +233,11 @@ hr { height: 1.8rem; border: var(--sx-border-style); border-radius: var(--sx-border-radius) !important; - border-color: white; + background-color: var(--sx-button-background); + font-family: var(--sx-font-family); + font-weight: var(--sx-font-weight); + font-size: var(--sx-font-size); + color: var(--sx-font-color); } .buttonbar { @@ -213,6 +264,7 @@ hr { .field.has-addons .control:not(:last-child) { margin-right: -2px; /* damit sich die Ränder optisch überlagern */ + margin-inline-end: unset; } .button.has-tooltip-bottom { @@ -270,7 +322,7 @@ hr { font-weight: var(--sx-font-weight); font-size: var(--sx-font-size); color: var(--sx-font-color); - color: var(--bulma-link-text); /*Linkfarbe*/ + color: var(--sx-link-color); /*ursprgl. var(--bulma-link-text);*/ } .labelSichtorComboButtonPflicht::before, .labelPflicht::before { @@ -431,6 +483,16 @@ input.ndSchluesselfeld { margin-left: 12px; } +.navbar-item, .navbar-dropdown, .bottom-nav { + border: var(--sx-border-style); + border-radius: var(--sx-border-radius) !important; + border-color: transparent; + font-family: var(--sx-font-family); + font-weight: var(--sx-font-weight); + font-size: var(--sx-font-size); + color: var(--sx-font-color); +} + /* Top-Navi */ .navbar, .bottom-nav { background: var(--sx-navbar-background); @@ -469,28 +531,27 @@ input.ndSchluesselfeld { flex: 1; align-items: center; justify-content: space-evenly; + margin: 0em 0.5em 0em 0.5em; + border-color: transparent; + background: var(--sx-button-background); } .poweredby_sxbi { display: flex; content: url(../images/poweredby_sxbi.svg); width: 10rem; + padding: 1em; } /* -- NavPanel -- */ -.panel-block, .panel-tabs, -.navbar-item, .navbar-dropdown, .bottom-nav { - border: var(--sx-border-style); - border-radius: var(--sx-border-radius) !important; - border-color: transparent; -} - .menu-label { font-family: var(--sx-font-family); font-weight: var(--sx-font-weight); font-size: var(--sx-font-size); color: var(--sx-font-color); background: inherit; + margin-left: 5%; + text-transform: unset; } .menu-list a { @@ -501,9 +562,12 @@ input.ndSchluesselfeld { background: var(--sx-input-background); } -a:hover, a:focus { /*für Hervorhebung bei Anwahl*/ - color: var(--sx-font-color); - background-color: white; /*transparent;*/ +.level-center { + display: flex; + align-items: center; + flex-grow: 1; + width: 100%; /* Optional: vollständige Breite des Containers */ + height: 100%; /* Optional: vollständige Höhe des Containers */ } .navpanel { @@ -522,26 +586,75 @@ a:hover, a:focus { /*für Hervorhebung bei Anwahl*/ display: none; } -/*.navpanel a { } /*Eigenschaften deaktiviert da überlagert mit themenbaumStatic/.Nested a und li; sh. Z480+Z486*/ /*für Nav-Elemente*/ -.level-center { - display: flex; - align-items: center; - flex-grow: 1; - width: 100%; /* Optional: vollständige Breite des Containers */ - height: 100%; /* Optional: vollständige Höhe des Containers */ +.panel-block, .panel-tabs { + border: var(--sx-border-style); + border-radius: var(--sx-border-radius) !important; + border-color: transparent; } .panel-block { display: flex; + padding: 0.6em; } .panel-block-search { margin-left: 10px; } -.menu-label { - margin-left: 5%; - text-transform: unset; +.panel-block-ebene1 { /*20250704 ergänzt*/ + width: 310px; + box-sizing: border-box; /* Beinhaltet Padding und Border in der Breitenberechnung*/ + border-bottom: 0.1px solid var(--sx-border-color); + margin-top: -20px; + margin-bottom: 0; + margin-left: 0.5em; +} + +.panel-block-ebene2 { /*20250704 ergänzt*/ + width: 80%; + box-sizing: border-box; /* Verhindert überschüssige Breitenänderungen */ + border-bottom: 0.3px dotted lightgrey; + margin-top: -20px; + margin-bottom: 0; + margin-left: 2.5em; +} + +.panel-block-ebene3 { /*20250704 ergänzt*/ + width: 73%; + box-sizing: border-box; /* Verhindert überschüssige Breitenänderungen */ + border-bottom: 0.3px dotted lightgrey; + margin-top: -20px; + margin-bottom: 0; + margin-left: 4.5em; +} + +.panel-block-ebene4 { /*20261026 ergänzt*/ + width: 68%; + box-sizing: border-box; /* Verhindert überschüssige Breitenänderungen */ + border-bottom: 0.3px dotted lightgrey; + margin-top: -20px; + margin-bottom: 0; + margin-left: 6.5em; +} + +.panel-block-ebene5 { /*20261026 ergänzt*/ + width: 63%; + box-sizing: border-box; /* Verhindert überschüssige Breitenänderungen */ + border-bottom: 0.3px dotted lightgrey; + margin-top: -20px; + margin-bottom: 0; + margin-left: 8.5em; +} + +.panel-block-ebene1:not(:last-child) { + border-bottom: 0.1px solid var(--sx-border-color); +} + +.panel-block-ebene2:not(:last-child), +.panel-block-ebene3:not(:last-child), +.panel-block-ebene4:not(:last-child), +.panel-block-ebene5:not(:last-child) { + border-bottom: 0.3px dotted lightgrey; } .panel-icon { @@ -641,7 +754,7 @@ a:hover, a:focus { /*für Hervorhebung bei Anwahl*/ font-weight: var(--sx-font-weight); font-size: var(--sx-font-size); color: var(--sx-font-color); - color: blue; /*var(--bulma-link-text);*/ + color: var(--sx-link-color); /*ursprgl. var(--bulma-link-text);*/ margin-left: 5px; } @@ -663,7 +776,7 @@ a:hover, a:focus { /*für Hervorhebung bei Anwahl*/ font-weight: var(--sx-font-weight); font-size: var(--sx-font-size); color: var(--sx-font-color); - color: blue; + color: var(--sx-link-color); /*ursprgl. var(--bulma-link-text);*/ } .themenbaumLinkWithSpace { @@ -703,10 +816,6 @@ ol.themenbaumSearchResults { /*für Suchergebnisse*/ } .breadcrumb { - 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; padding: 0.2rem; @@ -737,9 +846,14 @@ ol.themenbaumSearchResults { /*für Suchergebnisse*/ .breadcrumb, .breadcrumb a { user-select: auto; /*für Markierung des Inhalts */ + font-family: var(--sx-font-family); + font-weight: var(--sx-font-weight); + font-size: var(--sx-font-size); + color: var(--sx-font-color); + color: var(--sx-link-color); } -.article, .article ul, .card, .cell, .grid { +.article, .article ul, .card, .cell, .grid, .h2 { font-family: var(--sx-font-family); font-weight: var(--sx-font-weight); font-size: var(--sx-font-size); @@ -758,6 +872,7 @@ ol.themenbaumSearchResults { /*für Suchergebnisse*/ text-align: left; /* für linksbündigen und umgebrochenen Text*/ cursor: pointer; width: 100%; + background: var(--sx-article-background); } /* -- Container, Cell -- */ @@ -775,8 +890,9 @@ ol.themenbaumSearchResults { /*für Suchergebnisse*/ padding: 0rem 0.25rem; /*padding oben+unten, rechts+links*/ margin-bottom: 0.1rem; box-sizing: border-box; - border: thin solid hsl(0, 0%, 60%); /*hellgrau*/ - border-radius: 0.3em; + background: var(--sx-cell-background); + border: var(--sx-border-style); + border-radius: var(--sx-border-radius) !important; } /* -- Card, Box -- */ @@ -859,7 +975,8 @@ span.feldwert { font-weight: bolder; } -.title, .subtitle, .supplement, span.report-explanation, dropdown, .resultcount, .searchresult, +.title, .subtitle, .supplement, span.report-explanation, dropdown, +.resultcount, .searchresult, .dontprint, .panel-block, .panel-tabs { font-family: var(--sx-font-family); font-weight: var(--sx-font-weight); diff --git a/superx/style/sx_common.css.map b/superx/style/sx_common.css.map index 6b87d40e..37087515 100644 --- a/superx/style/sx_common.css.map +++ b/superx/style/sx_common.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/config/_sx_variables.scss","../scss/config/_cust_variables.scss","../scss/config/_sx_theme.scss","../scss/components/_sx_common.scss","../scss/config/_sx_mixins.scss"],"names":[],"mappings":";AA0B8B;AACF;ACEE;AACF;ACmB5B;EACE;EATE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AAkBJ;EACE;IACE;IApBA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;;;AC/BJ;AACA;ECJI;EACA;EACA;EACA;EACA;EACA;EA4BA;EACA;EACA;EACA;;;AD3BJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAIF;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;;;AAGF;AACA;AAAA;AAAA;EAGE;;;AAOF;ECbI;EACA;EACA;EACA;EDYD;;;AAGH;EACE;EACA;;;AAGF;EACG;EACA;;;AAGH;EACE;ECnCE;EACA;EDoCF;;;AAGF;EACE;ECzCE;EACA;ED0CF;;;AAGF;EACE;EC/CE;EACA;EDgDF;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EC3DE;EACA;ED4DF;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAOF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;ECpGE;EACA;EACA;EACA;EDmGF;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMF;AAEA;EACE;;;AAGF;AAAA;EC1HI;EACA;EACA;EACA;;;AD4HJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;ECzII;EACA;EACA;EACA;EDwIF;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;ECzNI;EACA;EACA;EACA;EDwNF;EACA;;;AAGF;EACE;;;AAGF;AACA;EC1OI;EACA;EAKA;EACA;EACA;EACA;EAxBA;EACA;EACA;;;AD2PJ;ECxOI;EACA;EACA;EACA;;;ADyOJ;EACE;EC7OE;EACA;EACA;EACA;ED4OF;EACA;;;AAGF;ECzPI;EACA;EAKA;EACA;EACA;EACA;EAxBA;EACA;EACA;EDwQF;AACA;AAAA;AAAA;AAAA;EAIA;AACA;EACA;EACA;;;AAIF;AACA;AAAA;AAAA;EClQI;EACA;EACA;EACA;EDmQD;;;AAQH;EACE;EACA;EACA;EACA;EACA;;;AAOF;AACA;EACG;;;AAGH;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;AACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAMF;AACA;AAAA;EClVI;EACA;EDoVD;;;AAGH;EClVI;EACA;EACA;EACA;EDiVD;;;AAGH;ECvVI;EACA;EACA;EACA;EDsVD;;;AAGH;EACG;EACA;;;AAGH;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AACA;AACA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAMF;AACA;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACG;;;AAGH;EACE;EACA;EACA;EACA;EACA;;;AAGF;ECveI;EACA;EACA;EACA;EDseD;EACA;;;AAGH;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EC1fE;EACA;EACA;EACA;EDyfF;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAOF;ECviBI;EACA;EACA;EACA;EATA;EACA;ED+iBD;EACA;EACA;EACA;;;AAGH;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAOF;EC5kBI;EACA;EACA;EACA;;;AD4kBJ;AACA;EACE;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;;;AAGF;EACE;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;ECvoBE;EACA;EDwoBF;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;EC1pBE;EACA;EACA;EACA;EDypBF;;;AAGF;EACE;;;AAGF;EACE;ECpqBE;EACA;EACA;EACA;EDmqBF;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAMF;AAAA;EC7rBI;EACA;EACA;EACA;;;AD+rBJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAMF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAMF;AACA;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA","file":"sx_common.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/config/_sx_variables.scss","../scss/config/_cust_variables.scss","../scss/config/_sx_theme.scss","../scss/components/_sx_common.scss","../scss/config/_sx_mixins.scss"],"names":[],"mappings":";AAGA;AAAA;AAAA;AAAA;AA4B8B;AACF;AC7B5B;AAAA;AAAA;AAAA;AA+B8B;AACF;ACc5B;EACE;EATE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AAkBJ;EACE;IACE;IApBA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;;;ACvCJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAcA;AACA;ECVI;EACA;EACA;EACA;EACA;EACA;EA4BA;EACA;EACA;EACA;;;ADrBJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;;;AAGF;AACA;AAAA;AAAA;EAGE;;;AAGF;AACA;EACG;;;AAGH;EACG;EACA;EACA;;;AAMH;EChCI;EACA;EACA;EACA;ED+BD;;;AAGH;EACE;EACA;;;AAGF;EC1CI;EACA;EACA;EACA;EDyCF;EACA;;;AAGF;EACG;EACA;;;AAGH;EC3DI;EACA;ED4DD;;;AAGH;EChEI;EACA;EDiED;;;AAGH;ECrEI;EACA;EDsED;;;AAGH;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ECjFE;EACA;EDkFF;EC7EE;EACA;EACA;EACA;;;AD8EJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAOF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EC5HE;EACA;EACA;EACA;ED2HF;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMF;AAEA;EACE;;;AAGF;AAAA;EClJI;EACA;EACA;EACA;;;ADoJJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;ECjKI;EACA;EACA;EACA;EDgKF;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;ECjPI;EACA;EACA;EACA;EDgPF;EACA;;;AAGF;EACE;;;AAGF;AACA;EClQI;EACA;EAKA;EACA;EACA;EACA;EAxBA;EACA;EACA;;;ADmRJ;EChQI;EACA;EACA;EACA;;;ADiQJ;EACE;ECrQE;EACA;EACA;EACA;EDoQF;EACA;;;AAGF;ECjRI;EACA;EAKA;EACA;EACA;EACA;EAxBA;EACA;EACA;EDgSF;AACA;AAAA;AAAA;AAAA;EAIA;AACA;EACA;EACA;;;AAIF;AACA;AAAA;AAAA;EC1RI;EACA;EACA;EACA;ED2RD;;;AAQH;EACE;EACA;EACA;EACA;EACA;;;AAOF;ECxTI;EACA;EDyTD;ECpTC;EACA;EACA;EACA;;;ADqTJ;AACA;EACG;;;AAGH;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;AACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAMF;AACA;EC9WI;EACA;EACA;EACA;ED6WD;EACA;EACA;;;AAGH;ECrXI;EACA;EACA;EACA;EDoXD;;;AAGH;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;ECxZI;EACA;EDyZD;;;AAGH;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACG;EACA;EACA;EACA;EACA;EACA;;;AAGH;EACG;EACA;EACA;EACA;EACA;EACA;;;AAGH;EACG;EACA;EACA;EACA;EACA;EACA;;;AAGH;EACG;;;AAGH;AAAA;AAAA;AAAA;EAKG;;;AAGH;EACE;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AACA;AACA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAMF;AACA;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACG;;;AAGH;EACE;EACA;EACA;EACA;EACA;;;AAGF;ECxjBI;EACA;EACA;EACA;EDujBD;EACA;;;AAGH;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EC3kBE;EACA;EACA;EACA;ED0kBF;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAOF;EC9nBI;EACA;ED+nBD;EACA;EACA;EACA;;;AAGH;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;ECrpBE;EACA;EACA;EACA;EDopBF;;;AAOF;EC9pBI;EACA;EACA;EACA;;;AD8pBJ;AACA;EACE;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EAGA;ECvsBE;EACA;;;AD0sBJ;AACA;EACE;EACA;;;AAGF;EACE;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EC5tBE;EACA;ED6tBF;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;EC/uBE;EACA;EACA;EACA;ED8uBF;;;AAGF;EACE;;;AAGF;EACE;ECzvBE;EACA;EACA;EACA;EDwvBF;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAMF;AAAA;AAAA;EClxBI;EACA;EACA;EACA;;;ADqxBJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAMF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAMF;AACA;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA","file":"sx_common.css"} \ No newline at end of file diff --git a/superx/style/sx_field_dialogue.css b/superx/style/sx_field_dialogue.css index c2ef9fa6..c8fae834 100644 --- a/superx/style/sx_field_dialogue.css +++ b/superx/style/sx_field_dialogue.css @@ -1,6 +1,14 @@ @charset "UTF-8"; +/* Brand colors, + Lightmode, + Darkmode -- +*/ /*auch mittelgrau: #999999;*/ /*auch hellgrau: #d7d7d7; */ +/* Brand colors, + Lightmode, + Darkmode -- +*/ /*auch mittelgrau: #999999;*/ /*auch hellgrau: #d7d7d7; */ :root { @@ -11,7 +19,10 @@ --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-article-background: white; --sx-card-background: white; + --sx-cell-background: white; + --sx-grid-background: white; --sx-modal-values-background: #ecf0f3; --sx-input-background: white; --sx-input-background-ndSchluesselfeld: #fffaf0; @@ -29,68 +40,83 @@ --sx-font-family: sans-serif; --sx-font-weight: normal; --sx-font-size: 13px; + --sx-link-color: blue; --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-color-header: hsl(0, 0%, 21%); + --sx-table-color-value: hsl(0, 0%, 21%); + --sx-table-color-special-value: hsl(0, 0%, 21%); + --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-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-body-background: hsl(0, 0%, 60%); --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-article-background: inherit; + --sx-card-background: hsl(0, 0%, 60%); + --sx-cell-background: hsl(0, 0%, 60%); + --sx-grid-background: #000061; + --sx-modal-values-background: hsl(0, 0%, 60%); + --sx-input-background: inherit; + --sx-input-container-background: hsl(0, 0%, 60%); --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-input-background-ndSchluesselfeld: inherit; + --sx-navbar-dialogue-background: #000061; + --sx-title-dialogue-color: white; + --sx-breadcrumbSeparator-color: #fffafa; + --sx-navbar-background: #000061; --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-color: #ecf0f3; + --sx-border-style: thin solid #ecf0f3; --sx-border-radius: 0.3em; - --sx-font-color: hsl(0, 0%, 21%) !important; - --sx-tooltip-background: #3333ff; + --sx-font-color: white !important; + --sx-link-color: blue; + --sx-tooltip-background: #000061; --sx-tooltip-font-color: white; --sx-error-color: #ff0000; --sx-text-muted-color: hsl(0, 0%, 60%); + --sx-table-background-header: #000061; + --sx-table-color-header: white; + --sx-table-color-value: hsl(0, 0%, 21%); + --sx-table-color-special-value: hsl(0, 0%, 21%); + --sx-table-background-row-sum: hsl(0, 0%, 71%); + --sx-table-background-row-hover: hsl(219, 70%, 76%); + --sx-table-background-row-odd: hsl(0, 0%, 21%); + --sx-table-background-row-even: hsl(0, 0%, 60%); + --sx-table-background-row-even-odd-hover: #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-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; } } +/* --Gliederung: + Titel, Navi, Linie, + Buttons, Input, Auswahlfelder, + Media-Queries, + Ergebnislisten von Sichten und gesuchten Elementen, +*/ .title-dialogue.is-4 { color: var(--sx-title-dialogue-color); font-weight: bold; @@ -130,6 +156,10 @@ hr { font-weight: bold; } +.buttons { + background-color: unset !important; +} + button.button-dialogue { border: var(--sx-border-style); border-radius: var(--sx-border-radius) !important; @@ -145,7 +175,7 @@ button.button-dialogue { } .input-container.sticky-filter { /*202606 Filter ergänzt f. äußeren Container*/ - background: #d9d9d9; + background-color: var(--sx-input-container-background); } input[type=checkbox] { diff --git a/superx/style/sx_field_dialogue.css.map b/superx/style/sx_field_dialogue.css.map index 8f29aa03..1d18e32b 100644 --- a/superx/style/sx_field_dialogue.css.map +++ b/superx/style/sx_field_dialogue.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/config/_sx_variables.scss","../scss/config/_cust_variables.scss","../scss/config/_sx_theme.scss","../scss/components/_sx_field_dialogue.scss","../scss/config/_sx_mixins.scss"],"names":[],"mappings":";AA0B8B;AACF;ACEE;AACF;ACmB5B;EACE;EATE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AAkBJ;EACE;IACE;IApBA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;;;AC9BJ;EACI;EACA;EACA;;;AAGJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAOF;ECLI;EACA;EACA;EACA;EDIF;EACA;;;AAGF;ECjBI;EACA;EAKA;EACA;EACA;EACA;EAfA;EACA;EDwBF;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACD;;;AAGD;EACG;;;AAOH;AACA;EACE;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;;;AAIJ;AACA;EACE;IACE;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;IACA;;;AAQJ;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA","file":"sx_field_dialogue.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/config/_sx_variables.scss","../scss/config/_cust_variables.scss","../scss/config/_sx_theme.scss","../scss/components/_sx_field_dialogue.scss","../scss/config/_sx_mixins.scss"],"names":[],"mappings":";AAGA;AAAA;AAAA;AAAA;AA4B8B;AACF;AC7B5B;AAAA;AAAA;AAAA;AA+B8B;AACF;ACc5B;EACE;EATE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AAkBJ;EACE;IACE;IApBA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;;;ACvCJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAeA;EACI;EACA;EACA;;;AAGJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAOF;ECXI;EACA;EACA;EACA;EDUF;EACA;;;AAEF;EACG;;;AAGH;EC1BI;EACA;EAKA;EACA;EACA;EACA;EAfA;EACA;EDiCF;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACD;;;AAGD;EACG;;;AAOH;AACA;EACE;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;;;AAIJ;AACA;EACE;IACE;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;IACA;;;AAQJ;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA","file":"sx_field_dialogue.css"} \ No newline at end of file diff --git a/superx/style/sx_tabelle.css b/superx/style/sx_tabelle.css index e1304931..2e01dc70 100644 --- a/superx/style/sx_tabelle.css +++ b/superx/style/sx_tabelle.css @@ -1,8 +1,17 @@ @charset "UTF-8"; +/* Brand colors, + Lightmode, + Darkmode -- +*/ /*auch mittelgrau: #999999;*/ /*auch hellgrau: #d7d7d7; */ +/* Brand colors, + Lightmode, + Darkmode -- +*/ /*auch mittelgrau: #999999;*/ /*auch hellgrau: #d7d7d7; */ +/* false für Default-Mode; true für Customer-Mode*/ :root { color-scheme: light; --sx-body-background: white; @@ -11,7 +20,10 @@ --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-article-background: white; --sx-card-background: white; + --sx-cell-background: white; + --sx-grid-background: white; --sx-modal-values-background: #ecf0f3; --sx-input-background: white; --sx-input-background-ndSchluesselfeld: #fffaf0; @@ -29,68 +41,82 @@ --sx-font-family: sans-serif; --sx-font-weight: normal; --sx-font-size: 13px; + --sx-link-color: blue; --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-color-header: hsl(0, 0%, 21%); + --sx-table-color-value: hsl(0, 0%, 21%); + --sx-table-color-special-value: hsl(0, 0%, 21%); + --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-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-body-background: hsl(0, 0%, 60%); --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-article-background: inherit; + --sx-card-background: hsl(0, 0%, 60%); + --sx-cell-background: hsl(0, 0%, 60%); + --sx-grid-background: #000061; + --sx-modal-values-background: hsl(0, 0%, 60%); + --sx-input-background: inherit; + --sx-input-container-background: hsl(0, 0%, 60%); --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-input-background-ndSchluesselfeld: inherit; + --sx-navbar-dialogue-background: #000061; + --sx-title-dialogue-color: white; + --sx-breadcrumbSeparator-color: #fffafa; + --sx-navbar-background: #000061; --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-color: #ecf0f3; + --sx-border-style: thin solid #ecf0f3; --sx-border-radius: 0.3em; - --sx-font-color: hsl(0, 0%, 21%) !important; - --sx-tooltip-background: #3333ff; + --sx-font-color: white !important; + --sx-link-color: blue; + --sx-tooltip-background: #000061; --sx-tooltip-font-color: white; --sx-error-color: #ff0000; --sx-text-muted-color: hsl(0, 0%, 60%); + --sx-table-background-header: #000061; + --sx-table-color-header: white; + --sx-table-color-value: hsl(0, 0%, 21%); + --sx-table-color-special-value: hsl(0, 0%, 21%); + --sx-table-background-row-sum: hsl(0, 0%, 71%); + --sx-table-background-row-hover: hsl(219, 70%, 76%); + --sx-table-background-row-odd: hsl(0, 0%, 21%); + --sx-table-background-row-even: hsl(0, 0%, 60%); + --sx-table-background-row-even-odd-hover: #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-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; } } +/* --Gliederung: + Body, + Elemente über und unter der Ergebnistabelle, + Ergebnistabellen, Media-Queries +*/ /* -- Bildschirmseite mit scrollbar -- */ html, body { max-width: 100%; @@ -237,12 +263,13 @@ table.nd_ergtabelle th { border: var(--sx-border-style); border-collapse: separate; background-color: var(--sx-table-background-header); + color: var(--sx-table-color-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 */ - padding: 3px 0px !important; /*Textabstand innerhalb der Zelle: oben/unten sowie rechts/links*/ + padding: 3px 3px 0px 3px !important; /*Textabstand innerhalb der Zelle*/ /*padding-inline: 2px;*/ } @@ -255,6 +282,7 @@ table.nd_ergtabelle thead th { /*wirkt auf einz. Kopfzeile*/ border: var(--sx-border-style); border-collapse: separate; background-color: var(--sx-table-background-header); + color: var(--sx-table-color-header); position: sticky; top: 50px; /*0*/ z-index: 20; @@ -266,6 +294,7 @@ table td.fixed-column1 { /*für Spaltentitel*/ border: var(--sx-border-style); border-collapse: separate; background-color: var(--sx-table-background-header); + color: var(--sx-table-color-header); font-family: var(--sx-font-family); font-weight: var(--sx-font-weight); font-size: var(--sx-font-size); @@ -295,10 +324,10 @@ table td.fixed-column1 table.ergtabelle td.fixed-column1 table.nd_ergtabelle td. 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*/ + vertical-align: top; + white-space: normal; /* Leerzeichen zusammenfassen, Zeilenumbruch bei Bedarf nach Standard-Regeln*/ hyphens: auto; /*korr. Silbentrennung bei Angabe der Sprache */ - padding: 3px 0px !important; /*Textabstand innerhalb der Zelle: oben/unten sowie rechts/links*/ + padding: 3px 3px 0px 3px !important; /*Textabstand innerhalb der Zelle*/ /*padding-inline: 2px;*/ } @@ -306,26 +335,32 @@ white-space: normal; /* Leerzeichen zusammenfassen, Zeilenumbruch bei Bedarf nac table tr.erglevel_1 { background: var(--sx-table-background-row-level-1); font-weight: bold; + color: var(--sx-table-color-value); } table tr.erglevel_2 { background: var(--sx-table-background-row-level-2); + color: var(--sx-table-color-value); } table tr.erglevel_3 { background: var(--sx-table-background-row-level-3); + color: var(--sx-table-color-value); } table tr.erglevel_4 { background: var(--sx-table-background-row-level-4); + color: var(--sx-table-color-value); } table tr.erglevel_5 { background: var(--sx-table-background-row-level-5); + color: var(--sx-table-color-value); } table tr.erglevel_6 { background: var(--sx-table-background-row-level-6); + color: var(--sx-table-color-value); } /* -- Spezielle Zeilen und Zellen -- */ diff --git a/superx/style/sx_tabelle.css.map b/superx/style/sx_tabelle.css.map index b4ccf836..fbcdb7dd 100644 --- a/superx/style/sx_tabelle.css.map +++ b/superx/style/sx_tabelle.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/config/_sx_variables.scss","../scss/config/_cust_variables.scss","../scss/config/_sx_theme.scss","../scss/components/_sx_tabelle.scss","../scss/config/_sx_mixins.scss"],"names":[],"mappings":";AA0B8B;AACF;ACEE;AACF;ACmB5B;EACE;EATE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AAkBJ;EACE;IACE;IApBA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;;;AC/BJ;AACA;EACE;EACA;;;AAOF;AACA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EAME;EACA;AACA;EACA;;;AAIF;AACA;EACG;EACA;EACA;EACA;;;AAIH;AACA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AACA;EACE;AACA;AAAA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EC3CI;EACA;EACA;EACA;EATA;EACA;EDmDD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIH;AACA;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAMF;AACA;EACE;EACA;;;AAGF;AAAA;AAAA;AAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECrGE;EACA;EACA;EACA;EDoGF;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA,+BAK+B;EAC7B;EACA;EACA;EACA;EACA;EACA;;;AAIF;AACA;AAAA,yBACgC;EAC7B;EACA;EACA;EC3JC;EACA;EACA;EACA;ED0JD;EACA;;;AAGH;AAAA;AAAA;AAAA;AAAA,uCAKwC;EACtC;EACA;EACA;EACA;EACA;AACA;;;AAGF;EAGE;;;AAGF;AAEA;AAAA;EAEE;EACA;AAAA;EAIA;EACA;AACD;;;AAGD;AACA;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EAEA;;;AAGF;EACE;EACA;;;AAGF;EACE;EAEA;;;AAGF;AACA;AAAA;EAGI;;;AAGJ;AACA;EACE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAOF;AACA;EACE;IACE;IACA;;EAEF;IACE;IACA;IACA;;EAGF;AAAA;IAEE;IACA;;EAGF;AAAA;AAAA;AAAA;IAIE;IACA;IACA;IACA;;;AAIJ;AACA;EACE;IACE;IACA;IACA;;EAGF;AAAA;IAEE;IACA;;EAGF;AAAA;AAAA;AAAA;IAIE;IACA;IACA;;;AAIJ;AACA;EACE;AAAA;IAEG;;;AAKL;EACE;IACE;;;AAIJ","file":"sx_tabelle.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/config/_sx_variables.scss","../scss/config/_cust_variables.scss","../scss/config/_sx_theme.scss","../scss/components/_sx_tabelle.scss","../scss/config/_sx_mixins.scss"],"names":[],"mappings":";AAGA;AAAA;AAAA;AAAA;AA4B8B;AACF;AC7B5B;AAAA;AAAA;AAAA;AA+B8B;AACF;AC5BA;AA0C5B;EACE;EATE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AAkBJ;EACE;IACE;IApBA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;;;ACvCJ;AAAA;AAAA;AAAA;AAAA;AAaA;AACA;EACE;EACA;;;AAOF;AACA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EAME;EACA;AACA;EACA;;;AAIF;AACA;EACG;EACA;EACA;EACA;;;AAIH;AACA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AACA;EACE;AACA;AAAA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EChDI;EACA;EACA;EACA;EATA;EACA;EDwDD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIH;AACA;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAMF;AACA;EACE;EACA;;;AAGF;AAAA;AAAA;AAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EC1GE;EACA;EACA;EACA;EDyGF;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA,+BAK+B;EAC7B;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;AACA;AAAA,yBACgC;EAC7B;EACA;EACA;EACA;ECnKC;EACA;EACA;EACA;EDkKD;EACA;;;AAGH;AAAA;AAAA;AAAA;AAAA,uCAKwC;EACtC;EACA;EACA;EACA;EACA;AACA;;;AAGF;EAGE;;;AAGF;AAEA;AAAA;EAEE;EACA;EACA;EAGA;EACA;AACD;;;AAGD;AACA;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;AACA;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EAEA;;;AAGF;EACE;EACA;;;AAGF;EACE;EAEA;;;AAGF;AACA;AAAA;EAGI;;;AAGJ;AACA;EACE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAOF;AACA;EACE;IACE;IACA;;EAEF;IACE;IACA;IACA;;EAGF;AAAA;IAEE;IACA;;EAGF;AAAA;AAAA;AAAA;IAIE;IACA;IACA;IACA;;;AAIJ;AACA;EACE;IACE;IACA;IACA;;EAGF;AAAA;IAEE;IACA;;EAGF;AAAA;AAAA;AAAA;IAIE;IACA;IACA;;;AAIJ;AACA;EACE;AAAA;IAEG;;;AAKL;EACE;IACE;;;AAIJ","file":"sx_tabelle.css"} \ No newline at end of file diff --git a/superx/style/welcome.css b/superx/style/welcome.css index 3086b403..307342a1 100644 --- a/superx/style/welcome.css +++ b/superx/style/welcome.css @@ -3,36 +3,36 @@ }*/ /*Hell-/Dunkel-Modus*/ -@media (prefers-color-scheme: light) { /*20250210 BF media-Zeile eingefügt*/ -:root { color-scheme: light; } -} +/*@media (prefers-color-scheme: light) {*/ /*20250210 BF media-Zeile eingefügt*/ +/*:root { color-scheme: light; }*/ +/*}*/ -@media (prefers-color-scheme: dark) { -:root { color-scheme: dark; - --bulma-body-background-color: unset !important; } /*20250211 BF eingefügt*/ +/*@media (prefers-color-scheme: dark) { +/*:root { color-scheme: dark; +/* --bulma-body-background-color: unset !important; }*/ /*20250211 BF eingefügt*/ -body { background-color: white; - color: black !important; } /*20250210 BF eingefügt*/ +/*body { background-color: white; */ +/* color: black !important; }*/ /*20250210 BF eingefügt*/ -.card { background-color: white; - border: inherit; } +/*.card { background-color: white;*/ +/* border: inherit; }*/ -.article, h2, .subtitle, strong { color: black; } /*20250211 BF eingefügt*/ +/*.article, h2, .subtitle, strong { color: black; }*/ /*20250211 BF eingefügt*/ -img { filter:brightness(.8) contrast(1.2); } +/*img { filter:brightness(.8) contrast(1.2); }*/ -a { text-decoration: none; - color: blue; } -} +/*a { text-decoration: none; + color: blue; } */ +/*}*/ /* Mobile first - alle Dokument-Blöcke bekommen 100% Breite */ body { max-width: 100%; } .title, .subtitle { - color: hsl(0, 0%, 21%); - font-family: sans-serif; - font-weight: normal; - font-size: 0.9rem; +/* color: hsl(0, 0%, 21%); +/* font-family: sans-serif; +/* font-weight: normal; +/* font-size: 0.9rem; */ margin: 0.3rem 1.5rem 0rem 0rem; } /*für Seitentitel-Ausrichtung ob re un li*/ @@ -251,10 +251,10 @@ h2 { } .subtitle { - color: hsl(0, 0%, 21%); + /*color: hsl(0, 0%, 21%); font-family: sans-serif; font-weight: normal; - font-size: 0.9rem; + font-size: 0.9rem;*/ margin: 0rem 0rem 0rem 1.4rem; }