[TASK] Base FlashMessage CSS on Bootstrap
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / Resources / Private / Styles / TYPO3 / _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 #typo3-messages {
15 margin-bottom: 10px;
16 }
17
18 .typo3-message {
19 .alert;
20
21 background-position: 10px 12px;
22 background-repeat: no-repeat;
23 padding: 12px 12px 12px 36px;
24
25 .message-header {
26 font-weight: bold;
27 margin-bottom: floor(@line-height-computed / 2);
28 }
29
30 ul,
31 ol {
32 padding-left: 16px;
33 }
34
35 .message-header {
36 display: block;
37 }
38
39 .t3-icon-actions-message-close {
40 cursor: pointer;
41 float: right;
42 }
43
44 li {
45 margin-bottom: 10px;
46 list-style: disc;
47 }
48
49 a {
50 text-decoration: underline;
51
52 }
53 }
54
55
56 .message-notice {
57 // Nothing to inherit from Bootstrap - there is no alert-notice
58
59 color: #777;
60 background-color: #f6f7fa;
61 background-image: url('../../../../icons/gfx/notice.png');
62 border-color: #c2cbcf;
63
64 a {
65 color: #777;
66 }
67 }
68
69 .message-information {
70 .alert-info;
71
72 background-image: url('../../../../icons/gfx/information.png');
73
74 a {
75 color: #4c73a1;
76 }
77 }
78
79 .message-ok {
80 .alert-success;
81
82 background-image: url('../../../../icons/gfx/ok.png');
83
84 a {
85 color: #3b7826;
86 }
87 }
88
89 .message-warning {
90 .alert-warning;
91
92 background-image: url("../../../../icons/gfx/warning.png");
93
94 a {
95 color: #9e7d4a;
96 }
97 }
98
99 .message-error {
100 .alert-danger;
101
102 background-image: url('../../../../icons/gfx/error.png');
103
104 a {
105 color: #aa0225;
106 }
107 }
108