Module:Message box/ombox.css

/* {{pp-template|small=y}} */
.ombox{
margin:4px0;
border-collapse:collapse;
border:1pxsolid#a2a9b1;/* Default "notice" gray */
background-color:#f8f9fa;
box-sizing:border-box;
}

/* For the "small=yes" option. */
.ombox.mbox-small{
font-size:88%;
line-height:1.25em;
}

.ombox-speedy{
border:2pxsolid#b32424;/* Red */
background-color:#fee7e6;/* Pink */
}

.ombox-delete{
border:2pxsolid#b32424;/* Red */
}

.ombox-content{
border:1pxsolid#f28500;/* Orange */
}

.ombox-style{
border:1pxsolid#fc3;/* Yellow */
}

.ombox-move{
border:1pxsolid#9932cc;/* Purple */
}

.ombox-protection{
border:2pxsolid#a2a9b1;/* Gray-gold */
}

.ombox.mbox-text{
border:none;
/* @noflip */
padding:0.25em0.9em;
width:100%;
}

.ombox.mbox-image{
border:none;
/* @noflip */
padding:2px02px0.9em;
text-align:center;
}

.ombox.mbox-imageright{
border:none;
/* @noflip */
padding:2px0.9em2px0;
text-align:center;
}

/* An empty narrow cell */
.ombox.mbox-empty-cell{
border:none;
padding:0;
width:1px;
}

.ombox.mbox-invalid-type{
text-align:center;
}

@media(min-width:720px){
.ombox{
margin:4px10%;
}

.ombox.mbox-small{
/* @noflip */
clear:right;
/* @noflip */
float:right;
/* @noflip */
margin:4px04px1em;
width:238px;
}
}