plugins: updated query_editor

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

diff --git a/plugins/hazelnut/hazelnut.css b/plugins/hazelnut/hazelnut.css
index 2439bd1..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;
@@ -14,18 +14,18 @@ div.Hazelnut table.dataTable th {
     text-align: left;
     padding: 8px 12px 4px 20px;
     vertical-align:middle;
-    background: #CAE8EA url(../img/tablesort-header.jpg) no-repeat;
+/*    background: #CAE8EA url(../img/tablesort-header.jpg) no-repeat; */
 }
 
 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;
@@ -35,9 +35,26 @@ div.Hazelnut div.dataTables_info {
     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 
+/* 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 
+ * 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; }
-/* former set did not have that exact equivalent - using an approximation for now */
-div.Hazelnut table.dataTable thead .sorting_asc_disabled { background: url('../img/tablesort-header-sortable.png') no-repeat; }
-div.Hazelnut table.dataTable thead .sorting_desc_disabled { background: url('../img/tablesort-header-sortable.png') no-repeat; }
+/* this icons set does not have that exact equivalent - using an approximation for now */
+div.Hazelnut table.dataTable thead .sorting_asc_disabled { background: url('../img/tablesort-header.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;
+    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;
+    background-color: #caebea;
+}