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
Split 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 { @@ -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 { @@ -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 @@ -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 { @@ -328,6 +338,7 @@ textarea.editform {
width: 100%;
padding: 3px;
transition: all 0.5s ease;
color: black;
}
textarea.editform:focus {

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

@ -1,5 +1,11 @@ @@ -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*/ @@ -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 { @@ -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 { @@ -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 { @@ -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 { @@ -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 { @@ -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 { @@ -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 { @@ -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 { @@ -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 { @@ -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 { @@ -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*/ @@ -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*/ @@ -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*/ @@ -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*/ @@ -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*/ @@ -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*/ @@ -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*/ @@ -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 { @@ -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;
}

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

@ -1,13 +1,18 @@ @@ -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 { @@ -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 { @@ -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] {

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

@ -1,5 +1,10 @@ @@ -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 { @@ -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 <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;*/
}
@ -182,6 +188,7 @@ table.nd_ergtabelle thead th { /*wirkt auf einz. Kopfzeile*/ @@ -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*/ @@ -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 { @@ -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 <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;*/
}
@ -237,26 +245,32 @@ table.nd_ergtabelle td { @@ -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 -- */

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

@ -1,12 +1,16 @@ @@ -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; @@ -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: ( @@ -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: ( @@ -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: ( @@ -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: ( @@ -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: ( @@ -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: ( @@ -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,
);

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

@ -9,7 +9,7 @@ @@ -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);
}

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

@ -5,13 +5,13 @@ @@ -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(

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

@ -1,6 +1,10 @@ @@ -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; @@ -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: ( @@ -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: ( @@ -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: ( @@ -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: ( @@ -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,
);
);

249
superx/style/sx_common.css
Unescape View File

@ -1,6 +1,14 @@ @@ -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 @@ @@ -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 @@ @@ -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*/ @@ -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 { @@ -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 { @@ -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 { @@ -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 { @@ -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 { @@ -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 { @@ -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 { @@ -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 { @@ -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*/ @@ -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*/ @@ -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*/ @@ -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*/ @@ -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*/ @@ -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*/ @@ -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*/ @@ -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 { @@ -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);

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 @@ @@ -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 @@ @@ -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 @@ @@ -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 { @@ -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 { @@ -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] {

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

@ -1 +1 @@ @@ -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 @@ @@ -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 @@ @@ -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 @@ @@ -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 { @@ -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 <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;*/
}
@ -255,6 +282,7 @@ table.nd_ergtabelle thead th { /*wirkt auf einz. Kopfzeile*/ @@ -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*/ @@ -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. @@ -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 <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;*/
}
@ -306,26 +335,32 @@ white-space: normal; /* Leerzeichen zusammenfassen, Zeilenumbruch bei Bedarf nac @@ -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 -- */

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

@ -1 +1 @@ @@ -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 @@ @@ -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 { @@ -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;
}

Write Preview
Loading…
Cancel
Save