resources/src/mediawiki.skinning/messageBoxes.less

   1 @import 'mediawiki.skin.variables.less';
   2
   3 .mw-message-box {
   4         background-color: @background-color-notice-subtle;
   5         color: @color-emphasized;
   6         box-sizing: border-box;
   7         margin-bottom: 16px;
   8         border: @border-width-base @border-style-base @border-color-notice;
   9         padding: 12px 24px;
  10         word-wrap: break-word;
  11         /* Standard property is `overflow-wrap` */
  12         overflow-wrap: break-word;
  13         overflow: hidden;
  14
  15         /* Ensure box inner spacing is not all over the place no matter what element is only child. */
  16         > :only-child {
  17                 margin: 0;
  18         }
  19
  20         // Used in MobileFrontend/Nearby extensions
  21         h2 {
  22                 color: inherit;
  23                 display: block;
  24                 border: 0;
  25                 font-size: 1em;
  26                 font-weight: bold;
  27         }
  28
  29         // Formerly provided by mw-warning-with-logexcerpt, now available for all messageboxes.
  30         .mw-logevent-loglines li {
  31                 font-size: 90%;
  32         }
  33 }
  34
  35 .mw-message-box-error {
  36         background-color: @background-color-error-subtle;
  37         border-color: @border-color-error;
  38 }
  39
  40 .mw-message-box-warning {
  41         background-color: @background-color-warning-subtle;
  42         border-color: @border-color-warning;
  43 }
  44
  45 .mw-message-box-success {
  46         background-color: @background-color-success-subtle;
  47         border-color: @border-color-success;
  48 }