X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=plugins%2Fhazelnut.demo%2Fstatic%2Fcss%2Fhazelnut.css;fp=plugins%2Fhazelnut.demo%2Fstatic%2Fcss%2Fhazelnut.css;h=e4264d89bc573bb5811db97dd2ac6bda47d36d9a;hb=b753eb173aba7fdd1fffae461f81f32dc9879e8b;hp=0000000000000000000000000000000000000000;hpb=5d8da8c6bac88f51535c09411867de676dd8e99c;p=unfold.git

diff --git a/plugins/hazelnut.demo/static/css/hazelnut.css b/plugins/hazelnut.demo/static/css/hazelnut.css
new file mode 100644
index 00000000..e4264d89
--- /dev/null
+++ b/plugins/hazelnut.demo/static/css/hazelnut.css
@@ -0,0 +1,64 @@
+.table {
+	width: 100% !important;
+}
+
+div.hazelnut-spacer {
+    height:10px;
+    clear: both;
+}
+
+div.Hazelnut table.dataTable th {
+    font: bold 12px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
+    color: #4f6b72;
+    border-right: 1px solid #C1DAD7;
+    border-bottom: 1px solid #C1DAD7;
+    border-top: 1px solid #C1DAD7;
+    letter-spacing: 1px;
+    text-transform: uppercase;
+    text-align: left;
+    padding: 8px 12px 4px 20px;
+    vertical-align:middle;
+/*    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 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: #f4f4f4;
+}
+div.Hazelnut table.dataTable td a {
+    font-weight:normal;
+}
+/* these come from bootstrap */
+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; }
+/* 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;
+}