mirror of
https://github.com/koalyptus/TableFilter.git
synced 2024-06-02 05:52:26 +02:00
75 lines
1.9 KiB
Stylus
75 lines
1.9 KiB
Stylus
|
/**
|
||
|
|
* Filters' default styling
|
||
|
|
*/
|
||
|
|
|
||
|
|
@import 'config'
|
||
|
|
|
||
|
|
// Filters row style
|
||
|
|
.fltrow
|
||
|
|
height 20px
|
||
|
|
background-color #f4f4f4
|
||
|
|
|
||
|
|
td
|
||
|
|
th
|
||
|
|
padding 2px !important
|
||
|
|
|
||
|
|
// button appearance
|
||
|
|
.btnflt
|
||
|
|
font-size 11px
|
||
|
|
vertical-align middle
|
||
|
|
margin 0 2px 0 2px
|
||
|
|
padding 0 1px 0 1px
|
||
|
|
|
||
|
|
// button appearance when displayIcons is true
|
||
|
|
.btnflt_icon
|
||
|
|
width 19px
|
||
|
|
height 19px
|
||
|
|
cursor pointer !important
|
||
|
|
border 0 !important
|
||
|
|
vertical-align middle
|
||
|
|
background transparent url(themes/btn_filter.png) center center no-repeat !important
|
||
|
|
|
||
|
|
// input type filter
|
||
|
|
.flt
|
||
|
|
background-color $filter-bg-color
|
||
|
|
border 1px solid $filter-border-color
|
||
|
|
margin 0
|
||
|
|
width 97%
|
||
|
|
vertical-align middle
|
||
|
|
|
||
|
|
// select type filter
|
||
|
|
select.flt
|
||
|
|
background-color $filter-bg-color
|
||
|
|
border 1px solid $filter-border-color
|
||
|
|
margin 0 1px 1px 0
|
||
|
|
width 99%
|
||
|
|
vertical-align middle
|
||
|
|
|
||
|
|
// multiple select type filter
|
||
|
|
select.flt_multi
|
||
|
|
background-color $filter-bg-color
|
||
|
|
border 1px solid $filter-border-color
|
||
|
|
margin 0 1px 1px 0
|
||
|
|
width 99%
|
||
|
|
height 100px
|
||
|
|
vertical-align middle
|
||
|
|
|
||
|
|
// tiny input type filter
|
||
|
|
.flt_s
|
||
|
|
background-color $filter-bg-color
|
||
|
|
border 1px solid $filter-border-color
|
||
|
|
margin 0
|
||
|
|
width 80%
|
||
|
|
vertical-align middle
|
||
|
|
|
||
|
|
// single filter type
|
||
|
|
.single_flt
|
||
|
|
background-color $filter-bg-color
|
||
|
|
border-left 1px solid #999
|
||
|
|
border-right 1px solid $filter-border-color
|
||
|
|
border-top 1px solid $filter-border-color
|
||
|
|
border-bottom 1px solid #999
|
||
|
|
margin 0
|
||
|
|
width 120px
|
||
|
|
vertical-align middle
|