From d2f7fbaa8164e370b724aaf22acfbcde09cbb003 Mon Sep 17 00:00:00 2001
From: Stefan Reinhardt <stefan.reinhardt@pixelegg.de>
Date: Thu, 3 Jul 2014 14:58:23 +0000
Subject: [PATCH] Admin : grayfilter for images

---
 pixelegg/css/pixelegg.css        | 30 ++++++++++++++++++++++++++++++
 pixelegg/less/etemplate2.less    | 14 ++++++++++++++
 pixelegg/less/layout_dialog.less |  7 +++++++
 3 files changed, 51 insertions(+)

diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index e3977fa43a..fb7732fae1 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -1253,6 +1253,23 @@
   #admin-categories-index div.egwGridView_scrollarea {
     min-height: 500px;
   }
+  table.egwGridView_grid img {
+    /*filter grey*/
+    /*filter grey*/
+    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
+    -webkit-filter: grayscale(100%);
+    -moz-filter: grayscale(100%);
+    -ms-filter: grayscale(0%);
+    -o-filter: grayscale(100%);
+    filter: grayscale(100%);
+    /*filter: url(grayscale.svg);  Firefox 4+ */
+    filter: gray;
+    /* IE 6-9 */
+  }
+  #late-sidebox table img {
+    width: 16px;
+    height: 16px;
+  }
   /*#################################### END ADMIN PART #####################################################*/
 }
 /*#################################### Media Queries #####################################################*/
@@ -5647,6 +5664,19 @@ td.etemplate_tab_active.th {
 .tab_body {
   border-top-width: 1px;
 }
+.tab_body img {
+  /*filter grey*/
+  /*filter grey*/
+  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
+  -webkit-filter: grayscale(100%);
+  -moz-filter: grayscale(100%);
+  -ms-filter: grayscale(0%);
+  -o-filter: grayscale(100%);
+  filter: grayscale(100%);
+  /*filter: url(grayscale.svg);  Firefox 4+ */
+  filter: gray;
+  /* IE 6-9 */
+}
 div#etemplate\.tab_widget {
   margin-bottom: 11px;
 }
diff --git a/pixelegg/less/etemplate2.less b/pixelegg/less/etemplate2.less
index f0d1279eae..b0f6863e0e 100755
--- a/pixelegg/less/etemplate2.less
+++ b/pixelegg/less/etemplate2.less
@@ -1240,7 +1240,21 @@ iframe#admin-index_iframe{
 
     }
 
+// gray Filter for images
+    table.egwGridView_grid{
+                img {
+                    /*filter grey*/
+                    .img_filter_gray;
+                }
+        }
 
+// Image Size
+#late-sidebox{
+
+    table {
+            img {.dimension_width_height_s;}
+           }
+    }
 
 /*#################################### END ADMIN PART #####################################################*/
 
diff --git a/pixelegg/less/layout_dialog.less b/pixelegg/less/layout_dialog.less
index e6737c2a21..90f085a0e1 100755
--- a/pixelegg/less/layout_dialog.less
+++ b/pixelegg/less/layout_dialog.less
@@ -355,6 +355,13 @@ td.etemplate_tab_active.th {
 
 .tab_body {
 	border-top-width: 1px;
+
+        img {
+            /*filter grey*/
+            .img_filter_gray;
+        }
+
+
 }
 div#etemplate\.tab_widget {
 	margin-bottom: 11px;