mirror of
https://github.com/koalyptus/TableFilter.git
synced 2024-05-13 20:06:59 +02:00
119 lines
5.1 KiB
CSS
119 lines
5.1 KiB
CSS
/*====================================================
|
|
- HTML Table Filter Generator Custom Theme
|
|
- Do not hesitate to edit classes below to
|
|
change theme appearance
|
|
=====================================================*/
|
|
|
|
/* TABLE LAYOUT
|
|
=====================================================*/
|
|
table.TF{
|
|
font:13px "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif !important;
|
|
border-left:1px dotted #81963B !important; border-top:none !important;
|
|
border-right:0 !important; border-bottom:none !important;
|
|
}
|
|
table.TF th{
|
|
background:#39424B url(images/bg_headers.jpg) left top repeat-x !important;;
|
|
border-bottom:0 !important; border-right:1px dotted #D0D0D0 !important;
|
|
border-left:0 !important; border-top:0 !important;
|
|
padding:0 4px 0 4px !important; color:#fff !important; height:35px !important;
|
|
}
|
|
|
|
table.TF td{ border-bottom:1px dotted #81963B; border-right:1px dotted #81963B; padding:5px !important; }
|
|
|
|
/* FILTERS
|
|
=====================================================*/
|
|
/* filter grid row appearance */
|
|
.fltrow{ background-color:#81963B !important; }
|
|
.fltrow th, .fltrow td{
|
|
border-bottom:1px dotted #39424B !important; border-right:1px dotted #fff !important;
|
|
border-left:0 !important; border-top:0 !important;
|
|
padding:1px 3px 1px 3px !important;
|
|
}
|
|
|
|
/* filter (input) appearance */
|
|
.flt, select.flt, select.flt_multi, .flt_s, .single_flt, .div_checklist{ border:1px solid #687830 !important; }
|
|
input.flt{ width:99% !important; }
|
|
|
|
/* TOP BAR
|
|
=====================================================*/
|
|
/* div containing left, middle and right divs */
|
|
.inf{ background:#f4f4f4 url(images/bg_infDiv.jpg) left bottom repeat-x !important; }
|
|
|
|
/* RESET BUTTON
|
|
=====================================================*/
|
|
/* Reset button */
|
|
input.reset{
|
|
width:53px; height:19px; cursor:pointer !important;
|
|
border:0 !important; vertical-align:middle;
|
|
background:transparent url(images/btn_filter.png) center center no-repeat !important;
|
|
}
|
|
input.reset:hover{ background:#CAD1D6 url(images/btn_filter.png) center center no-repeat !important; }
|
|
|
|
/* PAGING
|
|
=====================================================*/
|
|
/* Paging elements */
|
|
|
|
/* left div */
|
|
.ldiv{ width:40% !important; }
|
|
/* middle div */
|
|
.mdiv{ width:34% !important; text-align:left !important; }
|
|
/* right div */
|
|
.rdiv{ width:20% !important; }
|
|
|
|
input.pgInp{
|
|
width:19px; height:19px; cursor:pointer !important;
|
|
border:0 !important;
|
|
}
|
|
.nextPage{ background:transparent url(images/btn_next_page.gif) center center no-repeat !important; }
|
|
.previousPage{ background:transparent url(images/btn_previous_page.gif) center center no-repeat !important; }
|
|
.firstPage{ background:transparent url(images/btn_first_page.gif) center center no-repeat !important; }
|
|
.lastPage{ background:transparent url(images/btn_last_page.gif) center center no-repeat !important; }
|
|
.nextPage:hover{ background:#CAD1D6 url(images/btn_next_page.gif) center center no-repeat !important; }
|
|
.previousPage:hover{ background:#CAD1D6 url(images/btn_previous_page.gif) center center no-repeat !important; }
|
|
.firstPage:hover{ background:#CAD1D6 url(images/btn_first_page.gif) center center no-repeat !important; }
|
|
.lastPage:hover{ background:#CAD1D6 url(images/btn_last_page.gif) center center no-repeat !important; }
|
|
select.rspg{ font-size:10px; }
|
|
|
|
/* GRID LAYOUT
|
|
=====================================================*/
|
|
/*Main container*/
|
|
div.grd_Cont{ background:#81963B url(images/bg_headers.jpg) left top repeat-x !important; border:1px solid #ccc !important; padding:0 1px 1px 1px !important; }
|
|
/*headers' table container*/
|
|
div.grd_headTblCont{ background-color:#EBECEE !important; border-bottom:none !important; }
|
|
/*div.grd_tblCont{ overflow-y:auto !important; }*/
|
|
div.grd_tblCont table{ border-right:none !important; }
|
|
/* Headers */
|
|
div.grd_tblCont table th, div.grd_headTblCont table th{
|
|
background:transparent url(images/bg_headers.jpg) 0 0 repeat-x !important;;
|
|
border-bottom:0 !important; border-right:1px dotted #D0D0D0 !important;
|
|
border-left:0 !important; border-top:0 !important;
|
|
padding:0 4px 0 4px !important; color:#fff !important; height:35px !important;
|
|
}
|
|
/* filters cells */
|
|
div.grd_headTblCont table td{
|
|
border-bottom:1px dotted #39424B !important; border-right:1px dotted #fff !important;
|
|
border-left:0 !important; border-top:0 !important;
|
|
background-color:#81963B !important;
|
|
padding:1px 3px 1px 3px !important;
|
|
}
|
|
|
|
/* div containing left, middle and right divs */
|
|
.grd_inf{
|
|
background:#f4f4f4 url(images/bg_infDiv.jpg) center bottom repeat-x !important;
|
|
border-top:1px solid #D0D0D0 !important; height:29px !important; padding-top:2px !important;
|
|
}
|
|
/*row bg alternating color*/
|
|
div.grd_Cont .even{ background-color:#BCCD83; }
|
|
div.grd_Cont .odd{ background-color:#fff; }
|
|
|
|
/* LOADER
|
|
=====================================================*/
|
|
/* Loader */
|
|
.loader{ border:0 !important; background:transparent !important; margin:185px auto !important; }
|
|
.defaultLoader{ width:32px; height:32px; background:transparent url(images/img_loading.gif) 0 0 no-repeat !important; }
|
|
|
|
/* ALTERNATING ROW BACKGROUNDS
|
|
=====================================================*/
|
|
/* Alternating backgrounds */
|
|
.even{ background-color:#BCCD83; }/*row bg alternating color*/
|
|
.odd{ background-color:#fff; }/*row bg alternating color*/ |