MediaWiki:Common.less/messagebox.less

/* =====================
		Messageboxes
	===================== */

// mixins at [[MediaWiki:Common.less/mixins.less]]

:root {
	.mboxvar(obsolete, #cfcfcf, #464646, var(--text-color), #6c6c6c);
	
	.mboxvar(info, #ebebeb, #898989, var(--text-color), #6c6c6c);
	
	.mboxvar(action, lighten(@venice-blue, 60%), @venice-blue, var(--text-color), @regal-blue);
	
	.mboxvar(warn, #dfc0ba, #861c10, var(--text-color), #8e221a);
	
	.mboxvar(safe, #d8f0d3, #1b8408, var(--text-color), #1b8408);
	
	.mboxvar(disambig, #ebebeb, #898989, var(--text-color), #6c6c6c);
	
	// do these really need to be vars? doubt we want to ever change them across themes
	--messagebox-discord-background: @discord-bg;
	--messagebox-discord-border: @discord-bg-darker;
	--messagebox-discord-link-color: #d2e5fc;
}

.mw-message-box,
.mw-message-box-error,
.mw-message-box-warning,
.mw-message-box-success,
.usermessage {
	color: var(--text-color);
}

.messagebox {
	width: 65%;
	margin: .5em auto;
	border-left: 15px solid;
	border-color: var(--body-dark);
	background-color: var(--body-light);
	box-sizing: border-box;

	.mbox(obsolete);

	.mbox(info);

	.mbox(action);

//	.mbox(file);

	.mbox(warn);

	.mbox(safe);

	.mbox(disambig);

	&.discord {
		background-color: var(--messagebox-discord-background);
		border-color: var(--messagebox-discord-border);
		color: @white;
		
		a,
		a:visited,
		a:active {
			color: var(--messagebox-discord-link-color);
			
			&.external {
				// Links to the Discord
				font-style: italic;
			}
		}
	}

	&.stub {
		width: 40%;
	}

	&.hasdialogue {
		padding: 0 10px;
		width: auto;
	}
}