theme: add bryce edcs

4 files changed, 779 insertions, 0 deletions

diff --git a/data/themes/Makefile.am b/data/themes/Makefile.am
index 3f664dd5d..655b55ab1 100644
--- a/data/themes/Makefile.am
+++ b/data/themes/Makefile.am
@@ -33,6 +33,8 @@ edc/battery.edc \
 edc/bluez4.edc \
 edc/border.edc \
 edc/border-icons.edc \
+edc/bryce.edc \
+edc/bryce_editor.edc \
 edc/button.edc \
 edc/check.edc \
 edc/clock.edc \
diff --git a/data/themes/default.edc b/data/themes/default.edc
index b7903e495..3ef55182a 100644
--- a/data/themes/default.edc
+++ b/data/themes/default.edc
@@ -77,6 +77,8 @@ collections {
 #include "edc/comp_compat.edc"
 #include "edc/comp_effects.edc"
 #include "edc/background.edc"
+#include "edc/bryce.edc"
+#include "edc/bryce_editor.edc"
 #include "edc/shelf.edc"
 #include "edc/border.edc"
 #include "edc/dialog.edc"
diff --git a/data/themes/edc/bryce.edc b/data/themes/edc/bryce.edc
new file mode 100644
index 000000000..f265d3dde
--- /dev/null
+++ b/data/themes/edc/bryce.edc
@@ -0,0 +1,371 @@
+group { name: "e/bryce/default/base"; nomouse;
+   data {
+      /* this tells e the number of pixels of the bryce to leave "exposed"
+       * when auto-hiding the bryce */
+      item: "hidden_state_size" "2";
+   }
+   images.image: "vgrad_med.png" COMP;
+   images.image: "vgrad_tall.png" COMP;
+   images.image: "bevel_out.png" COMP;
+   images.image: "holes_vert.png" COMP;
+   images.image: "holes_horiz.png" COMP;
+   images.image: "shine.png" COMP;
+   parts {
+      rect { "mouse"; mouse;
+         desc { color: 0 0 0 0; }
+      }
+      part { name: "bg";
+         description { state: "default" 0.0;
+            image.normal: "vgrad_med.png";
+            fill.smooth: 0;
+            TILED_HORIZ(120)
+            color_class: "bryce_base";
+         }
+         description { state: "vert" 0.0;
+            image.normal: "vgrad_tall.png";
+            fill.smooth: 0;
+            TILED_HORIZ(40)
+            color_class: "bryce_base";
+         }
+      }
+      part { name: "bevel";
+         description { state: "default" 0.0;
+            image.normal: "bevel_out.png";
+            image.border: 1 1 1 1;
+            image.middle: 0;
+            fill.smooth: 0;
+         }
+      }
+      part { name: "dots_start";
+         description { state: "default" 0.0;
+            image.normal: "holes_vert.png";
+            rel1.offset: 2 2;
+            rel2.relative: 0.0 1.0;
+            rel2.offset: 5 -3;
+            FIXED_SIZE(4, 14)
+         }
+         description { state: "vert" 0.0;
+            image.normal: "holes_horiz.png";
+            rel1.offset: 2 2;
+            rel2.relative: 1.0 0.0;
+            rel2.offset: -3 5;
+            FIXED_SIZE(14, 4)
+         }
+      }
+      part { name: "dots_end";
+         description { state: "default" 0.0;
+            image.normal: "holes_vert.png";
+            rel1.relative: 1.0 0.0;
+            rel1.offset: -6 2;
+            rel2.offset: -3 -3;
+            FIXED_SIZE(4, 14)
+         }
+         description { state: "vert" 0.0;
+            image.normal: "holes_horiz.png";
+            rel1.relative: 0.0 1.0;
+            rel1.offset: 2 -6;
+            rel2.offset: -3 -3;
+            FIXED_SIZE(14, 4)
+         }
+      }
+      spacer { "sizer";
+         description { state: "default" 0.0;
+            rel1.offset: 1 0;
+            rel1.relative: 1.0 0.0;
+            rel1.to_x: "dots_start";
+            rel2.offset: -2 -1;
+            rel2.to_x: "dots_end";
+            rel2.relative: 0.0 1.0;
+         }
+         description { state: "vert" 0.0;
+            rel1.offset: 0 1;
+            rel1.relative: 0.0 1.0;
+            rel1.to_y: "dots_start";
+            rel2.offset: -1 -2;
+            rel2.to_y: "dots_end";
+            rel2.relative: 1.0 0.0;
+         }
+      }
+      part { name: "e.swallow.content"; type: SWALLOW; mouse;
+         desc {
+            rel.to: "sizer";
+            link.base: "e,state,visible" "e";
+         }
+         desc { "hidden"; hid;
+            rel.to: "sizer";
+            link.base: "e,state,hidden" "e";
+         }
+      }
+      part { name: "shine";
+         description { state: "default" 0.0;
+            image.normal: "shine.png";
+            rel1.offset: 0 -2;
+            rel2.relative: 1.0 0.0;
+            rel2.offset: -1 2;
+            FIXED_SIZE(69, 5)
+         }
+      }
+      rect { "text_fader"; mouse;
+         desc { hid;
+            color: 0 0 0 0;
+         }
+         desc { "active";
+            color: 0 0 0 192;
+         }
+      }
+      text { "e.text"; scale;
+         effect: SHADOW BOTTOM;
+         desc { hid;
+            color: 255 255 255 0;
+            text { font: "Sans:style=Bold"; size: 14;
+               min: 1 1;
+               ellipsis: -1;
+            }
+         }
+         desc { "active"; inherit; vis;
+            color: 255 255 255 255;
+         }
+      }
+      program { signal: "e,action,resize"; source: "e";
+         action: STATE_SET "active";
+         transition: LINEAR 0.1;
+         targets: "e.text" "text_fader";
+         sequence {
+            action: ACTION_STOP;
+            target: "text_hide";
+            action: STATE_SET "default";
+            name: "text_hide";
+            in: 1.0 0;
+            transition: LINEAR 0.2;
+            targets: "e.text" "text_fader";
+         }
+      }
+      programs  {
+#define ORIENT_SATE(_ORIENT, _STATE) \
+         program { \
+            signal: "e,state,orient,"_ORIENT; source: "e"; \
+            action: STATE_SET _STATE 0.0; \
+            target: "bg"; \
+            target: "sizer"; \
+            target: "dots_start"; \
+            target: "dots_end"; \
+         }
+      }
+      ORIENT_SATE("horizontal", "default")
+      ORIENT_SATE("vertical", "vert")
+#undef ORIENT_SATE
+   }
+}
+
+group { name: "e/bryce/invisible/base"; nomouse;
+   inherit: "e/bryce/default/base";
+   data.item: "noshadow" "1";
+   parts {
+      part { name: "bg";
+         description { state: "default" 0.0;
+            visible: 0;
+         }
+         description { state: "vert" 0.0;
+            visible: 0;
+         }
+      }
+      part { name: "bevel";
+         description { state: "default" 0.0;
+            visible: 0;
+         }
+      }
+      part { name: "shine";
+         description { state: "default" 0.0;
+            visible: 0;
+         }
+      }
+      part { name: "dots_start";
+         description { state: "default" 0.0;
+            rel1.offset: 0 0;
+            rel2.offset: -1 -1;
+            min: 0 0;
+            max: 0 0;
+            visible: 0;
+         }
+         description { state: "vert" 0.0;
+            rel1.offset: 0 0;
+            rel2.offset: -1 -1;
+            min: 0 0;
+            max: 0 0;
+            visible: 0;
+         }
+      }
+      part { name: "dots_end";
+         description { state: "default" 0.0;
+            rel1.offset: 0 0;
+            rel2.offset: -1 -1;
+            min: 0 0;
+            max: 0 0;
+            visible: 0;
+         }
+         description { state: "vert" 0.0;
+            rel1.offset: 0 0;
+            rel2.offset: -1 -1;
+            min: 0 0;
+            max: 0 0;
+            visible: 0;
+         }
+      }
+   }
+}
+
+group { name: "e/bryce/translucent/base"; nomouse;
+   inherit: "e/bryce/default/base";
+   data.item: "noshadow" "1";
+   parts {
+      part { name: "bg";
+         description { state: "default" 0.0;
+            color: 127 127 127 135;
+         }
+         description { state: "vert" 0.0;
+            color: 127 127 127 135;
+         }
+      }
+      part { name: "bevel";
+         description { state: "default" 0.0;
+            color: 127 127 127 135;
+         }
+      }
+      part { name: "shine";
+         description { state: "default" 0.0;
+            color: 127 127 127 135;
+         }
+      }
+   }
+}
+
+group { name: "e/bryce/default/inset"; nomouse;
+   alias: "e/bryce/invisible/inset";
+   alias: "e/bryce/translucent/inset";
+   images.image: "horiz_bar_inset.png" COMP;
+   images.image: "vert_bar_inset.png" COMP;
+   parts {
+      rect { "mouse"; mouse;
+         desc { color: 0 0 0 0; }
+      }
+      part { name: "base"; type: RECT;
+         description { state: "default" 0.0;
+            color: 0 0 0 0;
+         }
+      }
+      part { name: "clip"; type: RECT;
+         description { state: "default" 0.0;
+            rel1.offset: 3 1;
+            rel2.offset: -4 -2;
+            color: 255 255 255 255;
+         }
+         description { state: "vert" 0.0;
+            rel1.offset: 1 3;
+            rel2.offset: -2 -4;
+            color: 255 255 255 255;
+         }
+      }
+      spacer { "sizer";
+         description { state: "default" 0.0;
+            rel1.offset: 4 1;
+            rel2.offset: -5 -2;
+         }
+         description { state: "vert" 0.0;
+            rel1.offset: 1 4;
+            rel2.offset: -2 -5;
+         }
+      }
+      part { name: "e.swallow.content"; type: SWALLOW; mouse;
+         clip_to: "clip";
+         desc {
+            rel.to: "sizer";
+            link.base: "e,state,visible" "e";
+         }
+         desc { "hidden"; hid;
+            rel.to: "sizer";
+            link.base: "e,state,hidden" "e";
+         }
+      }
+      part { name: "inset";
+         description { state: "default" 0.0;
+            rel1.offset: 2 0;
+            rel2.offset: -3 -1;
+            image.normal: "horiz_bar_inset.png";
+            image.border: 7 7 1 1;
+            image.middle: 0;
+            fill.smooth: 0;
+         }
+         description { state: "vert" 0.0;
+            rel1.offset: 0 2;
+            rel2.offset: -1 -3;
+            image.normal: "vert_bar_inset.png";
+            image.border: 1 1 8 6;
+            image.middle: 0;
+            fill.smooth: 0;
+         }
+      }
+      rect { "events"; repeat; mouse;
+         desc { color: 0 0 0 0; }
+      }
+   }
+   programs {
+#define ORIENT_SATE(_ORIENT, _STATE) \
+         program { \
+            signal: "e,state,orient,"_ORIENT; source: "e"; \
+            action: STATE_SET _STATE 0.0; \
+            target: "sizer"; \
+            target: "inset"; \
+            target: "clip"; \
+         }
+      ORIENT_SATE("horizontal", "default")
+      ORIENT_SATE("vertical", "vert")
+#undef ORIENT_SATE
+   }
+}
+
+group { name: "e/bryce/default/plain"; nomouse;
+   alias: "e/bryce/invisible/plain";
+   alias: "e/bryce/translucent/plain";
+   parts {
+      rect { "mouse"; mouse;
+         desc { color: 0 0 0 0; }
+      }
+      part { name: "base"; type: RECT;
+         description { state: "default" 0.0;
+            color: 0 0 0 0;
+         }
+      }
+      part { name: "clip"; type: RECT;
+         description { state: "default" 0.0;
+            color: 255 255 255 255;
+         }
+      }
+      spacer { "sizer";
+         desc {
+            rel1.offset: 1 1;
+            rel2.offset: -2 -2;
+         }
+      }
+      part { name: "e.swallow.content"; type: SWALLOW; mouse;
+         clip_to: "clip";
+         desc {
+            rel.to: "sizer";
+            link.base: "e,state,visible" "e";
+         }
+         desc { "hidden"; hid;
+            rel.to: "sizer";
+            link.base: "e,state,hidden" "e";
+         }
+      }
+      rect { "events"; repeat; mouse;
+         desc { color: 0 0 0 0; }
+      }
+   }
+}
+
+group { "elm/scroller/base/bryce";
+   parts {
+      rect { "clip"; }
+      swallow { "elm.swallow.content" clip: "clip"; }
+   }
+}
diff --git a/data/themes/edc/bryce_editor.edc b/data/themes/edc/bryce_editor.edc
new file mode 100644
index 000000000..32a81cc38
--- /dev/null
+++ b/data/themes/edc/bryce_editor.edc
@@ -0,0 +1,404 @@
+group { "bryce_editor_text"; inherit_only: 1;
+   parts {
+      text { "e.text"; scale; nomouse;
+         effect: SHADOW BOTTOM;
+         desc {
+            color: 255 255 255 255;
+            text { font: "Sans:style=Bold"; size: 18;
+               min: 1 1;
+               ellipsis: -1;
+            }
+         }
+      }
+   }
+}
+
+group { "e/bryce/editor/side";
+   parts {
+      rect { "base"; desc { color: 0 0 0 192; } }
+      program { signal: "mouse,down,*"; source: "base";
+         action: SIGNAL_EMIT "e,action,dismiss" "e";
+      }
+      rect { "bottom"; scale;
+         desc {
+            min: 33 32;
+            align: 0 1;
+            rel1.relative: 0.3 1;
+            rel2.relative: 0.7 1;
+            color: 52 153 255 90;
+            link.base: "mouse,out" "bottom";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "active"; inherit;
+            color: 52 153 255 230;
+            link.base: "mouse,in" "bottom";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "hid"; hid;
+            link.base: "e,bryce,exists,bottom" "e";
+         }
+      }
+      program { signal: "mouse,down,1"; source: "bottom";
+         action: SIGNAL_EMIT "e,bryce,add,bottom" "e";
+      }
+      rect { "top"; scale;
+         desc {
+            min: 33 32;
+            align: 0 0;
+            rel1.relative: 0.3 0;
+            rel2.relative: 0.7 0;
+            color: 52 153 255 90;
+            link.base: "mouse,out" "top";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "active"; inherit;
+            color: 52 153 255 230;
+            link.base: "mouse,in" "top";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "hid"; hid;
+            link.base: "e,bryce,exists,top" "e";
+         }
+      }
+      program { signal: "mouse,down,1"; source: "top";
+         action: SIGNAL_EMIT "e,bryce,add,top" "e";
+      }
+      rect { "left"; scale;
+         desc {
+            min: 32 33;
+            align: 0 0;
+            rel1.relative: 0 0.3;
+            rel2.relative: 0 0.7;
+            color: 52 153 255 90;
+            link.base: "mouse,out" "left";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "active"; inherit;
+            color: 52 153 255 230;
+            link.base: "mouse,in" "left";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "hid"; hid;
+            link.base: "e,bryce,exists,left" "e";
+         }
+      }
+      program { signal: "mouse,down,1"; source: "left";
+         action: SIGNAL_EMIT "e,bryce,add,left" "e";
+      }
+      rect { "right"; scale;
+         desc {
+            min: 32 33;
+            align: 1 0;
+            rel1.relative: 1 0.3;
+            rel2.relative: 1 0.7;
+            color: 52 153 255 90;
+            link.base: "mouse,out" "right";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "active"; inherit;
+            color: 52 153 255 230;
+            link.base: "mouse,in" "right";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "hid"; hid;
+            link.base: "e,bryce,exists,right" "e";
+         }
+      }
+      program { signal: "mouse,down,1"; source: "right";
+         action: SIGNAL_EMIT "e,bryce,add,right" "e";
+      }
+   }
+   inherit: "bryce_editor_text";
+}
+
+group { "e/bryce/editor/side/horizontal";
+   parts {
+      rect { "base"; desc { color: 0 0 0 192; } }
+      program { signal: "mouse,down,*"; source: "base";
+         action: SIGNAL_EMIT "e,action,dismiss" "e";
+      }
+      spacer { "pos";
+         desc { align: 0 0;
+            min: 0 32;
+            rel2.relative: 1 0;
+         }
+         desc { "bottom";
+            align: 0 1;
+            min: 0 32;
+            rel1.relative: 0 1;
+            link.base: "e,state,bottom" "e";
+         }
+      }
+      rect { "center"; scale;
+         desc {
+            min: 33 32;
+            align: 0 0;
+            rel.to_y: "pos";
+            rel1.relative: 0.4 0;
+            rel2.relative: 0.6 1;
+            color: 52 153 255 90;
+            link.base: "mouse,out" "center";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "active"; inherit;
+            color: 52 153 255 230;
+            link.base: "mouse,in" "center";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "hid"; hid;
+            link.base: "e,bryce,exists,center" "e";
+         }
+      }
+      program { signal: "mouse,down,1"; source: "center";
+         action: SIGNAL_EMIT "e,bryce,add,center" "e";
+      }
+      rect { "left"; scale;
+         desc {
+            min: 33 32;
+            align: 0 0;
+            rel.to_y: "pos";
+            rel1.relative: 0 0;
+            rel2.relative: 0.2 1;
+            color: 52 153 255 90;
+            link.base: "mouse,out" "left";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "active"; inherit;
+            color: 52 153 255 230;
+            link.base: "mouse,in" "left";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "hid"; hid;
+            link.base: "e,bryce,exists,left" "e";
+         }
+      }
+      program { signal: "mouse,down,1"; source: "left";
+         action: SIGNAL_EMIT "e,bryce,add,left" "e";
+      }
+      rect { "right"; scale;
+         desc {
+            min: 33 32;
+            align: 1 0;
+            rel.to_y: "pos";
+            rel1.relative: 0.8 0;
+            rel2.relative: 1 1;
+            color: 52 153 255 90;
+            link.base: "mouse,out" "right";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "active"; inherit;
+            color: 52 153 255 230;
+            link.base: "mouse,in" "right";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "hid"; hid;
+            link.base: "e,bryce,exists,right" "e";
+         }
+      }
+      program { signal: "mouse,down,1"; source: "right";
+         action: SIGNAL_EMIT "e,bryce,add,right" "e";
+      }
+   }
+   inherit: "bryce_editor_text";
+}
+
+group { "e/bryce/editor/side/vertical";
+   parts {
+      rect { "base"; desc { color: 0 0 0 192; } }
+      program { signal: "mouse,down,*"; source: "base";
+         action: SIGNAL_EMIT "e,action,dismiss" "e";
+      }
+      spacer { "pos";
+         desc { align: 0 0;
+            min: 32 0;
+            rel2.relative: 0 1;
+         }
+         desc { "right";
+            align: 1 0;
+            min: 32 0;
+            rel1.relative: 1 0;
+            link.base: "e,state,right" "e";
+         }
+      }
+      rect { "center"; scale;
+         desc {
+            min: 32 33;
+            align: 0 0;
+            rel.to_x: "pos";
+            rel1.relative: 0 0.4;
+            rel2.relative: 1 0.6;
+            color: 52 153 255 90;
+            link.base: "mouse,out" "center";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "active"; inherit;
+            color: 52 153 255 230;
+            link.base: "mouse,in" "center";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "hid"; hid;
+            link.base: "e,bryce,exists,center" "e";
+         }
+      }
+      program { signal: "mouse,down,1"; source: "center";
+         action: SIGNAL_EMIT "e,bryce,add,center" "e";
+      }
+      rect { "top"; scale;
+         desc {
+            min: 32 33;
+            align: 0 0;
+            rel.to_x: "pos";
+            rel1.relative: 0 0;
+            rel2.relative: 1 0.2;
+            color: 52 153 255 90;
+            link.base: "mouse,out" "top";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "active"; inherit;
+            color: 52 153 255 230;
+            link.base: "mouse,in" "top";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "hid"; hid;
+            link.base: "e,bryce,exists,top" "e";
+         }
+      }
+      program { signal: "mouse,down,1"; source: "top";
+         action: SIGNAL_EMIT "e,bryce,add,top" "e";
+      }
+      rect { "bottom"; scale;
+         desc {
+            min: 32 33;
+            align: 0 1;
+            rel.to_x: "pos";
+            rel1.relative: 0 0.8;
+            rel2.relative: 1 1;
+            color: 52 153 255 90;
+            link.base: "mouse,out" "bottom";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "active"; inherit;
+            color: 52 153 255 230;
+            link.base: "mouse,in" "bottom";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "hid"; hid;
+            link.base: "e,bryce,exists,bottom" "e";
+         }
+      }
+      program { signal: "mouse,down,1"; source: "bottom";
+         action: SIGNAL_EMIT "e,bryce,add,bottom" "e";
+      }
+   }
+   inherit: "bryce_editor_text";
+}
+
+group { "e/bryce/editor/style/item"; nomouse;
+   parts {
+      rect { "highlight_t"; scale;
+         desc {
+            align: 0.5 0;
+            max: -1 1;
+            color: 255 255 255 150;
+            link.base: "mouse,out" "events";
+         }
+         desc { "active"; max: -1 1;
+            align: 0.5 0;
+            color: 52 153 255 230;
+            link.base: "mouse,in" "events";
+         }
+      }
+      rect { "highlight_l"; scale;
+         desc { align: 0 0.5;
+            max: 1 -1;
+            color: 255 255 255 150;
+            link.base: "mouse,out" "events";
+         }
+         desc { "active"; max: 1 -1;
+            align: 0 0.5;
+            color: 52 153 255 230;
+            link.base: "mouse,in" "events";
+         }
+      }
+      rect { "highlight_r"; scale;
+         desc {
+            align: 1 0.5;
+            max: 1 -1;
+            color: 255 255 255 150;
+            link.base: "mouse,out" "events";
+         }
+         desc { "active"; align: 1 0.5;
+            max: 1 -1;
+            color: 52 153 255 230;
+            link.base: "mouse,in" "events";
+         }
+      }
+      rect { "highlight_b"; scale;
+         desc {
+            align: 0.5 1;
+            max: -1 1;
+            color: 255 255 255 150;
+            link.base: "mouse,out" "events";
+         }
+         desc { "active"; align: 0.5 1;
+            max: -1 1;
+            color: 52 153 255 230;
+            link.base: "mouse,in" "events";
+         }
+      }
+      swallow { "e.swallow.content";
+         desc {
+            rel1.offset: 1 1;
+            rel2.offset: -2 -2;
+         }
+      }
+      text { "e.text"; scale;
+         effect: SHADOW BOTTOM;
+         desc {
+            color: 255 255 255 255;
+            text { font: "Sans:style=Bold"; size: 14;
+               min: 1 1;
+               ellipsis: -1;
+            }
+         }
+      }
+      rect { "events"; mouse;
+         desc { color: 0 0 0 0; }
+      }
+   }
+}
+
+group { "e/bryce/editor/style";
+   parts {
+      rect { "base"; desc { color: 0 0 0 192; } }
+      program { signal: "mouse,down,*"; source: "base";
+         action: SIGNAL_EMIT "e,action,dismiss" "e";
+      }
+      swallow { "e.swallow.content";
+         desc { align: 0.5 0;
+            rel1.to_y: "e.text";
+            rel1.relative: 0 1;
+         }
+      }
+   }
+   inherit: "bryce_editor_text";
+   parts {
+      text { "e.text";
+         desc { "default";
+           align: 0.5 0;
+           rel2.relative: 1 0;
+         }
+      }
+   }
+}
+
+group { "e/bryce/editor/finish"; inherit: "e/bryce/editor/style";
+   parts {
+      swallow { "e.swallow.content";
+         desc { "default";
+            rel1.relative: 1 1;
+            rel2.relative: 0 1;
+         }
+      }
+   }
+}