// ALERT STYLES // ------------ // Base alert styles .alert { position: relative; padding: 8px 35px 8px 14px; margin-bottom: @baseLineHeight; text-shadow: 0 1px 0 rgba(255,255,255,.5); background-color: #fcf8e3; border: 1px solid #f3edd2; .border-radius(4px); } .alert, .alert-heading { color: #c09853; } // Adjust close link position .alert > .close { *margin-top: 3px; /* IE7 spacing */ margin-right: -21px; } // Alternate styles // ---------------- .alert-success { background-color: #dff0d8; border-color: #cfe8c4; } .alert-success, .alert-success .alert-heading { color: #468847; } .alert-danger, .alert-error { background-color: #f2dede; border-color: #e9c7c7; } .alert-danger, .alert-error, .alert-danger .alert-heading, .alert-error .alert-heading { color: #B94A48; } .alert-info { background-color: #d9edf7; border-color: #bfe1f2; } .alert-info, .alert-info .alert-heading { color: #3a87ad; } // Block alerts // ------------------------ .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; }