Template:Mbox/Styles.css

/* */

.mbox { display: table;

border-radius: 0.5rem; background-color: #17568c; text-align: left; margin: 0 auto 1rem; overflow: auto; padding: 0.5rem 0.75rem; }

/* Left align mboxes in File namespace since everything else is left-aligned */ .mbox--file { margin-left: 0; margin-right: 0; }

.mbox-image { display: table-cell; vertical-align: middle; padding-right: 0.75rem; }

.mbox-content { display: table-cell; vertical-align: middle; }

.mbox-header { font-weight: bold; }

.mbox-reason, .mbox-info { font-size: 0.75rem; }

/* Mobile-friendly version */ @media (max-width: 53.125rem) { .mbox { display: block; }   .mbox-content { line-height: 1.25; }   .mbox-header { font-size: 0.75rem; }   .mbox-image img { width: 3rem; height: auto !important; /* necessary to override Timeless styles */ max-width: inherit !important; /* necessary to override Timeless styles */ }   .mbox-info { display: none; } }