| // |
| // Alerts |
| // -------------------------------------------------- |
| |
| |
| // Base styles |
| // ------------------------- |
| |
| .alert { |
| padding: 8px 35px 8px 14px; |
| margin-bottom: @baseLineHeight; |
| text-shadow: 0 1px 0 rgba(255,255,255,.5); |
| background-color: @warningBackground; |
| border: 1px solid @warningBorder; |
| .border-radius(@baseBorderRadius); |
| } |
| .alert, |
| .alert h4 { |
| // Specified for the h4 to prevent conflicts of changing @headingsColor |
| color: @warningText; |
| } |
| .alert h4 { |
| margin: 0; |
| } |
| |
| // Adjust close link position |
| .alert .close { |
| position: relative; |
| top: -2px; |
| right: -21px; |
| line-height: @baseLineHeight; |
| } |
| |
| |
| // Alternate styles |
| // ------------------------- |
| |
| .alert-success { |
| background-color: @successBackground; |
| border-color: @successBorder; |
| color: @successText; |
| } |
| .alert-success h4 { |
| color: @successText; |
| } |
| .alert-danger, |
| .alert-error { |
| background-color: @errorBackground; |
| border-color: @errorBorder; |
| color: @errorText; |
| } |
| .alert-danger h4, |
| .alert-error h4 { |
| color: @errorText; |
| } |
| .alert-info { |
| background-color: @infoBackground; |
| border-color: @infoBorder; |
| color: @infoText; |
| } |
| .alert-info h4 { |
| color: @infoText; |
| } |
| |
| |
| // 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; |
| } |