SuperX
/
kern
7
0
Fork 0
Code Issues 17 Pull Requests Projects Releases Wiki Activity
Browse Source

Tabellenpadding, Darkmode f dbforms

master
Bettina Floss 1 week ago
parent
ff1ce451d4
commit
1acb4db1ce
15 changed files with 621 additions and 276 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 11
      superx/style/dbforms_40.css
  2. 182
      superx/style/scss/components/_sx_common.scss
  3. 18
      superx/style/scss/components/_sx_field_dialogue.scss
  4. 28
      superx/style/scss/components/_sx_tabelle.scss
  5. 68
      superx/style/scss/config/_cust_variables.scss
  6. 2
      superx/style/scss/config/_sx_mixins.scss
  7. 4
      superx/style/scss/config/_sx_theme.scss
  8. 104
      superx/style/scss/config/_sx_variables.scss
  9. 249
      superx/style/sx_common.css
  10. 2
      superx/style/sx_common.css.map
  11. 86
      superx/style/sx_field_dialogue.css
  12. 2
      superx/style/sx_field_dialogue.css.map
  13. 97
      superx/style/sx_tabelle.css
  14. 2
      superx/style/sx_tabelle.css.map
  15. 42
      superx/style/welcome.css

11
superx/style/dbforms_40.css
Unescape View File

