[ctxpopup] adjusted dark theme Winset GUI v0.2

1. images are changed
2. more/default style loses arrows
3. horizontal style & toolbar_segmented style aren't changed yet

Change-Id: Ifd894af5d3fe364c5579ccea4838b4fcd96898b0

Conflicts:

	themes/inc/tizen-dark-inc.edc
	themes/widgets/ctxpopup.edc

diff --git a/themes/images/HD/dark/Popup/00_popup_bubble_bg.png b/themes/images/HD/dark/Popup/00_popup_bubble_bg.png
old mode 100644 (file)
new mode 100755 (executable)
index a45f02b..ad3740b
Binary files a/themes/images/HD/dark/Popup/00_popup_bubble_bg.png and b/themes/images/HD/dark/Popup/00_popup_bubble_bg.png differ

diff --git a/themes/images/HD/dark/Popup/00_popup_bubble_tail_bottom.png b/themes/images/HD/dark/Popup/00_popup_bubble_tail_bottom.png
old mode 100644 (file)
new mode 100755 (executable)
index adcd374..c1e6d8b
Binary files a/themes/images/HD/dark/Popup/00_popup_bubble_tail_bottom.png and b/themes/images/HD/dark/Popup/00_popup_bubble_tail_bottom.png differ

diff --git a/themes/images/HD/dark/Popup/00_popup_bubble_tail_left.png b/themes/images/HD/dark/Popup/00_popup_bubble_tail_left.png
old mode 100644 (file)
new mode 100755 (executable)
index baa805d..624a28d
Binary files a/themes/images/HD/dark/Popup/00_popup_bubble_tail_left.png and b/themes/images/HD/dark/Popup/00_popup_bubble_tail_left.png differ

diff --git a/themes/images/HD/dark/Popup/00_popup_bubble_tail_right.png b/themes/images/HD/dark/Popup/00_popup_bubble_tail_right.png
old mode 100644 (file)
new mode 100755 (executable)
index a07f62c..da67424
Binary files a/themes/images/HD/dark/Popup/00_popup_bubble_tail_right.png and b/themes/images/HD/dark/Popup/00_popup_bubble_tail_right.png differ

diff --git a/themes/images/HD/dark/Popup/00_popup_bubble_tail_top.png b/themes/images/HD/dark/Popup/00_popup_bubble_tail_top.png
old mode 100644 (file)
new mode 100755 (executable)
index 0ab75d3..4bfcac0
Binary files a/themes/images/HD/dark/Popup/00_popup_bubble_tail_top.png and b/themes/images/HD/dark/Popup/00_popup_bubble_tail_top.png differ

diff --git a/themes/inc/tizen-dark-inc.edc b/themes/inc/tizen-dark-inc.edc
index 7740ed8..542747b 100755 (executable)
--- a/themes/inc/tizen-dark-inc.edc
+++ b/themes/inc/tizen-dark-inc.edc
@@ -101,24 +101,24 @@
 #define PROGRESSBAR_STATUS_TEXT_FONT_SIZE_INC 20
 
 #define CTXPOPUP_WIDTH_MIN_INC 386
-#define CTXPOPUP_WIDTH_MAX_INC 700
+#define CTXPOPUP_WIDTH_MAX_INC 692
 #define CTXPOPUP_TEXT_MAX_INC 660
 #define CTXPOPUP_ICON_TEXT_MAX_INC 603
 #define CTXPOPUP_MORE_TEXT_MAX_INC 603
-#define CTXPOPUP_BUBBLE_BG_IMAGE_BORDER 26 26 22 30
+#define CTXPOPUP_BUBBLE_BG_IMAGE_BORDER 26 26 26 26
+#define CTXPOPUP_BG_PRESS_COLOR_INC 43 58 175 255
 #define CTXPOPUP_BUBBLE_BG_PRESSED_IMAGE_BORDER 8 8 8 8
-#define CTXPOPUP_SHADOW_LEFT_PADDING 10
-#define CTXPOPUP_SHADOW_RIGHT_PADDING 10
-#define CTXPOPUP_SHADOW_TOP_PADDING 8
-#define CTXPOPUP_SHADOW_BOTTOM_PADDING 16
-#define CTXPOPUP_CONTENT_PADDING 4
+#define CTXPOPUP_SHADOW_LEFT_PADDING 14
+#define CTXPOPUP_SHADOW_RIGHT_PADDING 14
+#define CTXPOPUP_SHADOW_TOP_PADDING 14
+#define CTXPOPUP_SHADOW_BOTTOM_PADDING 14
+#define CTXPOPUP_CONTENT_PADDING_WIDTH 1
+#define CTXPOPUP_CONTENT_PADDING_HEIGHT 8
 #define CTXPOPUP_ARROW_PADDING 1
 #define CTXPOPUP_SCROLLER_PADDING 8
 #define CTXPOPUP_SCROLLER_V_MIN_SIZE_INC 9 18
 #define CTXPOPUP_SCROLLER_H_MIN_SIZE_INC 18 9
-#define CTXPOPUP_FRAME_CORNER_ARROW_PADDING 22
-#define CTXPOPUP_ICON_CLIP_DEFAULT_COLOR_INC 255 255 255 255
-#define CTXPOPUP_ICON_CLIP_DIM_COLOR_INC 255 255 255 76
+#define CTXPOPUP_FRAME_CORNER_ARROW_PADDING 18
 #define CTXPOPUP_MAIN_TEXT_COLOR_INC 255 255 255 255
 #define CTXPOPUP_MAIN_TEXT_DIM_COLOR_INC 255 255 255 76
 #define CTXPOPUP_MAIN_TEXT_PRESS_COLOR_INC 255 255 255 255
@@ -127,8 +127,8 @@
 #define CTXPOPUP_LIST_MAIN_TEXT_PRESS_COLOR_INC 255 255 255 255
 #define CTXPOPUP_SEPARATOR_PXLINE_SIZE_INC 1
 #define CTXPOPUP_SEPARATOR_PADDING_INC 20
-#define CTXPOPUP_SEPARATOR_COLOR_INC 45 45 45 255
-#define CTXPOPUP_SEPARATOR2_COLOR_INC 91 91 91 255
+#define CTXPOPUP_SEPARATOR_COLOR_INC 29 38 60 255
+#define CTXPOPUP_SEPARATOR2_COLOR_INC 98 102 117 255
 #define CTXPOPUP_HORIZONTAL_SEPARATOR_1_COLOR_INC 45 45 45 255
 #define CTXPOPUP_HORIZONTAL_SEPARATOR_2_COLOR_INC 91 91 91 255
 #define CTXPOPUP_HORIZONTAL_SEPARATOR_MIN_SIZE_INC 1 74

diff --git a/themes/inc/tizen-light-inc.edc b/themes/inc/tizen-light-inc.edc
index 42ced68..5f41d41 100755 (executable)
--- a/themes/inc/tizen-light-inc.edc
+++ b/themes/inc/tizen-light-inc.edc
@@ -100,22 +100,24 @@
 #define PROGRESSBAR_STATUS_TEXT_FONT_SIZE_INC 20
 
 #define CTXPOPUP_WIDTH_MIN_INC 386
-#define CTXPOPUP_WIDTH_MAX_INC 700
+#define CTXPOPUP_WIDTH_MAX_INC 692
 #define CTXPOPUP_TEXT_MAX_INC 660
 #define CTXPOPUP_ICON_TEXT_MAX_INC 603
 #define CTXPOPUP_MORE_TEXT_MAX_INC 603
-#define CTXPOPUP_BUBBLE_BG_IMAGE_BORDER 26 26 22 30
+#define CTXPOPUP_BUBBLE_BG_IMAGE_BORDER 26 26 26 26
+#define CTXPOPUP_BG_PRESS_COLOR_INC 43 58 175 255
 #define CTXPOPUP_BUBBLE_BG_PRESSED_IMAGE_BORDER 8 8 8 8
-#define CTXPOPUP_SHADOW_LEFT_PADDING 10
-#define CTXPOPUP_SHADOW_RIGHT_PADDING 10
-#define CTXPOPUP_SHADOW_TOP_PADDING 8
-#define CTXPOPUP_SHADOW_BOTTOM_PADDING 16
-#define CTXPOPUP_CONTENT_PADDING 4
+#define CTXPOPUP_SHADOW_LEFT_PADDING 14
+#define CTXPOPUP_SHADOW_RIGHT_PADDING 14
+#define CTXPOPUP_SHADOW_TOP_PADDING 14
+#define CTXPOPUP_SHADOW_BOTTOM_PADDING 14
+#define CTXPOPUP_CONTENT_PADDING_WIDTH 1
+#define CTXPOPUP_CONTENT_PADDING_HEIGHT 8
 #define CTXPOPUP_ARROW_PADDING 1
 #define CTXPOPUP_SCROLLER_PADDING 8
 #define CTXPOPUP_SCROLLER_V_MIN_SIZE_INC 9 18
 #define CTXPOPUP_SCROLLER_H_MIN_SIZE_INC 18 9
