slight cosmetic changes

[unfold.git] / plugins / hazelnut / hazelnut.css

diff --git a/plugins/hazelnut/hazelnut.css b/plugins/hazelnut/hazelnut.css
index ffe36fb..30dc6fd 100644 (file)
--- a/plugins/hazelnut/hazelnut.css
+++ b/plugins/hazelnut/hazelnut.css
@@ -1,10 +1,10 @@
-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;
@@ -18,7 +18,7 @@ div.Hazelnut table.dataTable th {
 }
 
 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;
 }
@@ -36,7 +36,11 @@ div.Hazelnut div.dataTables_info {
 }
 
 /* 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; }
@@ -45,6 +49,12 @@ div.Hazelnut table.dataTable thead .sorting_asc_disabled { background: url('../i
 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;
+}