# Admonition Paragraphs

http://asciidoc.org/userguide.html#X28

# Admonition NOTE block

    NOTE: This is an example note.

    [NOTE]
    Alternatively, you can specify the paragraph admonition style explicitly using an AttributeList element.

Renders:

This is an example note.
Alternatively, you can specify the paragraph admonition style explicitly using an AttributeList element.

# Admonition IMPORTANT block

    IMPORTANT: This is another example more important.

Renders:

This is another example more important.

# Admonition CAUTION block

    CAUTION: This is another example important but less.

Renders:

This is another example important but less.

# Admonition WARNING block

    WARNING: This is a warning example.

Renders:

This is a warning example.

# Admonition NOTE custom icon block

    [icon="./images/icons/example.png"]
    NOTE: What lovely war.

Renders:

What lovely war.

# Admonition TIP block

    [TIP]
    .A TIP admonition block
    =====================================================================
    Qui in magna commodo, est labitur dolorum an. Est ne magna primis
    adolescens.

    . Fusce euismod commodo velit.
    . Vivamus fringilla mi eu lacus.
      .. Fusce euismod commodo velit.
      .. Vivamus fringilla mi eu lacus.
    . Donec eget arcu bibendum
      nunc consequat lobortis.
    =====================================================================

Renders:

A TIP admonition block

Qui in magna commodo, est labitur dolorum an. Est ne magna primis adolescens.

1. Fusce euismod commodo velit.
2. Vivamus fringilla mi eu lacus.
   1. Fusce euismod commodo velit.
   2. Vivamus fringilla mi eu lacus.
3. Donec eget arcu bibendum nunc consequat lobortis.

# Learn More

Behind the scene

Have a look in the LESS source file `less/asciidoc-bootstrap.less`, you should have at least this line deactivated :

    @import "asciidoc/admonition-text.less";

And this other line activated (if you want to use Icons Font feature) :

    @import "asciidoc/admonition-iconsfont.less";

If you want to modify the default render, copy the CSS rules in a new CSS file (free name), and build your page ( AsciiDoc ) with attribute `stylesheet`.

Your custom stylesheet MUST be located in the `{stylesdir}`.

E.g:

    $ asciidoc.py
      -b bootstrap
      -a linkcss
      -a stylesdir=./stylesheets
      -a scriptsdir=./javascripts
      -a theme=flatly
      -a stylesheet=admonition-images.css
      -a navbar=fixed
      -a totop
      {docfile}

Content of `admonition-images.css`

    .admonition {
        padding: 15px;
        margin-bottom: 21px;
        border: 0;
    }
    .note {
        background-color: olive;
    }
    .tip {
        background-color: blue;
    }
    .warning {
        background-color: yellow;
    }
    .caution {
        background-color: fuchsia;
    }
    .important {
        background-color: red;
    }
    .admonition .icon {
        float: left;
        font-size: 3em;
        background-color: transparent;
    }
    .admonition .icon .title {
        font-size: 1em;
        margin: 0;
    }
    .admonition .content {
        padding-left: 0.5em;
        margin-left: 4em;
        border-left: 3px solid #DDD;
        min-height: 4em;
        background-color: #DDD;
    }

See results in live with :

- Bootstrap default theme.

- Bootswatch flatly theme.

- Bootstrap readable theme.

- Bootstrap cerulean theme.

- Bootstrap united theme.