-#define CTXPOPUP_FRAME_CORNER_ARROW_PADDING 22
+#define CTXPOPUP_FRAME_CORNER_ARROW_PADDING 18
 #define CTXPOPUP_MAIN_TEXT_COLOR_INC 255 255 255 255
 #define CTXPOPUP_MAIN_TEXT_DIM_COLOR_INC 255 255 255 178
 #define CTXPOPUP_MAIN_TEXT_PRESS_COLOR_INC 255 255 255 255
@@ -124,10 +126,10 @@
 #define CTXPOPUP_LIST_MAIN_TEXT_PRESS_COLOR_INC 255 255 255 255
 #define CTXPOPUP_SEPARATOR_PXLINE_SIZE_INC 1
 #define CTXPOPUP_SEPARATOR_PADDING_INC 20
-#define CTXPOPUP_SEPARATOR_COLOR_INC 45 45 45 255
-#define CTXPOPUP_SEPARATOR2_COLOR_INC 91 91 91 255
-#define CTXPOPUP_HORIZONTAL_SEPARATOR_1_COLOR_INC 45 45 45 255
-#define CTXPOPUP_HORIZONTAL_SEPARATOR_2_COLOR_INC 91 91 91 255
+#define CTXPOPUP_SEPARATOR_COLOR_INC 29 38 60 255
+#define CTXPOPUP_SEPARATOR2_COLOR_INC 98 102 117 255
+#define CTXPOPUP_HORIZONTAL_SEPARATOR_1_COLOR_INC 29 38 60 255
+#define CTXPOPUP_HORIZONTAL_SEPARATOR_2_COLOR_INC 98 102 117 255
 #define CTXPOPUP_HORIZONTAL_SEPARATOR_MIN_SIZE_INC 1 74
 #define CTXPOPUP_HORIZONTAL_SEPARATOR_MAX_SIZE_INC 1 74
 #define CTXPOPUP_ITEM_DISABLED_COLOR 0 0 0 0

