Admin : grayfilter for images

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;
 }

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 #####################################################*/
 

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;