1/**
2 * This file provides the design styles for message block
3 */
4
5.msg-area {
6    clear: both;
7    padding-top: 1.6rem;
8
9    div {
10        line-height: 135%;
11    }
12
13    &:empty {
14        display: none;
15    }
16}
17
18/* short fix: SPR-891 - icons for notifications in message area are repeated */
19div.success,
20div.error,
21div.info,
22div.notify {
23    background-repeat: no-repeat;
24    background-position: 8px 50%;
25    border: 1px solid #eeb;
26    font-size: 90%;
27    margin: 0 0 .5em;
28    padding: .4em;
29    padding-left: 32px;
30    overflow: hidden;
31    border-radius: @fix_border-radius;
32
33    * {
34        color: inherit;
35    }
36
37    a {
38        text-decoration: underline;
39
40        &:hover,
41        &:focus,
42        &:active {
43            text-decoration: none;
44        }
45    }
46}
47