diff --git a/themes/widgets/ctxpopup.edc b/themes/widgets/ctxpopup.edc
index 8f63641..4c38c64 100644 (file)
--- a/themes/widgets/ctxpopup.edc
+++ b/themes/widgets/ctxpopup.edc
@@ -40,7 +40,7 @@ sounds {
 group {
    name: "elm/ctxpopup/layout/default";
    alias: "elm/ctxpopup/layout/copypaste";
-   max: (CTXPOPUP_WIDTH_MAX_INC+CTXPOPUP_SHADOW_LEFT_PADDING+CTXPOPUP_SHADOW_RIGHT_PADDING) ((CTXPOPUP_ITEM_HEIGHT_MIN_INC*7)+CTXPOPUP_SHADOW_TOP_PADDING+CTXPOPUP_SHADOW_BOTTOM_PADDING+(CTXPOPUP_SEPARATOR_PXLINE_SIZE_INC*12)-CTXPOPUP_CONTENT_PADDING);
+   max: (CTXPOPUP_WIDTH_MAX_INC+CTXPOPUP_SHADOW_LEFT_PADDING+CTXPOPUP_SHADOW_RIGHT_PADDING) ((CTXPOPUP_ITEM_HEIGHT_MIN_INC*7)+CTXPOPUP_SHADOW_TOP_PADDING+CTXPOPUP_SHADOW_BOTTOM_PADDING+(CTXPOPUP_SEPARATOR_PXLINE_SIZE_INC*12));
    parts {
       part {
          name:"top_padding";
@@ -366,7 +366,7 @@ group {
 group {
    name: "elm/ctxpopup/layout/landscape/default";
    inherit: "elm/ctxpopup/layout/default";
-   max: (CTXPOPUP_WIDTH_MAX_INC+CTXPOPUP_SHADOW_LEFT_PADDING+CTXPOPUP_SHADOW_RIGHT_PADDING) ((CTXPOPUP_ITEM_HEIGHT_MIN_INC*5)+CTXPOPUP_SHADOW_TOP_PADDING+CTXPOPUP_SHADOW_BOTTOM_PADDING+(CTXPOPUP_SEPARATOR_PXLINE_SIZE_INC*8)-CTXPOPUP_CONTENT_PADDING);
+   max: (CTXPOPUP_WIDTH_MAX_INC+CTXPOPUP_SHADOW_LEFT_PADDING+CTXPOPUP_SHADOW_RIGHT_PADDING) ((CTXPOPUP_ITEM_HEIGHT_MIN_INC*5)+CTXPOPUP_SHADOW_TOP_PADDING+CTXPOPUP_SHADOW_BOTTOM_PADDING+(CTXPOPUP_SEPARATOR_PXLINE_SIZE_INC*8));
 }
 ///////////////////////////////////////////////////////////////////////////////
 group {
@@ -696,7 +696,7 @@ group {
 ///////////////////////////////////////////////////////////////////////////////
 group {
    name: "elm/ctxpopup/layout/more/default";
-   max: CTXPOPUP_MORE_WIDTH_MAX_INC ((CTXPOPUP_ITEM_HEIGHT_MIN_INC*7)+CTXPOPUP_SHADOW_TOP_PADDING+CTXPOPUP_SHADOW_BOTTOM_PADDING+(CTXPOPUP_SEPARATOR_PXLINE_SIZE_INC*12)-CTXPOPUP_CONTENT_PADDING);
+   max: CTXPOPUP_MORE_WIDTH_MAX_INC ((CTXPOPUP_ITEM_HEIGHT_MIN_INC*7)+CTXPOPUP_SHADOW_TOP_PADDING+CTXPOPUP_SHADOW_BOTTOM_PADDING+(CTXPOPUP_SEPARATOR_PXLINE_SIZE_INC*12));
    parts {
       part {
          name:"top_padding";
@@ -1022,7 +1022,7 @@ group {
 group {
    name: "elm/ctxpopup/layout/landscape/more/default";
    inherit: "elm/ctxpopup/layout/landscape/default";
-   max: CTXPOPUP_MORE_WIDTH_MAX_INC ((CTXPOPUP_ITEM_HEIGHT_MIN_INC*5)+CTXPOPUP_SHADOW_TOP_PADDING+CTXPOPUP_SHADOW_BOTTOM_PADDING+(CTXPOPUP_SEPARATOR_PXLINE_SIZE_INC*8)-CTXPOPUP_CONTENT_PADDING);
+   max: CTXPOPUP_MORE_WIDTH_MAX_INC ((CTXPOPUP_ITEM_HEIGHT_MIN_INC*5)+CTXPOPUP_SHADOW_TOP_PADDING+CTXPOPUP_SHADOW_BOTTOM_PADDING+(CTXPOPUP_SEPARATOR_PXLINE_SIZE_INC*8));
 }
 ///////////////////////////////////////////////////////////////////////////////
 group {
@@ -1114,8 +1114,8 @@ group {
          description {
             state: "default" 0.0;
             fixed: 1 1;
-            min: (CTXPOPUP_SCROLLER_PADDING-CTXPOPUP_CONTENT_PADDING) 0;
-            max: (CTXPOPUP_SCROLLER_PADDING-CTXPOPUP_CONTENT_PADDING) 0;
+            min: (CTXPOPUP_SCROLLER_PADDING-CTXPOPUP_CONTENT_PADDING_WIDTH) 0;
+            max: (CTXPOPUP_SCROLLER_PADDING-CTXPOPUP_CONTENT_PADDING_WIDTH) 0;
             visible: 0;
             align: 1.0 0.0;
             rel1 { to:"clipper"; relative: 1.0 0.0; }
@@ -1203,8 +1203,8 @@ group {
          description {
             state: "default" 0.0;
             fixed: 1 1;
-            min: 0 (CTXPOPUP_SCROLLER_PADDING-CTXPOPUP_CONTENT_PADDING);
-            max: 0 (CTXPOPUP_SCROLLER_PADDING-CTXPOPUP_CONTENT_PADDING);
+            min: 0 (CTXPOPUP_SCROLLER_PADDING-CTXPOPUP_CONTENT_PADDING_HEIGHT);
+            max: 0 (CTXPOPUP_SCROLLER_PADDING-CTXPOPUP_CONTENT_PADDING_HEIGHT);
             visible: 0;
             align: 0.0 1.0;
             rel1 { to:"clipper"; relative: 0.0 1.0; }
@@ -1778,8 +1778,8 @@ group {
          mouse_events: 0;
          description {
             state: "default" 0.0;
-            min: CTXPOPUP_CONTENT_PADDING CTXPOPUP_CONTENT_PADDING;
-            max: CTXPOPUP_CONTENT_PADDING CTXPOPUP_CONTENT_PADDING;
+            min: CTXPOPUP_CONTENT_PADDING_WIDTH CTXPOPUP_CONTENT_PADDING_HEIGHT;
+            max: CTXPOPUP_CONTENT_PADDING_WIDTH CTXPOPUP_CONTENT_PADDING_HEIGHT;
             rel1 {to:"frame_shadow_left_top_padding";  relative: 1.0 1.0;}
             align: 0 0;
             fixed: 1 1;
@@ -1793,8 +1793,8 @@ group {
          mouse_events: 0;
          description {
             state: "default" 0.0;
-            min: CTXPOPUP_CONTENT_PADDING CTXPOPUP_CONTENT_PADDING;
-            max: CTXPOPUP_CONTENT_PADDING CTXPOPUP_CONTENT_PADDING;
+            min: CTXPOPUP_CONTENT_PADDING_WIDTH CTXPOPUP_CONTENT_PADDING_HEIGHT;
+            max: CTXPOPUP_CONTENT_PADDING_WIDTH CTXPOPUP_CONTENT_PADDING_HEIGHT;
             rel2 {to:"frame_shadow_right_bottom_padding";  relative: 0.0 0.0;}
             align: 1 1;
             fixed: 1 1;
@@ -1855,109 +1855,103 @@ group {
 }
 
 ///////////////////////////////////////////////////////////////////////////////
-group {
-   name: "elm/ctxpopup/arrow/default";
-   alias: "elm/ctxpopup/arrow/more/default";
-   images {
-      image: "00_popup_bubble_tail_left.png" COMP;
-      image: "00_popup_bubble_tail_right.png" COMP;
-      image: "00_popup_bubble_tail_top.png" COMP;
-      image: "00_popup_bubble_tail_bottom.png" COMP;
-   }
-   parts {
-      part {
-         name: "ctxpopup_arrow";
-         type: IMAGE;
-         scale: 1;
-         description {
-            state: "default" 0.0;
-            min: CTXPOPUP_ARROW_SIZE_INC;
-            max: CTXPOPUP_ARROW_SIZE_INC;
-            fixed: 1 1;
-            visible: 0;
-            align: 0.5 0.5;
-         }
-         description {
-            state: "left" 0.0;
-            min: CTXPOPUP_ARROW_SIZE_INC;
-            max: CTXPOPUP_ARROW_SIZE_INC;
-            fixed: 1 1;
-            align: 1.0 0.5;
-            image {
-               normal: "00_popup_bubble_tail_left.png";
-            }
-         }
-         description {
-            state: "right" 0.0;
-            min: CTXPOPUP_ARROW_SIZE_INC;
-            max: CTXPOPUP_ARROW_SIZE_INC;
-            fixed: 1 1;
-            align: 0.0 0.5;
-            image {
-               normal: "00_popup_bubble_tail_right.png";
-            }
-         }
-         description {
-            state: "top" 0.0;
-            min: CTXPOPUP_ARROW_SIZE_INC;
-            max: CTXPOPUP_ARROW_SIZE_INC;
-            fixed: 1 1;
-            align: 0.5 1.0;
-            image {
-               normal: "00_popup_bubble_tail_top.png";
-            }
-         }
-         description {
-            state: "bottom" 0.0;
-            min: CTXPOPUP_ARROW_SIZE_INC;
-            max: CTXPOPUP_ARROW_SIZE_INC;
-            fixed: 1 1;
-            align: 0.5 0.0;
-            image {
-               normal: "00_popup_bubble_tail_bottom.png";
-            }
-         }
-      }
-   }
-   programs {
-      program {
-         name: "enable_left_arrow";
-         signal: "elm,state,left";
-         source: "elm";
-         action: STATE_SET "left" 0.0;
-         target: "ctxpopup_arrow";
-      }
-      program {
-         name: "enable_right_arrow";
-         signal: "elm,state,right";
-         source: "elm";
-         action: STATE_SET "right" 0.0;
-         target: "ctxpopup_arrow";
-      }
-      program {
-         name: "enable_top_arrow";
-         signal: "elm,state,top";
-         source: "elm";
-         action: STATE_SET "top" 0.0;
-         target: "ctxpopup_arrow";
-      }
-      program {
-         name: "enable_bottom_arrow";
-         signal: "elm,state,bottom";
-         source: "elm";
-         action: STATE_SET "bottom" 0.0;
-         target: "ctxpopup_arrow";
-      }
-   }
-}
+       group { name: "elm/ctxpopup/arrow/default";
+               images {
+                       image: "00_popup_bubble_tail_left.png" COMP;
+                       image: "00_popup_bubble_tail_right.png" COMP;
+                       image: "00_popup_bubble_tail_top.png" COMP;
+                       image: "00_popup_bubble_tail_bottom.png" COMP;
+               }
+               parts {
+                       part {
+                               name: "ctxpopup_arrow";
+                               type: IMAGE;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: CTXPOPUP_ARROW_SIZE_INC;
+                                       max: CTXPOPUP_ARROW_SIZE_INC;
+                                       fixed: 1 1;
+                                       visible: 0;
+                                       align: 0.5 0.5;
+                               }
+                               description {
+                                       state: "left" 0.0;
+                                       min: CTXPOPUP_ARROW_SIZE_INC;
+                                       max: CTXPOPUP_ARROW_SIZE_INC;
+                                       fixed: 1 1;
+                                       align: 1.0 0.5;
+                                       image {
+                                               normal: "00_popup_bubble_tail_left.png";
+                                       }
+                               }
+                               description {
+                                       state: "right" 0.0;
+                                       min: CTXPOPUP_ARROW_SIZE_INC;
+                                       max: CTXPOPUP_ARROW_SIZE_INC;
+                                       fixed: 1 1;
+                                       align: 0.0 0.5;
+                                       image {
+                                               normal: "00_popup_bubble_tail_right.png";
+                                       }
+                               }
+                               description {
+                                       state: "top" 0.0;
+                                       min: CTXPOPUP_ARROW_SIZE_INC;
+                                       max: CTXPOPUP_ARROW_SIZE_INC;
+                                       fixed: 1 1;
+                                       align: 0.5 1.0;
+                                       image {
+                                               normal: "00_popup_bubble_tail_top.png";
+                                       }
+                               }
+                               description {
+                                       state: "bottom" 0.0;
+                                       min: CTXPOPUP_ARROW_SIZE_INC;
+                                       max: CTXPOPUP_ARROW_SIZE_INC;
+                                       fixed: 1 1;
+                                       align: 0.5 0.0;
+                                       image {
+                                               normal: "00_popup_bubble_tail_bottom.png";
+                                       }
+                               }
+                       }
+               }
+               programs {
+                       program {
+                               name: "enable_left_arrow";
+                               signal: "elm,state,left";
+                               source: "elm";
+                               action: STATE_SET "left" 0.0;
+                               target: "ctxpopup_arrow";
+                       }
+                       program {
+                               name: "enable_right_arrow";
+                               signal: "elm,state,right";
+                               source: "elm";
+                               action: STATE_SET "right" 0.0;
+                               target: "ctxpopup_arrow";
+                       }
+                       program {
+                               name: "enable_top_arrow";
+                               signal: "elm,state,top";
+                               source: "elm";
+                               action: STATE_SET "top" 0.0;
+                               target: "ctxpopup_arrow";
+                       }
+                       program {
+                               name: "enable_bottom_arrow";
+                               signal: "elm,state,bottom";
+                               source: "elm";
+                               action: STATE_SET "bottom" 0.0;
+                               target: "ctxpopup_arrow";
+                       }
+               }
+       }
 ///////////////////////////////////////////////////////////////////////////////
 group {
    name: "elm/ctxpopup/text_style_item/default";
 
-   images {
-      image: "00_more_popup_press.png" COMP;
-   }
-
    data.item: "item_max_size" CTXPOPUP_TEXT_MAX_INC;
 
    parts {
@@ -1973,34 +1967,26 @@ group {
       part {
          name: "bg";
          mouse_events: 0;
-         type: IMAGE;
+         type: RECT;
          scale: 1;
          description {
             state: "default" 0.0;
             visible: 0;
-            min: (CTXPOPUP_WIDTH_MIN_INC-CTXPOPUP_CONTENT_PADDING*2) 1;
-            max: (CTXPOPUP_WIDTH_MAX_INC-CTXPOPUP_CONTENT_PADDING*2) CTXPOPUP_ITEM_HEIGHT_MAX_INC;
+            min: (CTXPOPUP_WIDTH_MIN_INC-CTXPOPUP_CONTENT_PADDING_WIDTH*2) 1;
+            max: (CTXPOPUP_WIDTH_MAX_INC-CTXPOPUP_CONTENT_PADDING_WIDTH*2) CTXPOPUP_ITEM_HEIGHT_MAX_INC;
          }
          description {
             state: "clicked" 0.0;
             inherit: "default" 0.0;
+            color: CTXPOPUP_BG_PRESS_COLOR_INC;
             visible: 1;
-            image {
-               normal: "00_more_popup_press.png";
-               border: CTXPOPUP_BUBBLE_BG_PRESSED_IMAGE_BORDER;
-               border_scale: 1;
-            }
          }
          description {
             state: "clicked_separator" 0.0;
             inherit: "default" 0.0;
             visible: 1;
             rel1 { relative: 0.0 1.0; to_y: "separator2"; }
-            image {
-               normal: "00_more_popup_press.png";
-               border: CTXPOPUP_BUBBLE_BG_PRESSED_IMAGE_BORDER;
-               border_scale: 1;
-            }
+            color: CTXPOPUP_BG_PRESS_COLOR_INC;
          }
       }
       part {
@@ -2011,8 +1997,8 @@ group {
          description {
             state: "default" 0.0;
             color: CTXPOPUP_SEPARATOR_COLOR_INC;
-            rel1 { relative: 1.0 0.0; to_x: "left_padding";}
-            rel2 { relative: 0.0 1.0; to_x: "right_padding"; offset: 0 0; }
+            rel1 { relative: 0.0 0.0; }
+            rel2 { relative: 1.0 1.0; }
             align: 0.5 0;
             min: 0 CTXPOPUP_SEPARATOR_PXLINE_SIZE_INC;
             max: 999999 CTXPOPUP_SEPARATOR_PXLINE_SIZE_INC;
@@ -2053,8 +2039,8 @@ group {
          mouse_events: 0;
          description {
             state: "default" 0.0;
-            min: (CTXPOPUP_ITEM_TEXT_PADDING_INC-CTXPOPUP_CONTENT_PADDING) CTXPOPUP_ITEM_HEIGHT_MIN_INC;
-            max: (CTXPOPUP_ITEM_TEXT_PADDING_INC-CTXPOPUP_CONTENT_PADDING) CTXPOPUP_ITEM_HEIGHT_MAX_INC;
+            min: (CTXPOPUP_ITEM_TEXT_PADDING_INC-CTXPOPUP_CONTENT_PADDING_WIDTH) CTXPOPUP_ITEM_HEIGHT_MIN_INC;
+            max: (CTXPOPUP_ITEM_TEXT_PADDING_INC-CTXPOPUP_CONTENT_PADDING_WIDTH) CTXPOPUP_ITEM_HEIGHT_MAX_INC;
             align: 0 0;
             fixed: 1 1;
             visible: 0;
@@ -2073,7 +2059,7 @@ group {
             rel2 {relative: 0.0 1.0; to_x: "right_padding"; to_y: "bg";}
             color: CTXPOPUP_LIST_MAIN_TEXT_COLOR_INC;
             text {
-               font: "Tizen:style=Roman";
+               font: "Tizen:style=Regular";
                size: CTXPOPUP_LIST_MAIN_TEXT_SIZE_INC;
                size_range: CTXPOPUP_LIST_MAIN_TEXT_SIZE_INC CTXPOPUP_LIST_MAIN_TEXT_MAX_SIZE_INC;
                align: 0 0.5;
@@ -2112,8 +2098,8 @@ group {
          description {
             state: "default" 0.0;
             visible: 0;
-            min: (CTXPOPUP_ITEM_TEXT_PADDING_INC-CTXPOPUP_CONTENT_PADDING) CTXPOPUP_ITEM_HEIGHT_MIN_INC;
-            max: (CTXPOPUP_ITEM_TEXT_PADDING_INC-CTXPOPUP_CONTENT_PADDING) CTXPOPUP_ITEM_HEIGHT_MAX_INC;
+            min: (CTXPOPUP_ITEM_TEXT_PADDING_INC-CTXPOPUP_CONTENT_PADDING_WIDTH) CTXPOPUP_ITEM_HEIGHT_MIN_INC;
+            max: (CTXPOPUP_ITEM_TEXT_PADDING_INC-CTXPOPUP_CONTENT_PADDING_WIDTH) CTXPOPUP_ITEM_HEIGHT_MAX_INC;
             fixed: 1 1;
             align: 1.0 1.0;
          }
@@ -2294,7 +2280,7 @@ group {
          description {
             state: "default" 0.0;
             visible: 0;
-            min: CTXPOPUP_ICON_ITEM_HORIZONTAL_WIDTH_INC (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING*2);
+            min: CTXPOPUP_ICON_ITEM_HORIZONTAL_WIDTH_INC (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING_HEIGHT*2);
          }
          description {
             state: "clicked" 0.0;
@@ -2362,8 +2348,8 @@ group {
          mouse_events: 0;
          description {
             state: "default" 0.0;
-            min: CTXPOPUP_ITEM_ICON_PADDING_INC (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING*2);
-            max: CTXPOPUP_ITEM_ICON_PADDING_INC (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING*2);
+            min: CTXPOPUP_ITEM_ICON_PADDING_INC (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING_HEIGHT*2);
+            max: CTXPOPUP_ITEM_ICON_PADDING_INC (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING_HEIGHT*2);
             align: 0 0;
             color: 255 0 0 255;
             fixed: 1 1;
@@ -2377,13 +2363,13 @@ group {
          scale: 1;
          description {
             state: "default" 0.0;
-            min: (CTXPOPUP_TEXT_ITEM_HORIZONTAL_WIDTH_INC-CTXPOPUP_ITEM_ICON_PADDING_INC*2) (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING*2);
+            min: (CTXPOPUP_TEXT_ITEM_HORIZONTAL_WIDTH_INC-CTXPOPUP_ITEM_ICON_PADDING_INC*2) (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING_HEIGHT*2);
             align: 0.5 0.5;
             rel1 {relative: 1.0 0.0; to: "left_padding"; }
             rel2 {relative: 0.0 1.0; to: "right_padding"; }
             color: CTXPOPUP_MAIN_TEXT_COLOR_INC;
             text {
-               font: "Tizen:style=Roman";
+               font: "Tizen:style=Regular";
                size: CTXPOPUP_MAIN_TEXT_SIZE_INC;
                size_range: CTXPOPUP_MAIN_TEXT_SIZE_INC CTXPOPUP_LIST_MAIN_TEXT_MAX_SIZE_INC;
                align: 0.5 0.5;
@@ -2409,8 +2395,8 @@ group {
          mouse_events: 0;
          description {
             state: "default" 0.0;
-            min: CTXPOPUP_ITEM_ICON_PADDING_INC (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING*2);
-            max: CTXPOPUP_ITEM_ICON_PADDING_INC (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING*2);
+            min: CTXPOPUP_ITEM_ICON_PADDING_INC (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING_HEIGHT*2);
+            max: CTXPOPUP_ITEM_ICON_PADDING_INC (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING_HEIGHT*2);
             fixed: 1 1;
             align: 1 1;
             color: 0 255 0 255;
@@ -2572,8 +2558,8 @@ group {
          description {
             state: "default" 0.0;
             visible: 0;
-            min: CTXPOPUP_ICON_ITEM_HORIZONTAL_WIDTH_INC (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING*2);
-            max: CTXPOPUP_ICON_ITEM_HORIZONTAL_WIDTH_INC (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING*2);
+            min: CTXPOPUP_ICON_ITEM_HORIZONTAL_WIDTH_INC (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING_HEIGHT*2);
+            max: CTXPOPUP_ICON_ITEM_HORIZONTAL_WIDTH_INC (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING_HEIGHT*2);
          }
          description {
             state: "clicked" 0.0;
@@ -2599,8 +2585,8 @@ group {
          name: "left_padding";
          scale: 1;
          description {
-            min: ((CTXPOPUP_ICON_ITEM_HORIZONTAL_WIDTH_INC-CTXPOPUP_ICON_HORIZONTAL_WIDTH_INC)/2) (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING*2);
-            max: ((CTXPOPUP_ICON_ITEM_HORIZONTAL_WIDTH_INC-CTXPOPUP_ICON_HORIZONTAL_WIDTH_INC)/2) (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING*2);
+            min: ((CTXPOPUP_ICON_ITEM_HORIZONTAL_WIDTH_INC-CTXPOPUP_ICON_HORIZONTAL_WIDTH_INC)/2) (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING_HEIGHT*2);
+            max: ((CTXPOPUP_ICON_ITEM_HORIZONTAL_WIDTH_INC-CTXPOPUP_ICON_HORIZONTAL_WIDTH_INC)/2) (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING_HEIGHT*2);
             visible: 0;
             align: 0 0;
             fixed: 1 1;
@@ -2680,8 +2666,8 @@ group {
          name: "right_padding";
          scale: 1;
          description {
-            min: ((CTXPOPUP_ICON_ITEM_HORIZONTAL_WIDTH_INC-CTXPOPUP_ICON_HORIZONTAL_WIDTH_INC)/2) (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING*2);
-            max: ((CTXPOPUP_ICON_ITEM_HORIZONTAL_WIDTH_INC-CTXPOPUP_ICON_HORIZONTAL_WIDTH_INC)/2) (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING*2);
+            min: ((CTXPOPUP_ICON_ITEM_HORIZONTAL_WIDTH_INC-CTXPOPUP_ICON_HORIZONTAL_WIDTH_INC)/2) (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING_HEIGHT*2);
+            max: ((CTXPOPUP_ICON_ITEM_HORIZONTAL_WIDTH_INC-CTXPOPUP_ICON_HORIZONTAL_WIDTH_INC)/2) (CTXPOPUP_ITEM_HORIZONTAL_HEIGHT_INC-CTXPOPUP_CONTENT_PADDING_HEIGHT*2);
             visible: 0;
             align: 1 1;
             fixed: 1 1;
@@ -2816,10 +2802,6 @@ group {
 group {
    name: "elm/ctxpopup/icon_text_style_item/default";
 
-   images {
-      image: "00_more_popup_press.png" COMP;
-   }
-
    data.item: "item_max_size" CTXPOPUP_ICON_TEXT_MAX_INC;
 
    parts {
@@ -2835,8 +2817,7 @@ group {
       part {
          name: "bg";
          mouse_events: 0;
-         type: IMAGE;
-         scale: 1;
+         type: RECT;
          description {
             state: "default" 0.0;
             visible: 0;
@@ -2845,48 +2826,14 @@ group {
          }
          description {
             state: "clicked" 0.0;
+            color: CTXPOPUP_BG_PRESS_COLOR_INC;
             visible: 1;
-            image {
-               normal: "00_more_popup_press.png";
-               border: CTXPOPUP_BUBBLE_BG_PRESSED_IMAGE_BORDER;
-               border_scale: 1;
-            }
          }
          description {
             state: "clicked_separator" 0.0;
             rel1 { relative: 0.0 1.0; to_y: "separator2"; }
+            color: CTXPOPUP_BG_PRESS_COLOR_INC;
             visible: 1;
-            image {
-               normal: "00_more_popup_press.png";
-               border: CTXPOPUP_BUBBLE_BG_PRESSED_IMAGE_BORDER;
-               border_scale: 1;
-            }
-         }
-      }
-      part {
-         name:"separator_left_padding";
-         type:RECT;
-         scale: 1;
-         mouse_events: 0;
-         description {
-            min: (CTXPOPUP_SEPARATOR_PADDING_INC-CTXPOPUP_CONTENT_PADDING) 0;
-            max: (CTXPOPUP_SEPARATOR_PADDING_INC-CTXPOPUP_CONTENT_PADDING) 0;
-            align: 0 0;
-            fixed: 1 1;
-            visible: 0;
-         }
-      }
-      part {
-         name:"separator_right_padding";
-         type:RECT;
-         scale: 1;
-         mouse_events: 0;
-         description {
-            min: (CTXPOPUP_SEPARATOR_PADDING_INC-CTXPOPUP_CONTENT_PADDING) 0;
-            max: (CTXPOPUP_SEPARATOR_PADDING_INC-CTXPOPUP_CONTENT_PADDING) 0;
-            align: 1 1;
-            fixed: 1 1;
-            visible: 0;
          }
       }
       part {
@@ -2895,8 +2842,8 @@ group {
          mouse_events: 0;
          description {
             state: "default" 0.0;
-            min: (CTXPOPUP_ITEM_ICON_PADDING_INC-CTXPOPUP_CONTENT_PADDING) CTXPOPUP_ITEM_HEIGHT_MIN_INC;
-            max: (CTXPOPUP_ITEM_ICON_PADDING_INC-CTXPOPUP_CONTENT_PADDING) CTXPOPUP_ITEM_HEIGHT_MAX_INC;
+            min: (CTXPOPUP_ITEM_ICON_PADDING_INC-CTXPOPUP_CONTENT_PADDING_WIDTH) CTXPOPUP_ITEM_HEIGHT_MIN_INC;
+            max: (CTXPOPUP_ITEM_ICON_PADDING_INC-CTXPOPUP_CONTENT_PADDING_WIDTH) CTXPOPUP_ITEM_HEIGHT_MAX_INC;
             align: 0 0;
             fixed: 1 1;
             visible: 0;
@@ -2910,8 +2857,8 @@ group {
          description {
             state: "default" 0.0;
             color: CTXPOPUP_SEPARATOR_COLOR_INC;
-            rel1 { relative: 1.0 0.0; to_x: "separator_left_padding";}
-            rel2 { relative: 0.0 1.0; to_x: "separator_right_padding"; offset: 0 0; }
+            rel1 { relative: 0.0 0.0; }
+            rel2 { relative: 1.0 1.0; }
             align: 0.5 0;
             min: 0 CTXPOPUP_SEPARATOR_PXLINE_SIZE_INC;
             max: 999999 CTXPOPUP_SEPARATOR_PXLINE_SIZE_INC;
@@ -3002,7 +2949,7 @@ group {
             rel2 {relative: 0.0 1.0; to_x: "text_right_padding"; to_y: "bg";}
             color: CTXPOPUP_LIST_MAIN_TEXT_COLOR_INC;
             text {
-               font: "Tizen:style=Roman";
+               font: "Tizen:style=Regular";
                size: CTXPOPUP_LIST_MAIN_TEXT_SIZE_INC;
                size_range: CTXPOPUP_LIST_MAIN_TEXT_SIZE_INC CTXPOPUP_LIST_MAIN_TEXT_MAX_SIZE_INC;
                align: 0.0 0.5;
@@ -3041,8 +2988,8 @@ group {
          description {
             state: "default" 0.0;
             visible: 0;
-            min: (CTXPOPUP_ITEM_TEXT_PADDING_INC-CTXPOPUP_CONTENT_PADDING) CTXPOPUP_ITEM_HEIGHT_MIN_INC;
-            max: (CTXPOPUP_ITEM_TEXT_PADDING_INC-CTXPOPUP_CONTENT_PADDING) CTXPOPUP_ITEM_HEIGHT_MAX_INC;
+            min: (CTXPOPUP_ITEM_TEXT_PADDING_INC-CTXPOPUP_CONTENT_PADDING_WIDTH) CTXPOPUP_ITEM_HEIGHT_MIN_INC;
+            max: (CTXPOPUP_ITEM_TEXT_PADDING_INC-CTXPOPUP_CONTENT_PADDING_WIDTH) CTXPOPUP_ITEM_HEIGHT_MAX_INC;
             fixed: 1 0;
             align: 1.0 0.5;
          }
@@ -3199,325 +3146,143 @@ group {
 }
 
 ///////////////////////////////////////////////////////////////////////////////
-group {
-   name: "elm/ctxpopup/base/more/default";
-   images {
-      image: "00_popup_bubble_bg.png" COMP;
-   }
-   parts {
-      part {
-         name:"frame_shadow_left_top_padding";
-         type:RECT;
-         scale: 1;
-         mouse_events: 0;
-         description {
-            state: "default" 0.0;
-            min: CTXPOPUP_SHADOW_LEFT_PADDING CTXPOPUP_SHADOW_TOP_PADDING;
-            max: CTXPOPUP_SHADOW_LEFT_PADDING CTXPOPUP_SHADOW_TOP_PADDING;
-            rel2 { relative: 0 0; }
-            align: 0 0;
-            fixed: 1 1;
-            visible: 0;
-         }
-      }
-      part {
-         name:"frame_shadow_right_bottom_padding";
-         type:RECT;
-         scale: 1;
-         mouse_events: 0;
-         description {
-            state: "default" 0.0;
-            min: CTXPOPUP_SHADOW_RIGHT_PADDING CTXPOPUP_SHADOW_BOTTOM_PADDING;
-            max: CTXPOPUP_SHADOW_RIGHT_PADDING CTXPOPUP_SHADOW_BOTTOM_PADDING;
-            rel1{relative: 1 1;}
-            align: 1 1;
-            fixed: 1 1;
-            visible: 0;
-         }
-      }
-      part {
-         name: "frame_bg";
-         type: IMAGE;
-         scale: 1;
-         mouse_events: 0;
-         description {
-            state: "default" 0.0;
-            rel1 {to:"frame_shadow_left_top_padding";}
-            rel2 {to:"frame_shadow_right_bottom_padding";}
-            min: CTXPOPUP_MORE_WIDTH_MIN_INC 0;
-            image {
-               normal: "00_popup_bubble_bg.png";
-               border: CTXPOPUP_BUBBLE_BG_IMAGE_BORDER;
-               border_scale: 1;
-            }
-         }
-      }
-      part { name: "arrow_area_left";
-         type: RECT;
-         mouse_events: 0;
-         scale: 1;
-         description { state: "default" 0.0;
-            visible: 0;
-            min: CTXPOPUP_ARROW_SIZE_INC;
-            fixed: 1 1;
-            align: 1 0.5;
-            rel1 {
-               relative: 1 1;
-               to_x:"arrow_left_top_padding";
-               to_y: "ctxpopup_frame_left_top";
-            }
-            rel2 {
-               relative: 1 0;
-               to_x:"arrow_left_top_padding";
-               to_y:"ctxpopup_frame_right_bottom";
-            }
-         }
-      }
-      part { name: "arrow_area_right";
-         type: RECT;
-         mouse_events: 0;
-         scale: 1;
-         description { state: "default" 0.0;
-            visible: 0;
-            min: CTXPOPUP_ARROW_SIZE_INC;
-            fixed: 1 1;
-            align: 0 0.5;
-            rel1 {
-               relative: 0 1;
-               to_x:"arrow_right_bottom_padding";
-               to_y:"ctxpopup_frame_left_top";
-            }
-            rel2 {
-               relative: 0 0;
-               to_x:"arrow_right_bottom_padding";
-               to_y: "ctxpopup_frame_right_bottom";
-            }
-         }
-      }
-      part { name: "arrow_area_up";
-         type: RECT;
-         mouse_events: 0;
-         scale: 1;
-         description { state: "default" 0.0;
-            visible: 0;
-            min: CTXPOPUP_ARROW_SIZE_INC;
-            fixed: 1 1;
-            align: 0.5 1;
-            rel1 {
-               relative: 1 1;
-               to_x: "ctxpopup_frame_left_top";
-               to_y: "arrow_left_top_padding";
-            }
-            rel2 {
-               relative: 0 1;
-               to_x:"ctxpopup_frame_right_bottom";
-               to_y: "arrow_left_top_padding";
-            }
-         }
-      }
-      part { name: "arrow_area_down";
-         type: RECT;
-         mouse_events: 0;
-         scale: 1;
-         description { state: "default" 0.0;
-            visible: 0;
-            min: CTXPOPUP_ARROW_SIZE_INC;
-            fixed: 1 1;
-            align: 0.5 0;
-            rel1 {
-               relative: 1 0;
-               to_x:"ctxpopup_frame_left_top";
-               to_y:"arrow_right_bottom_padding";
-            }
-            rel2 {
-               relative: 0 0;
-               to_x: "ctxpopup_frame_right_bottom";
-               to_y:"arrow_right_bottom_padding";
-            }
-         }
-      }
-      part { name: "elm.swallow.arrow_up";
-         type: SWALLOW;
-         mouse_events: 0;
-         scale: 1;
-         dragable {
-            x: 1 1 0;
-            y: 1 1 0;
-            confine: "arrow_area_up";
-         }
-         description {
-            state: "default" 0.0;
-            min: CTXPOPUP_ARROW_SIZE_INC;
-            fixed: 1 1;
-            visible: 1;
-         }
-      }
-      part { name: "elm.swallow.arrow_down";
-         type: SWALLOW;
-         mouse_events: 0;
-         scale: 1;
-         dragable {
-            x: 1 1 0;
-            y: 1 1 0;
-            confine: "arrow_area_down";
-         }
-         description {
-            state: "default" 0.0;
-            min: CTXPOPUP_ARROW_SIZE_INC;
-            fixed: 1 1;
-            visible: 1;
-         }
-      }
-      part { name: "elm.swallow.arrow_left";
-         type: SWALLOW;
-         mouse_events: 0;
-         scale: 1;
-         dragable {
-            x: 1 1 0;
-            y: 1 1 0;
-            confine: "arrow_area_left";
-         }
-         description {
-            state: "default" 0.0;
-            min: CTXPOPUP_ARROW_SIZE_INC;
-            fixed: 1 1;
-            visible: 1;
-         }
-      }
-      part { name: "elm.swallow.arrow_right";
-         type: SWALLOW;
-         mouse_events: 0;
-         scale: 1;
-         dragable {
-            x: 1 1 0;
-            y: 1 1 0;
-            confine: "arrow_area_right";
-         }
-         description {
-            state: "default" 0.0;
-            min: CTXPOPUP_ARROW_SIZE_INC;
-            fixed: 1 1;
-            visible: 1;
-         }
-      }
-      part {
-         name: "ctxpopup_frame_left_top";
-         type: RECT;
-         scale: 1;
-         description {
-            state: "default" 0.0;
-            visible: 0;
-            align: 0 0;
-            fixed: 1 1;
-            min: CTXPOPUP_FRAME_CORNER_ARROW_PADDING CTXPOPUP_FRAME_CORNER_ARROW_PADDING;
-            max: CTXPOPUP_FRAME_CORNER_ARROW_PADDING CTXPOPUP_FRAME_CORNER_ARROW_PADDING;
-            rel1 {relative: 0 0; to: "content_left_top_padding";}
-         }
-      }
-      part {
-         name: "ctxpopup_frame_right_bottom";
-         type: RECT;
-         scale: 1;
-         description {
-            state: "default" 0.0;
-            visible: 0;
-            align: 1 1;
-            fixed: 1 1;
-            min: CTXPOPUP_FRAME_CORNER_ARROW_PADDING CTXPOPUP_FRAME_CORNER_ARROW_PADDING;
-            max: CTXPOPUP_FRAME_CORNER_ARROW_PADDING CTXPOPUP_FRAME_CORNER_ARROW_PADDING;
-            rel2 {relative: 1 1; to: "content_right_bottom_padding";}
-         }
-      }
-      part {
-         name:"content_left_top_padding";
-         type:RECT;
-         scale: 1;
-         mouse_events: 0;
-         description {
-            state: "default" 0.0;
-            min: CTXPOPUP_CONTENT_PADDING CTXPOPUP_CONTENT_PADDING;
-            max: CTXPOPUP_CONTENT_PADDING CTXPOPUP_CONTENT_PADDING;
-            rel1 {to:"frame_shadow_left_top_padding";  relative: 1.0 1.0;}
-            align: 0 0;
-            fixed: 1 1;
-            visible: 0;
-         }
-      }
-      part {
-      name:"content_right_bottom_padding";
-         type:RECT;
-         scale: 1;
-         mouse_events: 0;
-         description {
-            state: "default" 0.0;
-            min: CTXPOPUP_CONTENT_PADDING CTXPOPUP_CONTENT_PADDING;
-            max: CTXPOPUP_CONTENT_PADDING CTXPOPUP_CONTENT_PADDING;
-            rel2 {to:"frame_shadow_right_bottom_padding";  relative: 0.0 0.0;}
-            align: 1 1;
-            fixed: 1 1;
-            visible: 0;
-         }
-      }
-      part {
-         name: "arrow_left_top_padding";
-         type: RECT;
-         scale: 1;
-         mouse_events: 0;
-         description {
-            state: "default" 0.0;
-            min: CTXPOPUP_ARROW_PADDING CTXPOPUP_ARROW_PADDING;
-            max: CTXPOPUP_ARROW_PADDING CTXPOPUP_ARROW_PADDING;
-            rel1 {to:"frame_shadow_left_top_padding";  relative: 1.0 1.0;}
-            align: 0 0;
-            visible: 0;
-         }
-      }
-      part {
-         name: "arrow_right_bottom_padding";
-         type: RECT;
-         scale: 1;
-         mouse_events: 0;
-         description {
-            state: "default" 0.0;
-            min: CTXPOPUP_ARROW_PADDING CTXPOPUP_ARROW_PADDING;
-            max: CTXPOPUP_ARROW_PADDING CTXPOPUP_ARROW_PADDING;
-            rel2 {to:"frame_shadow_right_bottom_padding";  relative: 0.0 0.0;}
-            align: 1 1;
-            visible: 0;
-         }
-      }
-      part {
-         name: "elm.swallow.content";
-         type: SWALLOW;
-         scale: 1;
-         description {
-            state: "default" 0.0;
-            align: 0 0;
-            rel1 {to:"content_left_top_padding";  relative: 1.0 1.0;}
-            rel2 {to:"content_right_bottom_padding";  relative: 0.0 0.0;}
-         }
-      }
-      part { name: "access.outline";
-         type: RECT;
-         scale: 1;
-         repeat_events: 1;
-         description { state: "default" 0.0;
-            fixed: 1 1;
-            rel1.to: "frame_bg";
-            rel2.to: "frame_bg";
-            color: 0 0 0 0;
-         }
-      }
-   }
-}
+       group {
+               name: "elm/ctxpopup/base/more/default";
+               images {
+                       image: "00_popup_bubble_bg.png" COMP;
+               }
+               parts {
+                       part {
+                               name:"frame_shadow_left_top_padding";
+                               type:RECT;
+                               scale: 1;
+                               mouse_events: 0;
+                               description {
+                                       state: "default" 0.0;
+                                       min: CTXPOPUP_SHADOW_LEFT_PADDING CTXPOPUP_SHADOW_TOP_PADDING;
+                                       max: CTXPOPUP_SHADOW_LEFT_PADDING CTXPOPUP_SHADOW_TOP_PADDING;
+                                       rel2 { relative: 0 0; }
+                                       align: 0 0;
+                                       fixed: 1 1;
+                                       visible: 0;
+                               }
+                       }
+                       part {
+                               name:"frame_shadow_right_bottom_padding";
+                               type:RECT;
+                               scale: 1;
+                               mouse_events: 0;
+                               description {
+                                       state: "default" 0.0;
+                                       min: CTXPOPUP_SHADOW_RIGHT_PADDING CTXPOPUP_SHADOW_BOTTOM_PADDING;
+                                       max: CTXPOPUP_SHADOW_RIGHT_PADDING CTXPOPUP_SHADOW_BOTTOM_PADDING;
+                                       rel1{relative: 1 1;}
+                                       align: 1 1;
+                                       fixed: 1 1;
+                                       visible: 0;
+                               }
+                       }
+                       part {
+                               name: "frame_bg";
+                               type: IMAGE;
+                               scale: 1;
+                               mouse_events: 0;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 {to:"frame_shadow_left_top_padding";}
+                                       rel2 {to:"frame_shadow_right_bottom_padding";}
+                                       min: CTXPOPUP_MORE_WIDTH_MIN_INC 0;
+                                       image {
+                                               normal: "00_popup_bubble_bg.png";
+                                               border: CTXPOPUP_BUBBLE_BG_IMAGE_BORDER;
+                                               border_scale: 1;
+                                       }
+                               }
+                       }
+                       part {
+                               name: "ctxpopup_frame_left_top";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       visible: 0;
+                                       align: 0 0;
+                                       fixed: 1 1;
+                                       min: CTXPOPUP_FRAME_CORNER_ARROW_PADDING CTXPOPUP_FRAME_CORNER_ARROW_PADDING;
+                                       max: CTXPOPUP_FRAME_CORNER_ARROW_PADDING CTXPOPUP_FRAME_CORNER_ARROW_PADDING;
+                                       rel1 {relative: 0 0; to: "content_left_top_padding";}
+                               }
+                       }
+                       part {
+                               name: "ctxpopup_frame_right_bottom";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       visible: 0;
+                                       align: 1 1;
+                                       fixed: 1 1;
+                                       min: CTXPOPUP_FRAME_CORNER_ARROW_PADDING CTXPOPUP_FRAME_CORNER_ARROW_PADDING;
+                                       max: CTXPOPUP_FRAME_CORNER_ARROW_PADDING CTXPOPUP_FRAME_CORNER_ARROW_PADDING;
+                                       rel2 {relative: 1 1; to: "content_right_bottom_padding";}
+                               }
+                       }
+                       part {
+                               name:"content_left_top_padding";
+                               type:RECT;
+                               scale: 1;
+                               mouse_events: 0;
+                               description {
+                                       state: "default" 0.0;
+                                       min: CTXPOPUP_CONTENT_PADDING_WIDTH CTXPOPUP_CONTENT_PADDING_HEIGHT;
+                                       max: CTXPOPUP_CONTENT_PADDING_WIDTH CTXPOPUP_CONTENT_PADDING_HEIGHT;
+                                       rel1 {to:"frame_shadow_left_top_padding";  relative: 1.0 1.0;}
+                                       align: 0 0;
+                                       fixed: 1 1;
+                                       visible: 0;
+                               }
+                       }
+                       part {
+                               name:"content_right_bottom_padding";
+                               type:RECT;
+                               scale: 1;
+                               mouse_events: 0;
+                               description {
+                                       state: "default" 0.0;
+                                       min: CTXPOPUP_CONTENT_PADDING_WIDTH CTXPOPUP_CONTENT_PADDING_HEIGHT;
+                                       max: CTXPOPUP_CONTENT_PADDING_WIDTH CTXPOPUP_CONTENT_PADDING_HEIGHT;
+                                       rel2 {to:"frame_shadow_right_bottom_padding";  relative: 0.0 0.0;}
+                                       align: 1 1;
+                                       fixed: 1 1;
+                                       visible: 0;
+                               }
+                       }
+                       part {
+                               name: "elm.swallow.content";
+                               type: SWALLOW;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0 0;
+                                       rel1 {to:"content_left_top_padding";  relative: 1.0 1.0;}
+                                       rel2 {to:"content_right_bottom_padding";  relative: 0.0 0.0;}
+                               }
+                       }
+                       part { name: "access.outline";
+                               type: RECT;
+                               repeat_events: 1;
+                               description { state: "default" 0.0;
+                                       fixed: 1 1;
+                                       rel1.to: "frame_bg";
+                                       rel2.to: "frame_bg";
+                                       color: 0 0 0 0;
+                               }
+                       }
+               }
+       }
 ///////////////////////////////////////////////////////////////////////////////
 group {
    name: "elm/ctxpopup/icon_text_style_item/more/default";
 
-   images {
-      image: "00_more_popup_press.png" COMP;
-   }
-
    data.item: "item_max_size" CTXPOPUP_MORE_TEXT_MAX_INC;
 
    parts {
@@ -3533,58 +3298,24 @@ group {
       part {
          name: "bg";
          mouse_events: 0;
-         type: IMAGE;
+         type: RECT;
          scale: 1;
          description {
             state: "default" 0.0;
             visible: 0;
-            min: (CTXPOPUP_MORE_WIDTH_MIN_INC-CTXPOPUP_SHADOW_LEFT_PADDING-CTXPOPUP_SHADOW_RIGHT_PADDING-CTXPOPUP_CONTENT_PADDING*2) 1;
-            max: (CTXPOPUP_MORE_WIDTH_MAX_INC-CTXPOPUP_SHADOW_LEFT_PADDING-CTXPOPUP_SHADOW_RIGHT_PADDING-CTXPOPUP_CONTENT_PADDING*2) CTXPOPUP_MORE_ITEM_HEIGHT_MAX_INC;
+            min: (CTXPOPUP_MORE_WIDTH_MIN_INC-CTXPOPUP_SHADOW_LEFT_PADDING-CTXPOPUP_SHADOW_RIGHT_PADDING-CTXPOPUP_CONTENT_PADDING_WIDTH*2) 1;
+            max: (CTXPOPUP_MORE_WIDTH_MAX_INC-CTXPOPUP_SHADOW_LEFT_PADDING-CTXPOPUP_SHADOW_RIGHT_PADDING-CTXPOPUP_CONTENT_PADDING_WIDTH*2) CTXPOPUP_MORE_ITEM_HEIGHT_MAX_INC;
          }
          description {
             state: "clicked" 0.0;
+            color: CTXPOPUP_BG_PRESS_COLOR_INC;
             visible: 1;
-            image {
-               normal: "00_more_popup_press.png";
-               border: CTXPOPUP_BUBBLE_BG_PRESSED_IMAGE_BORDER;
-               border_scale: 1;
-            }
          }
          description {
             state: "clicked_separator" 0.0;
             rel1 { relative: 0.0 1.0; to_y: "separator2"; }
+            color: CTXPOPUP_BG_PRESS_COLOR_INC;
             visible: 1;
-            image {
-               normal: "00_more_popup_press.png";
-               border: CTXPOPUP_BUBBLE_BG_PRESSED_IMAGE_BORDER;
-               border_scale: 1;
-            }
-         }
-      }
-      part {
-         name:"separator_left_padding";
-         type:RECT;
-         scale: 1;
-         mouse_events: 0;
-         description {
-            min: (CTXPOPUP_MORE_SEPARATOR_PADDING_INC-CTXPOPUP_CONTENT_PADDING) 0;
-            max: (CTXPOPUP_MORE_SEPARATOR_PADDING_INC-CTXPOPUP_CONTENT_PADDING) 0;
-            align: 0 0;
-            fixed: 1 1;
-            visible: 0;
-         }
-      }
-      part {
-         name:"separator_right_padding";
-         type:RECT;
-         scale: 1;
-         mouse_events: 0;
-         description {
-            min: (CTXPOPUP_MORE_SEPARATOR_PADDING_INC-CTXPOPUP_CONTENT_PADDING) 0;
-            max: (CTXPOPUP_MORE_SEPARATOR_PADDING_INC-CTXPOPUP_CONTENT_PADDING) 0;
-            align: 1 1;
-            fixed: 1 1;
-            visible: 0;
          }
       }
       part {
@@ -3593,8 +3324,8 @@ group {
          mouse_events: 0;
          description {
             state: "default" 0.0;
-            min: (CTXPOPUP_MORE_ITEM_PADDING_INC-CTXPOPUP_CONTENT_PADDING) CTXPOPUP_MORE_ITEM_HEIGHT_MIN_INC;
-            max: (CTXPOPUP_MORE_ITEM_PADDING_INC-CTXPOPUP_CONTENT_PADDING) CTXPOPUP_MORE_ITEM_HEIGHT_MAX_INC;
+            min: (CTXPOPUP_MORE_ITEM_PADDING_INC-CTXPOPUP_CONTENT_PADDING_WIDTH) CTXPOPUP_MORE_ITEM_HEIGHT_MIN_INC;
+            max: (CTXPOPUP_MORE_ITEM_PADDING_INC-CTXPOPUP_CONTENT_PADDING_WIDTH) CTXPOPUP_MORE_ITEM_HEIGHT_MAX_INC;
             align: 0 0;
             fixed: 1 1;
             visible: 0;
@@ -3608,8 +3339,8 @@ group {
          description {
             state: "default" 0.0;
             color: CTXPOPUP_SEPARATOR_COLOR_INC;
-            rel1 { relative: 1.0 0.0; to_x: "separator_left_padding";}
-            rel2 { relative: 0.0 1.0; to_x: "separator_right_padding"; offset: 0 0; }
+            rel1 { relative: 0.0 0.0; }
+            rel2 { relative: 1.0 1.0; }
             align: 0.5 0;
             fixed: 0 1;
             min: 0 CTXPOPUP_SEPARATOR_PXLINE_SIZE_INC;
@@ -3702,7 +3433,7 @@ group {
             rel2 {relative: 0.0 1.0; to_x: "text_right_padding"; to_y: "bg";}
             color: CTXPOPUP_LIST_MAIN_TEXT_COLOR_INC;
             text {
-               font: "Tizen:style=Roman";
+               font: "Tizen:style=Regular";
                size: CTXPOPUP_MORE_ITEM_TEXT_SIZE_INC;
                size_range: CTXPOPUP_LIST_MAIN_TEXT_SIZE_INC CTXPOPUP_LIST_MAIN_TEXT_MAX_SIZE_INC;
                align: 0.0 0.5;
@@ -3741,8 +3472,8 @@ group {
          description {
             state: "default" 0.0;
             visible: 0;
-            min: (CTXPOPUP_MORE_SEPARATOR_PADDING_INC-CTXPOPUP_CONTENT_PADDING) CTXPOPUP_MORE_ITEM_HEIGHT_MIN_INC;
-            max: (CTXPOPUP_MORE_SEPARATOR_PADDING_INC-CTXPOPUP_CONTENT_PADDING) CTXPOPUP_MORE_ITEM_HEIGHT_MAX_INC;
+            min: (CTXPOPUP_MORE_SEPARATOR_PADDING_INC-CTXPOPUP_CONTENT_PADDING_WIDTH) CTXPOPUP_MORE_ITEM_HEIGHT_MIN_INC;
+            max: (CTXPOPUP_MORE_SEPARATOR_PADDING_INC-CTXPOPUP_CONTENT_PADDING_WIDTH) CTXPOPUP_MORE_ITEM_HEIGHT_MAX_INC;
             fixed: 1 0;
             align: 1.0 0.5;
          }
@@ -4204,7 +3935,7 @@ group {
             rel1 {relative: 1.0 0.0; to: "left_padding";}
             color: CTXPOPUP_TP_FONT_COLOR;
             text {
-               font: "Tizen:style=Medium";
+               font: "Tizen:style=Regular";
                size: CTXPOPUP_TP_FONT_SIZE;
                align: 0.5 0.5;
                min: 1 1;
@@ -4310,8 +4041,8 @@ group {
          description {
             state: "default" 0.0;
             visible: 0;
-            min: (CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_WIDTH_MIN_INC-CTXPOPUP_SHADOW_LEFT_PADDING-CTXPOPUP_SHADOW_RIGHT_PADDING-CTXPOPUP_CONTENT_PADDING*2) 1;
-            max: (CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_WIDTH_MAX_INC-CTXPOPUP_SHADOW_LEFT_PADDING-CTXPOPUP_SHADOW_RIGHT_PADDING-CTXPOPUP_CONTENT_PADDING*2) CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_HEIGHT_MAX_INC;
+            min: (CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_WIDTH_MIN_INC-CTXPOPUP_SHADOW_LEFT_PADDING-CTXPOPUP_SHADOW_RIGHT_PADDING-CTXPOPUP_CONTENT_PADDING_WIDTH*2) 1;
+            max: (CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_WIDTH_MAX_INC-CTXPOPUP_SHADOW_LEFT_PADDING-CTXPOPUP_SHADOW_RIGHT_PADDING-CTXPOPUP_CONTENT_PADDING_WIDTH*2) CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_HEIGHT_MAX_INC;
          }
          description {
             state: "clicked" 0.0;
@@ -4383,8 +4114,8 @@ group {
          mouse_events: 0;
          description {
             state: "default" 0.0;
-            min: (CTXPOPUP_ITEM_TEXT_PADDING_INC-CTXPOPUP_CONTENT_PADDING) CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_HEIGHT_MIN_INC;
-            max: (CTXPOPUP_ITEM_TEXT_PADDING_INC-CTXPOPUP_CONTENT_PADDING) CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_HEIGHT_MAX_INC;
+            min: (CTXPOPUP_ITEM_TEXT_PADDING_INC-CTXPOPUP_CONTENT_PADDING_WIDTH) CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_HEIGHT_MIN_INC;
+            max: (CTXPOPUP_ITEM_TEXT_PADDING_INC-CTXPOPUP_CONTENT_PADDING_WIDTH) CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_HEIGHT_MAX_INC;
             align: 0 0;
             fixed: 1 1;
             visible: 0;
@@ -4403,7 +4134,7 @@ group {
             rel2 {relative: 0.0 1.0; to_x: "right_padding"; to_y: "bg";}
             color: CTXPOPUP_LIST_MAIN_TEXT_COLOR_INC;
             text {
-               font: "Tizen:style=Roman";
+               font: "Tizen:style=Regular";
                size: CTXPOPUP_LIST_MAIN_TEXT_SIZE_INC;
                size_range: CTXPOPUP_LIST_MAIN_TEXT_SIZE_INC CTXPOPUP_LIST_MAIN_TEXT_MAX_SIZE_INC;
                align: 0.5 0.5;
@@ -4442,8 +4173,8 @@ group {
          description {
             state: "default" 0.0;
             visible: 0;
-            min: (CTXPOPUP_ITEM_TEXT_PADDING_INC-CTXPOPUP_CONTENT_PADDING) CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_HEIGHT_MIN_INC;
-            max: (CTXPOPUP_ITEM_TEXT_PADDING_INC-CTXPOPUP_CONTENT_PADDING) CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_HEIGHT_MAX_INC;
+            min: (CTXPOPUP_ITEM_TEXT_PADDING_INC-CTXPOPUP_CONTENT_PADDING_WIDTH) CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_HEIGHT_MIN_INC;
+            max: (CTXPOPUP_ITEM_TEXT_PADDING_INC-CTXPOPUP_CONTENT_PADDING_WIDTH) CTXPOPUP_TOOLBAR_SEGMENTEDCONTROL_HEIGHT_MAX_INC;
             fixed: 1 1;
             align: 1.0 1.0;
          }