Tables

<table>
    <thead>
        <tr>
            <th>Given name  </th>
            <th>Family name </th>
            <th>Last visit  </th>
            <th># visits    </th>
            <th># images    </th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td colspan='5'>No users have been added</th>
        </tr>
    </tbody>
</table>
Given name Family name Last visit # visits # images
No users have been added

TABLE CSS

By default, TABLE elements have 100% width and use border collapse. As long as a table is not the first child of an ARTICLE, it is given 1em of top margin. 

TABLE
{
    border-collapse:collapse;
    width:100%;
}

TABLE.fixed
{
    table-layout:fixed;    
}

ARTICLE > TABLE:not(:first-child)
{
    margin-top:1em;
}

TABLE TH,
TABLE TD
{
    position:    relative;
    line-height: 25px;
    padding:     5px 10px;
    text-align:  left;

    font-size:   14px;
    font-weight: 300;
}

TABLE TH SMALL,
TABLE TD SMALL
{
    font-size:   11px;
}

TABLE > THEAD > TR > TH
{
    background:#666;
    color:white;
    border-left:solid 1px rgba(100,100,100,0.2);
}

TABLE > THEAD > TR > TH:first-child
{
    border-left:none;
}

TABLE > TBODY > TR > TD
{
    border-bottom: solid 1px #ddd;

    background:    white;
    color:         #666;
}

Next