Szablon:Ambox/2/style.css

.ambox2 {
	border: 1px solid #a2a9b1;
	border-left: 10px solid #36c;
	background-color: #fbfbfb;
	box-sizing: border-box;

	max-width: 700px;
	margin: auto;
	
	display: grid;
	padding: .3em;
	gap: .3em;
	/*grid-template-columns: min-content 1fr;*/
	grid-template-columns: 60px 1fr;
	align-items: center;
}
.ambox2.with-imageright {
	grid-template-columns: 60px 1fr min-content;
}
.ambox2.without-image {
	grid-template-columns: 1fr;
}
.ambox2-imageright,
.ambox2-image {
	justify-self: center;
}
@media (max-width: 450px) {
	.ambox2-imageright {
		grid-row: 2;
		grid-column: 1 / span 2;
		justify-self: end;
	}
	.ambox2.with-imageright {
		grid-template-columns: 40px 1fr;
	}
	.ambox2 {
		grid-template-columns: 40px 1fr;
	}
}

/* kolorowe marginesy */
.ambox2.ambox-delete, .ambox2.ambox-serious {
  border-left: 10px solid #d33;
}
.ambox2.ambox-content {
  border-left: 10px solid #f28500;
}
.ambox2.ambox-notice {
  border-left: 10px solid #36c;
}
.ambox2.ambox-merge {
  border-left: 10px solid #9932cc;
}

/* nakładanie ramek */
.ambox2 {
  margin-top: -1px;
}