Mercurial > hg > isophonics-drupal-site
comparison core/themes/classy/css/components/messages.css @ 0:4c8ae668cc8c
Initial import (non-working)
| author | Chris Cannam |
|---|---|
| date | Wed, 29 Nov 2017 16:09:58 +0000 |
| parents | |
| children | af1871eacc83 |
comparison
equal
deleted
inserted
replaced
| -1:000000000000 | 0:4c8ae668cc8c |
|---|---|
| 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 } |