User-List v1

Styles for listings

Markup

<div class="user-list v1">
    <div class="item">
        <div class="large avatar">
            <img src="/img/avatar/square/avatar-11.png" title="Example Image" alt="Example Image">
        </div>
        <div class="content">
            <h4 class="title">Bob</h4>
            <div class="status online">online</div>
            <div class="info">for 2h</div>
        </div>
    </div>
</div>

Example

Example Image

Mary

busy
for 2h
Example Image

Jana

offline
Example Image

Jane

absent
for 5h
Example Image

Tom

online
for 6h
Example Image

Bob

online
for 2h