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

Revision as of 17:33, 27 May 2022

Latest revision as of 06:07, 29 August 2025

(12 intermediate revisions by 3 users not shown)

Line 1:

/* {{pp|small=y}} */

.ombox {

margin: 4px 10%0;

border-collapse: collapse;

border: 1px solid #a2a9b1; /* Default "notice" gray */

background-color: var(--background-color-neutral-subtle, #f8f9fa);

box-sizing: border-box;

color: var(--color-base, #202122);

}

/* For the "small=yes" option. */

.ombox.mbox-small {

/* @noflip */

clear: right;

/* @noflip */

float: right;

/* @noflip */

margin: 4px 0 4px 1em;

width: 238px;

font-size: 88%;

line-height: 1.25em;

Line 72 ⟶ 66:

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) {

.ombox {

margin: 4px 10%;

}

.ombox.mbox-small {

/* @noflip */

clear: right;

/* @noflip */

float: right;

/* @noflip */

margin: 4px 0 4px 1em;

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 */

}

}