Module:Message box/fmbox.css - Revision history

w>Izno: border color per tper

2026-09-13T20:38:05Z

border color per tper

← Older revision		Revision as of 16:38, 13 September 2026
Line 3:		Line 3:
	clear: both; /* this sheet does not require overflow-x because of this clear */		clear: both; /* this sheet does not require overflow-x because of this clear */
	margin: 0.2em 0;		margin: 0.2em 0;
	border: 1px solid #a2a9b1;		border: 1px solid var(--border-color-base, #a2a9b1);
	background-color: var(--background-color-interactive-subtle, #f8f9fa);		background-color: var(--background-color-interactive-subtle, #f8f9fa);
	box-sizing: border-box;		box-sizing: border-box;

w>Izno: bump paddings per Module talk:Message box#cmbox migration

2025-10-17T00:59:48Z

bump paddings per Module talk:Message box#cmbox migration

← Older revision		Revision as of 20:59, 16 October 2025
Line 19:		Line 19:

	.fmbox .mbox-text {		.fmbox .mbox-text {
	padding: 0.~~25em~~ ~~0.9em~~;		padding: 0.35em 1em;
	flex: 1 1 100%;		flex: 1 1 100%;
	}		}
Line 25:		Line 25:
	.fmbox .mbox-image,		.fmbox .mbox-image,
	.fmbox .mbox-imageright {		.fmbox .mbox-imageright {
	padding: ~~2px~~ 0;		padding: 4px 2px;
	text-align: center;		text-align: center;
	flex: none;		flex: none;
Line 43:		Line 43:
	.fmbox .mbox-image {		.fmbox .mbox-image {
	/* @noflip */		/* @noflip */
	padding-left: ~~0.9em~~;		padding-left: 1em;
	}		}

	.fmbox .mbox-imageright {		.fmbox .mbox-imageright {
	/* @noflip */		/* @noflip */
	padding-right: ~~0.9em~~;		padding-right: 1em;
	}		}
	}		}

w>Izno: div fmbox

2025-10-15T21:05:14Z

div fmbox

← Older revision		Revision as of 17:05, 15 October 2025
Line 1:		Line 1:
	/* {{pp\|small=y}} */		/* {{pp\|small=y}} */
	.fmbox {		.fmbox {
			clear: both; /* this sheet does not require overflow-x because of this clear */
	clear: both;
	margin: 0.2em 0;		margin: 0.2em 0;
	width: 100%;
	border: 1px solid #a2a9b1;		border: 1px solid #a2a9b1;
	background-color: var(--background-color-interactive-subtle, #f8f9fa);		background-color: var(--background-color-interactive-subtle, #f8f9fa);
Line 20:		Line 19:

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

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

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

Line 43:		Line 33:
	.mbox-invalid-type {		.mbox-invalid-type {
	text-align: center;		text-align: center;
		⚫	}

			@media (min-width: 480px) {
			.fmbox {
			display: flex;
		⚫	align-items: center;
			}

		⚫	.fmbox .mbox-image {
		⚫	/* @noflip */
		⚫	padding-left: 0.9em;
			}

			.fmbox .mbox-imageright {
		⚫	/* @noflip */
		⚫	padding-right: 0.9em;
			}
	}		}

w>Izno: I can english I swear

2025-08-29T06:05:55Z

I can english I swear

← Older revision		Revision as of 02:05, 29 August 2025
Line 40:		Line 40:
	}		}

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


	@media screen {		@media screen {
Line 51:		Line 51:
	}		}

		⚫	@media screen and (prefers-color-scheme: dark) {

⚫	@media screen and ( prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .fmbox-warning {		html.skin-theme-clientpref-os .fmbox-warning {
	background-color: #300; /* Reddish, same hue/saturation as light */		background-color: #300; /* Reddish, same hue/saturation as light */

Hnck: 1 revision imported: import template

2025-03-01T02:25:18Z

1 revision imported: import template

← Older revision		Revision as of 22:25, 28 February 2025
(No difference)

w>Izno: per tper

2024-08-03T21:56:11Z

per tper

← Older revision		Revision as of 17:56, 3 August 2024
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 41:		Line 42:
	.fmbox .mbox-invalid-type {		.fmbox .mbox-invalid-type {
	text-align: center;		text-align: center;
			}


			@media screen {
			html.skin-theme-clientpref-night .fmbox-warning {
			background-color: #300; /* Reddish, same hue/saturation as light */
			}
			}


			@media screen and ( prefers-color-scheme: dark) {
			html.skin-theme-clientpref-os .fmbox-warning {
			background-color: #300; /* Reddish, same hue/saturation as light */
			}
	}		}

Hnck: 1 revision imported: Infoboxes Reqs

2023-11-06T23:01:51Z

1 revision imported: Infoboxes Reqs

← Older revision	Revision as of 19:01, 6 November 2023
(No difference)

w>Izno: fmbox never outputs this class

2022-07-09T19:12:22Z

fmbox never outputs this class

New page

/* {{pp|small=y}} */
.fmbox {
clear: both;
margin: 0.2em 0;
width: 100%;
border: 1px solid #a2a9b1;
background-color: #f8f9fa; /* Default "system" gray */
box-sizing: border-box;
}

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

.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;
}