Template:Mbox/Styles.css

/* [[Category:Template Styles]] */

.mbox {
	display: table;

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

.mbox--left { 
	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 {
    	margin-top: 0.25rem;
    }
}