Module:Message box/ombox.css: Difference between revisions

Created page with "{{pp|small=y}}: .ombox { margin: 4px 0; border-collapse: collapse; border: 1px solid #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: 2px solid #b32424; Red: background-color: #fee7e6; Pink: } .ombox-delete { border: 2px solid #b32424; Red: } .ombox-content { border: 1p..."
 
No edit summary
 
Line 4: Line 4:
border-collapse: collapse;
border-collapse: collapse;
border: 1px solid #a2a9b1;    /* Default "notice" gray */
border: 1px solid #a2a9b1;    /* Default "notice" gray */
background-color: #f8f9fa;
background-color: var(--background-color-neutral-subtle, #f8f9fa);
box-sizing: border-box;
box-sizing: border-box;
    color: var(--color-base, #202122);
}
}


Line 84: Line 85:
margin: 4px 0 4px 1em;
margin: 4px 0 4px 1em;
width: 238px;
width: 238px;
}
}
/** T367463 */
body.skin--responsive table.ombox img {
max-width: none !important;
}
@media screen {
html.skin-theme-clientpref-night .ombox-speedy {
background-color: #310402;    /* Dark red, same hue/saturation as light */
}
}
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .ombox-speedy {
background-color: #310402; /* Dark red, same hue/saturation as light */
}
}
}
}