Szablon:Ambox/2/style.css

.ambox2 {
	border: 1px solid var(--border-color-base, #a2a9b1);
	border-left: 10px solid var(--color-progressive, #36c);
	background-color: var(--background-color-neutral-subtle, #f8f9fa);
	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; oprócz niebieskiego, odcień kolorów pasuje do trybu jasnego i ciemnego */
.ambox2.ambox-delete, .ambox2.ambox-serious {
  border-left-color: #d33;
}
.ambox2.ambox-content {
  border-left-color: #f28500;
}
.ambox2.ambox-notice {
  border-left-color: var(--color-progressive, #36c);
}
.ambox2.ambox-merge {
  border-left-color: #9932cc;
}

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