মডিউল:বার্তার বাক্স/চিত্র-বাক্স.css

 /* {{সুরক্ষা}} */
 .imbox{
 margin:4px0;
 border-collapse:collapse;
 border:3pxsolid#36c;/* Default "notice" blue */
 background-color:var(--background-color-interactive-subtle,#f8f9fa);
 box-sizing:border-box;
 }

 /* For imboxes inside imbox-text cells. */
 .imbox.mbox-text.imbox{
 margin:0-0.5em;/* 0.9 - 0.5 = 0.4em left/right. */
 /* TODO: Still needed? */
 display:block;/* Fix for webkit to force 100% width. */
 }

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

 .imbox-delete{
 border:3pxsolid#b32424;/* Red */
 }

 .imbox-content{
 border:3pxsolid#f28500;/* Orange */
 }

 .imbox-style{
 border:3pxsolid#fc3;/* Yellow */
 }

 .imbox-move{
 border:3pxsolid#9932cc;/* Purple */
 }

 .imbox-protection{
 border:3pxsolid#a2a9b1;/* Gray-gold */
 }

 .imbox-license{
 border:3pxsolid#88a;/* Dark gray */
 }

 .imbox-featured{
 border:3pxsolid#cba135;/* Brown-gold */
 }

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

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

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

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

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

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


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


 @mediascreenand(prefers-color-scheme:dark){
 html.skin-theme-clientpref-os.imbox-speedy{
 background-color:#310402;/* Dark red, same hue/saturation as light */
 }
 }