@ -142,6 +142,9 @@ a.clsMainMenu {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em; font-size: 0.8em;
font-weight: normal; font-weight: normal;
color : Black;
background-color: white;
} }
@ -152,6 +155,7 @@ a.clsMainMenu {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em; font-size: 0.8em;
font-weight: medium; font-weight: medium;
} }
@ -272,6 +276,12 @@ th.subform_th
font-size: 0.7em; font-size: 0.7em;
text-align:center text-align:center
} }
table.dbform_tab th {
font-weight:bolder;
color: black;
}
table.subform table.subform
{ {
border:thin solid gray; border:thin solid gray;
@ -328,6 +338,7 @@ textarea.editform {
width: 100%; width: 100%;
padding: 3px; padding: 3px;
transition: all 0.5s ease; transition: all 0.5s ease;
color: black;
} }
textarea.editform:focus { textarea.editform:focus {

182
superx/style/scss/components/_sx_common.scss
Unescape View File

@ -1,5 +1,11 @@
// config/_sx_common.scss // 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_theme";
@use "../config/sx_mixins"; @use "../config/sx_mixins";
@ -24,6 +30,9 @@ div.columns { /*für Abstand zum Seitenrand*/
margin-right: 1.5em; margin-right: 1.5em;
} }
.portlet_grid {
background-color: sx_theme.theme(grid-background);
}
/* -- Tennlinie -- */ /* -- Tennlinie -- */
hr { hr {
@ -47,11 +56,21 @@ hr {
box-sizing: border-box; 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-- // --Buttons, Buttonbar--
// ========================== // ======================
.button, button.button, span.button, .subdir-button, .stb-button, { .buttons, span.button, .subdir-button, .stb-button, .dropdown {
@include sx_mixins.font; @include sx_mixins.font;
background-color: sx_theme.theme(button-background); background-color: sx_theme.theme(button-background);
} }
@ -61,27 +80,30 @@ hr {
justify-content: left !important; 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); border-color: sx_theme.theme(border-color);
background-color: sx_theme.theme(button-background); background-color: sx_theme.theme(button-background);
} }
.submit_button { /* zum Abschicken, Übernehmen*/ .submit_button { /* zum Abschicken, Übernehmen*/
background-color: sx_theme.theme(button-background); @include sx_mixins.border;
@include sx_mixins.border; border-color: sx_theme.theme(submit-button-border-color); /*grün*/
border-color: sx_theme.theme(submit-button-border-color); /*grün*/
} }
.reset_button { /* zum Zurücksetzen, Leeren*/ .reset_button { /* zum Zurücksetzen, Leeren*/
background-color: sx_theme.theme(button-background); @include sx_mixins.border;
@include sx_mixins.border; border-color: sx_theme.theme(reset-button-border-color);
border-color: sx_theme.theme(reset-button-border-color);
} }
.close_button { /*zum Schließen*/ .close_button { /*zum Schließen*/
background-color: sx_theme.theme(button-background); @include sx_mixins.border;
@include sx_mixins.border; border-color: sx_theme.theme(close-button-border-color);
border-color: sx_theme.theme(reset-button-border-color); /*hellgrau*/
} }
.menubutton, .orgunitbutton, .closebutton { /*für Button-Style*/ .menubutton, .orgunitbutton, .closebutton { /*für Button-Style*/
@ -93,7 +115,8 @@ hr {
width: 1.8rem; width: 1.8rem;
height: 1.8rem; height: 1.8rem;
@include sx_mixins.border; @include sx_mixins.border;
border-color: white; background-color: sx_theme.theme(button-background);
@include sx_mixins.font;
} }
.buttonbar { .buttonbar {
@ -114,9 +137,9 @@ hr {
font-size: 10px; font-size: 10px;
} }
// ================================== // ==============
// -- Tooltip-Style und Positionen -- // -- Tooltips --
// ================================== // ==============
.select select, .input, .field.has-addons .control .button { .select select, .input, .field.has-addons .control .button {
height: 2.5em; height: 2.5em;
@ -124,6 +147,7 @@ hr {
.field.has-addons .control:not(:last-child) { .field.has-addons .control:not(:last-child) {
margin-right: -2px; /* damit sich die Ränder optisch überlagern */ margin-right: -2px; /* damit sich die Ränder optisch überlagern */
margin-inline-end: unset;
} }
.button.has-tooltip-bottom { .button.has-tooltip-bottom {
@ -177,7 +201,7 @@ hr {
.labelSichtorComboButton, .labelSichtorComboButtonPflicht { .labelSichtorComboButton, .labelSichtorComboButtonPflicht {
@include sx_mixins.font; @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 { .labelSichtorComboButtonPflicht::before, .labelPflicht::before {
@ -261,7 +285,7 @@ hr {
align-items: center; /*für horizontale Label-Ausrichtung*/ 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; height: 1.2rem;
} }
@ -320,6 +344,12 @@ input.ndSchluesselfeld {
// -- Top-, Bottom-, Side-Navigation -- // -- Top-, Bottom-, Side-Navigation --
// ===================================== // =====================================
.navbar-item, .navbar-dropdown, .bottom-nav {
@include sx_mixins.border;
border-color: transparent;
@include sx_mixins.font;
}
/* Top-Navi */ /* Top-Navi */
.navbar, .bottom-nav { .navbar, .bottom-nav {
background: sx_theme.theme(navbar-background); background: sx_theme.theme(navbar-background);
@ -358,27 +388,27 @@ input.ndSchluesselfeld {
flex: 1; flex: 1;
align-items: center; align-items: center;
justify-content: space-evenly; justify-content: space-evenly;
margin: 0em 0.5em 0em 0.5em;
border-color: transparent;
background: sx_theme.theme(button-background);
} }
.poweredby_sxbi { .poweredby_sxbi {
display: flex; display: flex;
content: url(../images/poweredby_sxbi.svg); content: url(../images/poweredby_sxbi.svg);
width: 10rem; width: 10rem;
padding: 1.0em;
} }
// =================================== // ===================================
// -- Menü via Navpanel, Themenbaum -- // -- Menü via Navpanel, Themenbaum --
// =================================== // ===================================
/* -- NavPanel -- */ /* -- NavPanel -- */
.panel-block, .panel-tabs,
.navbar-item, .navbar-dropdown, .bottom-nav {
@include sx_mixins.border;
border-color: transparent;
}
.menu-label { .menu-label {
@include sx_mixins.font; @include sx_mixins.font;
background: inherit; background: inherit;
margin-left: 5%;
text-transform: unset;
} }
.menu-list a { .menu-list a {
@ -386,10 +416,13 @@ input.ndSchluesselfeld {
background: sx_theme.theme(input-background); background: sx_theme.theme(input-background);
} }
a:hover, a:focus { /*für Hervorhebung bei Anwahl*/ .level-center {
color: sx_theme.theme(font-color); display: flex;
background-color: white; /*transparent;*/ align-items: center;
} flex-grow: 1;
width: 100%; /* Optional: vollständige Breite des Containers */
height: 100%; /* Optional: vollständige Höhe des Containers */
}
.navpanel { .navpanel {
position: static; /*damit NavPanel in kl. Viewport nicht am oberen BS-Rand klebt*/ 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; display: none;
} }
/*.navpanel a { } /*Eigenschaften deaktiviert da überlagert mit themenbaumStatic/.Nested a und li; sh. Z480+Z486*/ /*für Nav-Elemente*/ .panel-block, .panel-tabs {
@include sx_mixins.border;
.level-center { border-color: transparent;
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-block {
display: flex; display: flex;
padding: 0.6em /*20261026 ergänzt*/
} }
.panel-block-search { .panel-block-search {
margin-left: 10px; margin-left: 10px;
} }
.menu-label { .panel-block-ebene1 { /*20250704 ergänzt*/
margin-left: 5%; width: 310px;
text-transform: unset; 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 { .panel-icon {
@ -527,7 +608,7 @@ a:hover, a:focus { /*für Hervorhebung bei Anwahl*/
.themenbaumStatic a, .themenbaumNested a { /*für BaumElemente*/ .themenbaumStatic a, .themenbaumNested a { /*für BaumElemente*/
@include sx_mixins.font; @include sx_mixins.font;
color: blue; /*var(--bulma-link-text);*/ color: sx_theme.theme(link-color); /*ursprgl. var(--bulma-link-text);*/
margin-left: 5px; 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 */ padding-left: 0.2em; /* Abstand nach links vom Icon */
display: block; /* Block, um Zeilenumbrüche zu unterstützen */ display: block; /* Block, um Zeilenumbrüche zu unterstützen */
@include sx_mixins.font; @include sx_mixins.font;
color: blue; color: sx_theme.theme(link-color); /*ursprgl. var(--bulma-link-text);*/
} }
.themenbaumLinkWithSpace { .themenbaumLinkWithSpace {
@ -590,7 +671,6 @@ ol.themenbaumSearchResults { /*für Suchergebnisse*/
// ============== // ==============
.breadcrumb { .breadcrumb {
@include sx_mixins.font;
@include sx_mixins.border; @include sx_mixins.border;
padding: 0.2rem; padding: 0.2rem;
white-space: normal; white-space: normal;
@ -620,13 +700,15 @@ ol.themenbaumSearchResults { /*für Suchergebnisse*/
.breadcrumb, .breadcrumb a { .breadcrumb, .breadcrumb a {
user-select: auto; /*für Markierung des Inhalts */ 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, Box, Card, Cell, Container, Grid, Modal --
// ====================================================== // ======================================================
.article, .article ul, .card, .cell, .grid { .article, .article ul, .card, .cell, .grid, .h2 {
@include sx_mixins.font; @include sx_mixins.font;
} }
/* -- Article -- */ /* -- Article -- */
@ -641,6 +723,7 @@ ol.themenbaumSearchResults { /*für Suchergebnisse*/
text-align: left; /* für linksbündigen und umgebrochenen Text*/ text-align: left; /* für linksbündigen und umgebrochenen Text*/
cursor: pointer; cursor: pointer;
width: 100%; width: 100%;
background: sx_theme.theme(article-background);
} }
/* -- Container, Cell -- */ /* -- Container, Cell -- */
@ -658,8 +741,10 @@ ol.themenbaumSearchResults { /*für Suchergebnisse*/
padding: 0rem 0.25rem; /*padding oben+unten, rechts+links*/ padding: 0rem 0.25rem; /*padding oben+unten, rechts+links*/
margin-bottom: 0.1rem; margin-bottom: 0.1rem;
box-sizing: border-box; box-sizing: border-box;
border: thin solid hsl(0, 0%, 60%); /*hellgrau*/ //border: thin solid hsl(0, 0%, 60%); /*hellgrau*/
border-radius: 0.3em; //border-radius: 0.3em;
background: sx_theme.theme(cell-background);
@include sx_mixins.border;
} }
/* -- Card, Box -- */ /* -- Card, Box -- */
@ -739,7 +824,8 @@ span.feldwert {
// ============================ // ============================
// --Titel, Untertitel. etc.-- // --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 { .dontprint, .panel-block, .panel-tabs {
@include sx_mixins.font; @include sx_mixins.font;
} }

18
superx/style/scss/components/_sx_field_dialogue.scss
Unescape View File

@ -1,13 +1,18 @@
// pages/_sx_field_dialogue.scss // 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_theme";
@use "../config/sx_mixins"; @use "../config/sx_mixins";
// =========================
// =============================================================
// -- Titel, Navi, Linie -- // -- Titel, Navi, Linie --
// ============================================================= // =========================
.title-dialogue.is-4 { .title-dialogue.is-4 {
color: sx_theme.theme(title-dialogue-color); color: sx_theme.theme(title-dialogue-color);
@ -48,6 +53,9 @@ hr {
color: black; color: black;
font-weight: bold; font-weight: bold;
} }
.buttons {
background-color: unset !important;
}
button.button-dialogue { button.button-dialogue {
@include sx_mixins.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*/ .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] { input[type=checkbox] {

28
superx/style/scss/components/_sx_tabelle.scss
Unescape View File

@ -1,5 +1,10 @@
// pages/_sx_tabelle.scss // 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_theme";
@use "../config/sx_mixins"; @use "../config/sx_mixins";
@ -163,12 +168,13 @@ table.nd_ergtabelle th {
border: sx_theme.theme(border-style); border: sx_theme.theme(border-style);
border-collapse: separate; border-collapse: separate;
background-color: sx_theme.theme(table-background-header); background-color: sx_theme.theme(table-background-header);
color: sx_theme.theme(table-color-header);
vertical-align: top; vertical-align: top;
white-space: normal; /* Leerzeichen zusammenfassen, Zeilenumbruch bei Bedarf nach Standard-Regeln*/ white-space: normal; /* Leerzeichen zusammenfassen, Zeilenumbruch bei Bedarf nach Standard-Regeln*/
text-align: left; text-align: left;
text-align-last:left; text-align-last:left;
hyphens: auto; /*korr. Silbentrennung bei Angabe der Sprache <html lang="de">*/ hyphens: auto; /*korr. Silbentrennung bei Angabe der Sprache <html lang="de">*/
padding: 3px 0px !important; /*Textabstand innerhalb der Zelle: oben/unten sowie rechts/links*/ padding: 3px 3px 0px 3px!important; /*Textabstand innerhalb der Zelle*/
/*padding-inline: 2px;*/ /*padding-inline: 2px;*/
} }
@ -182,6 +188,7 @@ table.nd_ergtabelle thead th { /*wirkt auf einz. Kopfzeile*/
border: sx_theme.theme(border-style); border: sx_theme.theme(border-style);
border-collapse: separate; border-collapse: separate;
background-color: sx_theme.theme(table-background-header); background-color: sx_theme.theme(table-background-header);
color: sx_theme.theme(table-color-header);
position: sticky; position: sticky;
top: 50px; /*0*/ top: 50px; /*0*/
z-index: 20; z-index: 20;
@ -194,6 +201,7 @@ table td.fixed-column1 { /*für Spaltentitel*/
border: sx_theme.theme(border-style); border: sx_theme.theme(border-style);
border-collapse: separate; border-collapse: separate;
background-color: sx_theme.theme(table-background-header); background-color: sx_theme.theme(table-background-header);
color: sx_theme.theme(table-color-header);
@include sx_mixins.font; @include sx_mixins.font;
font-size: 0.8rem; font-size: 0.8rem;
font-weight: bold; font-weight: bold;
@ -224,12 +232,12 @@ table.nd_ergtabelle td.fixed-column1 {
table.ergtabelle td, table.ergtabelle td,
table.nd_ergtabelle td { table.nd_ergtabelle td {
border: sx_theme.theme(border-style); border: sx_theme.theme(border-style);
vertical-align: bottom; /*top; vertical-align: top;
white-space: normal; /* Leerzeichen zusammenfassen, Zeilenumbruch bei Bedarf nach Standard-Regeln*/ white-space: normal; /* Leerzeichen zusammenfassen, Zeilenumbruch bei Bedarf nach Standard-Regeln*/
//text-align: left; //text-align: left;
//text-align-last:left; //text-align-last:left;
hyphens: auto; /*korr. Silbentrennung bei Angabe der Sprache <html lang="de">*/ hyphens: auto; /*korr. Silbentrennung bei Angabe der Sprache <html lang="de">*/
padding: 3px 0px !important; /*Textabstand innerhalb der Zelle: oben/unten sowie rechts/links*/ padding: 3px 3px 0px 3px!important; /*Textabstand innerhalb der Zelle*/
/*padding-inline: 2px;*/ /*padding-inline: 2px;*/
} }
@ -237,26 +245,32 @@ table.nd_ergtabelle td {
table tr.erglevel_1 { table tr.erglevel_1 {
background: sx_theme.theme(table-background-row-level-1); background: sx_theme.theme(table-background-row-level-1);
font-weight:bold; font-weight:bold;
color: sx_theme.theme(table-color-value);
} }
table tr.erglevel_2 { 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 { 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 { table tr.erglevel_4 {
background: sx_theme.theme(table-background-row-level-4); background: sx_theme.theme(table-background-row-level-4);
color: sx_theme.theme(table-color-value);
} }
table tr.erglevel_5 { table tr.erglevel_5 {
background: sx_theme.theme(table-background-row-level-5); background: sx_theme.theme(table-background-row-level-5);
color: sx_theme.theme(table-color-value);
} }
table tr.erglevel_6 { 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 -- */ /* -- Spezielle Zeilen und Zellen -- */

68
superx/style/scss/config/_cust_variables.scss
Unescape View File

@ -1,12 +1,16 @@
// config/_cust_variables.scss // 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"; @charset "utf-8";
@use "sass:map"; @use "sass:map";
@use "sx_variables"; @use "sx_variables";
// --- Brand colors --- // --- Brand colors ---
$purple: #8a4d76; $purple: #8a4d76;
$pink: #fa7c91; $pink: #fa7c91;
@ -22,6 +26,7 @@ $aliceblue: #f0f8ff;
$azure: #f0ffff; $azure: #f0ffff;
$royalblue: #3333ff; $royalblue: #3333ff;
$default-blaugrau: #ecf0f3; $default-blaugrau: #ecf0f3;
$dklblau: #000061;
$UDE-blau: #003c7a; $UDE-blau: #003c7a;
$UDE-grau: #d9d9d9; $UDE-grau: #d9d9d9;
@ -53,9 +58,12 @@ $customer-light: (
reset-button-border-color: $gelborange, reset-button-border-color: $gelborange,
close-button-border-color: $hellgrau, close-button-border-color: $hellgrau,
// --- Cards, Modals --- // --- Article, Cards, Cells, Grid, Modals ---
article-background: white,
card-background: white, card-background: white,
modal-values-background: $default-blaugrau, cell-background: white,
portletgrid-background: white,
modal-values-background: $default-blaugrau,
// --- Formulare --- // --- Formulare ---
input-background: $aliceblue, input-background: $aliceblue,
@ -82,6 +90,7 @@ $customer-light: (
font-family: arial, font-family: arial,
font-weight: normal, font-weight: normal,
font-size: 14px, font-size: 14px,
link-color: blue,
// --- Tooltips, Warnungen, Fehler // --- Tooltips, Warnungen, Fehler
tooltip-background: $royalblue, tooltip-background: $royalblue,
@ -89,22 +98,26 @@ $customer-light: (
error-color: $rot, error-color: $rot,
text-muted-color: $mittelgrau, text-muted-color: $mittelgrau,
// --- Tabellen: Farben für Hierarchieebenen --- // --- Tabellen: Farben für Header und Tabellenzeilen ---
table-background-header: $default-blaugrau, 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-1: $aliceblue,
table-background-row-level-2: $azure, table-background-row-level-2: $azure,
table-background-row-level-3: $snow, table-background-row-level-3: $snow,
table-background-row-level-4: $beige, table-background-row-level-4: $beige,
table-background-row-level-5: $antiquewhite, table-background-row-level-5: $antiquewhite,
table-background-row-level-6: $khaki, 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, reset-button-border-color: $gelborange,
close-button-border-color: $hellgrau, close-button-border-color: $hellgrau,
// --- Cards --- // --- Article, Cards, Cells, Grid, Modals ---
article-background: white,
card-background: white, card-background: white,
cell-background: white,
grid-background: white,
modal-values-background: $default-blaugrau,
// --- Formulare --- // --- Formulare ---
input-background: $aliceblue, input-background: $aliceblue,
@ -148,6 +165,7 @@ $customer-dark: (
// --- Schrift, allgemein --- // --- Schrift, allgemein ---
font-color: black, font-color: black,
link-color: blue,
// --- Tooltips, Warnungen, Fehler // --- Tooltips, Warnungen, Fehler
tooltip-background: $royalblue, tooltip-background: $royalblue,
@ -155,22 +173,26 @@ $customer-dark: (
error-color: $rot, error-color: $rot,
text-muted-color: $mittelgrau, text-muted-color: $mittelgrau,
// --- Tabellen: Farben für Hierarchieebenen --- // --- Tabellen: Farben für Header und Tabellenzeilen ---
table-background-header: $default-blaugrau, 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-1: $aliceblue,
table-background-row-level-2: $azure, table-background-row-level-2: $azure,
table-background-row-level-3: $snow, table-background-row-level-3: $snow,
table-background-row-level-4: $beige, table-background-row-level-4: $beige,
table-background-row-level-5: $antiquewhite, table-background-row-level-5: $antiquewhite,
table-background-row-level-6: $khaki, 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,
); );

2
superx/style/scss/config/_sx_mixins.scss
Unescape View File

@ -9,7 +9,7 @@
flex-flow: column; flex-flow: column;
min-height: 100vh; min-height: 100vh;
margin: 0.1rem 0.1rem 0.2rem 0.1rem; 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); background: sx_theme.theme(body-background);
} }

4
superx/style/scss/config/_sx_theme.scss
Unescape View File

@ -5,13 +5,13 @@
@use "sx_variables"; @use "sx_variables";
@use "cust_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 --
// ================== // ==================
$light-theme: sx_variables.$defaults-light; $light-theme: sx_variables.$defaults-light;
@if $use-customer-theme { @if $use-customer-theme {
$light-theme: map.merge( $light-theme: map.merge(

104
superx/style/scss/config/_sx_variables.scss
Unescape View File

@ -1,6 +1,10 @@
// config/_sx_variables.scss // config/_sx_variables.scss
// Inhalt: Default-Einzelvariablen für Farben, Buttons, Rahmen, // --Inhalt: Variablen für Farben, Buttons, Rahmen, Typografie, Formulare, etc. mit Default-Definition/
// Typografie, Formulare, etc. // --Gliederung:
/* Brand colors,
Lightmode,
Darkmode --
*/
@charset "utf-8"; @charset "utf-8";
@ -19,6 +23,7 @@ $aliceblue: #f0f8ff;
$azure: #f0ffff; $azure: #f0ffff;
$royalblue: #3333ff; $royalblue: #3333ff;
$default-blaugrau: #ecf0f3; $default-blaugrau: #ecf0f3;
$dklblau: #000061;
$UDE-blau: #003c7a; $UDE-blau: #003c7a;
$UDE-grau: #d9d9d9; $UDE-grau: #d9d9d9;
@ -49,10 +54,13 @@ $defaults-light: (
reset-button-border-color: $gelborange, reset-button-border-color: $gelborange,
close-button-border-color: $hellgrau, close-button-border-color: $hellgrau,
// --- Cards, Modals --- // --- Article, Cards, Cells, Grid, Modals ---
article-background: white,
card-background: white, card-background: white,
cell-background: white,
grid-background: white,
modal-values-background: $default-blaugrau, modal-values-background: $default-blaugrau,
// --- Formulare --- // --- Formulare ---
input-background: white, input-background: white,
input-background-ndSchluesselfeld: $weißgelb, input-background-ndSchluesselfeld: $weißgelb,
@ -78,6 +86,7 @@ $defaults-light: (
font-family: sans-serif, font-family: sans-serif,
font-weight: normal, font-weight: normal,
font-size: 13px, font-size: 13px,
link-color: blue, /*var(--bulma-link-text);*/
// --- Tooltips, Warnungen, Fehler // --- Tooltips, Warnungen, Fehler
tooltip-background: $royalblue, tooltip-background: $royalblue,
@ -85,72 +94,93 @@ $defaults-light: (
error-color: $rot, error-color: $rot,
text-muted-color: $mittelgrau, text-muted-color: $mittelgrau,
// --- Tabellen: Farben für Hierarchieebenen --- // --- Tabellen: Farben für Header und Tabellenzeilen ---
table-background-header: $default-blaugrau, 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-1: $aliceblue,
table-background-row-level-2: $azure, table-background-row-level-2: $azure,
table-background-row-level-3: $snow, table-background-row-level-3: $snow,
table-background-row-level-4: $beige, table-background-row-level-4: $beige,
table-background-row-level-5: $antiquewhite, table-background-row-level-5: $antiquewhite,
table-background-row-level-6: $khaki, 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 --- // --- Default-Werte: Darkmode ---
// ================================ // ================================
$defaults-dark: ( $defaults-dark: (
// --- Body --- // --- Body ---
body-background: white, body-background: $mittelgrau,
hr-background-color: whitesmoke, hr-background-color: whitesmoke,
// --- Buttons --- // --- Buttons ---
button-background: white, button-background: white,
submit-button-border-color: $grün, submit-button-border-color: $grün,
reset-button-border-color: $gelborange, reset-button-border-color: $gelborange,
close-button-border-color: $hellgrau, close-button-border-color: $hellgrau,
// --- Cards, Modals --- // --- Article, Cards, Cells, Grid, Modals ---
card-background: white, article-background: inherit,
modal-values-background: $default-blaugrau, card-background: $mittelgrau,
cell-background: $mittelgrau,
grid-background: $dklblau,
modal-values-background: $mittelgrau,
// --- Formulare --- // --- Formulare ---
input-background: white, input-background: inherit,
input-container-background: inherit, input-container-background: $mittelgrau,
sichtentreeCaret-color: #014A7B, sichtentreeCaret-color: #014A7B,
input-background-ndSchluesselfeld: $weißgelb, input-background-ndSchluesselfeld: inherit,
// --- Field_Dialogue --- // --- Field_Dialogue ---
navbar-dialogue-background: $default-blaugrau, navbar-dialogue-background: $dklblau,
title-dialogue-color: $dklgrau, title-dialogue-color: white,
// --- Navigation, Breadcrumb --- // --- Navigation, Breadcrumb ---
breadcrumbSeparator-color: $dklgrau, breadcrumbSeparator-color: $snow,
navbar-background: $default-blaugrau, navbar-background: $dklblau,
themenbaumCaret-color: $dklgrau, themenbaumCaret-color: $dklgrau,
// --- Rahmen --- // --- Rahmen ---
border-color: $mittelgrau, border-color: $default-blaugrau,
border-style: thin solid $mittelgrau, border-style: thin solid $default-blaugrau,
border-radius: .3em, border-radius: .3em,
// --- Schrift allgemein --- // --- Schrift allgemein ---
font-color: $dklgrau !important, font-color: white !important,
link-color: blue,
// --- Tooltips, Warnungen, Fehler // --- Tooltips, Warnungen, Fehler
tooltip-background: $royalblue, tooltip-background: $dklblau,
tooltip-font-color: white, tooltip-font-color: white,
error-color: $rot, error-color: $rot,
text-muted-color: $mittelgrau, 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 --- // --- Tabellen: Farben für Hierarchieebenen ---
table-background-row-level-1: $aliceblue, table-background-row-level-1: $aliceblue,
table-background-row-level-2: $azure, table-background-row-level-2: $azure,
@ -158,13 +188,5 @@ $defaults-dark: (
table-background-row-level-4: $beige, table-background-row-level-4: $beige,
table-background-row-level-5: $antiquewhite, table-background-row-level-5: $antiquewhite,
table-background-row-level-6: $khaki, 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,
);

249
superx/style/sx_common.css
Unescape View File

@ -1,6 +1,14 @@
@charset "UTF-8"; @charset "UTF-8";
/* Brand colors,
Lightmode,
Darkmode --
*/
/*auch mittelgrau: #999999;*/ /*auch mittelgrau: #999999;*/
/*auch hellgrau: #d7d7d7; */ /*auch hellgrau: #d7d7d7; */
/* Brand colors,
Lightmode,
Darkmode --
*/
/*auch mittelgrau: #999999;*/ /*auch mittelgrau: #999999;*/
/*auch hellgrau: #d7d7d7; */ /*auch hellgrau: #d7d7d7; */
:root { :root {
@ -11,7 +19,10 @@
--sx-submit-button-border-color: hsl(141, 71%, 48%); --sx-submit-button-border-color: hsl(141, 71%, 48%);
--sx-reset-button-border-color: hsl(48, 100%, 67%); --sx-reset-button-border-color: hsl(48, 100%, 67%);
--sx-close-button-border-color: hsl(0, 0%, 71%); --sx-close-button-border-color: hsl(0, 0%, 71%);
--sx-article-background: white;
--sx-card-background: white; --sx-card-background: white;
--sx-cell-background: white;
--sx-grid-background: white;
--sx-modal-values-background: #ecf0f3; --sx-modal-values-background: #ecf0f3;
--sx-input-background: white; --sx-input-background: white;
--sx-input-background-ndSchluesselfeld: #fffaf0; --sx-input-background-ndSchluesselfeld: #fffaf0;
@ -29,75 +40,90 @@
--sx-font-family: sans-serif; --sx-font-family: sans-serif;
--sx-font-weight: normal; --sx-font-weight: normal;
--sx-font-size: 13px; --sx-font-size: 13px;
--sx-link-color: blue;
--sx-tooltip-background: #3333ff; --sx-tooltip-background: #3333ff;
--sx-tooltip-font-color: white; --sx-tooltip-font-color: white;
--sx-error-color: #ff0000; --sx-error-color: #ff0000;
--sx-text-muted-color: hsl(0, 0%, 60%); --sx-text-muted-color: hsl(0, 0%, 60%);
--sx-table-background-header: #ecf0f3; --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-1: #f0f8ff;
--sx-table-background-row-level-2: #f0ffff; --sx-table-background-row-level-2: #f0ffff;
--sx-table-background-row-level-3: #fffafa; --sx-table-background-row-level-3: #fffafa;
--sx-table-background-row-level-4: #f5f5dc; --sx-table-background-row-level-4: #f5f5dc;
--sx-table-background-row-level-5: #faebd7; --sx-table-background-row-level-5: #faebd7;
--sx-table-background-row-level-6: #f0e68c; --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) { @media (prefers-color-scheme: dark) {
:root { :root {
color-scheme: dark; color-scheme: dark;
--sx-body-background: white; --sx-body-background: hsl(0, 0%, 60%);
--sx-hr-background-color: whitesmoke; --sx-hr-background-color: whitesmoke;
--sx-button-background: white; --sx-button-background: white;
--sx-submit-button-border-color: hsl(141, 71%, 48%); --sx-submit-button-border-color: hsl(141, 71%, 48%);
--sx-reset-button-border-color: hsl(48, 100%, 67%); --sx-reset-button-border-color: hsl(48, 100%, 67%);
--sx-close-button-border-color: hsl(0, 0%, 71%); --sx-close-button-border-color: hsl(0, 0%, 71%);
--sx-card-background: white; --sx-article-background: inherit;
--sx-modal-values-background: #ecf0f3; --sx-card-background: hsl(0, 0%, 60%);
--sx-input-background: white; --sx-cell-background: hsl(0, 0%, 60%);
--sx-input-container-background: inherit; --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-sichtentreeCaret-color: #014A7B;
--sx-input-background-ndSchluesselfeld: #fffaf0; --sx-input-background-ndSchluesselfeld: inherit;
--sx-navbar-dialogue-background: #ecf0f3; --sx-navbar-dialogue-background: #000061;
--sx-title-dialogue-color: hsl(0, 0%, 21%); --sx-title-dialogue-color: white;
--sx-breadcrumbSeparator-color: hsl(0, 0%, 21%); --sx-breadcrumbSeparator-color: #fffafa;
--sx-navbar-background: #ecf0f3; --sx-navbar-background: #000061;
--sx-themenbaumCaret-color: hsl(0, 0%, 21%); --sx-themenbaumCaret-color: hsl(0, 0%, 21%);
--sx-border-color: hsl(0, 0%, 60%); --sx-border-color: #ecf0f3;
--sx-border-style: thin solid hsl(0, 0%, 60%); --sx-border-style: thin solid #ecf0f3;
--sx-border-radius: 0.3em; --sx-border-radius: 0.3em;
--sx-font-color: hsl(0, 0%, 21%) !important; --sx-font-color: white !important;
--sx-tooltip-background: #3333ff; --sx-link-color: blue;
--sx-tooltip-background: #000061;
--sx-tooltip-font-color: white; --sx-tooltip-font-color: white;
--sx-error-color: #ff0000; --sx-error-color: #ff0000;
--sx-text-muted-color: hsl(0, 0%, 60%); --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-1: #f0f8ff;
--sx-table-background-row-level-2: #f0ffff; --sx-table-background-row-level-2: #f0ffff;
--sx-table-background-row-level-3: #fffafa; --sx-table-background-row-level-3: #fffafa;
--sx-table-background-row-level-4: #f5f5dc; --sx-table-background-row-level-4: #f5f5dc;
--sx-table-background-row-level-5: #faebd7; --sx-table-background-row-level-5: #faebd7;
--sx-table-background-row-level-6: #f0e68c; --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 -- */ /* -- Bildschirmseite -- */
body { body {
display: flex; display: flex;
flex-flow: column; flex-flow: column;
min-height: 100vh; min-height: 100vh;
margin: 0.1rem 0.1rem 0.2rem 0.1rem; 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); background: var(--sx-body-background);
font-family: var(--sx-font-family); font-family: var(--sx-font-family);
font-weight: var(--sx-font-weight); font-weight: var(--sx-font-weight);
@ -115,6 +141,10 @@ div.columns { /*für Abstand zum Seitenrand*/
margin-right: 1.5em; margin-right: 1.5em;
} }
.portlet_grid {
background-color: var(--sx-grid-background);
}
/* -- Tennlinie -- */ /* -- Tennlinie -- */
hr { hr {
background-color: var(--sx-hr-background-color); background-color: var(--sx-hr-background-color);
@ -137,7 +167,18 @@ hr {
box-sizing: border-box; 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-family: var(--sx-font-family);
font-weight: var(--sx-font-weight); font-weight: var(--sx-font-weight);
font-size: var(--sx-font-size); font-size: var(--sx-font-size);
@ -150,30 +191,36 @@ hr {
justify-content: left !important; 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); border-color: var(--sx-border-color);
background-color: var(--sx-button-background); background-color: var(--sx-button-background);
} }
.submit_button { /* zum Abschicken, Übernehmen*/ .submit_button { /* zum Abschicken, Übernehmen*/
background-color: var(--sx-button-background);
border: var(--sx-border-style); border: var(--sx-border-style);
border-radius: var(--sx-border-radius) !important; border-radius: var(--sx-border-radius) !important;
border-color: var(--sx-submit-button-border-color); /*grün*/ border-color: var(--sx-submit-button-border-color); /*grün*/
} }
.reset_button { /* zum Zurücksetzen, Leeren*/ .reset_button { /* zum Zurücksetzen, Leeren*/
background-color: var(--sx-button-background);
border: var(--sx-border-style); border: var(--sx-border-style);
border-radius: var(--sx-border-radius) !important; border-radius: var(--sx-border-radius) !important;
border-color: var(--sx-reset-button-border-color); border-color: var(--sx-reset-button-border-color);
} }
.close_button { /*zum Schließen*/ .close_button { /*zum Schließen*/
background-color: var(--sx-button-background);
border: var(--sx-border-style); border: var(--sx-border-style);
border-radius: var(--sx-border-radius) !important; 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*/ .menubutton, .orgunitbutton, .closebutton { /*für Button-Style*/
@ -186,7 +233,11 @@ hr {
height: 1.8rem; height: 1.8rem;
border: var(--sx-border-style); border: var(--sx-border-style);
border-radius: var(--sx-border-radius) !important; 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 { .buttonbar {
@ -213,6 +264,7 @@ hr {
.field.has-addons .control:not(:last-child) { .field.has-addons .control:not(:last-child) {
margin-right: -2px; /* damit sich die Ränder optisch überlagern */ margin-right: -2px; /* damit sich die Ränder optisch überlagern */
margin-inline-end: unset;
} }
.button.has-tooltip-bottom { .button.has-tooltip-bottom {
@ -270,7 +322,7 @@ hr {
font-weight: var(--sx-font-weight); font-weight: var(--sx-font-weight);
font-size: var(--sx-font-size); font-size: var(--sx-font-size);
color: var(--sx-font-color); 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 { .labelSichtorComboButtonPflicht::before, .labelPflicht::before {
@ -431,6 +483,16 @@ input.ndSchluesselfeld {
margin-left: 12px; 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 */ /* Top-Navi */
.navbar, .bottom-nav { .navbar, .bottom-nav {
background: var(--sx-navbar-background); background: var(--sx-navbar-background);
@ -469,28 +531,27 @@ input.ndSchluesselfeld {
flex: 1; flex: 1;
align-items: center; align-items: center;
justify-content: space-evenly; justify-content: space-evenly;
margin: 0em 0.5em 0em 0.5em;
border-color: transparent;
background: var(--sx-button-background);
} }
.poweredby_sxbi { .poweredby_sxbi {
display: flex; display: flex;
content: url(../images/poweredby_sxbi.svg); content: url(../images/poweredby_sxbi.svg);
width: 10rem; width: 10rem;
padding: 1em;
} }
/* -- NavPanel -- */ /* -- 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 { .menu-label {
font-family: var(--sx-font-family); font-family: var(--sx-font-family);
font-weight: var(--sx-font-weight); font-weight: var(--sx-font-weight);
font-size: var(--sx-font-size); font-size: var(--sx-font-size);
color: var(--sx-font-color); color: var(--sx-font-color);
background: inherit; background: inherit;
margin-left: 5%;
text-transform: unset;
} }
.menu-list a { .menu-list a {
@ -501,9 +562,12 @@ input.ndSchluesselfeld {
background: var(--sx-input-background); background: var(--sx-input-background);
} }
a:hover, a:focus { /*für Hervorhebung bei Anwahl*/ .level-center {
color: var(--sx-font-color); display: flex;
background-color: white; /*transparent;*/ align-items: center;
flex-grow: 1;
width: 100%; /* Optional: vollständige Breite des Containers */
height: 100%; /* Optional: vollständige Höhe des Containers */
} }
.navpanel { .navpanel {
@ -522,26 +586,75 @@ a:hover, a:focus { /*für Hervorhebung bei Anwahl*/
display: none; display: none;
} }
/*.navpanel a { } /*Eigenschaften deaktiviert da überlagert mit themenbaumStatic/.Nested a und li; sh. Z480+Z486*/ /*für Nav-Elemente*/ .panel-block, .panel-tabs {
.level-center { border: var(--sx-border-style);
display: flex; border-radius: var(--sx-border-radius) !important;
align-items: center; border-color: transparent;
flex-grow: 1;
width: 100%; /* Optional: vollständige Breite des Containers */
height: 100%; /* Optional: vollständige Höhe des Containers */
} }
.panel-block { .panel-block {
display: flex; display: flex;
padding: 0.6em;
} }
.panel-block-search { .panel-block-search {
margin-left: 10px; margin-left: 10px;
} }
.menu-label { .panel-block-ebene1 { /*20250704 ergänzt*/
margin-left: 5%; width: 310px;
text-transform: unset; 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 { .panel-icon {
@ -641,7 +754,7 @@ a:hover, a:focus { /*für Hervorhebung bei Anwahl*/
font-weight: var(--sx-font-weight); font-weight: var(--sx-font-weight);
font-size: var(--sx-font-size); font-size: var(--sx-font-size);
color: var(--sx-font-color); color: var(--sx-font-color);
color: blue; /*var(--bulma-link-text);*/ color: var(--sx-link-color); /*ursprgl. var(--bulma-link-text);*/
margin-left: 5px; margin-left: 5px;
} }
@ -663,7 +776,7 @@ a:hover, a:focus { /*für Hervorhebung bei Anwahl*/
font-weight: var(--sx-font-weight); font-weight: var(--sx-font-weight);
font-size: var(--sx-font-size); font-size: var(--sx-font-size);
color: var(--sx-font-color); color: var(--sx-font-color);
color: blue; color: var(--sx-link-color); /*ursprgl. var(--bulma-link-text);*/
} }
.themenbaumLinkWithSpace { .themenbaumLinkWithSpace {
@ -703,10 +816,6 @@ ol.themenbaumSearchResults { /*für Suchergebnisse*/
} }
.breadcrumb { .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: var(--sx-border-style);
border-radius: var(--sx-border-radius) !important; border-radius: var(--sx-border-radius) !important;
padding: 0.2rem; padding: 0.2rem;
@ -737,9 +846,14 @@ ol.themenbaumSearchResults { /*für Suchergebnisse*/
.breadcrumb, .breadcrumb a { .breadcrumb, .breadcrumb a {
user-select: auto; /*für Markierung des Inhalts */ 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-family: var(--sx-font-family);
font-weight: var(--sx-font-weight); font-weight: var(--sx-font-weight);
font-size: var(--sx-font-size); 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*/ text-align: left; /* für linksbündigen und umgebrochenen Text*/
cursor: pointer; cursor: pointer;
width: 100%; width: 100%;
background: var(--sx-article-background);
} }
/* -- Container, Cell -- */ /* -- Container, Cell -- */
@ -775,8 +890,9 @@ ol.themenbaumSearchResults { /*für Suchergebnisse*/
padding: 0rem 0.25rem; /*padding oben+unten, rechts+links*/ padding: 0rem 0.25rem; /*padding oben+unten, rechts+links*/
margin-bottom: 0.1rem; margin-bottom: 0.1rem;
box-sizing: border-box; box-sizing: border-box;
border: thin solid hsl(0, 0%, 60%); /*hellgrau*/ background: var(--sx-cell-background);
border-radius: 0.3em; border: var(--sx-border-style);
border-radius: var(--sx-border-radius) !important;
} }
/* -- Card, Box -- */ /* -- Card, Box -- */
@ -859,7 +975,8 @@ span.feldwert {
font-weight: bolder; 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 { .dontprint, .panel-block, .panel-tabs {
font-family: var(--sx-font-family); font-family: var(--sx-font-family);
font-weight: var(--sx-font-weight); font-weight: var(--sx-font-weight);

2
superx/style/sx_common.css.map
View File

File diff suppressed because one or more lines are too long

86
superx/style/sx_field_dialogue.css
Unescape View File

@ -1,6 +1,14 @@
@charset "UTF-8"; @charset "UTF-8";
/* Brand colors,
Lightmode,
Darkmode --
*/
/*auch mittelgrau: #999999;*/ /*auch mittelgrau: #999999;*/
/*auch hellgrau: #d7d7d7; */ /*auch hellgrau: #d7d7d7; */
/* Brand colors,
Lightmode,
Darkmode --
*/
/*auch mittelgrau: #999999;*/ /*auch mittelgrau: #999999;*/
/*auch hellgrau: #d7d7d7; */ /*auch hellgrau: #d7d7d7; */
:root { :root {
@ -11,7 +19,10 @@
--sx-submit-button-border-color: hsl(141, 71%, 48%); --sx-submit-button-border-color: hsl(141, 71%, 48%);
--sx-reset-button-border-color: hsl(48, 100%, 67%); --sx-reset-button-border-color: hsl(48, 100%, 67%);
--sx-close-button-border-color: hsl(0, 0%, 71%); --sx-close-button-border-color: hsl(0, 0%, 71%);
--sx-article-background: white;
--sx-card-background: white; --sx-card-background: white;
--sx-cell-background: white;
--sx-grid-background: white;
--sx-modal-values-background: #ecf0f3; --sx-modal-values-background: #ecf0f3;
--sx-input-background: white; --sx-input-background: white;
--sx-input-background-ndSchluesselfeld: #fffaf0; --sx-input-background-ndSchluesselfeld: #fffaf0;
@ -29,68 +40,83 @@
--sx-font-family: sans-serif; --sx-font-family: sans-serif;
--sx-font-weight: normal; --sx-font-weight: normal;
--sx-font-size: 13px; --sx-font-size: 13px;
--sx-link-color: blue;
--sx-tooltip-background: #3333ff; --sx-tooltip-background: #3333ff;
--sx-tooltip-font-color: white; --sx-tooltip-font-color: white;
--sx-error-color: #ff0000; --sx-error-color: #ff0000;
--sx-text-muted-color: hsl(0, 0%, 60%); --sx-text-muted-color: hsl(0, 0%, 60%);
--sx-table-background-header: #ecf0f3; --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-1: #f0f8ff;
--sx-table-background-row-level-2: #f0ffff; --sx-table-background-row-level-2: #f0ffff;
--sx-table-background-row-level-3: #fffafa; --sx-table-background-row-level-3: #fffafa;
--sx-table-background-row-level-4: #f5f5dc; --sx-table-background-row-level-4: #f5f5dc;
--sx-table-background-row-level-5: #faebd7; --sx-table-background-row-level-5: #faebd7;
--sx-table-background-row-level-6: #f0e68c; --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) { @media (prefers-color-scheme: dark) {
:root { :root {
color-scheme: dark; color-scheme: dark;
--sx-body-background: white; --sx-body-background: hsl(0, 0%, 60%);
--sx-hr-background-color: whitesmoke; --sx-hr-background-color: whitesmoke;
--sx-button-background: white; --sx-button-background: white;
--sx-submit-button-border-color: hsl(141, 71%, 48%); --sx-submit-button-border-color: hsl(141, 71%, 48%);
--sx-reset-button-border-color: hsl(48, 100%, 67%); --sx-reset-button-border-color: hsl(48, 100%, 67%);
--sx-close-button-border-color: hsl(0, 0%, 71%); --sx-close-button-border-color: hsl(0, 0%, 71%);
--sx-card-background: white; --sx-article-background: inherit;
--sx-modal-values-background: #ecf0f3; --sx-card-background: hsl(0, 0%, 60%);
--sx-input-background: white; --sx-cell-background: hsl(0, 0%, 60%);
--sx-input-container-background: inherit; --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-sichtentreeCaret-color: #014A7B;
--sx-input-background-ndSchluesselfeld: #fffaf0; --sx-input-background-ndSchluesselfeld: inherit;
--sx-navbar-dialogue-background: #ecf0f3; --sx-navbar-dialogue-background: #000061;
--sx-title-dialogue-color: hsl(0, 0%, 21%); --sx-title-dialogue-color: white;
--sx-breadcrumbSeparator-color: hsl(0, 0%, 21%); --sx-breadcrumbSeparator-color: #fffafa;
--sx-navbar-background: #ecf0f3; --sx-navbar-background: #000061;
--sx-themenbaumCaret-color: hsl(0, 0%, 21%); --sx-themenbaumCaret-color: hsl(0, 0%, 21%);
--sx-border-color: hsl(0, 0%, 60%); --sx-border-color: #ecf0f3;
--sx-border-style: thin solid hsl(0, 0%, 60%); --sx-border-style: thin solid #ecf0f3;
--sx-border-radius: 0.3em; --sx-border-radius: 0.3em;
--sx-font-color: hsl(0, 0%, 21%) !important; --sx-font-color: white !important;
--sx-tooltip-background: #3333ff; --sx-link-color: blue;
--sx-tooltip-background: #000061;
--sx-tooltip-font-color: white; --sx-tooltip-font-color: white;
--sx-error-color: #ff0000; --sx-error-color: #ff0000;
--sx-text-muted-color: hsl(0, 0%, 60%); --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-1: #f0f8ff;
--sx-table-background-row-level-2: #f0ffff; --sx-table-background-row-level-2: #f0ffff;
--sx-table-background-row-level-3: #fffafa; --sx-table-background-row-level-3: #fffafa;
--sx-table-background-row-level-4: #f5f5dc; --sx-table-background-row-level-4: #f5f5dc;
--sx-table-background-row-level-5: #faebd7; --sx-table-background-row-level-5: #faebd7;
--sx-table-background-row-level-6: #f0e68c; --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 { .title-dialogue.is-4 {
color: var(--sx-title-dialogue-color); color: var(--sx-title-dialogue-color);
font-weight: bold; font-weight: bold;
@ -130,6 +156,10 @@ hr {
font-weight: bold; font-weight: bold;
} }
.buttons {
background-color: unset !important;
}
button.button-dialogue { button.button-dialogue {
border: var(--sx-border-style); border: var(--sx-border-style);
border-radius: var(--sx-border-radius) !important; 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*/ .input-container.sticky-filter { /*202606 Filter ergänzt f. äußeren Container*/
background: #d9d9d9; background-color: var(--sx-input-container-background);
} }
input[type=checkbox] { input[type=checkbox] {

2
superx/style/sx_field_dialogue.css.map
Unescape View File

@ -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"} {"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"}

97
superx/style/sx_tabelle.css
Unescape View File

@ -1,8 +1,17 @@
@charset "UTF-8"; @charset "UTF-8";
/* Brand colors,
Lightmode,
Darkmode --
*/
/*auch mittelgrau: #999999;*/ /*auch mittelgrau: #999999;*/
/*auch hellgrau: #d7d7d7; */ /*auch hellgrau: #d7d7d7; */
/* Brand colors,
Lightmode,
Darkmode --
*/
/*auch mittelgrau: #999999;*/ /*auch mittelgrau: #999999;*/
/*auch hellgrau: #d7d7d7; */ /*auch hellgrau: #d7d7d7; */
/* false für Default-Mode; true für Customer-Mode*/
:root { :root {
color-scheme: light; color-scheme: light;
--sx-body-background: white; --sx-body-background: white;
@ -11,7 +20,10 @@
--sx-submit-button-border-color: hsl(141, 71%, 48%); --sx-submit-button-border-color: hsl(141, 71%, 48%);
--sx-reset-button-border-color: hsl(48, 100%, 67%); --sx-reset-button-border-color: hsl(48, 100%, 67%);
--sx-close-button-border-color: hsl(0, 0%, 71%); --sx-close-button-border-color: hsl(0, 0%, 71%);
--sx-article-background: white;
--sx-card-background: white; --sx-card-background: white;
--sx-cell-background: white;
--sx-grid-background: white;
--sx-modal-values-background: #ecf0f3; --sx-modal-values-background: #ecf0f3;
--sx-input-background: white; --sx-input-background: white;
--sx-input-background-ndSchluesselfeld: #fffaf0; --sx-input-background-ndSchluesselfeld: #fffaf0;
@ -29,68 +41,82 @@
--sx-font-family: sans-serif; --sx-font-family: sans-serif;
--sx-font-weight: normal; --sx-font-weight: normal;
--sx-font-size: 13px; --sx-font-size: 13px;
--sx-link-color: blue;
--sx-tooltip-background: #3333ff; --sx-tooltip-background: #3333ff;
--sx-tooltip-font-color: white; --sx-tooltip-font-color: white;
--sx-error-color: #ff0000; --sx-error-color: #ff0000;
--sx-text-muted-color: hsl(0, 0%, 60%); --sx-text-muted-color: hsl(0, 0%, 60%);
--sx-table-background-header: #ecf0f3; --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-1: #f0f8ff;
--sx-table-background-row-level-2: #f0ffff; --sx-table-background-row-level-2: #f0ffff;
--sx-table-background-row-level-3: #fffafa; --sx-table-background-row-level-3: #fffafa;
--sx-table-background-row-level-4: #f5f5dc; --sx-table-background-row-level-4: #f5f5dc;
--sx-table-background-row-level-5: #faebd7; --sx-table-background-row-level-5: #faebd7;
--sx-table-background-row-level-6: #f0e68c; --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) { @media (prefers-color-scheme: dark) {
:root { :root {
color-scheme: dark; color-scheme: dark;
--sx-body-background: white; --sx-body-background: hsl(0, 0%, 60%);
--sx-hr-background-color: whitesmoke; --sx-hr-background-color: whitesmoke;
--sx-button-background: white; --sx-button-background: white;
--sx-submit-button-border-color: hsl(141, 71%, 48%); --sx-submit-button-border-color: hsl(141, 71%, 48%);
--sx-reset-button-border-color: hsl(48, 100%, 67%); --sx-reset-button-border-color: hsl(48, 100%, 67%);
--sx-close-button-border-color: hsl(0, 0%, 71%); --sx-close-button-border-color: hsl(0, 0%, 71%);
--sx-card-background: white; --sx-article-background: inherit;
--sx-modal-values-background: #ecf0f3; --sx-card-background: hsl(0, 0%, 60%);
--sx-input-background: white; --sx-cell-background: hsl(0, 0%, 60%);
--sx-input-container-background: inherit; --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-sichtentreeCaret-color: #014A7B;
--sx-input-background-ndSchluesselfeld: #fffaf0; --sx-input-background-ndSchluesselfeld: inherit;
--sx-navbar-dialogue-background: #ecf0f3; --sx-navbar-dialogue-background: #000061;
--sx-title-dialogue-color: hsl(0, 0%, 21%); --sx-title-dialogue-color: white;
--sx-breadcrumbSeparator-color: hsl(0, 0%, 21%); --sx-breadcrumbSeparator-color: #fffafa;
--sx-navbar-background: #ecf0f3; --sx-navbar-background: #000061;
--sx-themenbaumCaret-color: hsl(0, 0%, 21%); --sx-themenbaumCaret-color: hsl(0, 0%, 21%);
--sx-border-color: hsl(0, 0%, 60%); --sx-border-color: #ecf0f3;
--sx-border-style: thin solid hsl(0, 0%, 60%); --sx-border-style: thin solid #ecf0f3;
--sx-border-radius: 0.3em; --sx-border-radius: 0.3em;
--sx-font-color: hsl(0, 0%, 21%) !important; --sx-font-color: white !important;
--sx-tooltip-background: #3333ff; --sx-link-color: blue;
--sx-tooltip-background: #000061;
--sx-tooltip-font-color: white; --sx-tooltip-font-color: white;
--sx-error-color: #ff0000; --sx-error-color: #ff0000;
--sx-text-muted-color: hsl(0, 0%, 60%); --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-1: #f0f8ff;
--sx-table-background-row-level-2: #f0ffff; --sx-table-background-row-level-2: #f0ffff;
--sx-table-background-row-level-3: #fffafa; --sx-table-background-row-level-3: #fffafa;
--sx-table-background-row-level-4: #f5f5dc; --sx-table-background-row-level-4: #f5f5dc;
--sx-table-background-row-level-5: #faebd7; --sx-table-background-row-level-5: #faebd7;
--sx-table-background-row-level-6: #f0e68c; --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 -- */ /* -- Bildschirmseite mit scrollbar -- */
html, body { html, body {
max-width: 100%; max-width: 100%;
@ -237,12 +263,13 @@ table.nd_ergtabelle th {
border: var(--sx-border-style); border: var(--sx-border-style);
border-collapse: separate; border-collapse: separate;
background-color: var(--sx-table-background-header); background-color: var(--sx-table-background-header);
color: var(--sx-table-color-header);
vertical-align: top; vertical-align: top;
white-space: normal; /* Leerzeichen zusammenfassen, Zeilenumbruch bei Bedarf nach Standard-Regeln*/ white-space: normal; /* Leerzeichen zusammenfassen, Zeilenumbruch bei Bedarf nach Standard-Regeln*/
text-align: left; text-align: left;
text-align-last: left; text-align-last: left;
hyphens: auto; /*korr. Silbentrennung bei Angabe der Sprache <html lang="de">*/ hyphens: auto; /*korr. Silbentrennung bei Angabe der Sprache <html lang="de">*/
padding: 3px 0px !important; /*Textabstand innerhalb der Zelle: oben/unten sowie rechts/links*/ padding: 3px 3px 0px 3px !important; /*Textabstand innerhalb der Zelle*/
/*padding-inline: 2px;*/ /*padding-inline: 2px;*/
} }
@ -255,6 +282,7 @@ table.nd_ergtabelle thead th { /*wirkt auf einz. Kopfzeile*/
border: var(--sx-border-style); border: var(--sx-border-style);
border-collapse: separate; border-collapse: separate;
background-color: var(--sx-table-background-header); background-color: var(--sx-table-background-header);
color: var(--sx-table-color-header);
position: sticky; position: sticky;
top: 50px; /*0*/ top: 50px; /*0*/
z-index: 20; z-index: 20;
@ -266,6 +294,7 @@ table td.fixed-column1 { /*für Spaltentitel*/
border: var(--sx-border-style); border: var(--sx-border-style);
border-collapse: separate; border-collapse: separate;
background-color: var(--sx-table-background-header); background-color: var(--sx-table-background-header);
color: var(--sx-table-color-header);
font-family: var(--sx-font-family); font-family: var(--sx-font-family);
font-weight: var(--sx-font-weight); font-weight: var(--sx-font-weight);
font-size: var(--sx-font-size); 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.ergtabelle td,
table.nd_ergtabelle td { table.nd_ergtabelle td {
border: var(--sx-border-style); border: var(--sx-border-style);
vertical-align: bottom; /*top; vertical-align: top;
white-space: normal; /* Leerzeichen zusammenfassen, Zeilenumbruch bei Bedarf nach Standard-Regeln*/ white-space: normal; /* Leerzeichen zusammenfassen, Zeilenumbruch bei Bedarf nach Standard-Regeln*/
hyphens: auto; /*korr. Silbentrennung bei Angabe der Sprache <html lang="de">*/ hyphens: auto; /*korr. Silbentrennung bei Angabe der Sprache <html lang="de">*/
padding: 3px 0px !important; /*Textabstand innerhalb der Zelle: oben/unten sowie rechts/links*/ padding: 3px 3px 0px 3px !important; /*Textabstand innerhalb der Zelle*/
/*padding-inline: 2px;*/ /*padding-inline: 2px;*/
} }
@ -306,26 +335,32 @@ white-space: normal; /* Leerzeichen zusammenfassen, Zeilenumbruch bei Bedarf nac
table tr.erglevel_1 { table tr.erglevel_1 {
background: var(--sx-table-background-row-level-1); background: var(--sx-table-background-row-level-1);
font-weight: bold; font-weight: bold;
color: var(--sx-table-color-value);
} }
table tr.erglevel_2 { table tr.erglevel_2 {
background: var(--sx-table-background-row-level-2); background: var(--sx-table-background-row-level-2);
color: var(--sx-table-color-value);
} }
table tr.erglevel_3 { table tr.erglevel_3 {
background: var(--sx-table-background-row-level-3); background: var(--sx-table-background-row-level-3);
color: var(--sx-table-color-value);
} }
table tr.erglevel_4 { table tr.erglevel_4 {
background: var(--sx-table-background-row-level-4); background: var(--sx-table-background-row-level-4);
color: var(--sx-table-color-value);
} }
table tr.erglevel_5 { table tr.erglevel_5 {
background: var(--sx-table-background-row-level-5); background: var(--sx-table-background-row-level-5);
color: var(--sx-table-color-value);
} }
table tr.erglevel_6 { table tr.erglevel_6 {
background: var(--sx-table-background-row-level-6); background: var(--sx-table-background-row-level-6);
color: var(--sx-table-color-value);
} }
/* -- Spezielle Zeilen und Zellen -- */ /* -- Spezielle Zeilen und Zellen -- */

2
superx/style/sx_tabelle.css.map
Unescape View File

@ -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"} {"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"}

42
superx/style/welcome.css
Unescape View File

@ -3,36 +3,36 @@
}*/ }*/
/*Hell-/Dunkel-Modus*/ /*Hell-/Dunkel-Modus*/
@media (prefers-color-scheme: light) { /*20250210 BF media-Zeile eingefügt*/ /*@media (prefers-color-scheme: light) {*/ /*20250210 BF media-Zeile eingefügt*/
:root { color-scheme: light; } /*:root { color-scheme: light; }*/
} /*}*/
@media (prefers-color-scheme: dark) { /*@media (prefers-color-scheme: dark) {
:root { color-scheme: dark; /*:root { color-scheme: dark;
--bulma-body-background-color: unset !important; } /*20250211 BF eingefügt*/ /* --bulma-body-background-color: unset !important; }*/ /*20250211 BF eingefügt*/
body { background-color: white; /*body { background-color: white; */
color: black !important; } /*20250210 BF eingefügt*/ /* color: black !important; }*/ /*20250210 BF eingefügt*/
.card { background-color: white; /*.card { background-color: white;*/
border: inherit; } /* 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; /*a { text-decoration: none;
color: blue; } color: blue; } */
} /*}*/
/* Mobile first - alle Dokument-Blöcke bekommen 100% Breite */ /* Mobile first - alle Dokument-Blöcke bekommen 100% Breite */
body { max-width: 100%; } body { max-width: 100%; }
.title, .subtitle { .title, .subtitle {
color: hsl(0, 0%, 21%); /* color: hsl(0, 0%, 21%);
font-family: sans-serif; /* font-family: sans-serif;
font-weight: normal; /* font-weight: normal;
font-size: 0.9rem; /* font-size: 0.9rem; */
margin: 0.3rem 1.5rem 0rem 0rem; } /*für Seitentitel-Ausrichtung ob re un li*/ margin: 0.3rem 1.5rem 0rem 0rem; } /*für Seitentitel-Ausrichtung ob re un li*/
@ -251,10 +251,10 @@ h2 {
} }
.subtitle { .subtitle {
color: hsl(0, 0%, 21%); /*color: hsl(0, 0%, 21%);
font-family: sans-serif; font-family: sans-serif;
font-weight: normal; font-weight: normal;
font-size: 0.9rem; font-size: 0.9rem;*/
margin: 0rem 0rem 0rem 1.4rem; margin: 0rem 0rem 0rem 1.4rem;
} }

Write Preview
Loading…
Cancel
Save