mirror of
https://github.com/koalyptus/TableFilter.git
synced 2024-06-08 08:52:32 +02:00
commit
b88b51ae64
|
@ -47,9 +47,9 @@ module.exports = function (grunt) {
|
||||||
dist: {
|
dist: {
|
||||||
src: [
|
src: [
|
||||||
'**',
|
'**',
|
||||||
'!*.styl',
|
'!**/*.styl',
|
||||||
'!**/extensions/**',
|
'!**/extensions/**',
|
||||||
'!**/*.styl'
|
'!**/mixins/**'
|
||||||
],
|
],
|
||||||
cwd: 'static/style',
|
cwd: 'static/style',
|
||||||
dest: 'dist/tablefilter/style',
|
dest: 'dist/tablefilter/style',
|
||||||
|
@ -173,7 +173,6 @@ module.exports = function (grunt) {
|
||||||
stylus: {
|
stylus: {
|
||||||
compile: {
|
compile: {
|
||||||
options: {
|
options: {
|
||||||
compress: false,
|
|
||||||
banner: '/** \n' +
|
banner: '/** \n' +
|
||||||
' *\t '+ pkg.name +' v'+ pkg.version +
|
' *\t '+ pkg.name +' v'+ pkg.version +
|
||||||
' by Max Guglielmi \n' +
|
' by Max Guglielmi \n' +
|
||||||
|
|
|
@ -13027,6 +13027,7 @@
|
||||||
var filtersConfig = {
|
var filtersConfig = {
|
||||||
base_path: '../dist/tablefilter/',
|
base_path: '../dist/tablefilter/',
|
||||||
grid_layout: true,
|
grid_layout: true,
|
||||||
|
grid_width: '900px',
|
||||||
alternate_rows: true,
|
alternate_rows: true,
|
||||||
btn_reset: true,
|
btn_reset: true,
|
||||||
rows_counter: true,
|
rows_counter: true,
|
||||||
|
@ -13035,9 +13036,9 @@
|
||||||
col_1: 'select',
|
col_1: 'select',
|
||||||
col_2: 'select',
|
col_2: 'select',
|
||||||
col_widths: [
|
col_widths: [
|
||||||
"150px", "70px", "70px",
|
'150px', '90px', '70px',
|
||||||
"120px", "120px", "100px",
|
'120px', '120px', '100px',
|
||||||
"100px", "100px", "100px"
|
'100px', '100px', '100px'
|
||||||
],
|
],
|
||||||
extensions:[
|
extensions:[
|
||||||
{
|
{
|
||||||
|
|
13087
demos/advanced-grid.html
13087
demos/advanced-grid.html
File diff suppressed because it is too large
Load diff
|
@ -2647,10 +2647,10 @@ var tfConfig = {
|
||||||
alternate_rows: true,
|
alternate_rows: true,
|
||||||
rows_counter: true,
|
rows_counter: true,
|
||||||
btn_reset: true,
|
btn_reset: true,
|
||||||
btn_reset_text: "Clear",
|
btn_reset_text: 'Clear',
|
||||||
status_bar: true,
|
status_bar: true,
|
||||||
col_1: "select",
|
col_1: 'select',
|
||||||
col_2: "select",
|
col_2: 'select',
|
||||||
|
|
||||||
/* columns visibility and sort extension */
|
/* columns visibility and sort extension */
|
||||||
extensions:[
|
extensions:[
|
||||||
|
|
|
@ -471,17 +471,13 @@ var tfConfig = {
|
||||||
},
|
},
|
||||||
extensions:[
|
extensions:[
|
||||||
{
|
{
|
||||||
name: 'sort',
|
name: 'sort'
|
||||||
types: [
|
|
||||||
'number', 'string', 'string',
|
|
||||||
'US', 'none', 'string'
|
|
||||||
]
|
|
||||||
},{
|
},{
|
||||||
name: 'colOps',
|
name: 'colOps',
|
||||||
id: ["sum1", "sum2"],
|
id: ['sum1', 'sum2'],
|
||||||
col: [3, 4],
|
col: [3, 4],
|
||||||
operation: ["sum", "sum"],
|
operation: ['sum', 'sum'],
|
||||||
write_method: ["innerhtml", 'innerhtml'],
|
write_method: ['innerhtml', 'innerhtml'],
|
||||||
exclude_row: [totRowIndex],
|
exclude_row: [totRowIndex],
|
||||||
decimal_precision: [2, 2],
|
decimal_precision: [2, 2],
|
||||||
tot_row_index: [totRowIndex],
|
tot_row_index: [totRowIndex],
|
||||||
|
|
|
@ -13008,7 +13008,7 @@
|
||||||
var filtersConfig = {
|
var filtersConfig = {
|
||||||
base_path: '../dist/tablefilter/',
|
base_path: '../dist/tablefilter/',
|
||||||
paging: true,
|
paging: true,
|
||||||
results_per_page: ['Page length: ', [10,25,50,100]],
|
results_per_page: ['Records: ', [10,25,50,100]],
|
||||||
remember_grid_values: true,
|
remember_grid_values: true,
|
||||||
remember_page_number: true,
|
remember_page_number: true,
|
||||||
remember_page_length: true,
|
remember_page_length: true,
|
||||||
|
|
1
dist/starter.html
vendored
1
dist/starter.html
vendored
|
@ -459,6 +459,7 @@
|
||||||
loader: true,
|
loader: true,
|
||||||
status_bar: true,
|
status_bar: true,
|
||||||
mark_active_columns: true,
|
mark_active_columns: true,
|
||||||
|
highlight_keywords: true,
|
||||||
col_number_format: [
|
col_number_format: [
|
||||||
null, null, 'US',
|
null, null, 'US',
|
||||||
'US', 'US', 'US',
|
'US', 'US', 'US',
|
||||||
|
|
53
dist/tablefilter/style/colsVisibility.css
vendored
53
dist/tablefilter/style/colsVisibility.css
vendored
|
@ -1,55 +1,6 @@
|
||||||
/**
|
/**
|
||||||
* TableFilter v0.0.0 by Max Guglielmi
|
* TableFilter v0.0.0 by Max Guglielmi
|
||||||
* build date: 2015-08-06T05:20:40.430Z
|
* build date: 2015-08-09T12:39:08.406Z
|
||||||
* MIT License
|
* MIT License
|
||||||
*/
|
*/
|
||||||
/**
|
span.colVisSpan{text-align:left;}span.colVisSpan a.colVis{display:inline-block;padding:7px 5px 0;font-size:inherit;font-weight:inherit;vertical-align:top}div.colVisCont{position:relative;background:#fff;-webkit-box-shadow:3px 3px 2px #888;-moz-box-shadow:3px 3px 2px #888;box-shadow:3px 3px 2px #888;position:absolute;display:none;border:1px solid #ccc;height:auto;width:250px;background-color:#fff;margin:35px 0 0 -100px;z-index:10000;padding:10px 10px 10px 10px;text-align:left;font-size:12px;}div.colVisCont:after,div.colVisCont:before{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}div.colVisCont:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:10px;margin-left:-10px}div.colVisCont:before{border-color:rgba(255,255,255,0);border-bottom-color:#ccc;border-width:12px;margin-left:-12px}div.colVisCont p{margin:6px auto 6px auto}div.colVisCont a.colVis{display:initial;font-weight:inherit}ul.cols_checklist{padding:0;margin:0;list-style:none;}ul.cols_checklist label{display:block}ul.cols_checklist input{vertical-align:middle;margin:2px 5px 2px 1px}li.cols_checklist_item{padding:4px;margin:0;}li.cols_checklist_item:hover{background-color:#335ea8;color:#fff}.cols_checklist_slc_item{background-color:#335ea8;color:#fff}
|
||||||
* ColsVisibility extension default style
|
|
||||||
*/
|
|
||||||
span.colVisSpan {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
span.colVisSpan a.colVis {
|
|
||||||
margin: 0 5px 0 5px;
|
|
||||||
}
|
|
||||||
div.colVisCont {
|
|
||||||
position: absolute;
|
|
||||||
display: none;
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
height: auto;
|
|
||||||
width: 250px;
|
|
||||||
background-color: #fff;
|
|
||||||
margin: 18px 0 0 0;
|
|
||||||
z-index: 10000;
|
|
||||||
padding: 10px 10px 10px 10px;
|
|
||||||
text-align: left;
|
|
||||||
font-size: 12px;
|
|
||||||
box-shadow: 3px 3px 2px #888;
|
|
||||||
}
|
|
||||||
div.colVisCont p {
|
|
||||||
margin: 6px auto 6px auto;
|
|
||||||
}
|
|
||||||
ul.cols_checklist {
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
ul.cols_checklist label {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
ul.cols_checklist input {
|
|
||||||
vertical-align: middle;
|
|
||||||
margin: 2px 5px 2px 1px;
|
|
||||||
}
|
|
||||||
li.cols_checklist_item {
|
|
||||||
padding: 4px;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
li.cols_checklist_item:hover {
|
|
||||||
background-color: #335ea8;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.cols_checklist_slc_item {
|
|
||||||
background-color: #335ea8;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
16
dist/tablefilter/style/filtersVisibility.css
vendored
16
dist/tablefilter/style/filtersVisibility.css
vendored
|
@ -1,18 +1,6 @@
|
||||||
/**
|
/**
|
||||||
* TableFilter v0.0.0 by Max Guglielmi
|
* TableFilter v0.0.0 by Max Guglielmi
|
||||||
* build date: 2015-08-06T05:20:40.430Z
|
* build date: 2015-08-09T12:39:08.406Z
|
||||||
* MIT License
|
* MIT License
|
||||||
*/
|
*/
|
||||||
/**
|
span.expClpFlt a.btnExpClpFlt{width:35px;height:35px;display:inline-block;}span.expClpFlt a.btnExpClpFlt:hover{background-color:#f4f4f4}span.expClpFlt img{padding:8px 11px 11px 11px}
|
||||||
* Filters visibility extension default style
|
|
||||||
*/
|
|
||||||
span.expClpFlt,
|
|
||||||
span.expClpFlt img {
|
|
||||||
vertical-align: middle;
|
|
||||||
border: 0;
|
|
||||||
padding: 1px 1px 1px 1px;
|
|
||||||
margin: 1px 1px 1px 1px;
|
|
||||||
}
|
|
||||||
.btnExpClpFlt {
|
|
||||||
margin: 0 5px 0 5px;
|
|
||||||
}
|
|
585
dist/tablefilter/style/tablefilter.css
vendored
585
dist/tablefilter/style/tablefilter.css
vendored
|
@ -1,573 +1,22 @@
|
||||||
/**
|
/**
|
||||||
* TableFilter v0.0.0 by Max Guglielmi
|
* TableFilter v0.0.0 by Max Guglielmi
|
||||||
* build date: 2015-08-06T05:20:40.430Z
|
* build date: 2015-08-09T12:39:08.406Z
|
||||||
* MIT License
|
* MIT License
|
||||||
*/
|
*/
|
||||||
/**
|
.activeHeader{background-color:#66afe9 !important;color:#fff !important}
|
||||||
* Filtered column marker default style
|
.even{background-color:#fff}.odd{background-color:#f9f9f9}
|
||||||
*/
|
|
||||||
.activeHeader {
|
|
||||||
background: #004080 !important;
|
|
||||||
color: #fff !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
.ezActiveRow{background-color:#2852a8 !important;color:#fff}.ezSelectedRow{background-color:#316ac5 !important;color:#fff}.ezActiveCell{background-color:#d9e8fb !important;color:#000 !important;font-weight:bold}.ezETSelectedCell{background-color:#ffdc61 !important;font-weight:bold;color:#000 !important}.ezUnselectable{-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}.ezInputEditor{width:95%;height:auto;font-size:inherit;border:1px solid #aaccf6}.ezTextareaEditor{width:95%;height:35px;font-size:inherit;border:1px solid #aaccf6}.ezSelectEditor{width:100%;font-size:inherit;border:1px solid #aaccf6}.ezModifiedCell{background:transparent url("themes/bg_mod_cell.png") 0 0 no-repeat}select[multiple="multiple"].ezSelectEditor{height:35px}.ezCommandEditor{margin:2px;}.ezCommandEditor button,.ezCommandEditor input[type="button"]{min-height:22px;margin:1px;padding:3px;border:1px solid #ccc;background:#fff;border-radius:4px 4px 4px 4px;-moz-border-radius:4px 4px 4px 4px;}.ezCommandEditor button:hover,.ezCommandEditor input[type="button"]:hover{border:1px solid #999}.ezCommandEditor img{border:0;vertical-align:middle;margin:2px}.ezOpacity{opacity:.6}.alignLeft{text-align:left}.alignCenter{text-align:center}.alignRight{text-align:right}
|
||||||
* Alternating rows default style
|
.div_checklist{width:100%;height:90px;border:1px solid #f4f4f4;overflow:auto;text-align:left;background-color:#fff;color:#444;}.div_checklist ul.flt_checklist{padding:0 !important;margin:0 !important;list-style:none !important}.div_checklist li.flt_checklist_item{padding:1px !important;margin:0 !important;font-size:10px !important;border-bottom:1px solid #f4f4f4 !important;}.div_checklist li.flt_checklist_item:hover{background-color:#335ea8 !important;color:#fff !important}.div_checklist label{display:block !important}.div_checklist input{vertical-align:middle !important;margin:2px 5px 2px 1px !important}.flt_checklist_item_disabled{background-color:#e5e5e5}.flt_checklist_slc_item{background-color:#335ea8 !important;color:#fff !important}
|
||||||
*/
|
.fltrow{height:1em;background-color:#eaeaea;}.fltrow td{border-bottom:1px solid #ccc !important;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #f4f4f4;padding:.2em !important}.btnflt{height:35px;font-family:inherit;font-size:inherit;vertical-align:middle;margin:0 2px 0 2px;padding:0 1px 0 1px}.btnflt_icon{font-family:inherit;font-size:inherit;width:35px;height:35px;cursor:pointer !important;border:0 !important;vertical-align:middle;background:transparent url("themes/btn_filter.png") center center no-repeat !important}.flt,.flt_s,.single_flt{font-family:inherit;display:block;color:#444;background-color:#fff;border:1px inset #f4f4f4;margin:0;padding:0 0 0 .2em;width:100%;height:35px;vertical-align:middle;border-radius:2px;box-sizing:border-box;}.flt:focus,.flt_s:focus,.single_flt:focus{border-color:#66afe9;outline:0 none;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6);box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}select.flt_multi{font-family:inherit;color:#444;background-color:#fff;border:1px solid #f4f4f4;margin:0;padding:.2em;width:100%;height:90px;vertical-align:middle;box-sizing:border-box}.flt_s{width:60%;box-sizing:initial;display:initial}.single_flt{width:70%;box-sizing:initial;display:initial}div.popUpFilter{position:relative;background:#fff;-webkit-box-shadow:3px 3px 2px #888;-moz-box-shadow:3px 3px 2px #888;box-shadow:3px 3px 2px #888;margin:30px auto 0 0;position:absolute;display:none;width:100px;background-color:#eaeaea;border:1px solid #eaeaea;padding:0}div.popUpFilter:after,div.popUpFilter:before{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}div.popUpFilter:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:10px;margin-left:-10px}div.popUpFilter:before{border-color:rgba(255,255,255,0);border-bottom-color:#eaeaea;border-width:12px;margin-left:-12px}
|
||||||
.even {
|
div.grd_Cont{-webkit-box-shadow:4px 4px 10px 0 rgba(50,50,50,0.75);-moz-box-shadow:4px 4px 10px 0 rgba(50,50,50,0.75);box-shadow:4px 4px 10px 0 rgba(50,50,50,0.75);width:800px;height:auto;overflow:hidden;padding:3px 3px 3px 3px;background-color:#c8e0fb;border:1px solid #99bbe8;}div.grd_Cont .fltrow{background-color:transparent}div.grd_Cont .flt{border:1px solid #99bbe8;width:97%;}div.grd_Cont .flt :focus{border:1px solid #558dd9}div.grd_Cont .even{background-color:#fff}div.grd_Cont .odd{background-color:#dfe8f6}div.grd_tblCont{height:400px;width:800px;background:#fff;overflow-x:auto;overflow-y:scroll}div.grd_headTblCont{height:auto;width:800px;overflow:hidden;border-bottom:1px solid #99bbe8;background-color:#c8e0fb}div.grd_tblCont table,div.grd_headTblCont table{border-collapse:collapse;table-layout:fixed}div.grd_tblCont table{border-right:1px solid #99bbe8}div.grd_tblCont table th,div.grd_headTblCont table th,div.grd_headTblCont table td{height:35px;background-color:#c8e0fb;padding:.1em .5em;color:#333;border-right:1px solid #99bbe8 !important;overflow:hidden;text-overflow:ellipsis}div.grd_headTblCont table td{padding:.2em .2em}div.grd_tblCont table td{padding:.5em .7em;border-bottom:1px solid #99bbe8;overflow:hidden;text-overflow:ellipsis}.grd_inf{clear:both;width:auto;height:35px;background-color:#c8e0fb;margin:0;padding:1px 3px 1px 3px;border-top:1px solid #99bbe8;}.grd_inf a{color:#333;text-decoration:none;font-weight:bold;}.grd_inf a:hover{text-decoration:underline;background-color:transparent}.grd_inf input.reset:hover{background-color:transparent}.grd_inf .mdiv{width:40% !important}.grd_inf .ldiv div{border:0}.grd_inf .helpBtn{border:0 !important}.grd_inf div.status{position:absolute;float:none !important;height:auto !important;margin:19px 0 !important;font-size:12px;color:#333;border:0 !important}.grd_inf div.tot{border:0 !important}
|
||||||
background-color: #fff;
|
.helpBtn{display:inline-block;height:27px;margin:0;padding:8px 15px 0 15px;vertical-align:top;}.helpBtn:hover{background-color:#f4f4f4}div.helpCont{position:relative;background:#fff;-webkit-box-shadow:3px 3px 2px #888;-moz-box-shadow:3px 3px 2px #888;box-shadow:3px 3px 2px #888;position:absolute;display:none;width:300px;padding:10px;margin:45px 0 0 -150px;border:1px solid #ccc;line-height:20px;font-size:inherit;color:#333;background:#fff;text-align:left;}div.helpCont:after,div.helpCont:before{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}div.helpCont:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:10px;margin-left:-10px}div.helpCont:before{border-color:rgba(255,255,255,0);border-bottom-color:#ccc;border-width:12px;margin-left:-12px}div.helpCont a{color:#c00;text-decoration:underline;font-weight:normal}div.helpCont a.close{color:#333;text-decoration:none;font-weight:bold;}div.helpCont a.close:hover{text-decoration:none}div.helpCont hr{border:1px solid #ccc}div.helpFooter{margin:10px 0 0 0;}div.helpFooter h4{margin:2px 2px 2px 2px;color:#333}
|
||||||
}
|
span.keyword{font-weight:700;font-style:italic;border-bottom:1px dotted #ccc}
|
||||||
.odd {
|
.loader{position:absolute;padding:.5em .7em;margin:10em 0 0 3em;width:auto;z-index:1000;font-weight:600;background-color:#a7a7a8;vertical-align:middle;border-radius:10px;color:#fff;text-shadow:1px 1px #333}
|
||||||
background-color: #e5e5e5;
|
select.pgSlc{height:35px;margin:0;border:1px solid #f4f4f4;background-color:#fff;vertical-align:middle}select.pgSlc:focus{border-color:#66afe9;outline:0 none;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}input.pgNbInp{height:35px;margin:0;border:1px solid #f4f4f4;background-color:#fff;width:35px}input.pgNbInp:focus{border-color:#66afe9;outline:0 none;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}input.pgInp,.nextPage,.previousPage,.firstPage,.lastPage{height:35px;margin:0;border:1px solid #f4f4f4;background-color:#fff;vertical-align:middle;width:35px;border:0;font-weight:bold}input.pgInp:focus,.nextPage:focus,.previousPage:focus,.firstPage:focus,.lastPage:focus{border-color:#66afe9;outline:0 none;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}.nextPage{background:transparent url("themes/btn_next_page.gif") center center no-repeat !important;}.nextPage:hover{background-color:#f4f4f4 !important}.previousPage{background:transparent url("themes/btn_previous_page.gif") center center no-repeat !important;}.previousPage:hover{background-color:#f4f4f4 !important}.firstPage{background:transparent url("themes/btn_first_page.gif") center center no-repeat !important;}.firstPage:hover{background-color:#f4f4f4 !important}.lastPage{background:transparent url("themes/btn_last_page.gif") center center no-repeat !important;}.lastPage:hover{background-color:#f4f4f4 !important}span.nbpg{padding:0 5px}select.rspg{height:35px;margin:0;border:1px solid #f4f4f4;background-color:#fff;margin:0 0 0 5px;vertical-align:middle}select.rspg:focus{border-color:#66afe9;outline:0 none;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}span.rspgSpan{font-size:inherit}
|
||||||
}
|
input.reset{display:inline-block;width:35px;height:35px;border:0;background:transparent url("themes/btn_clear_filters.png") center center no-repeat;vertical-align:top;}input.reset:hover{background-color:#f4f4f4}
|
||||||
|
div.tot{float:left;overflow:hidden;min-width:150px;height:100%;margin:0;padding:.5em;vertical-align:middle;}div.tot span{font-weight:500}
|
||||||
/**
|
.sort-arrow{width:11px;height:11px;margin:0 2px;background-position:center center;background-repeat:no-repeat}.descending{background-image:url("themes/downsimple.png")}.ascending{background-image:url("themes/upsimple.png")}
|
||||||
* Global variables
|
div.status{float:left;overflow:hidden;min-width:120px;height:100%;margin:0;padding:.5em;}div.status span{font-size:inherit}
|
||||||
*/
|
table.TF{font-family:inherit;border-spacing:0;border:0;}table.TF th{height:35px;margin:0;background-color:#eaeaea;border-bottom:1px solid #ddd;border-top:1px solid #f4f4f4;border-left:1px solid #ccc;border-right:1px solid #f4f4f4;padding:.1em .7em;color:#333}table.TF td{margin:0;padding:.5em .7em;border-bottom:1px solid #c6c6c6}
|
||||||
|
.inf{clear:both;width:auto;height:35px;background-color:#fff;font-size:inherit;margin:0;padding:0;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;overflow:hidden;border-top-left-radius:3px;border-top-right-radius:3px;}.inf a{color:#333;text-decoration:none;font-weight:bold;}.inf a:hover{text-decoration:underline}.ldiv{float:left;width:30%;position:inherit;text-align:left}.mdiv{float:left;width:38%;position:inherit;text-align:center;padding:0}.rdiv{float:right;width:30%;position:inherit;text-align:right}
|
||||||
/**
|
|
||||||
* ezEditTable integration default overrides
|
|
||||||
*/
|
|
||||||
.ezActiveRow {
|
|
||||||
background-color: #2852a8 !important;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.ezSelectedRow {
|
|
||||||
background-color: #316ac5 !important;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.ezActiveCell {
|
|
||||||
background-color: #d9e8fb !important;
|
|
||||||
color: #000 !important;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.ezETSelectedCell {
|
|
||||||
background-color: #ffdc61 !important;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #000 !important;
|
|
||||||
}
|
|
||||||
.ezUnselectable {
|
|
||||||
-moz-user-select: -moz-none;
|
|
||||||
-khtml-user-select: none;
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-o-user-select: none;
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
||||||
.ezInputEditor {
|
|
||||||
width: 95%;
|
|
||||||
height: auto;
|
|
||||||
font-size: inherit;
|
|
||||||
border: 1px solid #aaccf6;
|
|
||||||
}
|
|
||||||
.ezTextareaEditor {
|
|
||||||
width: 95%;
|
|
||||||
height: 35px;
|
|
||||||
font-size: inherit;
|
|
||||||
border: 1px solid #aaccf6;
|
|
||||||
}
|
|
||||||
.ezSelectEditor {
|
|
||||||
width: 100%;
|
|
||||||
font-size: inherit;
|
|
||||||
border: 1px solid #aaccf6;
|
|
||||||
}
|
|
||||||
.ezModifiedCell {
|
|
||||||
background: transparent url("themes/bg_mod_cell.png") 0 0 no-repeat;
|
|
||||||
}
|
|
||||||
select[multiple="multiple"].ezSelectEditor {
|
|
||||||
height: 35px;
|
|
||||||
}
|
|
||||||
/* Command type editor */
|
|
||||||
.ezCommandEditor {
|
|
||||||
margin: 2px;
|
|
||||||
}
|
|
||||||
.ezCommandEditor button,
|
|
||||||
.ezCommandEditor input[type="button"] {
|
|
||||||
min-height: 22px;
|
|
||||||
margin: 1px;
|
|
||||||
padding: 3px;
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
background: #fff;
|
|
||||||
border-radius: 4px 4px 4px 4px;
|
|
||||||
-moz-border-radius: 4px 4px 4px 4px;
|
|
||||||
}
|
|
||||||
.ezCommandEditor button:hover,
|
|
||||||
.ezCommandEditor input[type="button"]:hover {
|
|
||||||
border: 1px solid #999;
|
|
||||||
}
|
|
||||||
.ezCommandEditor img {
|
|
||||||
border: 0;
|
|
||||||
vertical-align: middle;
|
|
||||||
margin: 2px;
|
|
||||||
}
|
|
||||||
.ezOpacity {
|
|
||||||
opacity: 0.6 /* CSS3 standard */;
|
|
||||||
}
|
|
||||||
.alignLeft {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
.alignCenter {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.alignRight {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Checklist filters default style
|
|
||||||
*/
|
|
||||||
.div_checklist {
|
|
||||||
width: 100%;
|
|
||||||
height: 100px;
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
overflow: auto;
|
|
||||||
text-align: left;
|
|
||||||
background-color: #fff;
|
|
||||||
color: #333 !important;
|
|
||||||
}
|
|
||||||
.div_checklist ul.flt_checklist {
|
|
||||||
padding: 0 !important;
|
|
||||||
margin: 0 !important;
|
|
||||||
list-style: none !important;
|
|
||||||
}
|
|
||||||
.div_checklist li.flt_checklist_item {
|
|
||||||
padding: 1px !important;
|
|
||||||
margin: 0 !important;
|
|
||||||
font-size: 10px !important;
|
|
||||||
border-bottom: 1px solid #ccc !important;
|
|
||||||
}
|
|
||||||
.div_checklist li.flt_checklist_item:hover {
|
|
||||||
background-color: #335ea8 !important;
|
|
||||||
color: #fff !important;
|
|
||||||
}
|
|
||||||
.div_checklist label {
|
|
||||||
display: block !important;
|
|
||||||
}
|
|
||||||
.div_checklist input {
|
|
||||||
vertical-align: middle !important;
|
|
||||||
margin: 2px 5px 2px 1px !important;
|
|
||||||
}
|
|
||||||
.flt_checklist_item_disabled {
|
|
||||||
background-color: #e5e5e5;
|
|
||||||
}
|
|
||||||
.flt_checklist_slc_item {
|
|
||||||
background-color: #335ea8 !important;
|
|
||||||
color: #fff !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Filters' default style
|
|
||||||
*/
|
|
||||||
.fltrow {
|
|
||||||
height: 20px;
|
|
||||||
background-color: #f4f4f4;
|
|
||||||
}
|
|
||||||
.fltrow td,
|
|
||||||
.fltrow th {
|
|
||||||
padding: 2px !important;
|
|
||||||
}
|
|
||||||
.btnflt {
|
|
||||||
font-size: 11px;
|
|
||||||
vertical-align: middle;
|
|
||||||
margin: 0 2px 0 2px;
|
|
||||||
padding: 0 1px 0 1px;
|
|
||||||
}
|
|
||||||
.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;
|
|
||||||
}
|
|
||||||
.flt {
|
|
||||||
background-color: #fff;
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
margin: 0;
|
|
||||||
width: 97%;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
select.flt {
|
|
||||||
background-color: #fff;
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
margin: 0 1px 1px 0;
|
|
||||||
width: 99%;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
select.flt_multi {
|
|
||||||
background-color: #fff;
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
margin: 0 1px 1px 0;
|
|
||||||
width: 99%;
|
|
||||||
height: 100px;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
.flt_s {
|
|
||||||
background-color: #fff;
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
margin: 0;
|
|
||||||
width: 80%;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
.single_flt {
|
|
||||||
background-color: #fff;
|
|
||||||
border-left: 1px solid #999;
|
|
||||||
border-right: 1px solid #ccc;
|
|
||||||
border-top: 1px solid #ccc;
|
|
||||||
border-bottom: 1px solid #999;
|
|
||||||
margin: 0;
|
|
||||||
width: 120px;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
div.popUpFilter {
|
|
||||||
position: absolute;
|
|
||||||
display: none;
|
|
||||||
width: 100px;
|
|
||||||
background-color: #c8e0fb;
|
|
||||||
border: 1px solid #e4e4e4;
|
|
||||||
padding: 1px 3px 1px 1px;
|
|
||||||
margin: 20px auto 0 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Grid layout default style
|
|
||||||
*/
|
|
||||||
div.grd_Cont {
|
|
||||||
width: 800px;
|
|
||||||
height: auto;
|
|
||||||
overflow: hidden;
|
|
||||||
padding: 3px 3px 3px 3px;
|
|
||||||
background-color: #c8e0fb;
|
|
||||||
border: 1px solid #99bbe8;
|
|
||||||
}
|
|
||||||
div.grd_Cont .fltrow {
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
div.grd_Cont .flt {
|
|
||||||
border: 1px solid #99bbe8;
|
|
||||||
width: 97%;
|
|
||||||
}
|
|
||||||
div.grd_Cont .flt :focus {
|
|
||||||
border: 1px solid #558dd9;
|
|
||||||
}
|
|
||||||
div.grd_Cont .even {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
div.grd_Cont .odd {
|
|
||||||
background-color: #dfe8f6;
|
|
||||||
}
|
|
||||||
div.grd_tblCont {
|
|
||||||
height: 400px;
|
|
||||||
width: 800px;
|
|
||||||
background: #fff;
|
|
||||||
overflow-x: auto;
|
|
||||||
overflow-y: scroll;
|
|
||||||
}
|
|
||||||
div.grd_headTblCont {
|
|
||||||
height: auto;
|
|
||||||
width: 800px;
|
|
||||||
overflow: hidden;
|
|
||||||
border-bottom: 1px solid #99bbe8;
|
|
||||||
background-color: #c8e0fb;
|
|
||||||
}
|
|
||||||
div.grd_tblCont table,
|
|
||||||
div.grd_headTblCont table {
|
|
||||||
font-size: 12px;
|
|
||||||
border-collapse: collapse;
|
|
||||||
table-layout: fixed;
|
|
||||||
}
|
|
||||||
div.grd_tblCont table {
|
|
||||||
border-right: 1px solid #99bbe8;
|
|
||||||
}
|
|
||||||
div.grd_tblCont table th,
|
|
||||||
div.grd_headTblCont table th,
|
|
||||||
div.grd_headTblCont table td {
|
|
||||||
background-color: #c8e0fb;
|
|
||||||
padding: 2px 2px 2px 2px !important;
|
|
||||||
color: #333;
|
|
||||||
border-right: 1px solid #99bbe8 !important;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
}
|
|
||||||
div.grd_tblCont table td {
|
|
||||||
padding: 2px 2px 2px 2px !important;
|
|
||||||
border-bottom: 1px solid #ccc !important;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
}
|
|
||||||
.grd_inf {
|
|
||||||
clear: both;
|
|
||||||
width: auto;
|
|
||||||
height: 25px;
|
|
||||||
background-color: #c8e0fb;
|
|
||||||
font-size: 11px;
|
|
||||||
margin: 0;
|
|
||||||
padding: 1px 3px 1px 3px;
|
|
||||||
border-top: 1px solid #99bbe8;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Help box default style
|
|
||||||
*/
|
|
||||||
.helpBtn {
|
|
||||||
margin: 0 5px 0 5px;
|
|
||||||
padding: 2px 4px 2px 4px;
|
|
||||||
border-left: 1px solid #ccc;
|
|
||||||
border-right: 1px solid #ccc;
|
|
||||||
}
|
|
||||||
div.helpCont {
|
|
||||||
position: absolute;
|
|
||||||
display: none;
|
|
||||||
max-width: 300px;
|
|
||||||
overflow: auto;
|
|
||||||
padding: 10px;
|
|
||||||
margin: 15px 0;
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
line-height: 20px;
|
|
||||||
font-size: 12px;
|
|
||||||
color: #333;
|
|
||||||
background: #fff;
|
|
||||||
text-align: left;
|
|
||||||
box-shadow: 3px 3px 2px #888;
|
|
||||||
}
|
|
||||||
div.helpCont a {
|
|
||||||
color: #c00;
|
|
||||||
text-decoration: underline;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
div.helpCont a.close {
|
|
||||||
color: #333;
|
|
||||||
text-decoration: none;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
div.helpCont a.close:hover {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
div.helpCont hr {
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
}
|
|
||||||
div.helpFooter {
|
|
||||||
margin: 10px 0 0 0;
|
|
||||||
}
|
|
||||||
div.helpFooter h4 {
|
|
||||||
margin: 2px 2px 2px 2px;
|
|
||||||
font-size: 13px;
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Keyword highlighting default style
|
|
||||||
*/
|
|
||||||
span.keyword {
|
|
||||||
background-color: #fc0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Loading message default style
|
|
||||||
*/
|
|
||||||
.loader {
|
|
||||||
position: absolute;
|
|
||||||
padding: 5px 10px 5px 10px;
|
|
||||||
margin: 20px 0 0 20px;
|
|
||||||
width: auto;
|
|
||||||
z-index: 1000;
|
|
||||||
font-size: 12px;
|
|
||||||
font-weight: bold;
|
|
||||||
border: 1px solid #666;
|
|
||||||
background-color: #f4f4f4;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Paging default style
|
|
||||||
*/
|
|
||||||
select.pgSlc {
|
|
||||||
height: 20px;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
input.pgNbInp {
|
|
||||||
width: 25px;
|
|
||||||
height: 16px;
|
|
||||||
margin: 1px;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
input.pgInp,
|
|
||||||
.nextPage,
|
|
||||||
.previousPage,
|
|
||||||
.firstPage,
|
|
||||||
.lastPage {
|
|
||||||
vertical-align: middle;
|
|
||||||
width: 19px;
|
|
||||||
height: 19px;
|
|
||||||
cursor: pointer !important;
|
|
||||||
border: 0 !important;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.nextPage {
|
|
||||||
background: transparent url("themes/btn_next_page.gif") center center no-repeat !important;
|
|
||||||
}
|
|
||||||
.nextPage:hover {
|
|
||||||
background-color: #cad1d6 !important;
|
|
||||||
}
|
|
||||||
.previousPage {
|
|
||||||
background: transparent url("themes/btn_previous_page.gif") center center no-repeat !important;
|
|
||||||
}
|
|
||||||
.previousPage:hover {
|
|
||||||
background-color: #cad1d6 !important;
|
|
||||||
}
|
|
||||||
.firstPage {
|
|
||||||
background: transparent url("themes/btn_first_page.gif") center center no-repeat !important;
|
|
||||||
}
|
|
||||||
.firstPage:hover {
|
|
||||||
background-color: #cad1d6 !important;
|
|
||||||
}
|
|
||||||
.lastPage {
|
|
||||||
background: transparent url("themes/btn_last_page.gif") center center no-repeat !important;
|
|
||||||
}
|
|
||||||
.lastPage:hover {
|
|
||||||
background-color: #cad1d6 !important;
|
|
||||||
}
|
|
||||||
span.nbpg {
|
|
||||||
padding: 0 5px 0 0;
|
|
||||||
}
|
|
||||||
select.rspg {
|
|
||||||
width: 50px;
|
|
||||||
margin: 1px 5px 0 5px;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
span.rspgSpan {
|
|
||||||
font-size: 11px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Reset button default style
|
|
||||||
*/
|
|
||||||
input.reset {
|
|
||||||
width: 19px;
|
|
||||||
height: 19px;
|
|
||||||
cursor: pointer !important;
|
|
||||||
border: 0 !important;
|
|
||||||
vertical-align: middle;
|
|
||||||
background: transparent url("themes/btn_clear_filters.png") center center no-repeat !important;
|
|
||||||
}
|
|
||||||
input.reset:hover {
|
|
||||||
background: #cad1d6 url("themes/btn_clear_filters.png") center center no-repeat !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Rows counter default style
|
|
||||||
*/
|
|
||||||
div.tot {
|
|
||||||
float: left;
|
|
||||||
overflow: hidden;
|
|
||||||
width: 150px;
|
|
||||||
height: 15px;
|
|
||||||
border-right: 1px solid #ccc;
|
|
||||||
margin: 0 5px 0 2px;
|
|
||||||
padding: 0 2px 0 2px;
|
|
||||||
}
|
|
||||||
div.tot span {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Sorting elements default style
|
|
||||||
*/
|
|
||||||
.sort-arrow {
|
|
||||||
width: 11px;
|
|
||||||
height: 11px;
|
|
||||||
margin: 0 2px;
|
|
||||||
background-position: center center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
.descending {
|
|
||||||
background-image: url("themes/downsimple.png");
|
|
||||||
}
|
|
||||||
.ascending {
|
|
||||||
background-image: url("themes/upsimple.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Status bar default style
|
|
||||||
*/
|
|
||||||
div.status {
|
|
||||||
float: left;
|
|
||||||
overflow: hidden;
|
|
||||||
width: 150px;
|
|
||||||
height: 15px;
|
|
||||||
border-right: 1px solid #ccc;
|
|
||||||
margin: 0 5px 0 2px;
|
|
||||||
padding: 0 2px 0 2px;
|
|
||||||
}
|
|
||||||
div.status span {
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 11px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Table's default style
|
|
||||||
*/
|
|
||||||
table.TF {
|
|
||||||
border-spacing: 0;
|
|
||||||
border-top: 1px solid #d0d0d0;
|
|
||||||
border-left: 1px solid #d0d0d0;
|
|
||||||
border-bottom: 1px solid #ccc;
|
|
||||||
border-right: 1px solid #ccc;
|
|
||||||
}
|
|
||||||
table.TF th {
|
|
||||||
margin: 0;
|
|
||||||
background-color: #ebecee;
|
|
||||||
border-bottom: 1px solid #d0d0d0;
|
|
||||||
border-right: 1px solid #d0d0d0;
|
|
||||||
border-left: 1px solid #fff;
|
|
||||||
border-top: 1px solid #fff;
|
|
||||||
padding: 5px;
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
table.TF td {
|
|
||||||
margin: 0;
|
|
||||||
padding: 5px;
|
|
||||||
border-bottom: 1px solid #d0d0d0;
|
|
||||||
border-right: 1px solid #d0d0d0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Toolbar default style
|
|
||||||
*/
|
|
||||||
.inf {
|
|
||||||
clear: both;
|
|
||||||
width: auto;
|
|
||||||
height: 25px;
|
|
||||||
background-color: #f4f4f4;
|
|
||||||
font-size: 12px;
|
|
||||||
margin: 0;
|
|
||||||
padding: 1px 3px 1px 3px;
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.inf a {
|
|
||||||
color: #333;
|
|
||||||
text-decoration: none;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.inf a:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
.ldiv {
|
|
||||||
float: left;
|
|
||||||
width: 30%;
|
|
||||||
position: inherit;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
.mdiv {
|
|
||||||
float: left;
|
|
||||||
width: 38%;
|
|
||||||
position: inherit;
|
|
||||||
text-align: center;
|
|
||||||
padding: 1px 0;
|
|
||||||
}
|
|
||||||
.rdiv {
|
|
||||||
float: right;
|
|
||||||
width: 30%;
|
|
||||||
position: inherit;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
139
dist/tablefilter/style/themes/default/default.css
vendored
139
dist/tablefilter/style/themes/default/default.css
vendored
|
@ -1,141 +1,6 @@
|
||||||
/**
|
/**
|
||||||
* TableFilter v0.0.0 by Max Guglielmi
|
* TableFilter v0.0.0 by Max Guglielmi
|
||||||
* build date: 2015-08-06T05:20:40.430Z
|
* build date: 2015-08-09T12:39:08.406Z
|
||||||
* MIT License
|
* MIT License
|
||||||
*/
|
*/
|
||||||
/**
|
table.TF{border-left:1px solid #ccc !important;border-top:none !important;border-right:none !important;border-bottom:none !important;}table.TF th{background:#ebecee url("images/bg_th.jpg") left top repeat-x !important;border-bottom:1px solid #d0d0d0 !important;border-right:1px solid #d0d0d0 !important;border-left:1px solid #fff !important;border-top:1px solid #fff !important;padding:2px !important;color:#333 !important;height:25px !important}table.TF td{border-bottom:1px dotted #999 !important;padding:5px !important}.fltrow{background-color:#ebecee !important;}.fltrow th,.fltrow td{border-bottom:1px dotted #666 !important;padding:1px 3px 1px 3px !important}.flt,select.flt,select.flt_multi,.flt_s,.single_flt,.div_checklist{border:1px solid #999 !important}input.flt{width:99% !important}.inf{height:$min-height;background:#d7d7d7 url("images/bg_infDiv.jpg") 0 0 repeat-x !important}input.reset{background:transparent url("images/btn_eraser.gif") center center no-repeat !important}.helpBtn:hover{background-color:transparent}.nextPage{background:transparent url("images/btn_next_page.gif") center center no-repeat !important;}.nextPage:hover{background:transparent url("images/btn_over_next_page.gif") center center no-repeat !important}.previousPage{background:transparent url("images/btn_previous_page.gif") center center no-repeat !important;}.previousPage:hover{background:transparent url("images/btn_over_previous_page.gif") center center no-repeat !important}.firstPage{background:transparent url("images/btn_first_page.gif") center center no-repeat !important;}.firstPage:hover{background:transparent url("images/btn_over_first_page.gif") center center no-repeat !important}.lastPage{background:transparent url("images/btn_last_page.gif") center center no-repeat !important;}.lastPage:hover{background:transparent url("images/btn_over_last_page.gif") center center no-repeat !important}div.grd_Cont{background-color:#ebecee !important;border:1px solid #ccc !important;padding:0 !important;}div.grd_Cont .even{background-color:#fff}div.grd_Cont .odd{background-color:#d5d5d5}div.grd_headTblCont{background-color:#ebecee !important;border-bottom:none !important;}div.grd_headTblCont table{border-right:none !important}div.grd_tblCont table th,div.grd_headTblCont table th,div.grd_headTblCont table td{background:#ebecee url("images/bg_th.jpg") left top repeat-x !important;border-bottom:1px solid #d0d0d0 !important;border-right:1px solid #d0d0d0 !important;border-left:1px solid #fff !important;border-top:1px solid #fff !important}div.grd_tblCont table td{border-bottom:1px solid #999 !important}.grd_inf{background:#d7d7d7 url("images/bg_infDiv.jpg") 0 0 repeat-x !important;border-top:1px solid #d0d0d0 !important}.loader{border:1px solid #999}.defaultLoader{width:32px;height:32px;background:transparent url("images/img_loading.gif") 0 0 no-repeat !important}.even{background-color:#fff}.odd{background-color:#d5d5d5}span.expClpFlt a.btnExpClpFlt:hover{background-color:transparent !important}
|
||||||
* Default theme overrides
|
|
||||||
*/
|
|
||||||
table.TF {
|
|
||||||
border-left: 1px solid #ccc !important;
|
|
||||||
border-top: none !important;
|
|
||||||
border-right: none !important;
|
|
||||||
border-bottom: none !important;
|
|
||||||
}
|
|
||||||
table.TF th {
|
|
||||||
background: #ebecee url("images/bg_th.jpg") left top repeat-x !important;
|
|
||||||
border-bottom: 1px solid #d0d0d0 !important;
|
|
||||||
border-right: 1px solid #d0d0d0 !important;
|
|
||||||
border-left: 1px solid #fff !important;
|
|
||||||
border-top: 1px solid #fff !important;
|
|
||||||
padding: 2px !important;
|
|
||||||
color: #333 !important;
|
|
||||||
height: 25px !important;
|
|
||||||
}
|
|
||||||
table.TF td {
|
|
||||||
border-bottom: 1px dotted #999 !important;
|
|
||||||
padding: 5px !important;
|
|
||||||
}
|
|
||||||
.fltrow {
|
|
||||||
background-color: #ebecee !important;
|
|
||||||
}
|
|
||||||
.fltrow th,
|
|
||||||
.fltrow td {
|
|
||||||
border-bottom: 1px dotted #666 !important;
|
|
||||||
padding: 1px 3px 1px 3px !important;
|
|
||||||
}
|
|
||||||
.flt,
|
|
||||||
select.flt,
|
|
||||||
select.flt_multi,
|
|
||||||
.flt_s,
|
|
||||||
.single_flt,
|
|
||||||
.div_checklist {
|
|
||||||
border: 1px solid #999 !important;
|
|
||||||
}
|
|
||||||
input.flt {
|
|
||||||
width: 99% !important;
|
|
||||||
}
|
|
||||||
.inf {
|
|
||||||
background: #f4f4f4 url("images/bg_infDiv.jpg") 0 0 repeat-x !important;
|
|
||||||
}
|
|
||||||
input.reset {
|
|
||||||
width: 19px;
|
|
||||||
height: 19px;
|
|
||||||
cursor: pointer !important;
|
|
||||||
border: 0 !important;
|
|
||||||
vertical-align: middle;
|
|
||||||
background: transparent url("images/btn_eraser.gif") center center no-repeat !important;
|
|
||||||
}
|
|
||||||
input.reset :hover {
|
|
||||||
background: transparent url("images/btn_over_eraser.gif") center center no-repeat !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;
|
|
||||||
}
|
|
||||||
.nextPage :hover {
|
|
||||||
background: transparent url("images/btn_over_next_page.gif") center center no-repeat !important;
|
|
||||||
}
|
|
||||||
.previousPage {
|
|
||||||
background: transparent url("images/btn_previous_page.gif") center center no-repeat !important;
|
|
||||||
}
|
|
||||||
.previousPage :hover {
|
|
||||||
background: transparent url("images/btn_over_previous_page.gif") center center no-repeat !important;
|
|
||||||
}
|
|
||||||
.firstPage {
|
|
||||||
background: transparent url("images/btn_first_page.gif") center center no-repeat !important;
|
|
||||||
}
|
|
||||||
.firstPage :hover {
|
|
||||||
background: transparent url("images/btn_over_first_page.gif") center center no-repeat !important;
|
|
||||||
}
|
|
||||||
.lastPage {
|
|
||||||
background: transparent url("images/btn_last_page.gif") center center no-repeat !important;
|
|
||||||
}
|
|
||||||
.lastPage :hover {
|
|
||||||
background: transparent url("images/btn_over_last_page.gif") center center no-repeat !important;
|
|
||||||
}
|
|
||||||
select.rspg {
|
|
||||||
font-size: 10px;
|
|
||||||
}
|
|
||||||
div.grd_Cont {
|
|
||||||
background-color: #ebecee !important;
|
|
||||||
border: 1px solid #ccc !important;
|
|
||||||
padding: 0 !important;
|
|
||||||
}
|
|
||||||
div.grd_Cont .even {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
div.grd_Cont .odd {
|
|
||||||
background-color: #d5d5d5;
|
|
||||||
}
|
|
||||||
div.grd_headTblCont {
|
|
||||||
background-color: #ebecee !important;
|
|
||||||
border-bottom: none !important;
|
|
||||||
}
|
|
||||||
div.grd_headTblCont table {
|
|
||||||
border-right: none !important;
|
|
||||||
}
|
|
||||||
div.grd_tblCont table th,
|
|
||||||
div.grd_headTblCont table th,
|
|
||||||
div.grd_headTblCont table td {
|
|
||||||
background: #ebecee url("images/bg_th.jpg") left top repeat-x !important;
|
|
||||||
border-bottom: 1px solid #d0d0d0 !important;
|
|
||||||
border-right: 1px solid #d0d0d0 !important;
|
|
||||||
border-left: 1px solid #fff !important;
|
|
||||||
border-top: 1px solid #fff !important;
|
|
||||||
}
|
|
||||||
.grd_inf {
|
|
||||||
background: #d7d7d7 url("images/bg_infDiv.jpg") 0 0 repeat-x !important;
|
|
||||||
border-top: 1px solid #d0d0d0 !important;
|
|
||||||
height: 29px !important;
|
|
||||||
}
|
|
||||||
.loader {
|
|
||||||
border: 1px solid #999;
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
.defaultLoader {
|
|
||||||
width: 32px;
|
|
||||||
height: 32px;
|
|
||||||
background: transparent url("images/img_loading.gif") 0 0 no-repeat !important;
|
|
||||||
}
|
|
||||||
.even {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
.odd {
|
|
||||||
background-color: #d5d5d5;
|
|
||||||
}
|
|
166
dist/tablefilter/style/themes/mytheme/mytheme.css
vendored
166
dist/tablefilter/style/themes/mytheme/mytheme.css
vendored
|
@ -1,168 +1,6 @@
|
||||||
/**
|
/**
|
||||||
* TableFilter v0.0.0 by Max Guglielmi
|
* TableFilter v0.0.0 by Max Guglielmi
|
||||||
* build date: 2015-08-06T05:20:40.430Z
|
* build date: 2015-08-09T12:39:08.406Z
|
||||||
* MIT License
|
* MIT License
|
||||||
*/
|
*/
|
||||||
/**
|
table.TF{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}.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}.flt,select.flt,select.flt_multi,.flt_s,.single_flt,.div_checklist{border:1px solid #687830 !important}input.flt{width:99% !important}.inf{background:#d8d8d8;height:$min-height}input.reset{width:53px;background:transparent url("images/btn_filter.png") center center no-repeat !important}.helpBtn:hover{background-color:transparent}.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}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;}div.grd_Cont .even{background-color:#bccd83}div.grd_Cont .odd{background-color:#fff}div.grd_headTblCont{background-color:#ebecee !important;border-bottom:none !important}div.grd_tblCont table{border-right:none !important;}div.grd_tblCont table td{border-bottom:1px dotted #81963b;border-right:1px dotted #81963b}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}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}.grd_inf{background-color:#d8d8d8;border-top:1px solid #d0d0d0 !important}.loader{border:0 !important;background:#81963b !important}.defaultLoader{width:32px;height:32px;background:transparent url("images/img_loading.gif") 0 0 no-repeat !important}.even{background-color:#bccd83}.odd{background-color:#fff}span.expClpFlt a.btnExpClpFlt:hover{background-color:transparent !important}
|
||||||
* mytheme theme overrides
|
|
||||||
*/
|
|
||||||
table.TF {
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
.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;
|
|
||||||
}
|
|
||||||
.flt,
|
|
||||||
select.flt,
|
|
||||||
select.flt_multi,
|
|
||||||
.flt_s,
|
|
||||||
.single_flt,
|
|
||||||
.div_checklist {
|
|
||||||
border: 1px solid #687830 !important;
|
|
||||||
}
|
|
||||||
input.flt {
|
|
||||||
width: 99% !important;
|
|
||||||
}
|
|
||||||
.inf {
|
|
||||||
background: #f4f4f4 url("images/bg_infDiv.jpg") left bottom repeat-x !important;
|
|
||||||
}
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
.ldiv {
|
|
||||||
width: 40% !important;
|
|
||||||
}
|
|
||||||
.mdiv {
|
|
||||||
width: 34% !important;
|
|
||||||
text-align: left !important;
|
|
||||||
}
|
|
||||||
.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;
|
|
||||||
}
|
|
||||||
.nextPage :hover {
|
|
||||||
background: #cad1d6 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;
|
|
||||||
}
|
|
||||||
.previousPage :hover {
|
|
||||||
background: #cad1d6 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;
|
|
||||||
}
|
|
||||||
.firstPage :hover {
|
|
||||||
background: #cad1d6 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;
|
|
||||||
}
|
|
||||||
.lastPage :hover {
|
|
||||||
background: #cad1d6 url("images/btn_last_page.gif") center center no-repeat !important;
|
|
||||||
}
|
|
||||||
select.rspg {
|
|
||||||
font-size: 10px;
|
|
||||||
}
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
div.grd_Cont .even {
|
|
||||||
background-color: #bccd83;
|
|
||||||
}
|
|
||||||
div.grd_Cont .odd {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
div.grd_headTblCont {
|
|
||||||
background-color: #ebecee !important;
|
|
||||||
border-bottom: none !important;
|
|
||||||
}
|
|
||||||
div.grd_tblCont table {
|
|
||||||
border-right: none !important;
|
|
||||||
}
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
.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;
|
|
||||||
}
|
|
||||||
.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;
|
|
||||||
}
|
|
||||||
.even {
|
|
||||||
background-color: #bccd83;
|
|
||||||
}
|
|
||||||
.odd {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
216
dist/tablefilter/style/themes/skyblue/skyblue.css
vendored
216
dist/tablefilter/style/themes/skyblue/skyblue.css
vendored
|
@ -1,218 +1,6 @@
|
||||||
/**
|
/**
|
||||||
* TableFilter v0.0.0 by Max Guglielmi
|
* TableFilter v0.0.0 by Max Guglielmi
|
||||||
* build date: 2015-08-06T05:20:40.430Z
|
* build date: 2015-08-09T12:39:08.406Z
|
||||||
* MIT License
|
* MIT License
|
||||||
*/
|
*/
|
||||||
/**
|
table.TF{padding:0;color:#000;border-right:1px solid #a4bed4;border-top:1px solid #a4bed4;border-left:1px solid #a4bed4;border-bottom:0;}table.TF th{margin:0;padding:5px;color:inherit;background:#d1e5fe url("images/bg_skyblue.gif") 0 0 repeat-x;border-color:#fdfdfd #a4bed4 #a4bed4 #fdfdfd;border-width:1px;border-style:solid}table.TF td{margin:0;padding:5px;color:inherit;border-bottom:1px solid #a4bed4;border-left:0;border-top:0;border-right:0}.fltrow{background-color:#d1e5fe !important;}.fltrow th,.fltrow td{border-top:1px dotted #666 !important;border-bottom:1px dotted #666 !important;padding:1px 3px 1px 3px !important}.flt,select.flt,select.flt_multi,.flt_s,.single_flt,.div_checklist{border:1px solid #a4bed4 !important}input.flt{width:99% !important}.inf{background-color:#e3efff !important;border:1px solid #a4bed4;height:$min-height;color:#004a6f}div.tot,div.status{border-right:0 !important}.helpBtn:hover{background-color:transparent}input.reset{background:transparent url("images/icn_clear_filters.png") center center no-repeat !important}.nextPage{background:transparent url("images/btn_next_page.gif") center center no-repeat !important;border:1px solid transparent !important;}.nextPage:hover{background:#ffe4ab url("images/btn_next_page.gif") center center no-repeat !important;border:1px solid #ffb552 !important}.previousPage{background:transparent url("images/btn_prev_page.gif") center center no-repeat !important;border:1px solid transparent !important;}.previousPage:hover{background:#ffe4ab url("images/btn_prev_page.gif") center center no-repeat !important;border:1px solid #ffb552 !important}.firstPage{background:transparent url("images/btn_first_page.gif") center center no-repeat !important;border:1px solid transparent !important;}.firstPage:hover{background:#ffe4ab url("images/btn_first_page.gif") center center no-repeat !important;border:1px solid #ffb552 !important}.lastPage{background:transparent url("images/btn_last_page.gif") center center no-repeat !important;border:1px solid transparent !important;}.lastPage:hover{background:#ffe4ab url("images/btn_last_page.gif") center center no-repeat !important;border:1px solid #ffb552 !important}.activeHeader{background:#ffe4ab !important;border:1px solid #ffb552 !important;color:inherit !important}div.grd_Cont{background-color:#d9eaed !important;border:1px solid #9cc !important;padding:0 !important;}div.grd_Cont .even{background-color:#fff}div.grd_Cont .odd{background-color:#e3efff}div.grd_headTblCont{background-color:#d9eaed !important;border-bottom:none !important}div.grd_tblCont table{border-right:none !important}div.grd_tblCont table th,div.grd_headTblCont table th,div.grd_headTblCont table td{background:#d9eaed url("images/bg_skyblue.gif") left top repeat-x;border-bottom:1px solid #a4bed4;border-right:1px solid #a4bed4 !important;border-left:1px solid #fff !important;border-top:1px solid #fff !important}div.grd_tblCont table td{border-bottom:1px solid #a4bed4 !important;border-right:0 !important;border-left:0 !important;border-top:0 !important}.grd_inf{background-color:#cce2fe;color:#004a6f;border-top:1px solid #9cc !important;}.grd_inf a{text-decoration:none;font-weight:bold}.loader{background-color:#2d8eef;border:1px solid #cce2fe;border-radius:5px}.even{background-color:#fff}.odd{background-color:#e3efff}span.expClpFlt a.btnExpClpFlt:hover{background-color:transparent !important}.ezActiveRow{background-color:#ffdc61 !important;color:inherit}.ezSelectedRow{background-color:#ffe4ab !important;color:inherit}.ezActiveCell{background-color:#fff !important;color:#000 !important;font-weight:bold}.ezETSelectedCell{background-color:#fff !important;font-weight:bold;color:#000 !important}
|
||||||
* skyblue theme overrides
|
|
||||||
*/
|
|
||||||
table.TF {
|
|
||||||
padding: 0;
|
|
||||||
color: #000;
|
|
||||||
border-right: 1px solid #a4bed4;
|
|
||||||
border-top: 1px solid #a4bed4;
|
|
||||||
border-left: 1px solid #a4bed4;
|
|
||||||
border-bottom: 0;
|
|
||||||
}
|
|
||||||
table.TF th {
|
|
||||||
margin: 0;
|
|
||||||
padding: 5px;
|
|
||||||
color: inherit;
|
|
||||||
background: #d1e5fe url("images/bg_skyblue.gif") 0 0 repeat-x;
|
|
||||||
border-color: #fdfdfd #a4bed4 #a4bed4 #fdfdfd;
|
|
||||||
border-width: 1px;
|
|
||||||
border-style: solid;
|
|
||||||
}
|
|
||||||
table.TF td {
|
|
||||||
margin: 0;
|
|
||||||
padding: 5px;
|
|
||||||
color: inherit;
|
|
||||||
border-bottom: 1px solid #a4bed4;
|
|
||||||
border-left: 0;
|
|
||||||
border-top: 0;
|
|
||||||
border-right: 0;
|
|
||||||
}
|
|
||||||
.fltrow {
|
|
||||||
background-color: #d1e5fe !important;
|
|
||||||
}
|
|
||||||
.fltrow th,
|
|
||||||
.fltrow td {
|
|
||||||
border-top: 1px dotted #666 !important;
|
|
||||||
border-bottom: 1px dotted #666 !important;
|
|
||||||
padding: 1px 3px 1px 3px !important;
|
|
||||||
}
|
|
||||||
.flt,
|
|
||||||
select.flt,
|
|
||||||
select.flt_multi,
|
|
||||||
.flt_s,
|
|
||||||
.single_flt,
|
|
||||||
.div_checklist {
|
|
||||||
border: 1px solid #a4bed4 !important;
|
|
||||||
}
|
|
||||||
input.flt {
|
|
||||||
width: 99% !important;
|
|
||||||
}
|
|
||||||
.inf {
|
|
||||||
background-color: #e3efff !important;
|
|
||||||
border: 1px solid #a4bed4;
|
|
||||||
height: 25px;
|
|
||||||
color: #004a6f;
|
|
||||||
}
|
|
||||||
div.tot,
|
|
||||||
div.status {
|
|
||||||
border-right: 0 !important;
|
|
||||||
}
|
|
||||||
.helpBtn {
|
|
||||||
margin: 0 5px 0 5px;
|
|
||||||
padding: 2px 4px 2px 4px;
|
|
||||||
color: #004a6f !important;
|
|
||||||
font-size: 13px;
|
|
||||||
border: 1px solid transparent !important;
|
|
||||||
}
|
|
||||||
.helpBtn :hover {
|
|
||||||
background-color: #ffe4ab;
|
|
||||||
border: 1px solid #ffb552 !important;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
input.reset {
|
|
||||||
width: 19px;
|
|
||||||
height: 19px;
|
|
||||||
cursor: pointer !important;
|
|
||||||
border: 1px solid transparent !important;
|
|
||||||
vertical-align: middle;
|
|
||||||
background: transparent url("images/icn_clear_filters.png") center center no-repeat !important;
|
|
||||||
}
|
|
||||||
input.reset :hover {
|
|
||||||
background: #ffe4ab url("images/icn_clear_filters.png") center center no-repeat !important;
|
|
||||||
border: 1px solid #ffb552 !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;
|
|
||||||
border: 1px solid transparent !important;
|
|
||||||
}
|
|
||||||
.nextPage :hover {
|
|
||||||
background: #ffe4ab url("images/btn_next_page.gif") center center no-repeat !important;
|
|
||||||
border: 1px solid #ffb552 !important;
|
|
||||||
}
|
|
||||||
.previousPage {
|
|
||||||
background: transparent url("images/btn_prev_page.gif") center center no-repeat !important;
|
|
||||||
border: 1px solid transparent !important;
|
|
||||||
}
|
|
||||||
.previousPage :hover {
|
|
||||||
background: #ffe4ab url("images/btn_prev_page.gif") center center no-repeat !important;
|
|
||||||
border: 1px solid #ffb552 !important;
|
|
||||||
}
|
|
||||||
.firstPage {
|
|
||||||
background: transparent url("images/btn_first_page.gif") center center no-repeat !important;
|
|
||||||
border: 1px solid transparent !important;
|
|
||||||
}
|
|
||||||
.firstPage :hover {
|
|
||||||
background: #ffe4ab url("images/btn_first_page.gif") center center no-repeat !important;
|
|
||||||
border: 1px solid #ffb552 !important;
|
|
||||||
}
|
|
||||||
.lastPage {
|
|
||||||
background: transparent url("images/btn_last_page.gif") center center no-repeat !important;
|
|
||||||
border: 1px solid transparent !important;
|
|
||||||
}
|
|
||||||
.lastPage :hover {
|
|
||||||
background: #ffe4ab url("images/btn_last_page.gif") center center no-repeat !important;
|
|
||||||
border: 1px solid #ffb552 !important;
|
|
||||||
}
|
|
||||||
select.rspg {
|
|
||||||
font-size: 10px;
|
|
||||||
}
|
|
||||||
.activeHeader {
|
|
||||||
background: #ffe4ab !important;
|
|
||||||
border: 1px solid #ffb552 !important;
|
|
||||||
color: inherit !important;
|
|
||||||
}
|
|
||||||
div.grd_Cont {
|
|
||||||
background-color: #d9eaed !important;
|
|
||||||
border: 1px solid #9cc !important;
|
|
||||||
padding: 0 !important;
|
|
||||||
}
|
|
||||||
div.grd_Cont .even {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
div.grd_Cont .odd {
|
|
||||||
background-color: #e3efff;
|
|
||||||
}
|
|
||||||
div.grd_headTblCont {
|
|
||||||
background-color: #d9eaed !important;
|
|
||||||
border-bottom: none !important;
|
|
||||||
}
|
|
||||||
div.grd_tblCont table {
|
|
||||||
border-right: none !important;
|
|
||||||
font: 12px/13px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif !important;
|
|
||||||
}
|
|
||||||
div.grd_tblCont table th,
|
|
||||||
div.grd_headTblCont table th,
|
|
||||||
div.grd_headTblCont table td {
|
|
||||||
background: #d9eaed url("images/bg_skyblue.gif") left top repeat-x;
|
|
||||||
border-bottom: 1px solid #a4bed4;
|
|
||||||
border-right: 1px solid #a4bed4 !important;
|
|
||||||
border-left: 1px solid #fff !important;
|
|
||||||
border-top: 1px solid #fff !important;
|
|
||||||
padding: 5px 2px 5px 2px !important;
|
|
||||||
}
|
|
||||||
div.grd_tblCont table td {
|
|
||||||
border-bottom: 1px solid #a4bed4 !important;
|
|
||||||
border-right: 0 !important;
|
|
||||||
border-left: 0 !important;
|
|
||||||
border-top: 0 !important;
|
|
||||||
padding: 5px 2px 5px 2px !important;
|
|
||||||
}
|
|
||||||
.grd_inf {
|
|
||||||
background-color: #d9eaed !important;
|
|
||||||
height: 25px;
|
|
||||||
color: #004a6f;
|
|
||||||
border-top: 1px solid #9cc !important;
|
|
||||||
}
|
|
||||||
.grd_inf .rdiv {
|
|
||||||
height: 28px;
|
|
||||||
}
|
|
||||||
.grd_inf a {
|
|
||||||
text-decoration: none;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.grd_inf a.helpBtn {
|
|
||||||
vertical-align: middle;
|
|
||||||
margin-top: 2px !important;
|
|
||||||
padding-top: 1px !important;
|
|
||||||
}
|
|
||||||
.loader {
|
|
||||||
border: 0 !important;
|
|
||||||
background: transparent !important;
|
|
||||||
margin-top: 40px;
|
|
||||||
margin-left: 0 !important;
|
|
||||||
}
|
|
||||||
.even {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
.odd {
|
|
||||||
background-color: #e3efff;
|
|
||||||
}
|
|
||||||
.ezActiveRow {
|
|
||||||
background-color: #ffdc61 !important;
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
.ezSelectedRow {
|
|
||||||
background-color: #ffe4ab !important;
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
.ezActiveCell {
|
|
||||||
background-color: #fff !important;
|
|
||||||
color: #000 !important;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.ezETSelectedCell {
|
|
||||||
background-color: #fff !important;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #000 !important;
|
|
||||||
}
|
|
4
dist/tablefilter/tablefilter.js
vendored
4
dist/tablefilter/tablefilter.js
vendored
File diff suppressed because one or more lines are too long
2
dist/tablefilter/tf-1.js
vendored
2
dist/tablefilter/tf-1.js
vendored
|
@ -1,6 +1,6 @@
|
||||||
/**
|
/**
|
||||||
* TableFilter v0.0.0 by Max Guglielmi
|
* TableFilter v0.0.0 by Max Guglielmi
|
||||||
* build date: 2015-08-06T05:20:40.342Z
|
* build date: 2015-08-09T12:32:52.508Z
|
||||||
* MIT License
|
* MIT License
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
|
@ -514,7 +514,7 @@ export class Paging{
|
||||||
|
|
||||||
var slcR = Dom.create(
|
var slcR = Dom.create(
|
||||||
tf.fltTypeSlc, ['id', this.prfxSlcResults+tf.id]);
|
tf.fltTypeSlc, ['id', this.prfxSlcResults+tf.id]);
|
||||||
slcR.className = tf.resultsSlcCssClass;
|
slcR.className = this.resultsSlcCssClass;
|
||||||
var slcRText = this.resultsPerPage[0],
|
var slcRText = this.resultsPerPage[0],
|
||||||
slcROpts = this.resultsPerPage[1];
|
slcROpts = this.resultsPerPage[1];
|
||||||
var slcRSpan = Dom.create(
|
var slcRSpan = Dom.create(
|
||||||
|
|
|
@ -3,5 +3,5 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.activeHeader
|
.activeHeader
|
||||||
background #004080 !important
|
background-color #66AFE9 !important
|
||||||
color #fff !important
|
color #fff !important
|
||||||
|
|
|
@ -3,6 +3,6 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.even
|
.even
|
||||||
background-color #fff
|
background-color #FFF
|
||||||
.odd
|
.odd
|
||||||
background-color #E5E5E5
|
background-color #F9F9F9
|
||||||
|
|
|
@ -3,28 +3,42 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
// table
|
// table
|
||||||
$border-color-0 = #FFF
|
$font-family = inherit
|
||||||
$border-color-1 = #CCC
|
$padding = 0.5em 0.7em
|
||||||
$border-color-2 = #D0D0D0
|
$min-width = 35px
|
||||||
$padding = 5px
|
$min-height = 35px
|
||||||
|
|
||||||
// header cell
|
// header cell
|
||||||
$th-bg-color = #EBECEE
|
$th-height = 35px
|
||||||
|
$th-bg-color = #EAEAEA
|
||||||
$th-padding = 5px
|
$th-padding = 5px
|
||||||
$th-font-color = #333
|
$th-font-color = #333
|
||||||
|
$th-bottom-border-color = #DDD
|
||||||
|
$th-top-border-color = #F4F4F4
|
||||||
|
$th-left-border-color = #CCC
|
||||||
|
$th-right-border-color = #F4F4F4
|
||||||
|
|
||||||
// filter
|
// cell
|
||||||
$filter-bg-color = #fff
|
$td-border-color = #C6C6C6
|
||||||
$filter-border-color = #ccc
|
|
||||||
|
// filters
|
||||||
|
$filter-font-color = #444
|
||||||
|
$filter-row-bg-color = #EAEAEA
|
||||||
|
$filter-bg-color = #FFF
|
||||||
|
$filter-border-color = #F4F4F4
|
||||||
|
$filter-height = 35px
|
||||||
|
|
||||||
// toolbar container (.inf)
|
// toolbar container (.inf)
|
||||||
$toolbar-bg-color = #f4f4f4
|
$toolbar-bg-color = #FFF
|
||||||
$toolbar-font-size = 12px
|
$toolbar-font-size = inherit
|
||||||
$toolbar-border-color = #ccc
|
$toolbar-border-color = #CCC
|
||||||
|
$toolbar-divider-color = #F4F4F4
|
||||||
|
$toolbar-hover-color = #F4F4F4
|
||||||
|
|
||||||
// paging
|
// paging
|
||||||
$paging-nav-button-bg-color-hover = #CAD1D6
|
$paging-nav-button-bg-color-hover = #F4F4F4
|
||||||
|
|
||||||
// grid layout
|
// grid layout
|
||||||
$grid-layout-bg-color = #C8E0FB
|
$grid-layout-bg-color = #C8E0FB
|
||||||
$grid-layout-border-color = #99BBE8
|
$grid-layout-border-color = #99BBE8
|
||||||
|
|
||||||
|
|
|
@ -2,34 +2,47 @@
|
||||||
* ColsVisibility extension default style
|
* ColsVisibility extension default style
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
@import '../config'
|
||||||
|
@import '../mixins/arrow'
|
||||||
|
@import '../mixins/box-shadow'
|
||||||
|
|
||||||
$item-bg-color = #335EA8
|
$item-bg-color = #335EA8
|
||||||
$item-font-color = #fff
|
$item-font-color = #fff
|
||||||
|
|
||||||
span.colVisSpan
|
span.colVisSpan
|
||||||
text-align left
|
text-align left
|
||||||
|
|
||||||
// link
|
// link
|
||||||
a.colVis
|
a.colVis
|
||||||
margin 0 5px 0 5px
|
display inline-block
|
||||||
|
padding 7px 5px 0
|
||||||
|
font-size inherit
|
||||||
|
font-weight inherit
|
||||||
|
vertical-align top
|
||||||
|
|
||||||
// container element
|
// container element
|
||||||
div.colVisCont
|
div.colVisCont
|
||||||
|
arrow(top, 10px white, 2px #ccc)
|
||||||
|
box-shadow(3px 3px 2px #888)
|
||||||
position absolute
|
position absolute
|
||||||
display none
|
display none
|
||||||
border 1px solid #ccc
|
border 1px solid #ccc
|
||||||
height auto
|
height auto
|
||||||
width 250px
|
width 250px
|
||||||
background-color #fff
|
background-color #fff
|
||||||
margin 18px 0 0 0
|
margin 35px 0 0 -100px
|
||||||
z-index 10000
|
z-index 10000
|
||||||
padding 10px 10px 10px 10px
|
padding 10px 10px 10px 10px
|
||||||
text-align left
|
text-align left
|
||||||
font-size 12px
|
font-size 12px
|
||||||
box-shadow 3px 3px 2px #888
|
|
||||||
|
|
||||||
p
|
p
|
||||||
margin 6px auto 6px auto
|
margin 6px auto 6px auto
|
||||||
|
|
||||||
|
a.colVis
|
||||||
|
display initial
|
||||||
|
font-weight inherit
|
||||||
|
|
||||||
// checklist
|
// checklist
|
||||||
ul.cols_checklist
|
ul.cols_checklist
|
||||||
padding 0
|
padding 0
|
||||||
|
|
|
@ -2,16 +2,17 @@
|
||||||
* Filters visibility extension default style
|
* Filters visibility extension default style
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
@import '../config'
|
||||||
|
|
||||||
// container
|
// container
|
||||||
span.expClpFlt
|
span.expClpFlt
|
||||||
|
a.btnExpClpFlt
|
||||||
|
width $min-width
|
||||||
|
height $min-height
|
||||||
|
display inline-block
|
||||||
|
|
||||||
// icon
|
&:hover
|
||||||
span.expClpFlt img
|
background-color $toolbar-hover-color
|
||||||
vertical-align middle
|
|
||||||
border 0
|
|
||||||
padding 1px 1px 1px 1px
|
|
||||||
margin 1px 1px 1px 1px
|
|
||||||
|
|
||||||
// button
|
img
|
||||||
.btnExpClpFlt
|
padding 8px 11px 11px 11px
|
||||||
margin 0 5px 0 5px
|
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
* Checklist filters default style
|
* Checklist filters default style
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@import 'config'
|
@import 'config'
|
||||||
|
|
||||||
$item-bg-color = #335EA8
|
$item-bg-color = #335EA8
|
||||||
$item-font-color = #fff
|
$item-font-color = #fff
|
||||||
|
@ -10,12 +10,12 @@ $item-font-color = #fff
|
||||||
// div containing checklist
|
// div containing checklist
|
||||||
.div_checklist
|
.div_checklist
|
||||||
width 100%
|
width 100%
|
||||||
height 100px
|
height 90px
|
||||||
border 1px solid $filter-border-color
|
border 1px solid $filter-border-color
|
||||||
overflow auto
|
overflow auto
|
||||||
text-align left
|
text-align left
|
||||||
background-color $filter-bg-color
|
background-color $filter-bg-color
|
||||||
color: #333 !important
|
color: $filter-font-color
|
||||||
|
|
||||||
ul.flt_checklist
|
ul.flt_checklist
|
||||||
padding 0 !important
|
padding 0 !important
|
||||||
|
|
|
@ -2,83 +2,98 @@
|
||||||
* Filters' default style
|
* Filters' default style
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@import 'config'
|
@import 'config'
|
||||||
|
@import 'mixins/arrow'
|
||||||
|
@import 'mixins/box-shadow'
|
||||||
|
|
||||||
// Filters row style
|
// Filters row style
|
||||||
.fltrow
|
.fltrow
|
||||||
height 20px
|
height 1em
|
||||||
background-color #f4f4f4
|
background-color $filter-row-bg-color
|
||||||
|
|
||||||
td
|
td
|
||||||
th
|
border-bottom: 1px solid #CCC !important
|
||||||
padding 2px !important
|
border-top: 1px solid #CCC
|
||||||
|
border-left 1px solid #CCC
|
||||||
|
border-right 1px solid #f4f4f4
|
||||||
|
padding 0.2em !important
|
||||||
|
|
||||||
// button appearance
|
// button appearance
|
||||||
.btnflt
|
.btnflt
|
||||||
font-size 11px
|
height $filter-height
|
||||||
vertical-align middle
|
font-family inherit
|
||||||
margin 0 2px 0 2px
|
font-size inherit
|
||||||
padding 0 1px 0 1px
|
vertical-align middle
|
||||||
|
margin 0 2px 0 2px
|
||||||
|
padding 0 1px 0 1px
|
||||||
|
|
||||||
// button appearance when displayIcons is true
|
// button appearance when displayIcons is true
|
||||||
.btnflt_icon
|
.btnflt_icon
|
||||||
width 19px
|
font-family inherit
|
||||||
height 19px
|
font-size inherit
|
||||||
cursor pointer !important
|
width $min-width
|
||||||
border 0 !important
|
height $filter-height
|
||||||
vertical-align middle
|
cursor pointer !important
|
||||||
background transparent url(themes/btn_filter.png) center center no-repeat !important
|
border 0 !important
|
||||||
|
vertical-align middle
|
||||||
|
background transparent url(themes/btn_filter.png) center center no-repeat !important
|
||||||
|
|
||||||
// input type filter
|
// input and select filter type
|
||||||
.flt
|
.flt
|
||||||
background-color $filter-bg-color
|
font-family inherit
|
||||||
border 1px solid $filter-border-color
|
display block
|
||||||
margin 0
|
color $filter-font-color
|
||||||
width 97%
|
background-color $filter-bg-color
|
||||||
vertical-align middle
|
border 1px inset $filter-border-color
|
||||||
|
margin 0
|
||||||
|
padding 0 0 0 0.2em
|
||||||
|
width 100%
|
||||||
|
height $filter-height
|
||||||
|
vertical-align middle
|
||||||
|
border-radius 2px
|
||||||
|
box-sizing border-box
|
||||||
|
|
||||||
// select type filter
|
&:focus
|
||||||
select.flt
|
border-color #66AFE9
|
||||||
background-color $filter-bg-color
|
outline 0 none
|
||||||
border 1px solid $filter-border-color
|
box-shadow 0 1px 1px rgba(0, 0, 0, 0.075) inset,
|
||||||
margin 0 1px 1px 0
|
0 0 8px rgba(102, 175, 233, 0.6)
|
||||||
width 99%
|
|
||||||
vertical-align middle
|
|
||||||
|
|
||||||
// multiple select type filter
|
// multiple select type filter
|
||||||
select.flt_multi
|
select.flt_multi
|
||||||
background-color $filter-bg-color
|
font-family inherit
|
||||||
border 1px solid $filter-border-color
|
color $filter-font-color
|
||||||
margin 0 1px 1px 0
|
background-color $filter-bg-color
|
||||||
width 99%
|
border 1px solid $filter-border-color
|
||||||
height 100px
|
margin 0
|
||||||
vertical-align middle
|
padding 0.2em
|
||||||
|
width 100%
|
||||||
|
height 90px
|
||||||
|
vertical-align middle
|
||||||
|
box-sizing border-box
|
||||||
|
|
||||||
// tiny input type filter
|
// tiny input type filter
|
||||||
.flt_s
|
.flt_s
|
||||||
background-color $filter-bg-color
|
@extend .flt
|
||||||
border 1px solid $filter-border-color
|
width 60%
|
||||||
margin 0
|
box-sizing initial
|
||||||
width 80%
|
display initial
|
||||||
vertical-align middle
|
|
||||||
|
|
||||||
// single filter type
|
// single filter type
|
||||||
.single_flt
|
.single_flt
|
||||||
background-color $filter-bg-color
|
@extend .flt
|
||||||
border-left 1px solid #999
|
width 70%
|
||||||
border-right 1px solid $filter-border-color
|
box-sizing initial
|
||||||
border-top 1px solid $filter-border-color
|
display initial
|
||||||
border-bottom 1px solid #999
|
|
||||||
margin 0
|
|
||||||
width 120px
|
|
||||||
vertical-align middle
|
|
||||||
|
|
||||||
// Pop-up filters elements
|
// Pop-up filters elements
|
||||||
div.popUpFilter
|
div.popUpFilter
|
||||||
position absolute
|
arrow(top, 10px white, 2px $th-bg-color)
|
||||||
display none
|
box-shadow(3px 3px 2px #888)
|
||||||
width 100px
|
margin 30px auto 0 0
|
||||||
background-color #C8E0FB
|
position absolute
|
||||||
border 1px solid #e4e4e4
|
display none
|
||||||
padding 1px 3px 1px 1px
|
width 100px
|
||||||
margin 20px auto 0 0px
|
background-color $th-bg-color
|
||||||
|
border 1px solid $filter-row-bg-color
|
||||||
|
padding 0
|
||||||
|
|
|
@ -3,9 +3,11 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@import 'config'
|
@import 'config'
|
||||||
|
@import 'mixins/box-shadow'
|
||||||
|
|
||||||
// main container
|
// main container
|
||||||
div.grd_Cont
|
div.grd_Cont
|
||||||
|
box-shadow(4px 4px 10px 0px rgba(50, 50, 50, 0.75))
|
||||||
width 800px
|
width 800px
|
||||||
height auto
|
height auto
|
||||||
overflow hidden
|
overflow hidden
|
||||||
|
@ -51,37 +53,74 @@ div.grd_headTblCont
|
||||||
// tables
|
// tables
|
||||||
div.grd_tblCont table,
|
div.grd_tblCont table,
|
||||||
div.grd_headTblCont table
|
div.grd_headTblCont table
|
||||||
font-size 12px
|
border-collapse collapse
|
||||||
border-collapse collapse
|
table-layout fixed
|
||||||
table-layout fixed
|
|
||||||
|
|
||||||
div.grd_tblCont table
|
div.grd_tblCont table
|
||||||
border-right 1px solid $grid-layout-border-color
|
border-right 1px solid $grid-layout-border-color
|
||||||
|
|
||||||
// headers
|
// headers
|
||||||
div.grd_tblCont table th,
|
div.grd_tblCont table th
|
||||||
div.grd_headTblCont 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
|
div.grd_headTblCont table td
|
||||||
background-color $grid-layout-bg-color
|
@extend div.grd_headTblCont table th
|
||||||
padding 2px 2px 2px 2px !important
|
padding 0.2em 0.2em
|
||||||
color #333
|
|
||||||
border-right 1px solid $grid-layout-border-color !important
|
|
||||||
overflow hidden
|
|
||||||
text-overflow ellipsis
|
|
||||||
|
|
||||||
div.grd_tblCont table td
|
div.grd_tblCont table td
|
||||||
padding 2px 2px 2px 2px !important
|
padding $padding
|
||||||
border-bottom 1px solid #ccc !important
|
border-bottom 1px solid $grid-layout-border-color
|
||||||
overflow hidden
|
overflow hidden
|
||||||
text-overflow ellipsis
|
text-overflow ellipsis
|
||||||
|
|
||||||
// toolbar container
|
// toolbar container
|
||||||
.grd_inf
|
.grd_inf
|
||||||
clear both
|
clear both
|
||||||
width auto
|
width auto
|
||||||
height 25px
|
height $min-height
|
||||||
background-color $grid-layout-bg-color
|
background-color $grid-layout-bg-color
|
||||||
font-size 11px
|
margin 0
|
||||||
margin 0
|
padding 1px 3px 1px 3px
|
||||||
padding 1px 3px 1px 3px
|
border-top 1px solid $grid-layout-border-color
|
||||||
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
|
||||||
|
|
|
@ -2,48 +2,55 @@
|
||||||
* Help box default style
|
* Help box default style
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
@import 'config'
|
||||||
|
@import 'mixins/arrow'
|
||||||
|
@import 'mixins/box-shadow'
|
||||||
|
|
||||||
// help button
|
// help button
|
||||||
.helpBtn
|
.helpBtn
|
||||||
margin 0 5px 0 5px
|
display inline-block
|
||||||
padding 2px 4px 2px 4px
|
height 27px
|
||||||
border-left 1px solid #ccc
|
margin 0
|
||||||
border-right 1px solid #ccc
|
padding 8px 15px 0 15px
|
||||||
|
vertical-align top
|
||||||
|
|
||||||
|
&:hover
|
||||||
|
background-color $toolbar-hover-color
|
||||||
|
|
||||||
// help container
|
// help container
|
||||||
div.helpCont
|
div.helpCont
|
||||||
position absolute
|
arrow(top, 10px white, 2px #ccc)
|
||||||
display none
|
box-shadow(3px 3px 2px #888)
|
||||||
max-width 300px
|
position absolute
|
||||||
overflow auto
|
display none
|
||||||
padding 10px
|
width 300px
|
||||||
margin 15px 0
|
padding 10px
|
||||||
border 1px solid #CCC
|
margin 45px 0 0 -150px
|
||||||
line-height 20px
|
border 1px solid #CCC
|
||||||
font-size 12px
|
line-height 20px
|
||||||
color #333
|
font-size inherit
|
||||||
background #fff
|
color #333
|
||||||
text-align left
|
background #fff
|
||||||
box-shadow 3px 3px 2px #888
|
text-align left
|
||||||
|
|
||||||
a
|
a
|
||||||
color #cc0000
|
color #cc0000
|
||||||
text-decoration underline;
|
text-decoration underline;
|
||||||
font-weight normal
|
font-weight normal
|
||||||
|
|
||||||
a.close
|
a.close
|
||||||
color #333
|
color #333
|
||||||
text-decoration none
|
text-decoration none
|
||||||
font-weight bold
|
font-weight bold
|
||||||
|
|
||||||
&:hover
|
&:hover
|
||||||
text-decoration none
|
text-decoration none
|
||||||
|
|
||||||
hr
|
hr
|
||||||
border 1px solid #ccc
|
border 1px solid #ccc
|
||||||
|
|
||||||
div.helpFooter
|
div.helpFooter
|
||||||
margin 10px 0 0 0
|
margin 10px 0 0 0
|
||||||
h4
|
h4
|
||||||
margin 2px 2px 2px 2px
|
margin 2px 2px 2px 2px
|
||||||
font-size 13px
|
color #333
|
||||||
color #333
|
|
||||||
|
|
|
@ -3,4 +3,6 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
span.keyword
|
span.keyword
|
||||||
background-color #ffcc00
|
font-weight 700
|
||||||
|
font-style italic
|
||||||
|
border-bottom 1px dotted #CCC
|
||||||
|
|
|
@ -4,12 +4,13 @@
|
||||||
|
|
||||||
.loader
|
.loader
|
||||||
position absolute
|
position absolute
|
||||||
padding 5px 10px 5px 10px
|
padding 0.5em 0.7em
|
||||||
margin 20px 0 0 20px
|
margin 10em 0 0 3em
|
||||||
width auto
|
width auto
|
||||||
z-index 1000
|
z-index 1000
|
||||||
font-size 12px
|
font-weight 600
|
||||||
font-weight bold
|
background-color #A7A7A8
|
||||||
border 1px solid #666
|
|
||||||
background-color #f4f4f4
|
|
||||||
vertical-align middle
|
vertical-align middle
|
||||||
|
border-radius 10px
|
||||||
|
color #FFF
|
||||||
|
text-shadow 1px 1px #333
|
||||||
|
|
63
static/style/mixins/arrow.styl
Normal file
63
static/style/mixins/arrow.styl
Normal file
|
@ -0,0 +1,63 @@
|
||||||
|
/**
|
||||||
|
* An arrow mixin for Stylus, based on @shojberg's "cssarrowplease.com"
|
||||||
|
* @param {Position} position
|
||||||
|
* @param {size, color} arrow
|
||||||
|
* @param {size, color} border (optional)
|
||||||
|
*/
|
||||||
|
arrow(position, arrow, border = 0 white)
|
||||||
|
// Resolve arguments
|
||||||
|
$arrowSize = arrow[0]
|
||||||
|
$arrowColor = arrow[1]
|
||||||
|
$borderWidth = border[0]
|
||||||
|
$borderColor = border[1]
|
||||||
|
|
||||||
|
$oppositePosition = opposite-position(position)
|
||||||
|
|
||||||
|
// Base CSS
|
||||||
|
position: relative
|
||||||
|
background: $arrowColor
|
||||||
|
|
||||||
|
// Selector generation
|
||||||
|
$selectors = "&:after"
|
||||||
|
if $borderWidth > 0
|
||||||
|
$selectors = $selectors + ", &:before"
|
||||||
|
|
||||||
|
// Arrow position
|
||||||
|
{$selectors}
|
||||||
|
{$oppositePosition}: 100%
|
||||||
|
|
||||||
|
// Offset
|
||||||
|
if position in (top bottom)
|
||||||
|
left: 50%
|
||||||
|
else
|
||||||
|
top: 50%
|
||||||
|
|
||||||
|
border: solid transparent
|
||||||
|
content: " "
|
||||||
|
height: 0
|
||||||
|
width: 0
|
||||||
|
position: absolute
|
||||||
|
pointer-events: none
|
||||||
|
|
||||||
|
// The arrow itself
|
||||||
|
&:after
|
||||||
|
border-color: rgba(white, 0) // transparent
|
||||||
|
border-{$oppositePosition}-color: $arrowColor
|
||||||
|
border-width: $arrowSize
|
||||||
|
|
||||||
|
if position in (top bottom)
|
||||||
|
margin-left: (- @border-width)
|
||||||
|
else
|
||||||
|
margin-top: (- @border-width)
|
||||||
|
|
||||||
|
// The border
|
||||||
|
if $borderWidth > 0
|
||||||
|
&:before
|
||||||
|
border-color: rgba(white, 0) // transparent
|
||||||
|
border-{$oppositePosition}-color: $borderColor
|
||||||
|
border-width: $arrowSize + $borderWidth
|
||||||
|
|
||||||
|
if position in (top bottom)
|
||||||
|
margin-left: (- @border-width)
|
||||||
|
else
|
||||||
|
margin-top: (- @border-width)
|
8
static/style/mixins/box-shadow.styl
Normal file
8
static/style/mixins/box-shadow.styl
Normal file
|
@ -0,0 +1,8 @@
|
||||||
|
/**
|
||||||
|
* Box shadow mixin
|
||||||
|
*/
|
||||||
|
|
||||||
|
box-shadow()
|
||||||
|
-webkit-box-shadow arguments
|
||||||
|
-moz-box-shadow arguments
|
||||||
|
box-shadow arguments
|
|
@ -2,28 +2,36 @@
|
||||||
* Paging default style
|
* Paging default style
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@import 'config'
|
@import 'config'
|
||||||
|
|
||||||
|
filter()
|
||||||
|
height $filter-height
|
||||||
|
margin 0
|
||||||
|
border 1px solid $filter-border-color
|
||||||
|
background-color $filter-bg-color
|
||||||
|
&:focus
|
||||||
|
border-color #66AFE9
|
||||||
|
outline 0 none
|
||||||
|
box-shadow 0 1px 1px rgba(0, 0, 0, 0.075) inset,
|
||||||
|
0 0 8px rgba(102, 175, 233, 0.6)
|
||||||
|
|
||||||
// paging drop-down list
|
// paging drop-down list
|
||||||
select.pgSlc
|
select.pgSlc
|
||||||
height 20px
|
filter()
|
||||||
vertical-align middle
|
vertical-align middle
|
||||||
|
|
||||||
// paging text-box
|
// paging text-box
|
||||||
input.pgNbInp
|
input.pgNbInp
|
||||||
width 25px
|
filter()
|
||||||
height 16px
|
width $min-width
|
||||||
margin 1px
|
|
||||||
vertical-align middle
|
|
||||||
|
|
||||||
// paging buttons (Next/Previous)
|
// paging buttons (Next/Previous)
|
||||||
input.pgInp
|
input.pgInp
|
||||||
vertical-align middle
|
filter()
|
||||||
width 19px
|
vertical-align middle
|
||||||
height 19px
|
width $min-width
|
||||||
cursor pointer !important
|
border 0
|
||||||
border 0 !important
|
font-weight bold
|
||||||
font-weight bold
|
|
||||||
|
|
||||||
.nextPage
|
.nextPage
|
||||||
@extends input.pgInp
|
@extends input.pgInp
|
||||||
|
@ -52,13 +60,14 @@ input.pgInp
|
||||||
|
|
||||||
// paging nb pages
|
// paging nb pages
|
||||||
span.nbpg
|
span.nbpg
|
||||||
padding 0 5px 0 0
|
padding 0 5px
|
||||||
|
|
||||||
// results per page select
|
// results per page select
|
||||||
select.rspg
|
select.rspg
|
||||||
width 50px
|
filter()
|
||||||
margin 1px 5px 0 5px
|
margin 0 0 0 5px
|
||||||
vertical-align middle
|
vertical-align middle
|
||||||
|
|
||||||
// results per page select label
|
// results per page select label
|
||||||
span.rspgSpan
|
span.rspgSpan
|
||||||
font-size:11px;
|
font-size inherit
|
||||||
|
|
|
@ -2,13 +2,15 @@
|
||||||
* Reset button default style
|
* Reset button default style
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
@import 'config'
|
||||||
|
|
||||||
input.reset
|
input.reset
|
||||||
width 19px
|
display inline-block
|
||||||
height 19px
|
width $min-width
|
||||||
cursor pointer !important
|
height $min-height
|
||||||
border 0 !important
|
border 0
|
||||||
vertical-align: middle
|
background: transparent url(themes/btn_clear_filters.png) center center no-repeat
|
||||||
background: transparent url(themes/btn_clear_filters.png) center center no-repeat !important
|
vertical-align top
|
||||||
|
|
||||||
&:hover
|
&:hover
|
||||||
background #CAD1D6 url(themes/btn_clear_filters.png) center center no-repeat !important
|
background-color $toolbar-hover-color
|
||||||
|
|
|
@ -2,14 +2,16 @@
|
||||||
* Rows counter default style
|
* Rows counter default style
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
@import 'config'
|
||||||
|
|
||||||
div.tot
|
div.tot
|
||||||
float left
|
float left
|
||||||
overflow hidden
|
overflow hidden
|
||||||
width 150px
|
min-width 150px
|
||||||
height 15px
|
height 100%
|
||||||
border-right 1px solid #ccc
|
margin 0
|
||||||
margin 0 5px 0 2px
|
padding 0.5em
|
||||||
padding 0 2px 0 2px
|
vertical-align middle
|
||||||
|
|
||||||
span
|
span
|
||||||
font-weight bold
|
font-weight 500
|
||||||
|
|
|
@ -2,15 +2,15 @@
|
||||||
* Status bar default style
|
* Status bar default style
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
@import 'config'
|
||||||
|
|
||||||
div.status
|
div.status
|
||||||
float left
|
float left
|
||||||
overflow hidden
|
overflow hidden
|
||||||
width 150px
|
min-width 120px
|
||||||
height 15px
|
height 100%
|
||||||
border-right 1px solid #ccc
|
margin 0
|
||||||
margin 0 5px 0 2px
|
padding 0.5em
|
||||||
padding 0 2px 0 2px
|
|
||||||
|
|
||||||
span
|
span
|
||||||
font-weight bold
|
font-size inherit
|
||||||
font-size 11px
|
|
||||||
|
|
|
@ -2,27 +2,25 @@
|
||||||
* Table's default style
|
* Table's default style
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@import 'config'
|
@import 'config'
|
||||||
|
|
||||||
table.TF
|
table.TF
|
||||||
border-spacing 0
|
font-family $font-family
|
||||||
border-top 1px solid $border-color-2
|
border-spacing 0
|
||||||
border-left 1px solid $border-color-2
|
border 0
|
||||||
border-bottom 1px solid $border-color-1
|
|
||||||
border-right 1px solid $border-color-1
|
|
||||||
|
|
||||||
th
|
th
|
||||||
|
height $th-height
|
||||||
margin 0
|
margin 0
|
||||||
background-color $th-bg-color
|
background-color $th-bg-color
|
||||||
border-bottom 1px solid $border-color-2
|
border-bottom 1px solid $th-bottom-border-color
|
||||||
border-right 1px solid $border-color-2
|
border-top 1px solid $th-top-border-color
|
||||||
border-left 1px solid $border-color-0
|
border-left 1px solid $th-left-border-color
|
||||||
border-top 1px solid $border-color-0
|
border-right 1px solid $th-right-border-color
|
||||||
padding $padding
|
padding 0.1em 0.7em
|
||||||
color $th-font-color
|
color $th-font-color
|
||||||
|
|
||||||
td
|
td
|
||||||
margin 0
|
margin 0
|
||||||
padding $padding
|
padding $padding
|
||||||
border-bottom 1px solid $border-color-2
|
border-bottom 1px solid $td-border-color
|
||||||
border-right 1px solid $border-color-2
|
|
||||||
|
|
|
@ -43,50 +43,37 @@ input.flt
|
||||||
|
|
||||||
// toolbar
|
// toolbar
|
||||||
.inf
|
.inf
|
||||||
background #f4f4f4 url(images/bg_infDiv.jpg) 0 0 repeat-x !important
|
height $min-height
|
||||||
|
background #D7D7D7 url(images/bg_infDiv.jpg) 0 0 repeat-x !important
|
||||||
|
|
||||||
// reset button
|
// reset button
|
||||||
input.reset
|
input.reset
|
||||||
width 19px
|
|
||||||
height 19px
|
|
||||||
cursor pointer !important
|
|
||||||
border 0 !important
|
|
||||||
vertical-align middle
|
|
||||||
background transparent url(images/btn_eraser.gif) center center no-repeat !important
|
background transparent url(images/btn_eraser.gif) center center no-repeat !important
|
||||||
|
|
||||||
:hover
|
.helpBtn
|
||||||
background transparent url(images/btn_over_eraser.gif) center center no-repeat !important
|
&:hover
|
||||||
|
background-color transparent
|
||||||
// paging
|
|
||||||
input.pgInp
|
|
||||||
width 19px
|
|
||||||
height 19px
|
|
||||||
cursor pointer !important
|
|
||||||
border 0 !important
|
|
||||||
|
|
||||||
.nextPage
|
.nextPage
|
||||||
background transparent url(images/btn_next_page.gif) center center no-repeat !important
|
background transparent url(images/btn_next_page.gif) center center no-repeat !important
|
||||||
:hover
|
&:hover
|
||||||
background transparent url(images/btn_over_next_page.gif) center center no-repeat !important
|
background transparent url(images/btn_over_next_page.gif) center center no-repeat !important
|
||||||
|
|
||||||
.previousPage
|
.previousPage
|
||||||
background transparent url(images/btn_previous_page.gif) center center no-repeat !important
|
background transparent url(images/btn_previous_page.gif) center center no-repeat !important
|
||||||
:hover
|
&:hover
|
||||||
background transparent url(images/btn_over_previous_page.gif) center center no-repeat !important
|
background transparent url(images/btn_over_previous_page.gif) center center no-repeat !important
|
||||||
|
|
||||||
.firstPage
|
.firstPage
|
||||||
background transparent url(images/btn_first_page.gif) center center no-repeat !important
|
background transparent url(images/btn_first_page.gif) center center no-repeat !important
|
||||||
:hover
|
&:hover
|
||||||
background transparent url(images/btn_over_first_page.gif) center center no-repeat !important
|
background transparent url(images/btn_over_first_page.gif) center center no-repeat !important
|
||||||
|
|
||||||
.lastPage
|
.lastPage
|
||||||
background transparent url(images/btn_last_page.gif) center center no-repeat !important
|
background transparent url(images/btn_last_page.gif) center center no-repeat !important
|
||||||
:hover
|
&:hover
|
||||||
background transparent url(images/btn_over_last_page.gif) center center no-repeat !important
|
background transparent url(images/btn_over_last_page.gif) center center no-repeat !important
|
||||||
|
|
||||||
select.rspg
|
|
||||||
font-size 10px
|
|
||||||
|
|
||||||
// grid-layout
|
// grid-layout
|
||||||
|
|
||||||
// main container
|
// main container
|
||||||
|
@ -110,8 +97,8 @@ div.grd_headTblCont
|
||||||
border-right none !important
|
border-right none !important
|
||||||
|
|
||||||
// headers
|
// headers
|
||||||
div.grd_tblCont table th,
|
div.grd_tblCont table th
|
||||||
div.grd_headTblCont table th,
|
div.grd_headTblCont table th
|
||||||
div.grd_headTblCont table td
|
div.grd_headTblCont table td
|
||||||
background #EBECEE url(images/bg_th.jpg) left top repeat-x !important
|
background #EBECEE url(images/bg_th.jpg) left top repeat-x !important
|
||||||
border-bottom 1px solid #D0D0D0 !important
|
border-bottom 1px solid #D0D0D0 !important
|
||||||
|
@ -119,15 +106,17 @@ div.grd_headTblCont table td
|
||||||
border-left 1px solid #fff !important
|
border-left 1px solid #fff !important
|
||||||
border-top 1px solid #fff !important
|
border-top 1px solid #fff !important
|
||||||
|
|
||||||
|
div.grd_tblCont table td
|
||||||
|
border-bottom 1px solid #999 !important
|
||||||
|
|
||||||
// toolbar containing left, middle and right divs
|
// toolbar containing left, middle and right divs
|
||||||
.grd_inf
|
.grd_inf
|
||||||
background #D7D7D7 url(images/bg_infDiv.jpg) 0 0 repeat-x !important
|
background #D7D7D7 url(images/bg_infDiv.jpg) 0 0 repeat-x !important
|
||||||
border-top 1px solid #D0D0D0 !important
|
border-top 1px solid #D0D0D0 !important
|
||||||
height 29px !important
|
|
||||||
|
|
||||||
// loader
|
// loader
|
||||||
.loader
|
.loader
|
||||||
border 1px solid #999; background:#fff
|
border 1px solid #999
|
||||||
.defaultLoader
|
.defaultLoader
|
||||||
width 32px
|
width 32px
|
||||||
height 32px
|
height 32px
|
||||||
|
@ -138,3 +127,9 @@ div.grd_headTblCont table td
|
||||||
background-color #fff
|
background-color #fff
|
||||||
.odd
|
.odd
|
||||||
background-color #D5D5D5
|
background-color #D5D5D5
|
||||||
|
|
||||||
|
// filters visibility
|
||||||
|
span.expClpFlt
|
||||||
|
a.btnExpClpFlt
|
||||||
|
&:hover
|
||||||
|
background-color transparent !important
|
||||||
|
|
|
@ -47,63 +47,30 @@ input.flt
|
||||||
|
|
||||||
// toolbar
|
// toolbar
|
||||||
.inf
|
.inf
|
||||||
background #f4f4f4 url(images/bg_infDiv.jpg) left bottom repeat-x !important
|
background #D8D8D8
|
||||||
|
height $min-height
|
||||||
|
|
||||||
// reset button
|
// reset button
|
||||||
input.reset
|
input.reset
|
||||||
width 53px
|
width 53px
|
||||||
height 19px
|
background transparent url(images/btn_filter.png) center center no-repeat !important
|
||||||
cursor pointer !important
|
|
||||||
border 0 !important
|
|
||||||
vertical-align middle
|
|
||||||
background transparent url(images/btn_filter.png) center center no-repeat !important;
|
|
||||||
|
|
||||||
:hover
|
.helpBtn
|
||||||
background #CAD1D6 url(images/btn_filter.png) center center no-repeat !important
|
&:hover
|
||||||
|
background-color transparent
|
||||||
|
|
||||||
// paging
|
// paging
|
||||||
|
|
||||||
// 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
|
.nextPage
|
||||||
background transparent url(images/btn_next_page.gif) center center no-repeat !important
|
background transparent url(images/btn_next_page.gif) center center no-repeat !important
|
||||||
:hover
|
|
||||||
background #CAD1D6 url(images/btn_next_page.gif) center center no-repeat !important
|
|
||||||
|
|
||||||
.previousPage
|
.previousPage
|
||||||
background transparent url(images/btn_previous_page.gif) center center no-repeat !important
|
background transparent url(images/btn_previous_page.gif) center center no-repeat !important
|
||||||
:hover
|
|
||||||
background #CAD1D6 url(images/btn_previous_page.gif) center center no-repeat !important
|
|
||||||
|
|
||||||
.firstPage
|
.firstPage
|
||||||
background transparent url(images/btn_first_page.gif) center center no-repeat !important
|
background transparent url(images/btn_first_page.gif) center center no-repeat !important
|
||||||
:hover
|
|
||||||
background #CAD1D6 url(images/btn_first_page.gif) center center no-repeat !important
|
|
||||||
|
|
||||||
.lastPage
|
.lastPage
|
||||||
background transparent url(images/btn_last_page.gif) center center no-repeat !important
|
background transparent url(images/btn_last_page.gif) center center no-repeat !important
|
||||||
:hover
|
|
||||||
background #CAD1D6 url(images/btn_last_page.gif) center center no-repeat !important
|
|
||||||
|
|
||||||
select.rspg
|
|
||||||
font-size 10px
|
|
||||||
|
|
||||||
// grid-layout
|
// grid-layout
|
||||||
|
|
||||||
|
@ -128,6 +95,10 @@ div.grd_headTblCont
|
||||||
div.grd_tblCont table
|
div.grd_tblCont table
|
||||||
border-right none !important
|
border-right none !important
|
||||||
|
|
||||||
|
td
|
||||||
|
border-bottom 1px dotted #81963B
|
||||||
|
border-right 1px dotted #81963B
|
||||||
|
|
||||||
// headers
|
// headers
|
||||||
div.grd_tblCont table th,
|
div.grd_tblCont table th,
|
||||||
div.grd_headTblCont table th
|
div.grd_headTblCont table th
|
||||||
|
@ -152,16 +123,13 @@ div.grd_headTblCont table td
|
||||||
|
|
||||||
// div containing left, middle and right divs
|
// div containing left, middle and right divs
|
||||||
.grd_inf
|
.grd_inf
|
||||||
background #f4f4f4 url(images/bg_infDiv.jpg) center bottom repeat-x !important
|
background-color #D8D8D8
|
||||||
border-top 1px solid #D0D0D0 !important
|
border-top 1px solid #D0D0D0 !important
|
||||||
height 29px !important
|
|
||||||
padding-top 2px !important
|
|
||||||
|
|
||||||
// loader
|
// loader
|
||||||
.loader
|
.loader
|
||||||
border 0 !important
|
border 0 !important
|
||||||
background transparent !important
|
background #81963b !important
|
||||||
margin 185px auto !important
|
|
||||||
|
|
||||||
.defaultLoader
|
.defaultLoader
|
||||||
width 32px
|
width 32px
|
||||||
|
@ -174,3 +142,9 @@ div.grd_headTblCont table td
|
||||||
|
|
||||||
.odd
|
.odd
|
||||||
background-color #fff
|
background-color #fff
|
||||||
|
|
||||||
|
// filters visibility
|
||||||
|
span.expClpFlt
|
||||||
|
a.btnExpClpFlt
|
||||||
|
&:hover
|
||||||
|
background-color transparent !important
|
||||||
|
|
|
@ -15,7 +15,7 @@ table.TF
|
||||||
margin 0
|
margin 0
|
||||||
padding 5px
|
padding 5px
|
||||||
color inherit
|
color inherit
|
||||||
background #D1E5FE url("images/bg_skyblue.gif") 0 0 repeat-x
|
background #D1E5FE url(images/bg_skyblue.gif) 0 0 repeat-x
|
||||||
border-color #FDFDFD #A4BED4 #A4BED4 #FDFDFD
|
border-color #FDFDFD #A4BED4 #A4BED4 #FDFDFD
|
||||||
border-width 1px
|
border-width 1px
|
||||||
border-style solid
|
border-style solid
|
||||||
|
@ -53,7 +53,7 @@ input.flt
|
||||||
.inf
|
.inf
|
||||||
background-color #E3EFFF !important
|
background-color #E3EFFF !important
|
||||||
border 1px solid #A4BED4
|
border 1px solid #A4BED4
|
||||||
height 25px
|
height $min-height
|
||||||
color #004A6F
|
color #004A6F
|
||||||
|
|
||||||
div.tot,
|
div.tot,
|
||||||
|
@ -62,42 +62,18 @@ div.status
|
||||||
|
|
||||||
// help
|
// help
|
||||||
.helpBtn
|
.helpBtn
|
||||||
margin 0 5px 0 5px
|
&:hover
|
||||||
padding 2px 4px 2px 4px
|
background-color transparent
|
||||||
color #004A6F !important
|
|
||||||
font-size 13px
|
|
||||||
border 1px solid transparent !important
|
|
||||||
|
|
||||||
:hover
|
|
||||||
background-color #FFE4AB
|
|
||||||
border 1px solid #FFB552 !important
|
|
||||||
text-decoration none
|
|
||||||
|
|
||||||
// reset button
|
// reset button
|
||||||
input.reset
|
input.reset
|
||||||
width 19px
|
|
||||||
height 19px
|
|
||||||
cursor pointer !important
|
|
||||||
border 1px solid transparent !important
|
|
||||||
vertical-align middle
|
|
||||||
background transparent url(images/icn_clear_filters.png) center center no-repeat !important
|
background transparent url(images/icn_clear_filters.png) center center no-repeat !important
|
||||||
|
|
||||||
:hover
|
|
||||||
background #FFE4AB url(images/icn_clear_filters.png) center center no-repeat !important
|
|
||||||
border 1px solid #FFB552 !important
|
|
||||||
|
|
||||||
// paging
|
|
||||||
input.pgInp
|
|
||||||
width 19px
|
|
||||||
height 19px
|
|
||||||
cursor pointer !important
|
|
||||||
border 0 !important
|
|
||||||
|
|
||||||
.nextPage
|
.nextPage
|
||||||
background transparent url(images/btn_next_page.gif) center center no-repeat !important
|
background transparent url(images/btn_next_page.gif) center center no-repeat !important
|
||||||
border 1px solid transparent !important
|
border 1px solid transparent !important
|
||||||
|
|
||||||
:hover
|
&:hover
|
||||||
background #FFE4AB url(images/btn_next_page.gif) center center no-repeat !important
|
background #FFE4AB url(images/btn_next_page.gif) center center no-repeat !important
|
||||||
border 1px solid #FFB552 !important
|
border 1px solid #FFB552 !important
|
||||||
|
|
||||||
|
@ -105,7 +81,7 @@ input.pgInp
|
||||||
background transparent url(images/btn_prev_page.gif) center center no-repeat !important
|
background transparent url(images/btn_prev_page.gif) center center no-repeat !important
|
||||||
border 1px solid transparent !important
|
border 1px solid transparent !important
|
||||||
|
|
||||||
:hover
|
&:hover
|
||||||
background #FFE4AB url(images/btn_prev_page.gif) center center no-repeat !important
|
background #FFE4AB url(images/btn_prev_page.gif) center center no-repeat !important
|
||||||
border 1px solid #FFB552 !important
|
border 1px solid #FFB552 !important
|
||||||
|
|
||||||
|
@ -113,7 +89,7 @@ input.pgInp
|
||||||
background transparent url(images/btn_first_page.gif) center center no-repeat !important
|
background transparent url(images/btn_first_page.gif) center center no-repeat !important
|
||||||
border 1px solid transparent !important
|
border 1px solid transparent !important
|
||||||
|
|
||||||
:hover
|
&:hover
|
||||||
background #FFE4AB url(images/btn_first_page.gif) center center no-repeat !important
|
background #FFE4AB url(images/btn_first_page.gif) center center no-repeat !important
|
||||||
border 1px solid #FFB552 !important
|
border 1px solid #FFB552 !important
|
||||||
|
|
||||||
|
@ -121,13 +97,10 @@ input.pgInp
|
||||||
background transparent url(images/btn_last_page.gif) center center no-repeat !important
|
background transparent url(images/btn_last_page.gif) center center no-repeat !important
|
||||||
border 1px solid transparent !important
|
border 1px solid transparent !important
|
||||||
|
|
||||||
:hover
|
&:hover
|
||||||
background #FFE4AB url(images/btn_last_page.gif) center center no-repeat !important
|
background #FFE4AB url(images/btn_last_page.gif) center center no-repeat !important
|
||||||
border 1px solid #FFB552 !important
|
border 1px solid #FFB552 !important
|
||||||
|
|
||||||
select.rspg
|
|
||||||
font-size 10px
|
|
||||||
|
|
||||||
// active header
|
// active header
|
||||||
.activeHeader
|
.activeHeader
|
||||||
background #FFE4AB !important
|
background #FFE4AB !important
|
||||||
|
@ -157,7 +130,6 @@ div.grd_headTblCont
|
||||||
|
|
||||||
div.grd_tblCont table
|
div.grd_tblCont table
|
||||||
border-right none !important
|
border-right none !important
|
||||||
font 12px/13px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif !important
|
|
||||||
|
|
||||||
// headers
|
// headers
|
||||||
div.grd_tblCont table th,
|
div.grd_tblCont table th,
|
||||||
|
@ -168,41 +140,28 @@ div.grd_headTblCont table td
|
||||||
border-right 1px solid #A4BED4 !important
|
border-right 1px solid #A4BED4 !important
|
||||||
border-left 1px solid #fff !important
|
border-left 1px solid #fff !important
|
||||||
border-top 1px solid #fff !important
|
border-top 1px solid #fff !important
|
||||||
padding 5px 2px 5px 2px !important
|
|
||||||
|
|
||||||
div.grd_tblCont table td
|
div.grd_tblCont table td
|
||||||
border-bottom 1px solid #A4BED4 !important
|
border-bottom 1px solid #A4BED4 !important
|
||||||
border-right 0 !important
|
border-right 0 !important
|
||||||
border-left 0 !important
|
border-left 0 !important
|
||||||
border-top 0 !important
|
border-top 0 !important
|
||||||
padding 5px 2px 5px 2px !important
|
|
||||||
|
|
||||||
// toolbar containing left, middle and right divs
|
// toolbar containing left, middle and right divs
|
||||||
.grd_inf
|
.grd_inf
|
||||||
background-color #D9EAED !important
|
background-color #CCE2FE
|
||||||
height 25px
|
|
||||||
color #004A6F
|
color #004A6F
|
||||||
border-top 1px solid #99CCCC !important
|
border-top 1px solid #99CCCC !important
|
||||||
|
|
||||||
.rdiv
|
|
||||||
height 28px
|
|
||||||
|
|
||||||
a
|
a
|
||||||
text-decoration none
|
text-decoration none
|
||||||
font-weight bold
|
font-weight bold
|
||||||
|
|
||||||
// help button
|
|
||||||
a.helpBtn
|
|
||||||
vertical-align middle
|
|
||||||
margin-top 2px !important
|
|
||||||
padding-top 1px !important
|
|
||||||
|
|
||||||
// loader
|
// loader
|
||||||
.loader
|
.loader
|
||||||
border 0 !important
|
background-color #2D8EEF
|
||||||
background transparent !important
|
border 1px solid #CCE2FE
|
||||||
margin-top 40px
|
border-radius 5px
|
||||||
margin-left 0 !important
|
|
||||||
|
|
||||||
// alternating background colors
|
// alternating background colors
|
||||||
.even
|
.even
|
||||||
|
@ -211,6 +170,12 @@ div.grd_tblCont table td
|
||||||
.odd
|
.odd
|
||||||
background-color #E3EFFF
|
background-color #E3EFFF
|
||||||
|
|
||||||
|
// filters visibility
|
||||||
|
span.expClpFlt
|
||||||
|
a.btnExpClpFlt
|
||||||
|
&:hover
|
||||||
|
background-color transparent !important
|
||||||
|
|
||||||
// ezedittable
|
// ezedittable
|
||||||
|
|
||||||
// selection
|
// selection
|
||||||
|
|
|
@ -6,15 +6,19 @@
|
||||||
|
|
||||||
// left, middle and right divs container (toolbar)
|
// left, middle and right divs container (toolbar)
|
||||||
.inf
|
.inf
|
||||||
clear both
|
clear both
|
||||||
width auto
|
width auto
|
||||||
height 25px
|
height $min-height
|
||||||
background-color $toolbar-bg-color
|
background-color $toolbar-bg-color
|
||||||
font-size $toolbar-font-size
|
font-size $toolbar-font-size
|
||||||
margin 0
|
margin 0
|
||||||
padding 1px 3px 1px 3px
|
padding 0
|
||||||
border 1px solid #ccc
|
border-top 1px solid $toolbar-border-color
|
||||||
overflow hidden
|
border-left 1px solid $toolbar-border-color
|
||||||
|
border-right 1px solid $toolbar-border-color
|
||||||
|
overflow hidden
|
||||||
|
border-top-left-radius 3px
|
||||||
|
border-top-right-radius 3px
|
||||||
|
|
||||||
// link appearence
|
// link appearence
|
||||||
a
|
a
|
||||||
|
@ -26,22 +30,25 @@
|
||||||
|
|
||||||
// left div
|
// left div
|
||||||
.ldiv
|
.ldiv
|
||||||
float left
|
float left
|
||||||
width 30%
|
width 30%
|
||||||
position inherit
|
// height 100%
|
||||||
text-align left
|
position inherit
|
||||||
|
text-align left
|
||||||
|
|
||||||
// middle div
|
// middle div
|
||||||
.mdiv
|
.mdiv
|
||||||
float left
|
float left
|
||||||
width: 38%
|
width 38%
|
||||||
position inherit
|
// height 100%
|
||||||
text-align center
|
position inherit
|
||||||
padding 1px 0
|
text-align center
|
||||||
|
padding 0
|
||||||
|
|
||||||
// right div
|
// right div
|
||||||
.rdiv
|
.rdiv
|
||||||
float right
|
float right
|
||||||
width 30%
|
width 30%
|
||||||
position inherit
|
// height 100%
|
||||||
text-align right
|
position inherit
|
||||||
|
text-align right
|
||||||
|
|
|
@ -50,6 +50,7 @@
|
||||||
var filtersConfig = {
|
var filtersConfig = {
|
||||||
base_path: '../dist/tablefilter/',
|
base_path: '../dist/tablefilter/',
|
||||||
grid_layout: true,
|
grid_layout: true,
|
||||||
|
grid_width: '900px',
|
||||||
alternate_rows: true,
|
alternate_rows: true,
|
||||||
btn_reset: true,
|
btn_reset: true,
|
||||||
rows_counter: true,
|
rows_counter: true,
|
||||||
|
@ -58,9 +59,9 @@
|
||||||
col_1: 'select',
|
col_1: 'select',
|
||||||
col_2: 'select',
|
col_2: 'select',
|
||||||
col_widths: [
|
col_widths: [
|
||||||
"150px", "70px", "70px",
|
'150px', '90px', '70px',
|
||||||
"120px", "120px", "100px",
|
'120px', '120px', '100px',
|
||||||
"100px", "100px", "100px"
|
'100px', '100px', '100px'
|
||||||
],
|
],
|
||||||
extensions:[
|
extensions:[
|
||||||
{
|
{
|
||||||
|
|
|
@ -1,93 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<title>{NAME} v{VERSION} - Selection Grid Demo</title>
|
|
||||||
<!-- @import partials/style.html -->
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>{NAME} v{VERSION}</h1>
|
|
||||||
<h2>Selection grid demo</h2>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
To make the grid rows selectable, you need to import the
|
|
||||||
{EZEDITTABLE_LINK} plugin, enable the <code>selection</code> property
|
|
||||||
and configure the <code>advancedGrid</code> with the {EZEDITTABLE_LINK}
|
|
||||||
options.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
Instructions: Double-click on a row on or press <code>enter</code> key to
|
|
||||||
perform action. Enable multiple rows selection by checking the <b>Multiple
|
|
||||||
selection</b> checkbox. Keep <code>Ctrl/Cmd</code> or <code>Shift</code> key
|
|
||||||
pressed to select multiple rows.
|
|
||||||
</p>
|
|
||||||
<!-- @import partials/pre.html -->
|
|
||||||
|
|
||||||
<div class="ezCommandEditor">
|
|
||||||
<input onclick="var ezEditTable = tf.extension('advancedGrid')._ezEditTable;
|
|
||||||
if(this.checked){
|
|
||||||
ezEditTable.selectionModel = 'multiple';
|
|
||||||
} else {
|
|
||||||
ezEditTable.selectionModel = 'single';
|
|
||||||
}" name="chkMultipleSlc" id="chkMultipleSlc" type="checkbox">
|
|
||||||
<label for="chkMultipleSlc">Multiple selection</label>
|
|
||||||
</div>
|
|
||||||
<!-- @import partials/countries-table.html -->
|
|
||||||
<div class="ezCommandEditor">
|
|
||||||
<button onclick="alert( tf.extension('advancedGrid')._ezEditTable.Selection.GetActiveRowValues() );">Active row data</button>
|
|
||||||
<button onclick="alert( tf.extension('advancedGrid')._ezEditTable.Selection.GetSelectedValues() );">Selected rows data</button>
|
|
||||||
<button onclick="tf.extension('advancedGrid')._ezEditTable.Selection.ClearSelections();">Clear Selection</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- @import partials/tablefilter-script.html -->
|
|
||||||
<script data-config>
|
|
||||||
var filtersConfig = {
|
|
||||||
base_path: '../dist/tablefilter/',
|
|
||||||
grid_layout: true,
|
|
||||||
alternate_rows: true,
|
|
||||||
btn_reset: true,
|
|
||||||
rows_counter: true,
|
|
||||||
loader: true,
|
|
||||||
status_bar: true,
|
|
||||||
col_1: 'select',
|
|
||||||
col_2: 'select',
|
|
||||||
col_widths: [
|
|
||||||
"150px", "70px", "70px",
|
|
||||||
"120px", "120px", "100px",
|
|
||||||
"100px", "100px", "100px"
|
|
||||||
],
|
|
||||||
extensions:[
|
|
||||||
{
|
|
||||||
name: 'advancedGrid',
|
|
||||||
// For the purpose of this demo, ezEditTable dependency
|
|
||||||
// is loaded from its own website which is not a CDN.
|
|
||||||
// This dependency also requires a licence therefore
|
|
||||||
// DO NOT import it in this way in your projects.
|
|
||||||
filename: 'ezEditTable_min.js',
|
|
||||||
vendor_path: 'http://edittable.free.fr/ezEditTable/',
|
|
||||||
// Once ezEditTable dependency is installed in your
|
|
||||||
// project import it by pointing to a local path:
|
|
||||||
// vendor_path: 'path/to/ezEditTable'
|
|
||||||
selection: true,
|
|
||||||
default_selection: 'both',
|
|
||||||
on_validate_row: function(o, row){
|
|
||||||
var country = o.Selection.GetActiveRowValues()[0];
|
|
||||||
alert('Chosen record: ' + country);
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
name: 'sort',
|
|
||||||
types: [
|
|
||||||
'string', 'string', 'number',
|
|
||||||
'number', 'number', 'number',
|
|
||||||
'number', 'number', 'number'
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
};
|
|
||||||
|
|
||||||
var tf = new TableFilter('demo', filtersConfig);
|
|
||||||
tf.init();
|
|
||||||
</script>
|
|
||||||
<!-- @import partials/pre-inline-script.html -->
|
|
||||||
</body>
|
|
||||||
</html>
|
|
|
@ -32,10 +32,10 @@ var tfConfig = {
|
||||||
alternate_rows: true,
|
alternate_rows: true,
|
||||||
rows_counter: true,
|
rows_counter: true,
|
||||||
btn_reset: true,
|
btn_reset: true,
|
||||||
btn_reset_text: "Clear",
|
btn_reset_text: 'Clear',
|
||||||
status_bar: true,
|
status_bar: true,
|
||||||
col_1: "select",
|
col_1: 'select',
|
||||||
col_2: "select",
|
col_2: 'select',
|
||||||
|
|
||||||
/* columns visibility and sort extension */
|
/* columns visibility and sort extension */
|
||||||
extensions:[
|
extensions:[
|
||||||
|
|
|
@ -96,17 +96,13 @@ var tfConfig = {
|
||||||
},
|
},
|
||||||
extensions:[
|
extensions:[
|
||||||
{
|
{
|
||||||
name: 'sort',
|
name: 'sort'
|
||||||
types: [
|
|
||||||
'number', 'string', 'string',
|
|
||||||
'US', 'none', 'string'
|
|
||||||
]
|
|
||||||
},{
|
},{
|
||||||
name: 'colOps',
|
name: 'colOps',
|
||||||
id: ["sum1", "sum2"],
|
id: ['sum1', 'sum2'],
|
||||||
col: [3, 4],
|
col: [3, 4],
|
||||||
operation: ["sum", "sum"],
|
operation: ['sum', 'sum'],
|
||||||
write_method: ["innerhtml", 'innerhtml'],
|
write_method: ['innerhtml', 'innerhtml'],
|
||||||
exclude_row: [totRowIndex],
|
exclude_row: [totRowIndex],
|
||||||
decimal_precision: [2, 2],
|
decimal_precision: [2, 2],
|
||||||
tot_row_index: [totRowIndex],
|
tot_row_index: [totRowIndex],
|
||||||
|
|
|
@ -31,7 +31,7 @@
|
||||||
var filtersConfig = {
|
var filtersConfig = {
|
||||||
base_path: '../dist/tablefilter/',
|
base_path: '../dist/tablefilter/',
|
||||||
paging: true,
|
paging: true,
|
||||||
results_per_page: ['Page length: ', [10,25,50,100]],
|
results_per_page: ['Records: ', [10,25,50,100]],
|
||||||
remember_grid_values: true,
|
remember_grid_values: true,
|
||||||
remember_page_number: true,
|
remember_page_number: true,
|
||||||
remember_page_length: true,
|
remember_page_length: true,
|
||||||
|
|
|
@ -23,6 +23,7 @@
|
||||||
loader: true,
|
loader: true,
|
||||||
status_bar: true,
|
status_bar: true,
|
||||||
mark_active_columns: true,
|
mark_active_columns: true,
|
||||||
|
highlight_keywords: true,
|
||||||
col_number_format: [
|
col_number_format: [
|
||||||
null, null, 'US',
|
null, null, 'US',
|
||||||
'US', 'US', 'US',
|
'US', 'US', 'US',
|
||||||
|
|
Loading…
Reference in a new issue