MediaWiki:Common.less/messagebox.less

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

root {

   --messagebox-obsolete-background: #cfcfcf;
   --messagebox-obsolete-border: #464646;
   --messagebox-obsolete-link-color: #6c6c6c;
   --messagebox-info-background: #ebebeb;
   --messagebox-info-border: #898989;
   --messagebox-info-link-color: #6c6c6c;
   --messagebox-action-background: lighten(@venice-blue, 60%);
   --messagebox-action-border: @venice-blue;
   --messagebox-action-link-color: @regal-blue;
   --messagebox-warn-background: #dfc0ba;
   --messagebox-warn-border: #861c10;
   --messagebox-warn-color: var(--text-color);
   --messagebox-warn-link-color: #8e221a;
   --messagebox-safe-background: #d8f0d3;
   --messagebox-safe-border: #1b8408;
   --messagebox-safe-color: var(--text-color);
   --messagebox-safe-link-color: #1b8408;
   --messagebox-disambig-background: #ebebeb;
   --messagebox-disambig-border: #898989;
   --messagebox-disambig-link-color: #6c6c6c;
   --messagebox-discord-background: @discord-bg;
   --messagebox-discord-border: @discord-bg-darker;
   --messagebox-discord-color: #d2e5fc;

}

.messagebox, .errorbox, .warningbox, .successbox, .usermessage { color: var(--text-color); }

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

&.obsolete { background-color: var(--messagebox-obsolete-background); border-color: var(--messagebox-obsolete-border);

a, a:visited, a:active { color: var(--messagebox-obsolete-link-color); } }

&.info { background-color: var(--messagebox-info-background); border-color: var(--messagebox-info-border);

a, a:visited, a:active { color: var(--messagebox-info-link-color); } }

&.action { background-color: var(--messagebox-action-background); border-color: var(--messagebox-action-border);

a, a:visited, a:active { color: var(--messagebox-action-link-color); } }

/* &.file { not much different than defaults background-color: @BODY_LIGHT; border-color: @BODY_BORDER;

a, a:visited, a:active { color: @LINK_COLOR; } } */

&.warn {

       background-color: var(--messagebox-warn-background);
       border-color: var(--messagebox-warn-border);

       a,
       a:visited,
       a:active {
           color: var(--messagebox-warn-link-color);
       }

   }
   
   &.safe {
       background-color: var(--messagebox-safe-background);
       border-color: var(--messagebox-safe-border);

       a,
       a:visited,
       a:active {
           color: var(--messagebox-safe-link-color);
       }
   }

&.disambig { background-color: var(--messagebox-disambig-background); border-color: var(--messagebox-disambig-border);

a, a:visited, a:active { color: var(--messagebox-disambig-link-color); } }

&.discord { background-color: var(--messagebox-discord-background); border-color: var(--messagebox-discord-border); color: white;

a, a:visited, a:active { color: var(--messagebox-discord-color);

&.external { // Links to the discord // color: var(--messagebox-discord-color); font-style: italic; } } }

&.stub { width: 40%; }

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