MediaWiki:Common.less/messagebox.less

From RuneRealm Wiki
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; } }