Callout Boxes for Downloads, Demos, and Footnotes on the Blog

I decided to make callout boxes for the blog because I got tired of manually drawing an image for downloads and so on.
In short, I was tired of wasting time styling each post individually, so I decided to save myself some time!

Here’s what the “downloads” callout box looks like:

It’s very easy to make—you need to add this to the CSS file:

blockquote.download  {
    color: #666;
    background: #D4FFC6 url('путь до файла с фоновой картинкой') no-repeat center left;
    margin: 0;
    padding: 5px 10px 3px 50px;
    border: 2px solid #c4c4c4;
}

Then, in the post editor, just wrap the text you want in:

<blockquote class="download">
    Ссылки на скачку!
</blockquote>

And you get:

Download links!

Do the same for the “demo”, “additional information”, and other callout boxes.
Mine just differ in their background color and image.