mirror of
https://github.com/koalyptus/TableFilter.git
synced 2024-05-05 08:03:17 +02:00
131 lines
3.4 KiB
Stylus
131 lines
3.4 KiB
Stylus
/**
|
|
* Grid layout default style
|
|
*/
|
|
|
|
@import 'config'
|
|
@import 'mixins/box-shadow'
|
|
|
|
// main container
|
|
div.grd_Cont
|
|
box-shadow(4px 4px 10px 0px rgba(50, 50, 50, 0.75))
|
|
width 800px
|
|
height auto
|
|
overflow hidden
|
|
background-color $grid-layout-bg-color
|
|
border 1px solid $grid-layout-border-color
|
|
|
|
// filters' row
|
|
.fltrow
|
|
background-color transparent
|
|
|
|
// filters
|
|
.flt
|
|
border 1px solid $grid-layout-border-color
|
|
width 100%
|
|
|
|
:focus
|
|
border 1px solid #558DD9
|
|
|
|
// alternating background color
|
|
.even
|
|
background-color #fff
|
|
|
|
.odd
|
|
background-color #DFE8F6
|
|
|
|
.no-results
|
|
background-color transparent
|
|
|
|
.sort-arrow
|
|
position initial
|
|
|
|
// content table container
|
|
div.grd_tblCont
|
|
height 400px
|
|
width 800px
|
|
background #fff
|
|
overflow-x auto
|
|
overflow-y scroll
|
|
|
|
// headers' table container
|
|
div.grd_headTblCont
|
|
display block
|
|
margin-right 20px
|
|
height auto
|
|
overflow hidden
|
|
border-bottom 1px solid $grid-layout-border-color
|
|
background-color $grid-layout-bg-color
|
|
|
|
// tables
|
|
div.grd_tblCont table,
|
|
div.grd_headTblCont table
|
|
border-collapse collapse
|
|
table-layout fixed
|
|
box-sizing initial
|
|
|
|
// headers
|
|
div.grd_tblCont table th
|
|
div.grd_headTblCont table th
|
|
height $th-height
|
|
background-color $grid-layout-bg-color
|
|
padding 0.1em 0.5em
|
|
color #333
|
|
border-right 1px solid $grid-layout-border-color !important
|
|
overflow hidden
|
|
text-overflow ellipsis
|
|
|
|
div.grd_headTblCont table td
|
|
@extend div.grd_headTblCont table th
|
|
padding 0.2em 0.2em
|
|
|
|
div.grd_tblCont table td
|
|
padding $padding
|
|
border-bottom 1px solid $grid-layout-border-color
|
|
overflow hidden
|
|
text-overflow ellipsis
|
|
|
|
// toolbar container
|
|
.grd_inf
|
|
clear both
|
|
width auto
|
|
height $min-height
|
|
background-color $grid-layout-bg-color
|
|
margin 0
|
|
padding 1px 3px 1px 3px
|
|
border-top 1px solid $grid-layout-border-color
|
|
|
|
// link appearence
|
|
a
|
|
color #333
|
|
text-decoration none
|
|
font-weight bold
|
|
&:hover
|
|
text-decoration underline
|
|
background-color transparent
|
|
|
|
input.reset
|
|
&:hover
|
|
background-color transparent
|
|
|
|
.mdiv
|
|
width 40% !important
|
|
|
|
.ldiv
|
|
div
|
|
border 0
|
|
|
|
.helpBtn
|
|
border 0 !important
|
|
|
|
div.status
|
|
position absolute
|
|
float none !important
|
|
height auto !important
|
|
margin 19px 0 !important
|
|
font-size 12px
|
|
color #333
|
|
border 0 !important
|
|
|
|
div.tot
|
|
border 0 !important
|