Module:Message box/tmbox.css

 /* {{pp|small=y}} */
 .tmbox{
 margin:4px0;
 border-collapse:collapse;
 border:1pxsolid#c0c090;/* Default "notice" gray-brown */
 background-color:#f8eaba;
 box-sizing:border-box;
 }

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

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

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

 .tmbox-content{
 border:2pxsolid#f28500;/* Orange */
 }

 .tmbox-style{
 border:2pxsolid#fc3;/* Yellow */
 }

 .tmbox-move{
 border:2pxsolid#9932cc;/* Purple */
 }

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

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

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

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

 /* keep synced with each other type of message box as this isn't qualified */
 .mbox-invalid-type{
 text-align:center;
 }

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

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

 @mediascreen{
 html.skin-theme-clientpref-night.tmbox{
 background-color:#2e2505;/* Dark brown, same hue/saturation as light */
 }

 html.skin-theme-clientpref-night.tmbox-speedy{
 background-color:#310402;/* Dark red, same hue/saturation as light */
 }
 }

 @mediascreenand(prefers-color-scheme:dark){
 html.skin-theme-clientpref-os.tmbox{
 background-color:#2e2505;/* Dark brown, same hue/saturation as light */
 }

 html.skin-theme-clientpref-os.tmbox-speedy{
 background-color:#310402;/* Dark red, same hue/saturation as light */
 }
 }

 /** T367463 */
 body.skin--responsivetable.tmboximg{
 max-width:none!important;
 }

• Wikipedia fully protected modules