Merge pull request #97 in FUI/fineui from ~GUY/fineui:master to master

* commit '8008cee0c57721be499d139edb00e8d8bbb0d62c':
  bundle

dist/demo.js

@@ -4487,41 +4487,7 @@ Demo.BorderLayout = BI.inherit(BI.Widget, {
         }
     }
 });
-BI.shortcut("demo.border", Demo.BorderLayout);/**
+BI.shortcut("demo.border", Demo.BorderLayout);Demo.CenterAdapt = BI.inherit(BI.Widget, {
- * Created by User on 2017/3/22.
- */
-Demo.CenterLayout = BI.inherit(BI.Widget, {
-    props: {
-        baseCls: "demo-center"
-    },
-    render: function () {
-        return {
-            type: "bi.center",
-            items: [{
-                type: "bi.label",
-                text: "Center 1，这里虽然设置label的高度30，但是最终影响高度的是center布局",
-                cls: "layout-bg1",
-                whiteSpace: "normal"
-            },{
-                type: "bi.label",
-                text: "Center 2，为了演示label是占满整个的，用了一个whiteSpace:normal",
-                cls: "layout-bg2",
-                whiteSpace: "normal"
-            },{
-                type: "bi.label",
-                text: "Center 3",
-                cls: "layout-bg3"
-            },{
-                type: "bi.label",
-                text: "Center 4",
-                cls: "layout-bg5"
-            }],
-            hgap: 20,
-            vgap: 20
-        }
-    }
-});
-BI.shortcut("demo.center_layout", Demo.CenterLayout);Demo.CenterAdapt = BI.inherit(BI.Widget, {
     props: {
         baseCls: "demo-absolute"
     },
@@ -4604,6 +4570,40 @@ BI.shortcut("demo.center_layout", Demo.CenterLayout);Demo.CenterAdapt = BI.inher
 BI.shortcut("demo.center_adapt", Demo.CenterAdapt);/**
  * Created by User on 2017/3/22.
  */
+Demo.CenterLayout = BI.inherit(BI.Widget, {
+    props: {
+        baseCls: "demo-center"
+    },
+    render: function () {
+        return {
+            type: "bi.center",
+            items: [{
+                type: "bi.label",
+                text: "Center 1，这里虽然设置label的高度30，但是最终影响高度的是center布局",
+                cls: "layout-bg1",
+                whiteSpace: "normal"
+            },{
+                type: "bi.label",
+                text: "Center 2，为了演示label是占满整个的，用了一个whiteSpace:normal",
+                cls: "layout-bg2",
+                whiteSpace: "normal"
+            },{
+                type: "bi.label",
+                text: "Center 3",
+                cls: "layout-bg3"
+            },{
+                type: "bi.label",
+                text: "Center 4",
+                cls: "layout-bg5"
+            }],
+            hgap: 20,
+            vgap: 20
+        }
+    }
+});
+BI.shortcut("demo.center_layout", Demo.CenterLayout);/**
+ * Created by User on 2017/3/22.
+ */
 Demo.FloatCenterLayout = BI.inherit(BI.Widget, {
     props: {
         baseCls: "demo-float-center"
@@ -4848,55 +4848,6 @@ Demo.GridLayout = BI.inherit(BI.Widget, {
     }
 });
 BI.shortcut("demo.grid", Demo.GridLayout);/**
- * Created by User on 2017/3/21.
- */
-Demo.Horizontal = BI.inherit(BI.Widget, {
-    props: {
-        baseCls: "demo-horizontal"
-    },
-    render: function () {
-        return {
-            type: "bi.vertical",
-            items: [{
-                type: "bi.horizontal",
-                items: [{
-                    type: "bi.absolute",
-                    items: [{
-                        el: {
-                            type: "bi.text_button",
-                            cls: "layout-bg1",
-                            text: "这里设置了lgap(左边距)，rgap(右边距)，tgap(上边距)，bgap(下边距)这里设置了lgap(左边距)，rgap(右边距)，tgap(上边距)，bgap(下边距)",
-                            height: 30
-                        },
-                        left: 0,
-                        right: 0
-                    }],
-                    width: 100,
-                    height: 30
-                }, {
-                    type: "bi.absolute",
-                    items: [{
-                        el: {
-                            type: "bi.text_button",
-                            cls: "layout-bg2",
-                            text: "这里设置了lgap(左边距)，rgap(右边距)，tgap(上边距)，bgap(下边距)这里设置了lgap(左边距)，rgap(右边距)，tgap(上边距)，bgap(下边距)",
-                            height: 30
-                        },
-                        left: 0,
-                        right: 0
-                    }],
-                    width: 200,
-                    height: 30
-                }]
-            }],
-            lgap: 20,
-            rgap: 80,
-            tgap: 80,
-            bgap: 50
-        }
-    }
-});
-BI.shortcut("demo.horizontal", Demo.Horizontal);/**
  * Created by User on 2017/3/22.
  */
 Demo.HorizontalAdapt = BI.inherit(BI.Widget, {
@@ -5013,6 +4964,55 @@ Demo.HorizontalFloat = BI.inherit(BI.Widget, {
     }
 });
 BI.shortcut("demo.horizontal_float", Demo.HorizontalFloat);/**
+ * Created by User on 2017/3/21.
+ */
+Demo.Horizontal = BI.inherit(BI.Widget, {
+    props: {
+        baseCls: "demo-horizontal"
+    },
+    render: function () {
+        return {
+            type: "bi.vertical",
+            items: [{
+                type: "bi.horizontal",
+                items: [{
+                    type: "bi.absolute",
+                    items: [{
+                        el: {
+                            type: "bi.text_button",
+                            cls: "layout-bg1",
+                            text: "这里设置了lgap(左边距)，rgap(右边距)，tgap(上边距)，bgap(下边距)这里设置了lgap(左边距)，rgap(右边距)，tgap(上边距)，bgap(下边距)",
+                            height: 30
+                        },
+                        left: 0,
+                        right: 0
+                    }],
+                    width: 100,
+                    height: 30
+                }, {
+                    type: "bi.absolute",
+                    items: [{
+                        el: {
+                            type: "bi.text_button",
+                            cls: "layout-bg2",
+                            text: "这里设置了lgap(左边距)，rgap(右边距)，tgap(上边距)，bgap(下边距)这里设置了lgap(左边距)，rgap(右边距)，tgap(上边距)，bgap(下边距)",
+                            height: 30
+                        },
+                        left: 0,
+                        right: 0
+                    }],
+                    width: 200,
+                    height: 30
+                }]
+            }],
+            lgap: 20,
+            rgap: 80,
+            tgap: 80,
+            bgap: 50
+        }
+    }
+});
+BI.shortcut("demo.horizontal", Demo.Horizontal);/**
  * Created by User on 2017/3/22.
  */
 Demo.HtapeLayout = BI.inherit(BI.Widget, {
@@ -5358,30 +5358,6 @@ Demo.TdLayout = BI.inherit(BI.Widget, {
     }
 });
 BI.shortcut("demo.td", Demo.TdLayout);/**
- * Created by User on 2017/3/21.
- */
-Demo.VerticalLayout = BI.inherit(BI.Widget, {
-    props: {
-        baseCls: "demo-vertical"
-    },
-    render: function () {
-        return {
-            type: "bi.vertical",
-            items: [{
-                type: "bi.label",
-                cls: "layout-bg1",
-                text: "这里设置了hgap(水平间距)，vgap(垂直间距)",
-                height: 30
-            }, {
-                type: "bi.label",
-                cls: "layout-bg2",
-                text: "这里设置了hgap(水平间距)，vgap(垂直间距)",
-                height: 30
-            }]
-        }
-    }
-});
-BI.shortcut("demo.vertical", Demo.VerticalLayout);/**
  * Created by User on 2017/3/22.
  */
 Demo.VerticalAdaptLayout = BI.inherit(BI.Widget, {
@@ -5423,6 +5399,30 @@ Demo.VerticalAdaptLayout = BI.inherit(BI.Widget, {
     }
 });
 BI.shortcut("demo.vertical_adapt", Demo.VerticalAdaptLayout);/**
+ * Created by User on 2017/3/21.
+ */
+Demo.VerticalLayout = BI.inherit(BI.Widget, {
+    props: {
+        baseCls: "demo-vertical"
+    },
+    render: function () {
+        return {
+            type: "bi.vertical",
+            items: [{
+                type: "bi.label",
+                cls: "layout-bg1",
+                text: "这里设置了hgap(水平间距)，vgap(垂直间距)",
+                height: 30
+            }, {
+                type: "bi.label",
+                cls: "layout-bg2",
+                text: "这里设置了hgap(水平间距)，vgap(垂直间距)",
+                height: 30
+            }]
+        }
+    }
+});
+BI.shortcut("demo.vertical", Demo.VerticalLayout);/**
  * Created by User on 2017/3/22.
  */
 Demo.VtapeLayout = BI.inherit(BI.Widget, {

dist/resource.css

@@ -1732,31 +1732,31 @@ textarea::-webkit-scrollbar-thumb:hover {
   height: 101px;
 }
 .farbtastic .wheel {
-  background: url("images/1x/third/farbtastic/wheel.png") no-repeat;
+  background: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/third/farbtastic/wheel.png") no-repeat;
   width: 195px;
   height: 195px;
 }
 .farbtastic .overlay {
-  background: url("images/1x/third/farbtastic/mask.png") no-repeat;
+  background: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/third/farbtastic/mask.png") no-repeat;
 }
 .farbtastic .marker {
   width: 17px;
   height: 17px;
   margin: -8px 0 0 -8px;
   overflow: hidden;
-  background: url("images/1x/third/farbtastic/marker.png") no-repeat;
+  background: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/third/farbtastic/marker.png") no-repeat;
 }
 .bi-display-tree .ztree * {
   color: #999999;
 }
 .bi-display-tree .ztree li span.button.switch.center_open {
-  background-image: url("images/1x//icon/tree-vertical-line-3.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x//icon/tree-vertical-line-3.png");
 }
 .bi-display-tree .ztree li span.button.switch.roots_open {
-  background-image: url("images/1x//icon/tree-vertical-line-2.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x//icon/tree-vertical-line-2.png");
 }
 .bi-display-tree .ztree li span.button.switch.bottom_open {
-  background-image: url("images/1x//icon/tree-vertical-line-4.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x//icon/tree-vertical-line-4.png");
 }
 .bi-display-tree .ztree li a,
 .bi-display-tree .ztree li span {
@@ -1803,10 +1803,10 @@ website:	http://code.google.com/p/jquerytree/
   padding: 0 0 0 18px;
 }
 .ztree li ul.line {
-  background: url("images/1x/icon/tree-vertical-line-1.png") 0 0 repeat-y;
+  background: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/tree-vertical-line-1.png") 0 0 repeat-y;
 }
 .bi-theme-dark .ztree li ul.line {
-  background: url("images/1x/icon/dark/tree-vertical-line-1.png") 0 0 repeat-y;
+  background: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/dark/tree-vertical-line-1.png") 0 0 repeat-y;
 }
 .ztree li a {
   padding: 1px 3px 0 0;
@@ -1861,8 +1861,8 @@ website:	http://code.google.com/p/jquerytree/
   background-color: transparent;
   background-repeat: no-repeat;
   background-attachment: scroll;
-  background-image: url("images/1x/third/ztree/img/zTreeStandard.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/third/ztree/img/zTreeStandard.png");
-  *background-image: url("images/1x/third/ztree/img/zTreeStandard.gif");
+  *background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/third/ztree/img/zTreeStandard.gif");
 }
 .ztree li span.button.chk {
   width: 16px;
@@ -1871,31 +1871,31 @@ website:	http://code.google.com/p/jquerytree/
   cursor: auto;
 }
 .ztree li span.button.chk.checkbox_false_full {
-  background-image: url("images/1x/icon/check-box-normal.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/check-box-normal.png");
 }
 .ztree li span.button.chk.checkbox_false_full_focus {
-  background-image: url("images/1x/icon/check-box-normal.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/check-box-normal.png");
 }
 .ztree li span.button.chk.checkbox_false_part {
-  background-image: url("images/1x/icon/half_selected.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/half_selected.png");
 }
 .ztree li span.button.chk.checkbox_false_part_focus {
-  background-image: url("images/1x/icon/half_selected.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/half_selected.png");
 }
 .ztree li span.button.chk.checkbox_false_disable {
   background-position: 0 -56px;
 }
 .ztree li span.button.chk.checkbox_true_full {
-  background-image: url("images/1x/icon/check-box-active.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/check-box-active.png");
 }
 .ztree li span.button.chk.checkbox_true_full_focus {
-  background-image: url("images/1x/icon/check-box-active.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/check-box-active.png");
 }
 .ztree li span.button.chk.checkbox_true_part {
-  background-image: url("images/1x/icon/half_selected.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/half_selected.png");
 }
 .ztree li span.button.chk.checkbox_true_part_focus {
-  background-image: url("images/1x/icon/half_selected.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/half_selected.png");
 }
 .ztree li span.button.chk.checkbox_true_disable {
   background-position: -14px -56px;
@@ -1935,52 +1935,52 @@ website:	http://code.google.com/p/jquerytree/
   height: 25px;
 }
 .ztree li span.button.root_open {
-  background-image: url("images/1x/icon/tree-expand-1.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/tree-expand-1.png");
 }
 .bi-theme-dark .ztree li span.button.root_open {
-  background-image: url("images/1x/icon/dark/tree-expand-1.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/dark/tree-expand-1.png");
 }
 .ztree li span.button.root_close {
-  background-image: url("images/1x/icon/tree-collapse-1.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/tree-collapse-1.png");
 }
 .bi-theme-dark .ztree li span.button.root_close {
-  background-image: url("images/1x/icon/dark/tree-collapse-1.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/dark/tree-collapse-1.png");
 }
 .ztree li span.button.roots_open {
-  background-image: url("images/1x/icon/tree-expand-2.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/tree-expand-2.png");
 }
 .bi-theme-dark .ztree li span.button.roots_open {
-  background-image: url("images/1x/icon/dark/tree-expand-2.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/dark/tree-expand-2.png");
 }
 .ztree li span.button.roots_close {
-  background-image: url("images/1x/icon/tree-collapse-2.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/tree-collapse-2.png");
 }
 .bi-theme-dark .ztree li span.button.roots_close {
-  background-image: url("images/1x/icon/dark/tree-collapse-2.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/dark/tree-collapse-2.png");
 }
 .ztree li span.button.center_open {
-  background-image: url("images/1x/icon/tree-expand-3.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/tree-expand-3.png");
 }
 .bi-theme-dark .ztree li span.button.center_open {
-  background-image: url("images/1x/icon/dark/tree-expand-3.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/dark/tree-expand-3.png");
 }
 .ztree li span.button.center_close {
-  background-image: url("images/1x/icon/tree-collapse-3.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/tree-collapse-3.png");
 }
 .bi-theme-dark .ztree li span.button.center_close {
-  background-image: url("images/1x/icon/dark/tree-collapse-3.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/dark/tree-collapse-3.png");
 }
 .ztree li span.button.bottom_open {
-  background-image: url("images/1x/icon/tree-expand-4.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/tree-expand-4.png");
 }
 .bi-theme-dark .ztree li span.button.bottom_open {
-  background-image: url("images/1x/icon/dark/tree-expand-4.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/dark/tree-expand-4.png");
 }
 .ztree li span.button.bottom_close {
-  background-image: url("images/1x/icon/tree-collapse-4.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/tree-collapse-4.png");
 }
 .bi-theme-dark .ztree li span.button.bottom_close {
-  background-image: url("images/1x/icon/dark/tree-collapse-4.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/dark/tree-collapse-4.png");
 }
 .ztree li span.button.noline_open {
   background-position: -92px -72px;
@@ -1992,22 +1992,22 @@ website:	http://code.google.com/p/jquerytree/
   background: none;
 }
 .ztree li span.button.roots_docu {
-  background-image: url("images/1x/icon/tree-vertical-line-2.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/tree-vertical-line-2.png");
 }
 .bi-theme-dark .ztree li span.button.roots_docu {
-  background-image: url("images/1x/icon/dark/tree-vertical-line-2.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/dark/tree-vertical-line-2.png");
 }
 .ztree li span.button.center_docu {
-  background-image: url("images/1x/icon/tree-vertical-line-3.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/tree-vertical-line-3.png");
 }
 .bi-theme-dark .ztree li span.button.center_docu {
-  background-image: url("images/1x/icon/dark/tree-vertical-line-3.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/dark/tree-vertical-line-3.png");
 }
 .ztree li span.button.bottom_docu {
-  background-image: url("images/1x/icon/tree-vertical-line-4.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/tree-vertical-line-4.png");
 }
 .bi-theme-dark .ztree li span.button.bottom_docu {
-  background-image: url("images/1x/icon/dark/tree-vertical-line-4.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/dark/tree-vertical-line-4.png");
 }
 .ztree li span.button.noline_docu {
   background: none;
@@ -2045,7 +2045,7 @@ website:	http://code.google.com/p/jquerytree/
 .ztree li span.button.ico_loading {
   width: 0px;
   margin-right: 2px;
-  background: url("images/1x/third/ztree/img/loading.gif") no-repeat scroll 0 0 transparent;
+  background: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/third/ztree/img/loading.gif") no-repeat scroll 0 0 transparent;
   vertical-align: top;
   *vertical-align: middle;
 }
@@ -2066,8 +2066,8 @@ span.tmpzTreeMove_arrow {
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-position: -110px -80px;
-  background-image: url("images/1x/third/ztree/img/zTreeStandard.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/third/ztree/img/zTreeStandard.png");
-  *background-image: url("images/1x/third/ztree/img/zTreeStandard.gif");
+  *background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/third/ztree/img/zTreeStandard.gif");
 }
 ul.ztree.zTreeDragUL {
   margin: 0;

src/css/resource/third/farbtastic/farbtastic.css

@@ -36,17 +36,17 @@
   height: 101px;
 }
 .farbtastic .wheel {
-  background: url("images/1x/third/farbtastic/wheel.png") no-repeat;
+  background: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/third/farbtastic/wheel.png") no-repeat;
   width: 195px;
   height: 195px;
 }
 .farbtastic .overlay {
-  background: url("images/1x/third/farbtastic/mask.png") no-repeat;
+  background: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/third/farbtastic/mask.png") no-repeat;
 }
 .farbtastic .marker {
   width: 17px;
   height: 17px;
   margin: -8px 0 0 -8px;
   overflow: hidden;
-  background: url("images/1x/third/farbtastic/marker.png") no-repeat;
+  background: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/third/farbtastic/marker.png") no-repeat;
 }

src/css/resource/third/ztree/display.tree.css

@@ -2,13 +2,13 @@
   color: #999999;
 }
 .bi-display-tree .ztree li span.button.switch.center_open {
-  background-image: url("images/1x//icon/tree-vertical-line-3.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x//icon/tree-vertical-line-3.png");
 }
 .bi-display-tree .ztree li span.button.switch.roots_open {
-  background-image: url("images/1x//icon/tree-vertical-line-2.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x//icon/tree-vertical-line-2.png");
 }
 .bi-display-tree .ztree li span.button.switch.bottom_open {
-  background-image: url("images/1x//icon/tree-vertical-line-4.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x//icon/tree-vertical-line-4.png");
 }
 .bi-display-tree .ztree li a,
 .bi-display-tree .ztree li span {

src/css/resource/third/ztree/zTreeStyle.css

@@ -29,10 +29,10 @@ website:	http://code.google.com/p/jquerytree/
   padding: 0 0 0 18px;
 }
 .ztree li ul.line {
-  background: url("images/1x/icon/tree-vertical-line-1.png") 0 0 repeat-y;
+  background: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/tree-vertical-line-1.png") 0 0 repeat-y;
 }
 .bi-theme-dark .ztree li ul.line {
-  background: url("images/1x/icon/dark/tree-vertical-line-1.png") 0 0 repeat-y;
+  background: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/dark/tree-vertical-line-1.png") 0 0 repeat-y;
 }
 .ztree li a {
   padding: 1px 3px 0 0;
@@ -87,8 +87,8 @@ website:	http://code.google.com/p/jquerytree/
   background-color: transparent;
   background-repeat: no-repeat;
   background-attachment: scroll;
-  background-image: url("images/1x/third/ztree/img/zTreeStandard.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/third/ztree/img/zTreeStandard.png");
-  *background-image: url("images/1x/third/ztree/img/zTreeStandard.gif");
+  *background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/third/ztree/img/zTreeStandard.gif");
 }
 .ztree li span.button.chk {
   width: 16px;
@@ -97,31 +97,31 @@ website:	http://code.google.com/p/jquerytree/
   cursor: auto;
 }
 .ztree li span.button.chk.checkbox_false_full {
-  background-image: url("images/1x/icon/check-box-normal.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/check-box-normal.png");
 }
 .ztree li span.button.chk.checkbox_false_full_focus {
-  background-image: url("images/1x/icon/check-box-normal.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/check-box-normal.png");
 }
 .ztree li span.button.chk.checkbox_false_part {
-  background-image: url("images/1x/icon/half_selected.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/half_selected.png");
 }
 .ztree li span.button.chk.checkbox_false_part_focus {
-  background-image: url("images/1x/icon/half_selected.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/half_selected.png");
 }
 .ztree li span.button.chk.checkbox_false_disable {
   background-position: 0 -56px;
 }
 .ztree li span.button.chk.checkbox_true_full {
-  background-image: url("images/1x/icon/check-box-active.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/check-box-active.png");
 }
 .ztree li span.button.chk.checkbox_true_full_focus {
-  background-image: url("images/1x/icon/check-box-active.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/check-box-active.png");
 }
 .ztree li span.button.chk.checkbox_true_part {
-  background-image: url("images/1x/icon/half_selected.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/half_selected.png");
 }
 .ztree li span.button.chk.checkbox_true_part_focus {
-  background-image: url("images/1x/icon/half_selected.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/half_selected.png");
 }
 .ztree li span.button.chk.checkbox_true_disable {
   background-position: -14px -56px;
@@ -161,52 +161,52 @@ website:	http://code.google.com/p/jquerytree/
   height: 25px;
 }
 .ztree li span.button.root_open {
-  background-image: url("images/1x/icon/tree-expand-1.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/tree-expand-1.png");
 }
 .bi-theme-dark .ztree li span.button.root_open {
-  background-image: url("images/1x/icon/dark/tree-expand-1.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/dark/tree-expand-1.png");
 }
 .ztree li span.button.root_close {
-  background-image: url("images/1x/icon/tree-collapse-1.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/tree-collapse-1.png");
 }
 .bi-theme-dark .ztree li span.button.root_close {
-  background-image: url("images/1x/icon/dark/tree-collapse-1.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/dark/tree-collapse-1.png");
 }
 .ztree li span.button.roots_open {
-  background-image: url("images/1x/icon/tree-expand-2.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/tree-expand-2.png");
 }
 .bi-theme-dark .ztree li span.button.roots_open {
-  background-image: url("images/1x/icon/dark/tree-expand-2.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/dark/tree-expand-2.png");
 }
 .ztree li span.button.roots_close {
-  background-image: url("images/1x/icon/tree-collapse-2.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/tree-collapse-2.png");
 }
 .bi-theme-dark .ztree li span.button.roots_close {
-  background-image: url("images/1x/icon/dark/tree-collapse-2.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/dark/tree-collapse-2.png");
 }
 .ztree li span.button.center_open {
-  background-image: url("images/1x/icon/tree-expand-3.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/tree-expand-3.png");
 }
 .bi-theme-dark .ztree li span.button.center_open {
-  background-image: url("images/1x/icon/dark/tree-expand-3.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/dark/tree-expand-3.png");
 }
 .ztree li span.button.center_close {
-  background-image: url("images/1x/icon/tree-collapse-3.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/tree-collapse-3.png");
 }
 .bi-theme-dark .ztree li span.button.center_close {
-  background-image: url("images/1x/icon/dark/tree-collapse-3.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/dark/tree-collapse-3.png");
 }
 .ztree li span.button.bottom_open {
-  background-image: url("images/1x/icon/tree-expand-4.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/tree-expand-4.png");
 }
 .bi-theme-dark .ztree li span.button.bottom_open {
-  background-image: url("images/1x/icon/dark/tree-expand-4.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/dark/tree-expand-4.png");
 }
 .ztree li span.button.bottom_close {
-  background-image: url("images/1x/icon/tree-collapse-4.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/tree-collapse-4.png");
 }
 .bi-theme-dark .ztree li span.button.bottom_close {
-  background-image: url("images/1x/icon/dark/tree-collapse-4.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/dark/tree-collapse-4.png");
 }
 .ztree li span.button.noline_open {
   background-position: -92px -72px;
@@ -218,22 +218,22 @@ website:	http://code.google.com/p/jquerytree/
   background: none;
 }
 .ztree li span.button.roots_docu {
-  background-image: url("images/1x/icon/tree-vertical-line-2.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/tree-vertical-line-2.png");
 }
 .bi-theme-dark .ztree li span.button.roots_docu {
-  background-image: url("images/1x/icon/dark/tree-vertical-line-2.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/dark/tree-vertical-line-2.png");
 }
 .ztree li span.button.center_docu {
-  background-image: url("images/1x/icon/tree-vertical-line-3.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/tree-vertical-line-3.png");
 }
 .bi-theme-dark .ztree li span.button.center_docu {
-  background-image: url("images/1x/icon/dark/tree-vertical-line-3.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/dark/tree-vertical-line-3.png");
 }
 .ztree li span.button.bottom_docu {
-  background-image: url("images/1x/icon/tree-vertical-line-4.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/tree-vertical-line-4.png");
 }
 .bi-theme-dark .ztree li span.button.bottom_docu {
-  background-image: url("images/1x/icon/dark/tree-vertical-line-4.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/icon/dark/tree-vertical-line-4.png");
 }
 .ztree li span.button.noline_docu {
   background: none;
@@ -271,7 +271,7 @@ website:	http://code.google.com/p/jquerytree/
 .ztree li span.button.ico_loading {
   width: 0px;
   margin-right: 2px;
-  background: url("images/1x/third/ztree/img/loading.gif") no-repeat scroll 0 0 transparent;
+  background: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/third/ztree/img/loading.gif") no-repeat scroll 0 0 transparent;
   vertical-align: top;
   *vertical-align: middle;
 }
@@ -292,8 +292,8 @@ span.tmpzTreeMove_arrow {
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-position: -110px -80px;
-  background-image: url("images/1x/third/ztree/img/zTreeStandard.png");
+  background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/third/ztree/img/zTreeStandard.png");
-  *background-image: url("images/1x/third/ztree/img/zTreeStandard.gif");
+  *background-image: url("${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/third/ztree/img/zTreeStandard.gif");
 }
 ul.ztree.zTreeDragUL {
   margin: 0;