1div.Message { 2 border-radius:10px; 3 padding:10px 10px 10px 36px; 4 margin:5px; 5 opacity: 1; 6 transition: opacity 0.6s; /* 600ms to fade out */ 7} 8div.Message.error { 9 background:#ffecec url('images/message-error.png') no-repeat 10px 50%; 10 border:1px solid #f5aca6; 11} 12div.Message.success { 13 background:#e9ffd9 url('images/message-success.png') no-repeat 10px 50%; 14 border:1px solid #a6ca8a; 15} 16div.Message.info { 17 background:#e3f7fc url('images/message-info.png') no-repeat 10px 50%; 18 border:1px solid #8ed9f6; 19} 20div.Message.warn { 21 background:#fff8c4 url('images/message-warning.png') no-repeat 10px 50%; 22 border:1px solid #f2c779; 23} 24.MessageCloseButton { 25 margin-left: 15px; 26 color: #C8C8C8; 27 font-weight: bold; 28 float: right; 29 font-size: 20px; 30 line-height: 17px; 31 cursor: pointer; 32 transition: 0.3s; 33} 34.MessageCloseButton:hover { 35 color: #606060; 36} 37#MessageContainerFoot { 38 display: none; 39} 40