KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 17: | Zeile 17: | ||
.legende { | .legende { | ||
display: inline-block; | display: inline-block; | ||
width: 10em; | width: 10em; | ||
padding: 0.5em; | padding: 0.5em; | ||
margin: 1em 2em; | margin: 1em 2em; | ||
text-align: center; | text-align: center; | ||
} | } | ||
.ban::before { | .ban::before { | ||
font-family: 'Font Awesome 5 Pro'; | font-family: 'Font Awesome 5 Pro'; | ||
content: "\f05e"; | content: "\f05e"; | ||
} | } | ||
.check::before { | .check::before { | ||
font-family: 'Font Awesome 5 Pro'; | font-family: 'Font Awesome 5 Pro'; | ||
content: "\f00c"; | content: "\f00c"; | ||
} | } | ||
.blackalert::before { | .blackalert::before { | ||
font-family: 'Font Awesome 5 Pro'; | font-family: 'Font Awesome 5 Pro'; | ||
content: "\f071"; | content: "\f071"; | ||
/* color: white; */ | /* color: white; */ | ||
} | } | ||
.zelle, tbody > tr > td.zelle { | .zelle, tbody > tr > td.zelle { | ||
border: 1px solid grey; | border: 1px solid grey; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
text-align: left; | text-align: left; | ||
padding:0px; | padding: 0px; | ||
} | } | ||
/*** Ende für alle ***/ | /*** Ende für alle ***/ | ||
Zeile 56: | Zeile 58: | ||
@media (max-width:576px) { | @media (max-width:576px) { | ||
.zellenbeschriftung, .zb { | .zelle, tbody > tr > td.zelle { | ||
display: flex; | |||
} | |||
.sptable2 tr > td:last-child, | |||
tr > td:first-child .MS.ic-eingabe { | |||
background: #f9f9f9; | |||
} | |||
.sptable2 tbody tr:first-child { | |||
display: none; | |||
} | |||
.zellenbeschriftung, .zb, .zi { | |||
background: #f8f9fa; | background: #f8f9fa; | ||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
padding: 1px ; | padding: 1px ; | ||
/* margin-right: 24%; */ | |||
border-right: 1px solid grey; | border-right: 1px solid grey; | ||
display: inline-block; | display: inline-block; | ||
Zeile 66: | Zeile 81: | ||
} | } | ||
.zi { | |||
text-align: center; | |||
} | |||
.verfügbar tr > td { | .verfügbar tr > td { | ||
Zeile 99: | Zeile 117: | ||
font-size: 0.8em; | font-size: 0.8em; | ||
/* \A mit white-space fügt einen Zeilenumbruch ein */ | /* \A mit white-space fügt einen Zeilenumbruch ein */ | ||
} | |||
.fc__teilweise.center { | |||
display: inline-block; | |||
} | |||
.sptable2 tr.Legende td:nth-child(1) { | |||
background-color: #f9f9f9; | |||
padding: 0px; | |||
} | |||
.sptable0.left-col2 td:nth-child(2), | |||
.sptable0.left-col2 th:nth-child(2) { | |||
text-align: left; | |||
} | } | ||
Zeile 113: | Zeile 146: | ||
.zellenbeschriftung, .zb { | .zellenbeschriftung, .zb { | ||
display: none; | display: none; | ||
} | |||
.zi { | |||
background: #f8f9fa; | |||
background-color: #f8f9fa; | |||
padding: 1px ; | |||
display: inline-block; | |||
width:100%; | |||
text-align: center; | |||
} | } | ||
Zeile 140: | Zeile 182: | ||
} | } | ||
.zelle .zb + i, | |||
.zelle .zb div + i { | |||
position: relative; | |||
left: calc( 50% - 0.65em ); | |||
} | |||
} /*** Ende min 577px ***/ | } /*** Ende min 577px ***/ |
Version vom 24. August 2022, 13:37 Uhr
/*** Für alle ***/ .beschriftung { min-width: 150px; border-right: 1px solid grey; border-bottom: 1px solid grey } .white { background-color: unset; } .fal { font-weight: normal; } .legende { display: inline-block; width: 10em; padding: 0.5em; margin: 1em 2em; text-align: center; } .ban::before { font-family: 'Font Awesome 5 Pro'; content: "\f05e"; } .check::before { font-family: 'Font Awesome 5 Pro'; content: "\f00c"; } .blackalert::before { font-family: 'Font Awesome 5 Pro'; content: "\f071"; /* color: white; */ } .zelle, tbody > tr > td.zelle { border: 1px solid grey; border-collapse: collapse; text-align: left; padding: 0px; } /*** Ende für alle ***/ /*** Beginn max 576 ***/ @media (max-width:576px) { .zelle, tbody > tr > td.zelle { display: flex; } .sptable2 tr > td:last-child, tr > td:first-child .MS.ic-eingabe { background: #f9f9f9; } .sptable2 tbody tr:first-child { display: none; } .zellenbeschriftung, .zb, .zi { background: #f8f9fa; background-color: #f8f9fa; padding: 1px ; /* margin-right: 24%; */ border-right: 1px solid grey; display: inline-block; width:50%; } .zi { text-align: center; } .verfügbar tr > td { text-align: center; } .verfügbar tr > td:nth-child(n+1) { padding: 0px; text-align: left; } .sptable0 tr > td:nth-child(n+1) { padding: 1px; text-align: center; } .head th { transform: rotate(70deg); } .sptable0.verfügbar td { line-height: 0.8em; vertical-align: middle; } .sptable0.verfügbar td:first-child { line-height: 1.15em; vertical-align: middle; } .client::after { content: '\A mit Client'; white-space: pre; font-size: 0.8em; /* \A mit white-space fügt einen Zeilenumbruch ein */ } .fc__teilweise.center { display: inline-block; } .sptable2 tr.Legende td:nth-child(1) { background-color: #f9f9f9; padding: 0px; } .sptable0.left-col2 td:nth-child(2), .sptable0.left-col2 th:nth-child(2) { text-align: left; } } /*** Ende 576px ***/ /*** Beginn min 577 ***/ @media (min-width:577px) { .zellenbeschriftung, .zb { display: none; } .zi { background: #f8f9fa; background-color: #f8f9fa; padding: 1px ; display: inline-block; width:100%; text-align: center; } .verfügbar tr > td { text-align: center; } .verfügbar tr > td:first-child { text-align: left;; } .sptable0.verfügbar td { line-height: 1.15em; vertical-align: middle; } .sptable0.verfügbar td:first-child { line-height: 1.15em; vertical-align: middle; } .client::after { content: '\A mit Client'; white-space: pre; font-size: 0.9em; /* \A mit white-space fügt einen Zeilenumbruch ein */ } .zelle .zb + i, .zelle .zb div + i { position: relative; left: calc( 50% - 0.65em ); } } /*** Ende min 577px ***/