CSS for improved Trello productivity

trello.stylish.css

/*
 * CSS for improved Trello productivity
 * - named labels
 * - card numbers
 * - de-emphasise last 'done' column
 * - emphasise second 'blocked' column
 *
 * Intended to be compatible with/out "Modernized Trello"
 * - https://userstyles.org/styles/130765/modernized-trello
*/

@-moz-document domain("trello.com") {
    /* first-class labels */
    .list-card-labels {
        position: absolute;
        top: 0;
        right: 1px;
    }
    .card-label.mod-card-front {
        width: inherit;
        padding: 1px 2px;
    }
    .list-card-operation {
        top: inherit;
        bottom: 3px;
    }
    .list-card-title {
        margin-top: 8pt;
    }

    /* first-class card numbers */
    .card-short-id {
        display: block;
        position: absolute;
        top: 1px;
        left: 1px;
        background-color: #00ffff;
        font-size: 10px;
        border-radius: 10px;
        padding: 0 4px;
    }

    /* readability */
    .list-card-title {
        font-weight: lighter;
    }
    .card-label {
        height: 15px !important;
        line-height: 13px !important;
        font-size: 11px !important;
    }

    /* de-emphasise 'done' cards */
    #board div.list-wrapper:nth-last-of-type(2) .list-card {
        background-color: #ccc;
        text-decoration: line-through;
    }
    #board div.list-wrapper:nth-last-of-type(2) .badge.is-due-past {
        display: none;
    }

    /* emphasise 'blocked' cards */
    #board .list-wrapper:nth-child(2) .list-card {
        background-color: #ff8000;
        font-weight: bold;
    }
    #board .list-wrapper:nth-child(2) .list-card:hover {
        background-color: #aa9999;
    }
}

@-moz-document regexp("https://trello\\.com/.*/shopping-list") {
    /* no 'blocked' column */
    #board .list-wrapper:nth-child(2) .list-card {
        background-color: #fff;
        font-weight: inherit;
    }
    #board .list-wrapper:nth-child(2) .list-card:hover {
        background-color: inherit;
    }
}