Module:Message box/umbox.css

.umbox {

margin: 3px 0;

border-collapse: collapse;

border: 1px solid #4169E1;

background-color: #BBDDFF; /* Default "notice" blue */

box-sizing: border-box;

}

.umbox-speedy {

border: 4px solid #b32424; /* Red */

background-color: #FFB2B2; /* Pink */

}

.umbox-delete {

border: 1px solid #FF3232; /* Red */

background-color: #FFB2B2; /* Pink */

}

.umbox-content {

border: 1px solid #BF5F00; /* Orange-brown */

background-color: #FFCC99; /* Orange */

}

.umbox-style {

border: 1px solid #FFDF3F; /* Yellow */

background-color: #FFF2B2; /* Light yellow */

}

.umbox-move {

border: 1px solid #7F3FFF; /* Violet */

background-color: #C6AAFF; /* Purple */

}

.umbox-protection {

border: 1px solid #BFBF2F; /* Dark gray-gold */

background-color: #E5E5C9; /* Gray-gold */

}

.umbox .mbox-text {

border: none;

/* @noflip */

padding: 0.25em 0.9em;

width: 100%;

}

.umbox .mbox-image {

border: none;

/* @noflip */

padding: 2px 0 2px 0.9em;

text-align: center;

}

.umbox .mbox-imageright {

border: none;

/* @noflip */

padding: 2px 0.9em 2px 0;

text-align: center;

}

/* An empty narrow cell */

.umbox .mbox-empty-cell {

border: none;

padding: 0;

width: 1px;

}

.umbox .mbox-invalid-type {

text-align: center;

}

@media (min-width: 720px) {

.umbox {

margin: 3px 10%;

}

}