-div.spacer {
- height:20px;
+div.hazelnut-spacer {
+ height:10px;
clear: both;
}
div.Hazelnut table.dataTable th {
- font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
+ font: bold 12px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #4f6b72;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
}
div.Hazelnut table.dataTable td, div.Hazelnut table.dataTable textarea, div.Hazelnut table.dataTable input [type="text"] {
- font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
+ font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
}
div.Hazelnut table.dataTable td {
padding: 4px 8px 4px 8px;
/* this applies on even rows only, odd ones have a setting in bootstrap of rbg 249.249.249 */
- background-color: #f0fff0;
+ background-color: #f4f4f4;
}
div.Hazelnut table.dataTable td a {
font-weight:normal;
}
/* one could think or using repeat-x here but that's not working because of the arrows
- * we might need to make these wider some day */
+ * we might need to make these wider some day
+ * and/or to add background-color: #caebea
+ * which would look less conspicuous in case of overflow
+*/
+
div.Hazelnut table.dataTable thead .sorting { background: url('../img/tablesort-header-sortable.png') no-repeat; }
div.Hazelnut table.dataTable thead .sorting_asc { background: url('../img/tablesort-header-up.png') no-repeat; }
div.Hazelnut table.dataTable thead .sorting_desc { background: url('../img/tablesort-header-down.png') no-repeat; }
div.Hazelnut table.dataTable thead .sorting_desc_disabled { background: url('../img/tablesort-header.png') no-repeat; }
/* the footers are not active */
-div.Hazelnut table.dataTable tfoot { background: url('../img/tablesort-header.png') no-repeat; }
+div.Hazelnut table.dataTable tfoot {
+ background: url('../img/tablesort-header.png') no-repeat;
+ background-color: #caebea;
+}
/* and when sorting is turned off it's useful to set this on header too */
-div.Hazelnut table.dataTable thead { background: url('../img/tablesort-header.png') no-repeat; }
+div.Hazelnut table.dataTable thead {
+ background: url('../img/tablesort-header.png') no-repeat;
+ background-color: #caebea;
+}