themes/widgets/badge.edc

   1 /*
   2  * efl-theme-tizen
   3  * Copyright (c) 2012-2013 Samsung Electronics Co., Ltd.
   4  *
   5  * Licensed under the Apache License, Version 2.0 (the License);
   6  * you may not use this file except in compliance with the License.
   7  * You may obtain a copy of the License at
   8  *
   9  *     http://www.apache.org/licenses/LICENSE-2.0
  10  *
  11  * Unless required by applicable law or agreed to in writing, software
  12  * distributed under the License is distributed on an AS IS BASIS,
  13  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14  * See the License for the specific language governing permissions and
  15  * limitations under the License.
  16  */
  17
  18
  19
  20 #define STYLE1_ICON_W                   50
  21 #define STYLE1_ICON_H                   50
  22 #define STYLE1_BADGE_W                  34
  23 #define STYLE1_BADGE_H                  34
  24 #define STYLE1_BADGE_BORDER             16
  25 #define STYLE1_BADGE_PADDING             8
  26 #define STYLE1_BADGE_OVER_X              8
  27 #define STYLE1_BADGE_OVER_Y             -6
  28
  29 #define STYLE2_ICON_W                   50
  30 #define STYLE2_ICON_H                   50
  31 #define STYLE2_BADGE_W                  40
  32 #define STYLE2_BADGE_H                  40
  33 #define STYLE2_BADGE_BORDER             19
  34 #define STYLE2_BADGE_PADDING             8
  35 #define STYLE2_BADGE_OVER_X              2
  36 #define STYLE2_BADGE_OVER_Y             -8
  37
  38 group
  39 {
  40         name: "elm/icon_badge/base/style1";
  41
  42         images {
  43                 image : "00_badge_34x34.png" COMP;
  44         }
  45
  46         parts {
  47                 part {
  48                         name: "elm.icon";
  49                         type: SWALLOW;
  50                         scale: 1;
  51                         description {
  52                                 state: "default" 0.0;
  53                                 min: STYLE1_ICON_W STYLE1_ICON_H;
  54                                 rel1 { relative: 0.0 0.0; }
  55                                 rel2 { relative: 1.0 1.0; }
  56                         }
  57                 }
  58
  59                 part {
  60                         name: "elm.badge.bg";
  61                         type: IMAGE;
  62                         scale: 1;
  63                         description {
  64                                 state: "default" 0.0;
  65                                 rel1 { relative: 0.0 0.0; to_x: "elm.badge.padding.left"; to_y: "elm.badge.text"; }
  66                                 rel2 { relative: 1.0 1.0; to_x: "elm.badge.padding.right"; to_y: "elm.badge.text"; }
  67                                 image.normal: "00_badge_34x34.png";
  68                                 image.border: STYLE1_BADGE_BORDER STYLE1_BADGE_BORDER STYLE1_BADGE_BORDER STYLE1_BADGE_BORDER;
  69                                 image.border_scale:1;
  70                         }
  71                 }
  72
  73                 part {
  74                         name: "elm.badge.text";
  75                         type: TEXT;
  76                         scale: 1;
  77                         description {
  78                                 state: "default" 0.0;
  79                                 fixed: 1 1;
  80                                 align: 1.0 0.5;
  81                                 rel1 { relative: (STYLE1_ICON_W-STYLE1_BADGE_W+STYLE1_BADGE_OVER_X+STYLE1_BADGE_PADDING)/STYLE1_ICON_W (STYLE1_BADGE_OVER_Y)/STYLE1_ICON_H; to: "elm.icon"; }
  82                                 rel2 { relative: (STYLE1_ICON_W+STYLE1_BADGE_OVER_X-STYLE1_BADGE_PADDING)/STYLE1_ICON_W (STYLE1_BADGE_H+STYLE1_BADGE_OVER_Y)/STYLE1_ICON_H; to: "elm.icon"; }
  83                                 text {
  84                                         font: "Tizen";
  85                                         size: 20;
  86                                         min: 1 1;
  87                                         align: 0.5 0.5;
  88                                         text_class: "tizen";
  89                                 }
  90                                 color: 255 255 255 255;
  91                         }
  92                 }
  93
  94                 part {
  95                         name: "elm.badge.padding.left";
  96                         type: RECT;
  97                         scale : 1;
  98                         description {
  99                                 state: "default" 0.0;
 100                                 min: STYLE1_BADGE_PADDING 0;
 101                                 fixed: 1 0;
 102                                 align: 1.0 0.0;
 103                                 rel1 { relative: 0.0 0.0; to: "elm.badge.text"; }
 104                                 rel2 { relative: 0.0 1.0; to: "elm.badge.text"; }
 105                                 color: 0 0 0 0;
 106                         }
 107                 }
 108
 109                 part {
 110                         name: "elm.badge.padding.right";
 111                         type: RECT;
 112                         scale : 1;
 113                         description {
 114                                 state: "default" 0.0;
 115                                 min: STYLE1_BADGE_PADDING 0;
 116                                 fixed: 1 0;
 117                                 align: 0.0 0.0;
 118                                 rel1 { relative: 1.0 0.0; to: "elm.badge.text"; }
 119                                 rel2 { relative: 1.0 1.0; to: "elm.badge.text"; }
 120                                 color: 0 0 0 0;
 121                         }
 122                 }
 123         }
 124 }
 125
 126 group
 127 {
 128         name: "elm/icon_badge/base/style2";
 129
 130         images {
 131                 image : "00_badge_40x40.png" COMP;
 132         }
 133
 134         parts {
 135                 part {
 136                         name: "elm.icon";
 137                         type: SWALLOW;
 138                         scale: 1;
 139                         description {
 140                                 state: "default" 0.0;
 141                                 min: STYLE2_ICON_W STYLE2_ICON_H;
 142                                 rel1 { relative: 0.0 0.0; }
 143                                 rel2 { relative: 1.0 1.0; }
 144                         }
 145                 }
 146
 147                 part {
 148                         name: "elm.badge.bg";
 149                         type: IMAGE;
 150                         scale: 1;
 151                         description {
 152                                 state: "default" 0.0;
 153                                 rel1 { relative: 0.0 0.0; to_x: "elm.badge.padding.left"; to_y: "elm.badge.text"; }
 154                                 rel2 { relative: 1.0 1.0; to_x: "elm.badge.padding.right"; to_y: "elm.badge.text"; }
 155                                 image.normal: "00_badge_40x40.png";
 156                                 image.border: STYLE2_BADGE_BORDER STYLE2_BADGE_BORDER STYLE2_BADGE_BORDER STYLE2_BADGE_BORDER;
 157                                 image.border_scale:1;
 158                         }
 159                 }
 160
 161                 part {
 162                         name: "elm.badge.text";
 163                         type: TEXT;
 164                         scale: 1;
 165                         description {
 166                                 state: "default" 0.0;
 167                                 fixed: 1 1;
 168                                 align: 1.0 0.5;
 169                                 rel1 { relative: (STYLE2_ICON_W-STYLE2_BADGE_W+STYLE2_BADGE_OVER_X+STYLE2_BADGE_PADDING)/STYLE2_ICON_W (STYLE2_BADGE_OVER_Y)/STYLE2_ICON_H; to: "elm.icon"; }
 170                                 rel2 { relative: (STYLE2_ICON_W+STYLE2_BADGE_OVER_X-STYLE2_BADGE_PADDING)/STYLE2_ICON_W (STYLE2_BADGE_H+STYLE2_BADGE_OVER_Y)/STYLE2_ICON_H; to: "elm.icon"; }
 171                                 text {
 172                                         font: "Tizen";
 173                                         size: 22;
 174                                         min: 1 1;
 175                                         align: 0.6 0.48;
 176                                         text_class: "tizen";
 177                                 }
 178                                 color: 255 255 255 255;
 179                         }
 180                 }
 181
 182                 part {
 183                         name: "elm.badge.padding.left";
 184                         type: RECT;
 185                         scale : 1;
 186                         description {
 187                                 state: "default" 0.0;
 188                                 min: STYLE2_BADGE_PADDING 0;
 189                                 fixed: 1 0;
 190                                 align: 1.0 0.0;
 191                                 rel1 { relative: 0.0 0.0; to: "elm.badge.text"; }
 192                                 rel2 { relative: 0.0 1.0; to: "elm.badge.text"; }
 193                                 color: 0 0 0 0;
 194                         }
 195                 }
 196
 197                 part {
 198                         name: "elm.badge.padding.right";
 199                         type: RECT;
 200                         scale : 1;
 201                         description {
 202                                 state: "default" 0.0;
 203                                 min: STYLE2_BADGE_PADDING 0;
 204                                 fixed: 1 0;
 205                                 align: 0.0 0.0;
 206                                 rel1 { relative: 1.0 0.0; to: "elm.badge.text"; }
 207                                 rel2 { relative: 1.0 1.0; to: "elm.badge.text"; }
 208                                 color: 0 0 0 0;
 209                         }
 210                 }
 211         }
 212 }