annotate core/themes/classy/css/components/messages.css @ 19:fa3358dc1485 tip

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