Rick Sanchez

Alerts

Alerts are intended to be used to display situational information to the end user. There are alters for various common situations such as errors, warnings and success as well as "specialized" alert themes.

Basic Alerts

These are you basic alert styles that can be added to various elements.
.alert
alert alert-serious
alert alert-error
alert alert-warning
alert alert-success
alert alert-reminder
alert alert-gloomy
alert alert-pretty
CODE
HTML

    <div class="alert">.alert</div>
    <div class="alert alert-serious">alert alert-serious</div>
    <div class="alert alert-error">alert alert-error</div>
    <div class="alert alert-warning">alert alert-warning</div>
    <div class="alert alert-success">alert alert-success</div>
    <div class="alert alert-reminder">alert alert-reminder</div>
    <div class="alert alert-gloomy">alert alert-gloomy</div>
    <div class="alert alert-pretty">alert alert-pretty</div>

Alerts With Icons

Any alter can easily have icons and other elements added to it but there are pre-made styles for alerts with icons that are 32x32 and 64x64 pixels in size.
alert alert-icon-32
alert alert-icon-32 alert-serious
alert alert-icon-32 alert-error
alert alert-icon-32 alert-warning
alert alert-icon-32 alert-success
alert alert-icon-32 alert-reminder
alert alert-icon-32 alert-gloomy
alert alert-icon-32 alert-pretty
.alert-icon-64
.alert-icon-64
.alert-icon-64
.alert-icon-64
.alert-icon-64
.alert-icon-64
.alert-icon-64
.alert-icon-64