Jump to content

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

From Wikipedia, the free encyclopedia
Content deleted Content added
fmbox never outputs this class
Use design tokens for better night mode display
(One intermediate revision by the same user not shown)
Line 5: Line 5:
width: 100%;
width: 100%;
border: 1px solid #a2a9b1;
border: 1px solid #a2a9b1;
background-color: #f8f9fa; /* Default "system" gray */
background-color: var(--background-color-interactive-subtle, #f8f9fa);
box-sizing: border-box;
box-sizing: border-box;
color: var(--color-base, #202122);
}
}


Line 12: Line 13:
border: 1px solid #bb7070; /* Dark pink */
border: 1px solid #bb7070; /* Dark pink */
background-color: #ffdbdb; /* Pink */
background-color: #ffdbdb; /* Pink */
color: #202122; /* T357575 */
}
}



Revision as of 03:36, 15 May 2024

/* {{pp|small=y}} */
.fmbox {
	clear: both;
	margin: 0.2em 0;
	width: 100%;
	border: 1px solid #a2a9b1;
    background-color: var(--background-color-interactive-subtle, #f8f9fa);
    box-sizing: border-box;
    color: var(--color-base, #202122);
}

.fmbox-warning {
	border: 1px solid #bb7070;  /* Dark pink */
	background-color: #ffdbdb;  /* Pink */
    color: #202122; /* T357575 */
}

.fmbox-editnotice {
	background-color: transparent;
}

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

.fmbox .mbox-image {
	border: none;
	/* @noflip */
	padding: 2px 0 2px 0.9em;
	text-align: center;
}

.fmbox .mbox-imageright {
	border: none;
	/* @noflip */
	padding: 2px 0.9em 2px 0;
	text-align: center;
}

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