Modul:Message box/stil.css

.mbox {
	display: grid;
	grid-template-areas:
		"leftimage text  rightimage"
		"below     below below";
	grid-template-columns: min-content auto min-content;
	align-items: center;
	gap: 0 0.9em; /* 0 is needed to avoid a gap above a non-existant "below" row */
	margin: 4px 10%;
	padding: 0.25em 0.9em;
	border: 1px solid #a2a9b1;
	border-radius: 2px;
	background: #fbfbfb;
	box-sizing: border-box;
}
/* Some times, the styles are used without the actual module being invoked */
table.mbox {
	display: table;
}
.mbox + .mbox,
.mbox + link + .mbox { /* TemplateStyles deduped inserts a <link> tag */
	margin-top: -1px;
}
.mbox-image,
.mbox-empty-cell {
	grid-area: leftimage;
}
.mbox-text {
	grid-area: text;
}
.mbox-imageright {
	grid-area: rightimage;
}
.mbox-below {
	grid-area: below;
	margin-top: 0.5em;
}

/* Article message box styles */
.ambox {
	border-left: 10px solid #1e90ff;
	margin: 0 10%;
}
.ambox-notice {
	border-left-color: #1e90ff;
}
.ambox-speedy {
	border-left-color: #b22222;
	background: #fee;
}
.ambox-delete {
	border-left-color: #b22222;
}
.ambox-content {
	border-left-color: #f28500;
}
.ambox-style {
	border-left-color: #f4c430;
}
.ambox-move {
	border-left-color: #9932cc;
}
.ambox-protection {
	border-left-color: #bba;
}

/* Image message box styles */
.imbox {
	margin: 4px 10%;
	border: 3px solid #1e90ff;
}
.imbox-notice {
	border-color: #1e90ff;
}
.imbox-speedy {
	border-color: #b22222;
	background: #fee;
}
.imbox-delete {
	border-color: #b22222;
}
.imbox-content {
	border-color: #f28500;
}
.imbox-style {
	border-color: #f4c430;
}
.imbox-move {
	border-color: #9932cc;
}
.imbox-protection {
	border-color: #bba;
}
.imbox-license {
	border-color: #88a;
	background: #f7f8ff;
}
.imbox-featured {
	border-color: #cba135;
}
 
/* Category message box styles */
.cmbox, .cmbox-notice {
	background: #dfe8ff;
}
.cmbox-speedy {
	border: 4px solid #b22222;
	background: #fee;
}
.cmbox-delete {
	background: #fee;
}
.cmbox-content {
	background: #ffe7ce;
}
.cmbox-style {
	background: #fff9db;
}
.cmbox-move {
	background: #e4d8ff;
}
.cmbox-protection {
	background: #efefe1;
}
 
/* Other pages message box styles */
.ombox {
	background: #f9f9f9;
}
.ombox-speedy {
	border: 2px solid #b22222;
	background: #fee;
}
.ombox-delete {
	border: 2px solid #b22222;
}
.ombox-content {
	border-color: #f28500;
}
.ombox-style {
	border-color: #f4c430;
}
.ombox-move {
	border-color: #9932cc;
}
.ombox-protection {
	border: 2px solid #bba;
}
 
/* Talk page message box styles */
.tmbox {
	border-color: #c0c090;
	background: #f8eaba;
}
body.mediawiki .mbox-inside .tmbox {
	margin: 2px 0;
	width: 100%;
}
.mbox-inside .tmbox.mbox-small {
	line-height: 1.5em;
	font-size: 100%;
}

.tmbox-speedy {
	border: 2px solid #b22222;
	background: #fee;
}
.tmbox-delete {
	border: 2px solid #b22222;
}
.tmbox-content {
	border: 2px solid #f28500;
}
.tmbox-style {
	border: 2px solid #f4c430;
}
.tmbox-move {
	border: 2px solid #9932cc;
}
.tmbox-protection,
.tmbox-notice {
	border: 1px solid #c0c090;
}
 
/* Disambig and set index box styles */
.dmbox {
	clear: both;
	margin: 0.9em 1em;
	border: 1px solid #ccc;
	border-width: 0 1px;
	background: transparent;
}
 
/* Footer and header message box styles */
.fmbox {
	clear: both;
	margin: 0.2em 0;
	width: 100%;
	border: 1px solid #a9a2b1;
	background: #f9f9f9;
}
.fmbox-system {
	clear: both;
	margin: 0.2em 0;
	border: 1px solid #a2a9b1;
	background: #f9f9f9;
	padding: 0.25em 0.9em;
}
 
/* These mbox-small classes must be placed after all other 
   ambox/tmbox/ombox etc classes. "body.mediawiki" is so 
   they override "table.ambox + table.ambox" above. */
body.mediawiki .mbox-small {   /* For the "small=yes" option. */
    clear: right;
    float: right;
    margin: 4px 0 4px 1em;
    min-width: 238px;
    width: min-content;
    font-size: 88%;
    line-height: 1.25em;
}
body.mediawiki .mbox-small-left {   /* For the "small=left" option. */
    margin: 4px 1em 4px 0;
    min-width: 238px;
    width: min-content;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;
}