Szablon:Komunikat/style.css

/* Ogólny layout */
.mbox {
	max-width: 61.8%;
	min-width: 50%;
	min-height: 35px;
	margin: 0 auto 1em auto;
	padding: 0.5em 1em;
	
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1em;
	
	border: 1px solid;
	border-radius: 4px;
}

@media (max-width: 720px) {
	.mbox {
		max-width: unset;
		margin: 0 8px 1em 8px;
	}
}

.mbox p:first-child {margin-top: 0;}
.mbox p:last-child {margin-bottom: 0;}
.mbox .grafika {flex-grow: 0; min-width: 35px}

/* Komunikat informacyjny */
.mbox-info {
	background-color: #fafbff;
	border-color: #c8ccdf;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.08);
}
.mbox-info b {
	color: #334;
}

/* Komunikat ostrzegawczy */
.mbox-warning {
	background-color: #fff8e4;
	border-color: #d98;
	box-shadow: 0 2px 6px 0 rgba(221, 204, 136, 0.5);
	color: #420;
}
.mbox-warning b {
	color: #630;
}