.warn, .warning, .info { font-style: normal; padding: .2em .66em .2em; text-indent: 24px; color: #333; display: inline-block; line-height: 1.5em; border-radius: 3px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) } .warn, .warning { background: #FEFACD url(msg-warning.png) no-repeat .3em .3em; border: 1px solid #ffd478; } .info { background: #D9EDF7 url(msg-info.png) no-repeat .3em .3em; border: 1px solid #BCE8F1; } div.warn, div.warning, div.info { display: block; padding: 1em 1em .33em 1em; margin-bottom: 1em; } span.warn, span.warning, span.info { padding-top: 1px; padding-bottom: 1px; background-position: .3em .2em; } .error, .message, .static-msg, .success, .warning-msg { padding: 1em 0.5em 0.5em 48px; margin-bottom: 1em; border-radius: 8px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); } p.error, p.message, p.static-msg, p.success, p.warning-msg { padding-top: 1em; padding-bottom: 1em; margin-top: .5em; } .error { background: #FFBABA url(msg-error.png) no-repeat .7em .7em; color: #000; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); } .message, .static-msg { background: #676e78 url(msg-std.png) no-repeat .7em .7em; color: #fff; } .message a, .static-msg a, .message h3, .static-msg h3 { color: #fff; } .success, .warning-msg { color: #000; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) } .success { background: #9bca1c url(msg-success.png) no-repeat .7em .7em; } .warning-msg { background: #ffd478 url(msg-warning.png) no-repeat .7em .7em; border: 1px solid #ffd478; } .success a, .warning-msg a, .info a { color: #333; } .close-notice { float: right; background: none; border: none; border-radius: 0; box-shadow: none; padding-left: 1em; &:hover, &:focus { background: none; } } div.error { position: relative; .close-notice { display: block; position: absolute; top: 1em; right: 1em; } } .dc-update { padding: 1em 48px 0.5em 48px; margin-bottom: 1em; border-radius: 8px; background: #A2CBE9 url(msg-success.png) no-repeat .7em .7em; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); color: #000; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); h3 { margin-top: 0; color: #000; } p { display: inline-block; vertical-align: middle; } a { color: #000; margin-right: 1em; &.button { padding: .5em 1em; } } } .updt-info a { margin-left: 2em; border-color: #000; font-weight: bold; }