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. |
IMPORTANT: This is another example more important.
Renders:
![]() | |
This is another example more important. |
CAUTION: This is another example important but less.
Renders:
![]() | |
This is another example important but less. |
[icon="./images/icons/example.png"] NOTE: What lovely war.
Renders:
![]() | |
What lovely war. |
[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.
|
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 |
E.g:
$ asciidoc -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; }