tablefilter/static/style/filter-checklist.styl

A Javascript library making HTML tables filterable and a bit more

/**
 * Checklist filters default style
 */

@import 'config'

$item-bg-color = #335EA8
$item-font-color = #fff

// div containing checklist
.div_checklist
    width               100%
    height              90px
    line-height         30px
    border              1px solid $filter-border-color
    overflow            auto
    text-align          left
    background-color    $filter-bg-color
    color               $filter-font-color

    ul.flt_checklist
        padding     0 !important
        margin      0 !important
        list-style  none !important

    // checklist item
    li.flt_checklist_item
        padding         1px !important
        margin          0 !important
        font-size       inherit
        border-bottom   1px solid $filter-border-color !important

        &:hover
            background-color    $item-bg-color !important
            color               $item-font-color !important

    label
        display         block !important
        font-weight     inherit !important

    input
        vertical-align  middle !important
        margin          2px 5px 3px 1px !important

// disabled checklist item
.flt_checklist_item_disabled
    background-color   #E5E5E5

// selected checklist item
.flt_checklist_slc_item
    background-color    $item-bg-color !important
    color:              $item-font-color !important