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 }
|