Template:Ambox/styles.css

/* Article message box styles */
table.ambox {
	margin: 0 10%;                  /* 10% = Will not overlap with other elements */
	border: 0px solid #a2a9b1;
	/* @noflip */
	border-left: 25px  solid #0c62da;  /* Standard AVID blue */
	background-color: #f8f9fa;
	box-sizing: border-box;
	border-radius: 5px;
}
/* Take into account templatestyles between two amboxes */
table.ambox + link + link + table.ambox,
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 */
}
.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 */
}

table.ambox-notice {
	/* @noflip */
	border-left: 25px  solid #0c62da;  /* Standard AVID blue */
}
table.ambox-speedy {
	/* @noflip */
	border-left: 25px solid #f8f9fa;    /* White */
	background-color: #da0c3f;          /* AVID red */
}
table.ambox-delete {
	/* @noflip */
	border-left: 25px solid #da0c3f;    /* AVID red */
}
table.ambox-content {
	/* @noflip */
	border-left: 25px solid #ffa800;    /* AVID yellow */
}
table.ambox-style {
	/* @noflip */
	border-left: 25px solid #ffa800;    /* AVID yellow */
}
table.ambox-move {
	/* @noflip */
	border-left: 25px solid #9932cc;    /* Purple */
}
table.ambox-protection {
	/* @noflip */
	border-left: 25px solid #a2a9b1;    /* Gray-gold */
}

/* Style for compact ambox, as used inside multiple issues etc. */
/* 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;
}
.compact-ambox table.mbox-small-left.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);*/
}
/* Allow for hiding text in compact form */
.compact-ambox .hide-when-compact {
	display: none;
}