Tinble: Proper admonitions

No so long ago, I added notes to Tinble. Already then, I knew I wanted something a little bit more sophisticated. Lo and behold, I stumbled on a Admonitions in CSS article describing pretty much exactly what I had in mind. Better still, the author provided a read-made CSS file, so all I had to do it do tweak it slightly.

So now Tinble supports four types of admonitions:

<div class="admonition note">
  <div class="title">Note</div>
  <div class="content">This is a note.</div>
</div>

<div class="admonition tip">
  <div class="title">Tip</div>
  <div class="content">This is a tip.</div>
</div>

<div class="admonition warning">
  <div class="title">Warning</div>
  <div class="content">This is a warning.</div>
</div>

<div class="admonition important">
  <div class="title">Important</div>
  <div class="content">This is very important.</div>
</div>