AjaxIM/client/themes/default/theme.html

<!-- Ajax IM, Footer Bar -->
<ul id="imjs-bar">
    <li id="imjs-friends" class="imjs-not-connected">
        <span class="imjs-tab-text"><strong>&bull;</strong> Friends <span>(<span>0</span>)</span></span>
        <div id="imjs-friends-panel" class="imjs-chatbox">
            <div class="imjs-header">
                <span>{username}</span>
                <a href="#" class="imjs-minimize">_</a>
            </div>
            <div id="imjs-status-panel">
                <textarea id="imjs-away-message-text"></textarea>
                <div id="imjs-away-message-text-arrow"></div>
                <a href="#" id="imjs-button-available" class="imjs-button"><span>&bull;</span> Available</a>
                <a href="#" id="imjs-button-away" class="imjs-button"><span>&bull;</span> Away</a>
                <a href="#" id="imjs-button-offline" class="imjs-button"><span>&bull;</span> Offline</a>
            </div>
            <ul id="imjs-friends-list">
                <li class="imjs-friend-group imjs-default">
                    <span class="imjs-friend-group-header">{group}</span>
                    <ul>
                        <li class="imjs-friend imjs-default"><strong>&bull;</strong><span>{username}</span><span class="imjs-friend-status">{status}</span></li>
                    </ul>
                </li>
            </ul>
            <form>
                <p><input type="text" id="imjs-search-friends" value="Search" /></p>
            </form>
        </div>    
    </li>
    <li id="imjs-reconnect"><span class="imjs-tab-text">&#8635;</span></li>
    <li id="imjs-scroll-left" class="imjs-scroll">{count}</li>
    <li class="imjs-tab imjs-default">
        <span class="imjs-tab-text"><strong>&bull;</strong> {label} <a href="#" class="imjs-close">x</a></span>
        <span class="imjs-notification">{count}</span>
        <form class="imjs-chatbox">
            <div>
                <div class="imjs-header">
                    <span>{username}</span>
                    <a href="#" class="imjs-close">x</a>
                    <a href="#" class="imjs-minimize">_</a>
                </div>
                <ul class="imjs-msglog">
                    <li class="imjs-date">
                        <ul>
                            <li>
                                <span class="imjs-msg-time">hh:MM TT &bull;</span>
                                <p class="imjs-date-date">ddd, mmmm d, yyyy</p>
                            </li>
                        </ul>
                    </li>

                    <li class="imjs-error">
                        <ul>
                            <li>
                                <span class="imjs-msg-time">hh:MM TT &bull;</span>
                                <p class="imjs-error-error">ddd, mmmm d, yyyy</p>
                            </li>
                        </ul>
                    </li>
        
                    <li class="imjs-msg-a">                    
                        <span>{username}</span>
                        <ul class="imjs-msg-a-container">
                            <li class="imjs-msg-a-msg">
                                <span class="imjs-msg-time">hh:MM TT &bull;</span>
                                <p>{message}</p>
                            </li>
                        </ul>
                    </li>
                    <li class="imjs-msg-b">
                        <span>{username}</span>
                        <ul class="imjs-msg-b-container">
                            <li class="imjs-msg-b-msg">
                                <span class="imjs-msg-time">hh:MM TT &bull;</span>
                                <p>{message}</p>
                            </li>
                        </ul>
                    </li>
                </ul>
                <textarea class="imjs-input"></textarea>
            </div>
        </form>
    </li>
    <li id="imjs-scroll-right" class="imjs-scroll">{count}</li>
</ul>
<span class="imjs-tooltip"><p>{tip}</p></span>