KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
(12 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
/*** 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 6 Pro'; | |||
content: "\f05e"; | |||
} | |||
.check::before { | |||
font-family: 'Font Awesome 6 Pro'; | |||
content: "\f00c"; | |||
} | |||
.blackalert::before { | |||
font-family: 'Font Awesome 6 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) { | @media (max-width:576px) { | ||
.zellenbeschriftung { | .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 { | .verfügbar tr > td { | ||
text-align: center; | |||
} | } | ||
.verfügbar tr > td:nth-child(n+1) { | .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; | padding: 0px; | ||
} | } | ||
.sptable0.left-col2 td:nth-child(2), | |||
.sptable0.left-col2 th:nth-child(2) { | |||
text-align: left; | |||
} | |||
} /* Ende 576px */ | } /*** Ende 576px ***/ | ||
/*** Beginn min 577 ***/ | |||
@media (min-width:577px) { | @media (min-width:577px) { | ||
.zellenbeschriftung { | |||
.zellenbeschriftung, .zb { | |||
} | display: none; | ||
} | |||
.zi { | |||
background: #f8f9fa; | |||
background-color: #f8f9fa; | |||
padding: 1px ; | |||
display: inline-block; | |||
width:100%; | |||
text-align: center; | |||
} | |||
.verfügbar tr > td { | .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 ***/ |
Aktuelle Version vom 20. Dezember 2023, 19:06 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 6 Pro'; content: "\f05e"; } .check::before { font-family: 'Font Awesome 6 Pro'; content: "\f00c"; } .blackalert::before { font-family: 'Font Awesome 6 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 ***/