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