f875ea2df70d9ac7100e14232cede1a6ad3edbcc
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / Resources / Private / Styles / TYPO3 / visual / _element_message.less
1 /**
2 * This file is part of the TYPO3 CMS project.
3 *
4 * It is free software; you can redistribute it and/or modify it under
5 * the terms of the GNU General Public License, either version 2
6 * of the License, or any later version.
7 *
8 * For the full copyright and license information, please read the
9 * LICENSE.txt file that was distributed with this source code.
10 *
11 * The TYPO3 project - inspiring people to share!
12 */
13
14 /* - - - - - - - - - - - - - - - - - - - - -
15 Flash Messages
16 - - - - - - - - - - - - - - - - - - - - - */
17
18 .typo3-message {
19 border: 1px solid;
20 background-position: 10px 12px;
21 background-repeat: no-repeat;
22 }
23
24 .typo3-message a {
25 text-decoration: underline;
26 }
27
28 .typo3-message li {
29 margin-bottom: 10px;
30 list-style: disc;
31 }
32
33 .typo3-message .message-header {
34 font-weight: bold;
35 }
36
37 .message-notice {
38 color: #777;
39 background-color: #f6f7fa;
40 background-image: url('../../../../icons/gfx/notice.png');
41 border-color: #c2cbcf;
42 }
43
44 .message-notice a {
45 color: #777;
46 }
47
48 .message-information {
49 color: #4c73a1;
50 background-color: #eaf7ff;
51 background-image: url('../../../../icons/gfx/information.png');
52 border-color: #c5dbe6;
53 }
54
55 .message-information a {
56 color: #4c73a1;
57 }
58
59 .message-ok {
60 color: #3b7826;
61 background-color: #cdeaca;
62 background-image: url('../../../../icons/gfx/ok.png');
63 border-color: #58b548;
64 }
65
66 .message-ok a {
67 color: #3b7826;
68 }
69
70 .message-warning {
71 color: #9e7d4a;
72 background-color:#fbf6de;
73 background-image: url("../../../../icons/gfx/warning.png");
74 border-color: #b1905c;
75 }
76
77 .message-warning a {
78 color: #9e7d4a;
79 }
80
81 .message-error {
82 color: #aa0225;
83 background-color: #f6d3cf;
84 background-image: url('../../../../icons/gfx/error.png');
85 border-color: #d66c68;
86 }
87
88 .message-error a {
89 color: #aa0225;
90 }