Table of Contents
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.
WARNING: This is a warning example.
Renders:
This is a warning example.
[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.
- 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.
Behind the scene
Default render, is make with these CSS rules, you can found on each <theme>.css
stylesheet (e.g. readable.css).
.admonition {
padding: 15px;
margin-bottom: 21px;
border: 0;
}
.admonition .icon {
float: left;
font-size: 3em;
}
.admonition .icon .title {
font-size: 1em;
margin: 0;
}
.admonition .content {
padding-left: 0.5em;
margin-left: 4em;
border-left: 3px solid #DDDDDD;
min-height: 4em;
}
If you want to modify this render, copy one of both of these CSS rules
in your user.css theme stylesheet (e.g. readable/user.css) and apply all changes you want.