6 div.Hazelnut table.dataTable th {
7 font: bold 12px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
9 border-right: 1px solid #C1DAD7;
10 border-bottom: 1px solid #C1DAD7;
11 border-top: 1px solid #C1DAD7;
13 text-transform: uppercase;
15 padding: 8px 12px 4px 20px;
16 vertical-align:middle;
17 /* background: #CAE8EA url(../img/tablesort-header.jpg) no-repeat; */
20 div.Hazelnut table.dataTable td, div.Hazelnut table.dataTable textarea, div.Hazelnut table.dataTable input [type="text"] {
21 font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
22 border-right: 1px solid #C1DAD7;
23 border-bottom: 1px solid #C1DAD7;
25 div.Hazelnut table.dataTable td {
26 padding: 4px 8px 4px 8px;
27 /* this applies on even rows only, odd ones have a setting in bootstrap of rbg 249.249.249 */
28 background-color: #f4f4f4;
30 div.Hazelnut table.dataTable td a {
33 /* these come from bootstrap */
34 div.Hazelnut div.dataTables_info {
35 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
38 /* one could think or using repeat-x here but that's not working because of the arrows
39 * we might need to make these wider some day
40 * and/or to add background-color: #caebea
41 * which would look less conspicuous in case of overflow
44 div.Hazelnut table.dataTable thead .sorting { background: url('../img/tablesort-header-sortable.png') no-repeat; }
45 div.Hazelnut table.dataTable thead .sorting_asc { background: url('../img/tablesort-header-up.png') no-repeat; }
46 div.Hazelnut table.dataTable thead .sorting_desc { background: url('../img/tablesort-header-down.png') no-repeat; }
47 /* this icons set does not have that exact equivalent - using an approximation for now */
48 div.Hazelnut table.dataTable thead .sorting_asc_disabled { background: url('../img/tablesort-header.png') no-repeat; }
49 div.Hazelnut table.dataTable thead .sorting_desc_disabled { background: url('../img/tablesort-header.png') no-repeat; }
51 /* the footers are not active */
52 div.Hazelnut table.dataTable tfoot {
53 background: url('../img/tablesort-header.png') no-repeat;
54 background-color: #caebea;
56 /* and when sorting is turned off it's useful to set this on header too */
57 div.Hazelnut table.dataTable thead {
58 background: url('../img/tablesort-header.png') no-repeat;
59 background-color: #caebea;