Template:Ambox/styles.css

/* Article message box styles */
table.ambox {
	margin: 0 10%;                  /* 10% = Will not overlap with other elements */
	border: 1px solid #6B7280;
	/* @noflip */
	border-left: 10px solid #4A9EFF;  /* Default "notice" blue */
	background-color: #1F2937;
	box-sizing: border-box;
	color: #E5E7EB; /* Light text for dark backgrounds */
}
table.ambox + table.ambox {      /* Single border between stacked boxes. */
	margin-top: -1px;
}
.ambox th.mbox-text,
.ambox td.mbox-text {            /* The message body cell(s) */
	padding: 0.25em 0.5em;       /* 0.5em left/right */
	color: #E5E7EB; /* Ensure text is readable */
}
.ambox td.mbox-image {           /* The left image cell */
	/* @noflip */
	padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {      /* The right image cell */
	/* @noflip */
	padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}

/* Ambox type-specific styles */
table.ambox-notice {
	/* @noflip */
	border-left: 10px solid #4A9EFF;       /* Blue */
}
table.ambox-speedy {
	/* @noflip */
	border-left: 10px solid #FF4444;       /* Red */
	background-color: #2A1515;             /* Dark pink */
}
table.ambox-delete {
	/* @noflip */
	border-left: 10px solid #FF4444;       /* Red */
}
table.ambox-content {
	/* @noflip */
	border-left: 10px solid #FF9933;       /* Orange */
}
table.ambox-style {
	/* @noflip */
	border-left: 10px solid #FFDD44;       /* Yellow */
}
table.ambox-move {
	/* @noflip */
	border-left: 10px solid #B84DFF;       /* Purple */
}
table.ambox-protection {
	/* @noflip */
	border-left: 10px solid #6B7280;       /* Gray-gold */
}
table.ambox-serious {
	/* @noflip */
	border-left: 10px solid #FF4444;       /* Red - serious issues */
	background-color: #2A1515;             /* Dark red background */
}
table.ambox-important {
	/* @noflip */
	border-left: 10px solid #FF9933;       /* Orange - important */
}
table.ambox-warning {
	/* @noflip */
	border-left: 10px solid #FFDD44;       /* Yellow - warning */
}

/* Style for compact ambox */
/* Hide the images */
.compact-ambox table .mbox-image,
.compact-ambox table .mbox-imageright,
.compact-ambox table .mbox-empty-cell {
	display: none;
}
/* Remove borders, backgrounds, padding, etc. */
.compact-ambox table.ambox {
	border: none;
	border-collapse: collapse;
	background-color: transparent;
	margin: 0 0 0 1.6em !important;
	padding: 0 !important;
	width: auto;
	display: block;
}
body.mediawiki .compact-ambox table.mbox-small-left {
	font-size: 100%;
	width: auto;
	margin: 0;
}
/* Style the text cell as a list item and remove its padding */
.compact-ambox table .mbox-text {
	padding: 0 !important;
	margin: 0 !important;
}
.compact-ambox table .mbox-text-span {
	display: list-item;
	line-height: 1.5em;
	list-style-type: square;
	list-style-image: url(/w/skins/MonoBook/resources/images/bullet.gif);
}
.skin-vector .compact-ambox table .mbox-text-span {
	list-style-type: disc;
	list-style-image: url(/w/skins/Vector/images/bullet-icon.svg);
	list-style-image: url(/w/skins/Vector/images/bullet-icon.png);
}
/* Allow for hiding text in compact form */
.compact-ambox .hide-when-compact {
	display: none;
}