Notices demo

Replies

    <ul class="replies">
        <li class="bg-color-*">
            <div class="avatar"><img/></div>
            <div class="reply">
                <div class="date">...</div>
                <div class="author">...</div>
                <div class="text">...</div>
            </div>
        </li>
    </ul>
    =========================================================
    <div class="replies">
        <div class="bg-color-*">
            <div class="avatar"><img/></div>
            <div class="reply">
                <div class="date">...</div>
                <div class="author">...</div>
                <div class="text">...</div>
            </div>
        </div>
    </div>

Replies with sticker

    <ul class="replies">
        <li class="bg-color-*">
            <b class="sticker sticker-left(right) sticker-color-*"></b>
            <div class="avatar"><img/></div>
            <div class="reply">
                <div class="date">...</div>
                <div class="author">...</div>
                <div class="text">...</div>
            </div>
        </li>
    </ul>

Notices

Access granted!

Thank you. Now you can do what you want!

Microsoft Security Essentials

Your computer is hacked and is a part of a botnet!

    <div class="notices">
        <div class="bg-color-*">
            <a href="#" class="close"></a>
            <div class="notice-icon"> <img/> </div>
            <div class="notice-image"> <img/> </div>
            <div class="notice-header"> ... </div>
            <div class="notice-text"> ... </div>
        </div>
    </div>