Template:Msgbox/styles.css

.msgbox { display: grid; grid-template-columns: 1fr; gap: 0.6em; align-items: center; max-width: 80%; margin: 0.5em auto; padding: 0.3em 0.6em; border-left: 8px solid #36e; background-color: #f8f9fa; }

.msgbox.with-image { grid-template-columns: max-content 1fr; }

.msgbox.msgbox-mini { gap: 0.3em; margin-left: 0; margin-right: 0; padding: 0 0.3em; max-width: max-content; }

@media screen and (max-width: 720px) { .msgbox { max-width: 100%; } }

.msgbox.msgbox-default, .msgbox.msgbox-notice { background-color: #f8f9fa; border-left-color: #36e; }

.msgbox.msgbox-red, .msgbox.msgbox-warning { background-color: #fcc; border-left-color: #e44; }

.msgbox.msgbox-green, .msgbox.msgbox-status {

   background-color: #cfc;
   border-left-color: #5d5;

}

.msgbox-body.align-left { text-align: left; } .msgbox-body.align-center { text-align: center; } .msgbox-body.align-right { text-align: right; }

.msgbox-text p { margin: 0; }