Vorlage:AV-Portal-Benutzer.css: Unterschied zwischen den Versionen

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 ***/