aleph1.co.uk Git - yaffs-website/blob - web/core/themes/classy/css/components/messages.css

   1 /**
   2  * @file
   3  * Styles for system messages.
   4  */
   5
   6 .messages {
   7   background: no-repeat 10px 17px;  /* LTR */
   8   border: 1px solid;
   9   border-width: 1px 1px 1px 0;  /* LTR */
  10   border-radius: 2px;
  11   padding: 15px 20px 15px 35px; /* LTR */
  12   word-wrap: break-word;
  13   overflow-wrap: break-word;
  14 }
  15 [dir="rtl"] .messages {
  16   border-width: 1px 0 1px 1px;
  17   background-position: right 10px top 17px;
  18   padding-left: 20px;
  19   padding-right: 35px;
  20   text-align: right;
  21 }
  22 .messages + .messages {
  23   margin-top: 1.538em;
  24 }
  25 .messages__list {
  26   list-style: none;
  27   padding: 0;
  28   margin: 0;
  29 }
  30 .messages__item + .messages__item {
  31   margin-top: 0.769em;
  32 }
  33 /* See .color-success in Seven's colors.css */
  34 .messages--status {
  35   color: #325e1c;
  36   background-color: #f3faef;
  37   border-color: #c9e1bd #c9e1bd #c9e1bd transparent;  /* LTR */
  38   background-image: url(../../../../misc/icons/73b355/check.svg);
  39   box-shadow: -8px 0 0 #77b259; /* LTR */
  40 }
  41 [dir="rtl"] .messages--status {
  42   border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
  43   box-shadow: 8px 0 0 #77b259;
  44   margin-left: 0;
  45 }
  46 /* See .color-warning in Seven's colors.css */
  47 .messages--warning {
  48   background-color: #fdf8ed;
  49   background-image: url(../../../../misc/icons/e29700/warning.svg);
  50   border-color: #f4daa6 #f4daa6 #f4daa6 transparent;  /* LTR */
  51   color: #734c00;
  52   box-shadow: -8px 0 0 #e09600; /* LTR */
  53 }
  54 [dir="rtl"] .messages--warning {
  55   border-color: #f4daa6 transparent #f4daa6 #f4daa6;
  56   box-shadow: 8px 0 0 #e09600;
  57 }
  58 /* See .color-error in Seven's colors.css */
  59 .messages--error {
  60   background-color: #fcf4f2;
  61   color: #a51b00;
  62   background-image: url(../../../../misc/icons/e32700/error.svg);
  63   border-color: #f9c9bf #f9c9bf #f9c9bf transparent;  /* LTR */
  64   box-shadow: -8px 0 0 #e62600; /* LTR */
  65 }
  66 [dir="rtl"] .messages--error {
  67   border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
  68   box-shadow: 8px 0 0 #e62600;
  69 }
  70 .messages--error p.error {
  71   color: #a51b00;
  72 }