MediaWiki:Common.less/messagebox.less
Jump to navigation
Jump to search
/* =====================
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;
}
}