MediaWiki:Common.less/messagebox.less: Difference between revisions
(Created page with "→===================== 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), #...") |
No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
/* ===================== 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; }} |
|||
/* ===================== |
|||
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; |
|||
} |
|||
} |
|||
Revision as of 18:12, 17 October 2024
/* ===================== 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; }}