/* Bars */

div.actionbar {
    margin: 20px 0;
    }
    div.actionbar:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
    div.actionbar > div.separator {
        display: inline-block;
        margin: 0 10px;
        background-color: hsl(210, 10%, 90%);
        width: 1px;
        height: 34px;
        vertical-align: top;
        }
    div.actionbar > a {
        display: inline-block;
        padding: 8px 12px;
        font-size: 14px;
        font-weight: 400;
        border: 1px solid hsl(210, 10%, 80%);
        border-radius: 3px;
        color: hsl(210, 5%, 30%);
        }
        div.actionbar > a:hover {
            border: 1px solid hsl(210, 10%, 60%);
            color: hsl(210, 5%, 10%);
            }
        div.actionbar > a:active {
            border: 1px solid hsl(210, 10%, 40%);
            background-color: hsl(210, 10%, 90%);
            color: hsl(210, 5%, 10%);
            }
        div.actionbar > a.delete {
            border: 1px solid hsl(0, 100%, 60%);
            color: hsl(0, 100%, 60%);
            }
            div.actionbar > a.delete:hover {
                border: 1px solid hsl(0, 100%, 40%);
                color: hsl(0, 100%, 40%);
                }
            div.actionbar > a.delete:active {
                border: 1px solid hsl(0, 100%, 20%);
                background-color: hsl(0, 100%, 90%);
                color: hsl(0, 100%, 20%);
                }
        div.actionbar > a.right {
            float: right;
            }