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

Version vom 8. Januar 2020, 11:00 Uhr

/*** Für alle ***/

.beschriftung {
	min-width: 150px; 
	border-right: 1px solid grey;
	border-bottom: 1px solid grey
	}

.good {
	background-color: #CCFFCC !important;
	}

.possible {
	background-color: #FFFF99 !important;
	}

.bad {
	background-color: #FF5555 !important;
	}

.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; */
	}



/*** Ende für alle ***/




/*** Beginn max 576 ***/

@media (max-width:576px) {

.zellenbeschriftung, .zb {
	background: #f8f9fa;
	background-color: #f8f9fa;
	padding: 1px ;
	margin-right: 24%;
	border-right: 1px solid grey;
	display: inline-block;
	width:50%;
	}

.verfügbar tr > td {
	text-align: center; 
	}

.verfügbar tr > td:nth-child(n+1) {
	padding: 1px;
	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 */ 
	}


} /*** Ende 576px ***/




/*** Beginn min 577 ***/

@media (min-width:577px) {

.zellenbeschriftung, .zb {
	display: none;
	}

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



} /*** Ende min 577px ***/