Module:Message box/imbox.css - Revision history

Fen: styling fixes for dark theme gods!

2025-07-15T17:58:28Z

styling fixes for dark theme gods!

← Older revision		Revision as of 17:58, 15 July 2025
Line 21:		Line 21:
	.imbox .mbox-text {		.imbox .mbox-text {
	overflow: hidden;		overflow: hidden;
			color: initial;
	}		}

Fen: css fix

2025-07-14T20:12:06Z

css fix

← Older revision		Revision as of 20:12, 14 July 2025
Line 15:		Line 15:
	float: left;		float: left;
	margin-right: 0.9em;		margin-right: 0.9em;
	~~width: 52px;~~
	text-align: center;		text-align: center;
	}		}

Fen: adding css for message boxes

2025-07-14T16:26:21Z

adding css for message boxes

New page

/* Default imbox styling */
.imbox {
border: 1px solid #a2a9b1;
background-color: #f8f9fa;
padding: 0.25em 0.9em;
margin: 0.5em 0;
border-left: 10px solid #36c;
box-sizing: border-box;
overflow: hidden;
clear: both;
}

/* Icon */
.imbox .mbox-image {
float: left;
margin-right: 0.9em;
width: 52px;
text-align: center;
}

/* Text */
.imbox .mbox-text {
overflow: hidden;
}

/* Narrow version for inline use */
.imbox.imbox-narrow {
border-left-width: 3px;
padding: 0.2em 0.6em;
font-size: 90%;
}

/* Specific types of imboxes */
.imbox-license {
border-left-color: #88a;
background-color: #f9f9f9;
}

.imbox-content {
border-left-color: #6b8e23;
}

.imbox-style {
border-left-color: #fc3;
}

.imbox-delete {
border-left-color: #b32424;
background-color: #fee;
}

.imbox-notice {
border-left-color: #36c;
}

.imbox-warning {
border-left-color: #f28500;
background-color: #fff8e5;
}