KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
(16 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
/*** Formatierungen für Monitore ***/ | /*** Formatierungen für Monitore ***/ | ||
Zeile 6: | Zeile 4: | ||
.toc { | .toc { | ||
display: block; | |||
/* max-width: 48%; */ | /* max-width: 48%; */ | ||
float: right; | |||
margin-left: 1em; | |||
font-size: 95%; | |||
line-height: 125%; | |||
margin-bottom: 1em; | |||
width: auto; | |||
} | |||
.description { | .description { | ||
display: block; | |||
width: 48%; | |||
float: left; | |||
font-weight: bold; | |||
} | } | ||
.head { | |||
display: block; | |||
} | |||
.sichtbar_mobil { | .sichtbar_mobil { | ||
display: none!important; | |||
} | |||
td { | td { | ||
vertical-align: unset; | |||
} | |||
.Einrücken, | |||
.einrücken { | .einrücken { | ||
margin-left: 30px; | |||
width: auto; | |||
} | } | ||
.Einrücken1, | |||
.einrücken1 { | |||
margin-left: 1em; | |||
width: auto; | |||
} | |||
.Einrücken2, | |||
.einrücken2 { | |||
margin-left: 46px; | |||
width: auto; | |||
} | |||
.Einrücken3, | |||
.einrücken3 { | |||
margin-left: 60px; | |||
width: auto; | |||
} | |||
[class*=sptable].einrücken h2, .sptable2.Einrücken h2, | |||
[class*=sptable].einrücken h3, .sptable2.Einrücken h3, | |||
[class*=sptable].einrücken [class*=text-h], [class*=sptable].Einrücken [class*=text-h], | |||
.sptable2.einrücken h4, .sptable2.Einrücken h4, | |||
.sptable2.einrücken h5, .sptable2.Einrücken h5, | |||
.sptable2.einrücken h6, .sptable2.Einrücken h6, | |||
.noborder.Einrücken [class*=text-h] { | |||
position: relative; | |||
left: -1.6em; | |||
} | |||
.FAQ .Einrücken2 { | |||
margin-left: 7em; | |||
} | |||
.FAQ .Einrücken3 { | |||
margin-left: 8.5em; | |||
} | |||
ul ~ li.list--element__alert { | |||
padding-left: 1.75em !important; | |||
} | |||
ul ~ li.list--element__alert.em2 { | |||
padding-left: 2.75em !important; | |||
} | |||
ul ~ li.list--element__alert.em3 { | |||
padding-left: 3.75em !important; | |||
} | |||
td.Leerzeile.Einrücken, | |||
td.Leerzeile.einrücken { | |||
padding-left: 30px; | |||
} | |||
.sptable.striped tr:nth-child(2n+1) > td, | |||
.sptable2.striped tr:nth-child(2n+1) > td, | |||
.sptable3.striped tr:nth-child(2n+1) > td { | |||
background-color: #eaecf0; | |||
border: 1px solid #a2a9b1; | |||
/* padding: 0.2em 0.2em; */ | |||
line-height:1.4; | |||
} | |||
.sptable.striped tr:nth-child(2n+1) > td, . | .sptable.striped tr:nth-child(2n+1) > td.Leerzeile, | ||
.sptable1.striped tr:nth-child(2n+1) > td.Leerzeile, | |||
.sptable2.striped tr:nth-child(2n+1) > td.Leerzeile { | |||
background: unset; | |||
border: 0; | |||
} | |||
.wikitable3 td { | .wikitable3 td { | ||
Zeile 51: | Zeile 120: | ||
border-left: 0!important; | border-left: 0!important; | ||
border-right: 0!important; | border-right: 0!important; | ||
background: | background: unset; | ||
} | } | ||
Zeile 83: | Zeile 152: | ||
.Filterwert { | .Filterwert { | ||
/* width: 80%; */ | /* width: 80%; */ | ||
} | text-align: left; | ||
} | |||
.Filtertext { | .Filtertext { | ||
Zeile 105: | Zeile 175: | ||
top: -6em; | top: -6em; | ||
right: 1em; | right: 1em; | ||
} | |||
.toc-col .toclevel-1 { | |||
column-count: 3; | |||
} | |||
.zh1 tr { | |||
height: 1px; | |||
} | |||
td.Bild.width-80, td.bild.width-80, | |||
td.Bild.td-width-80, | |||
td.Bild.width-80 .img-container, | |||
th.Bild.width-80, th.bild.width-80, | |||
th.Bild.th-width-80, | |||
th.Bild.width-80 .img-container, | |||
div.width-80, | |||
.width-80 td.Bild, | |||
.width-80 th.Bild, | |||
.img-container.width-80 { | |||
width: 80%; | |||
} | |||
td.Bild.width-xxl, td.bild.width-xxl, | |||
td.Bild.td-width-xxl, | |||
td.Bild.width-xxl .img-container, | |||
th.Bild.width-xxl, th.bild.width-xxl, | |||
th.Bild.th-width-xxl, | |||
th.Bild.width-xxl .img-container, | |||
.width-xxl td.Bild, | |||
.width-xxl th.Bild, | |||
div.width-xxl, | |||
.img-container.width-xxl { | |||
width: 55%; | |||
} | |||
td.Bild.width-xl, td.bild.width-xl, | |||
td.Bild.td-width-xl, | |||
td.Bild.width-xl .img-container, | |||
th.Bild.width-xl, th.bild.width-xl, | |||
th.Bild.th-width-xl, | |||
th.Bild.width-xl .img-container, | |||
.width-xl td.Bild, | |||
.width-xl th.Bild, | |||
div.width-xl, | |||
.img-container.width-xl { | |||
width: 50%; | |||
} | |||
td.Bild.width-l, td.bild.width-l, | |||
td.Bild.td-width-l, | |||
td.Bild.width-l .img-container, | |||
th.Bild.width-l, th.bild.width-l, | |||
th.Bild.th-width-l, | |||
th.Bild.width-l .img-container, | |||
.width-l td.Bild, | |||
.width-l th.Bild, | |||
div.width-l, | |||
.img-container.width-l { | |||
width: 40%; | |||
} | |||
td.Bild.width-m, td.bild.width-m, | |||
td.Bild.td-width-m, | |||
td.Bild.width-m .img-container, | |||
th.Bild.width-m, th.bild.width-m, | |||
th.Bild.th-width-m, | |||
th.Bild.width-m .img-container, | |||
.width-m td.Bild, | |||
.width-m th.Bild, | |||
div.width-m, | |||
.img-container.width-m { | |||
width: 35%; | |||
} | |||
td.Bild.width-s, td.bild.width-s, | |||
td.Bild.td-width-s, | |||
td.Bild.width-s .img-container, | |||
th.Bild.width-s, th.bild.width-s, | |||
th.Bild.th-width-s, | |||
th.Bild.width-s .img-container, | |||
.width-s td.Bild, | |||
.width-s th.Bild, | |||
div.width-s, | |||
.img-container.width-s { | |||
width: 30%; | |||
} | |||
td.Bild.width-xs, td.bild.width-xs, | |||
td.Bild.td-width-xs, | |||
td.Bild.width-xs .img-container, | |||
th.Bild.width-xs, th.bild.width-xs, | |||
th.Bild.th-width-xs, | |||
th.Bild.width-xs .img-container, | |||
.width-xs td.Bild, | |||
.width-xs th.Bild, | |||
div.width-xs, | |||
.img-container.width-xs { | |||
width: 25%; | |||
} | |||
td.Bild.width-xxs, td.bild.width-xxs, | |||
td.Bild.td-width-xxs, | |||
td.Bild.width-xxs .img-container, | |||
th.Bild.width-xxs, th.bild.width-xxs, | |||
th.Bild.th-width-xxs, | |||
th.Bild.width-xxs .img-container, | |||
.width-xxs td.Bild, | |||
.width-xxs th.Bild, | |||
div.width-xxs, | |||
.img-container.width-xxs { | |||
width: 20%; | |||
} | |||
.width75 { | |||
width: 75%; | |||
} | } | ||
} /*** Ende Formatierungen für Monitore ***/ | } /*** Ende Formatierungen für Monitore ***/ |
Aktuelle Version vom 27. Juli 2023, 11:00 Uhr
/*** Formatierungen für Monitore ***/ @media (min-width:769px) { .toc { display: block; /* max-width: 48%; */ float: right; margin-left: 1em; font-size: 95%; line-height: 125%; margin-bottom: 1em; width: auto; } .description { display: block; width: 48%; float: left; font-weight: bold; } .head { display: block; } .sichtbar_mobil { display: none!important; } td { vertical-align: unset; } .Einrücken, .einrücken { margin-left: 30px; width: auto; } .Einrücken1, .einrücken1 { margin-left: 1em; width: auto; } .Einrücken2, .einrücken2 { margin-left: 46px; width: auto; } .Einrücken3, .einrücken3 { margin-left: 60px; width: auto; } [class*=sptable].einrücken h2, .sptable2.Einrücken h2, [class*=sptable].einrücken h3, .sptable2.Einrücken h3, [class*=sptable].einrücken [class*=text-h], [class*=sptable].Einrücken [class*=text-h], .sptable2.einrücken h4, .sptable2.Einrücken h4, .sptable2.einrücken h5, .sptable2.Einrücken h5, .sptable2.einrücken h6, .sptable2.Einrücken h6, .noborder.Einrücken [class*=text-h] { position: relative; left: -1.6em; } .FAQ .Einrücken2 { margin-left: 7em; } .FAQ .Einrücken3 { margin-left: 8.5em; } ul ~ li.list--element__alert { padding-left: 1.75em !important; } ul ~ li.list--element__alert.em2 { padding-left: 2.75em !important; } ul ~ li.list--element__alert.em3 { padding-left: 3.75em !important; } td.Leerzeile.Einrücken, td.Leerzeile.einrücken { padding-left: 30px; } .sptable.striped tr:nth-child(2n+1) > td, .sptable2.striped tr:nth-child(2n+1) > td, .sptable3.striped tr:nth-child(2n+1) > td { background-color: #eaecf0; border: 1px solid #a2a9b1; /* padding: 0.2em 0.2em; */ line-height:1.4; } .sptable.striped tr:nth-child(2n+1) > td.Leerzeile, .sptable1.striped tr:nth-child(2n+1) > td.Leerzeile, .sptable2.striped tr:nth-child(2n+1) > td.Leerzeile { background: unset; border: 0; } .wikitable3 td { background-color: #f8f9fa; border: 1px solid #a2a9b1; padding: 0.2em 0.2em; line-height:1.4; } .sptable .Leerzeile, .sptable3 .Leerzeile { border-left: 0!important; border-right: 0!important; background: unset; } .border-bottom-dezent td { border-bottom-color: #ddd; } .blank_monitor td { border: 0!important; background: white!important; } .Filterbox { background: white !important; border: 1px solid grey; margin: 5px; /* padding: 5px; */ } .Filterzeile { display: flex; margin: 5px; } .Filterkriterium { width: 20%; min-width: 260px; } .Filterwert { /* width: 80%; */ text-align: left; } .Filtertext { display: block; margin: 5px; } .Filterbox hr { margin-top: 5px; margin-bottom: 5px; } .language-toggle-german { position: absolute; top: -6em; right: 1em; } .language-toggle-english { position: absolute; top: -6em; right: 1em; } .toc-col .toclevel-1 { column-count: 3; } .zh1 tr { height: 1px; } td.Bild.width-80, td.bild.width-80, td.Bild.td-width-80, td.Bild.width-80 .img-container, th.Bild.width-80, th.bild.width-80, th.Bild.th-width-80, th.Bild.width-80 .img-container, div.width-80, .width-80 td.Bild, .width-80 th.Bild, .img-container.width-80 { width: 80%; } td.Bild.width-xxl, td.bild.width-xxl, td.Bild.td-width-xxl, td.Bild.width-xxl .img-container, th.Bild.width-xxl, th.bild.width-xxl, th.Bild.th-width-xxl, th.Bild.width-xxl .img-container, .width-xxl td.Bild, .width-xxl th.Bild, div.width-xxl, .img-container.width-xxl { width: 55%; } td.Bild.width-xl, td.bild.width-xl, td.Bild.td-width-xl, td.Bild.width-xl .img-container, th.Bild.width-xl, th.bild.width-xl, th.Bild.th-width-xl, th.Bild.width-xl .img-container, .width-xl td.Bild, .width-xl th.Bild, div.width-xl, .img-container.width-xl { width: 50%; } td.Bild.width-l, td.bild.width-l, td.Bild.td-width-l, td.Bild.width-l .img-container, th.Bild.width-l, th.bild.width-l, th.Bild.th-width-l, th.Bild.width-l .img-container, .width-l td.Bild, .width-l th.Bild, div.width-l, .img-container.width-l { width: 40%; } td.Bild.width-m, td.bild.width-m, td.Bild.td-width-m, td.Bild.width-m .img-container, th.Bild.width-m, th.bild.width-m, th.Bild.th-width-m, th.Bild.width-m .img-container, .width-m td.Bild, .width-m th.Bild, div.width-m, .img-container.width-m { width: 35%; } td.Bild.width-s, td.bild.width-s, td.Bild.td-width-s, td.Bild.width-s .img-container, th.Bild.width-s, th.bild.width-s, th.Bild.th-width-s, th.Bild.width-s .img-container, .width-s td.Bild, .width-s th.Bild, div.width-s, .img-container.width-s { width: 30%; } td.Bild.width-xs, td.bild.width-xs, td.Bild.td-width-xs, td.Bild.width-xs .img-container, th.Bild.width-xs, th.bild.width-xs, th.Bild.th-width-xs, th.Bild.width-xs .img-container, .width-xs td.Bild, .width-xs th.Bild, div.width-xs, .img-container.width-xs { width: 25%; } td.Bild.width-xxs, td.bild.width-xxs, td.Bild.td-width-xxs, td.Bild.width-xxs .img-container, th.Bild.width-xxs, th.bild.width-xxs, th.Bild.th-width-xxs, th.Bild.width-xxs .img-container, .width-xxs td.Bild, .width-xxs th.Bild, div.width-xxs, .img-container.width-xxs { width: 20%; } .width75 { width: 75%; } } /*** Ende Formatierungen für Monitore ***/