Module:Message box/imbox.css - Revision history

imported>Jon (WMF): Fixes phab:T369874 via automated script

2024-07-31T23:22:05Z

Fixes phab:T369874 via automated script

← Older revision		Revision as of 23:22, 31 July 2024
Line 86:		Line 86:
	}		}

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

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

imported>Izno: default -license to the default grey

2024-06-14T05:06:19Z

default -license to the default grey

← Older revision		Revision as of 05:06, 14 June 2024
Line 42:		Line 42:
	.imbox-license {		.imbox-license {
	border: 3px solid #88a; /* Dark gray */		border: 3px solid #88a; /* Dark gray */
	~~background-color: #f7f8ff; /* Light gray */~~
	}		}

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

	~~html.skin-theme-clientpref-night .imbox-license {~~
	~~background-color: #00031a; /* dark grey, same hue/saturation as light */~~
	}		}

Line 98:		Line 93:
	html.skin-theme-clientpref-os .imbox-speedy {		html.skin-theme-clientpref-os .imbox-speedy {
	background-color: #310402; /* Dark red, same hue/saturation as light */		background-color: #310402; /* Dark red, same hue/saturation as light */
	}

	~~html.skin-theme-clientpref-os .imbox-license {~~
	~~background-color: #00031a; /* dark grey, same hue/saturation as light */~~
	}		}
	}		}

imported>Izno: use the standard subtle grey

2024-06-14T05:04:50Z

use the standard subtle grey

← Older revision		Revision as of 05:04, 14 June 2024
Line 4:		Line 4:
	border-collapse: collapse;		border-collapse: collapse;
	border: 3px solid #36c; /* Default "notice" blue */		border: 3px solid #36c; /* Default "notice" blue */
	background-color: var(--background-color-~~base~~, #~~fff~~);		background-color: var(--background-color-interactive-subtle, #f8f9fa);
	box-sizing: border-box;		box-sizing: border-box;
	}		}

imported>Izno: bgcolor flip for imbox

2024-06-14T04:56:57Z

bgcolor flip for imbox

@@ Line 4: / Line 4: @@
 	border-collapse: collapse;
 	border: 3px solid #36c;    /* Default "notice" blue */
-	background-color: #fbfbfb;
+	background-color: var(--background-color-base, #fff);
 	box-sizing: border-box;
+}
@@ Line 84: / Line 84: @@
 	.imbox {
 		margin: 4px 10%;
+	}
+}

imported>Izno: move margin 10% to media query

2022-07-09T23:27:41Z

move margin 10% to media query

← Older revision		Revision as of 23:27, 9 July 2022
Line 1:		Line 1:
	/* {{pp\|small=y}} */		/* {{pp\|small=y}} */
	.imbox {		.imbox {
	margin: 4px ~~10%~~;		margin: 4px 0;
	border-collapse: collapse;		border-collapse: collapse;
	border: 3px solid #36c; /* Default "notice" blue */		border: 3px solid #36c; /* Default "notice" blue */
Line 79:		Line 79:
	.imbox .mbox-invalid-type {		.imbox .mbox-invalid-type {
	text-align: center;		text-align: center;
			}

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

imported>Izno: invalid type css

2022-07-09T18:33:48Z

invalid type css

← Older revision		Revision as of 18:33, 9 July 2022
Line 75:		Line 75:
	padding: 0;		padding: 0;
	width: 1px;		width: 1px;
			}

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

imported>Izno: tag

2022-07-07T20:12:16Z

tag

← Older revision		Revision as of 20:12, 7 July 2022
Line 1:		Line 1:
			/* {{pp\|small=y}} */
	.imbox {		.imbox {
	margin: 4px 10%;		margin: 4px 10%;

imported>Izno: Protected "Module:Message box/imbox.css": match parent ([Edit=Require administrator access] (indefinite) [Move=Require administrator access] (indefinite))

2022-07-07T20:11:58Z

Protected "Module:Message box/imbox.css": match parent ([Edit=Require administrator access] (indefinite) [Move=Require administrator access] (indefinite))

← Older revision	Revision as of 20:11, 7 July 2022
(No difference)

imported>Izno: mbox-inside isn't necessary here, the only template that uses it on file pages is Template:information. moved there

2022-05-18T18:39:47Z

mbox-inside isn't necessary here, the only template that uses it on file pages is Template:information. moved there

← Older revision		Revision as of 18:39, 18 May 2022
Line 12:		Line 12:
	/* TODO: Still needed? */		/* TODO: Still needed? */
	display: block; /* Fix for webkit to force 100% width. */		display: block; /* Fix for webkit to force 100% width. */
	}

	~~/* For imboxes inside other templates. */~~
	~~.mbox-inside .imbox {~~
	~~margin: 4px;~~
	}		}

imported>Izno: imbox

2022-05-08T00:48:38Z

imbox

New page

.imbox {
margin: 4px 10%;
border-collapse: collapse;
border: 3px solid #36c; /* Default "notice" blue */
background-color: #fbfbfb;
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. */
}

/* For imboxes inside other templates. */
.mbox-inside .imbox {
margin: 4px;
}

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

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

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

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

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

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

.imbox-license {
border: 3px solid #88a; /* Dark gray */
background-color: #f7f8ff; /* Light gray */
}

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

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

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

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

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