res/theme/worldclock_theme.edc

   1 /*
   2   * Copyright 2012  Samsung Electronics Co., Ltd
   3   *
   4   * Licensed under the Flora License, Version 1.0 (the "License");
   5   * you may not use this file except in compliance with the License.
   6   * You may obtain a copy of the License at
   7   *
   8   *     http://www.tizenopensource.org/license
   9   *
  10   * Unless required by applicable law or agreed to in writing, software
  11   * distributed under the License is distributed on an "AS IS" BASIS,
  12   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13   * See the License for the specific language governing permissions and
  14   * limitations under the License.
  15   */
  16
  17 #include "worldclock_macro.edc"
  18
  19 //#define NAVI_BAR_H      55
  20
  21 #define WIDTH                   480
  22 #define HEIGHT                  800
  23 #define HD_WIDTH                 720
  24 #define HD_HEIGHT               1280
  25
  26 //color
  27 #define COLOR_GENLIST_ITEM_BG               48  48      48 255
  28 #define COLOR_GENLIST_ITEM_PRESSED_BG       107 100 88 255
  29 #define COLOR_GENLIST_ITEM_BOTTOM_LINE_BG   82  82      82 255
  30
  31 #define COLOR_ADDVIEW_GENLIST_ITEM_BG       249 249 249 255
  32 #define COLOR_ADDVIEW_GENLIST_ITEM_BG_BLACK   0   0   0 255
  33
  34 #define COLOR_BOTTOM_LINE                   199 199 199 255
  35 #define COLOR_BOTTOM_LINE_BLACK              68  68  68 255
  36
  37 #define COLOR_DISCLIP_DISABLE_COLOR         255 255 255 64
  38
  39 // add list
  40 #define ADD_LIST_HEIGHT                 129
  41 #define ADD_LIST_FONT                   "SLP:style=Roman"
  42 #define ADD_LIST_FONT_SIZE              44
  43 #define ADD_LIST_SUB_FONT               "SLP:style=Medium"
  44 #define ADD_LIST_SUB_FONT_SIZE          32
  45 #define ADD_LIST_GMT_FONT               "SLP:style=Medium"
  46 #define ADD_LIST_GMT_FONT_SIZE          32
  47 #define ADD_LIST_COLOR                            0   0   0 255
  48 #define ADD_LIST_SUB_COLOR                      108 108 108 255
  49 #define ADD_LIST_GMT_COLOR                      108 108 108 255
  50 #define ADD_LIST_SELECTED_COLOR                 255 255 255 255
  51 #define ADD_LIST_COLOR_BLACK                    249 249 249 255
  52 #define ADD_LIST_SUB_COLOR_BLACK                100 100 100 255
  53 #define ADD_LIST_GMT_COLOR_BLACK                100 100 100 255
  54 #define ADD_LIST_SELECTED_COLOR_BLACK           249 249 249 255
  55 #define ADD_LIST_TEXTBLOCK_COLOR                "#4E4E4EFF"
  56 #define ADD_LIST_SELECTED_TEXTBLOCK_COLOR       "#4E4E4EFF"
  57 #define ADD_LIST_TEXTBLOCK_COLOR_BLACK          "#F9F9F9FF"
  58 #define ADD_LIST_SELECTED_TEXTBLOCK_COLOR_BLACK "#F9F9F9FF"
  59
  60 #define ADD_LIST_PADDING_TOP            10
  61 #define ADD_LIST_PADDING_BOTTOM         10
  62 #define ADD_LIST_PADDING_LEFT           16
  63 #define ADD_LIST_PADDING_RIGHT          16
  64 #define ADD_LIST_MIN_X                  153
  65 #define ADD_LIST_MIN_Y                  61
  66
  67 collections
  68 {
  69         //worldclock_addview_list
  70     group
  71     {
  72         name:  "elm/genlist/item/worldclock_addview_list/default";
  73         alias: "elm/genlist/item_odd/worldclock_addview_list/default";
  74         alias: "elm/genlist/item_compress/worldclock_addview_list/default";
  75         alias: "elm/genlist/item_compress_odd/worldclock_addview_list/default";
  76         data.item: "stacking" "above";
  77         data.item: "selectraise" "on";
  78         data.item: "texts" "elm.text.city elm.text.country elm.text.gmt";
  79         //data.item: "contents" "elm.swallow.city elm.swallow.country elm.swallow.gmt";
  80         data.item: "treesize" "20";
  81
  82         styles {
  83             style {
  84                 name: "city_textblock_style";
  85                 base: "font="ADD_LIST_FONT" font_size="ADD_LIST_FONT_SIZE" color="ADD_LIST_TEXTBLOCK_COLOR" wrap=char text_class=list_item";
  86                 tag:  "br" "\n";
  87                 tag:  "ps" "ps";
  88                 tag:  "tab" "\t";
  89             }
  90             style {
  91                 name: "city_textblock_selected_style";
  92                 base: "font="ADD_LIST_FONT" font_size="ADD_LIST_FONT_SIZE" color="ADD_LIST_SELECTED_TEXTBLOCK_COLOR" wrap=char text_class=list_item";
  93                 tag:  "br" "\n";
  94                 tag:  "ps" "ps";
  95                 tag:  "tab" "\t";
  96             }
  97         }
  98
  99         parts
 100         {
 101             part {
 102                 name:   "event";
 103                 type:   RECT;
 104                 repeat_events: 1;
 105                 scale: 1;
 106                 description {
 107                     min: 0 ADD_LIST_HEIGHT;
 108                     state: "default" 0.0;
 109                     color: COLOR_ADDVIEW_GENLIST_ITEM_BG;
 110                 }
 111             }
 112
 113             part {
 114                 name: "bg_image";
 115                 type: RECT;
 116                 clip_to: "disclip";
 117                 mouse_events: 0;
 118                 description {
 119                     state: "default" 0.0;
 120                     color: 249 249 249 255;
 121                 }
 122                 description {
 123                     state: "selected" 0.0;
 124                     inherit: "default" 0.0;
 125                     color: 199 185 164 255;
 126                 }
 127             }
 128
 129             WCL_GENLIST_PART_BOTTOM_LINE( COLOR_BOTTOM_LINE )
 130             WCL_GENLIST_PART_PADDING_TOP( ADD_LIST_PADDING_TOP )
 131             WCL_GENLIST_PART_PADDING_BOTTOM( ADD_LIST_PADDING_BOTTOM )
 132             WCL_GENLIST_PART_PADDING_LEFT( ADD_LIST_PADDING_LEFT   )
 133             WCL_GENLIST_PART_PADDING_RIGHT( ADD_LIST_PADDING_RIGHT  )
 134
 135             part {
 136                 name: "elm.text.gmt";
 137                 clip_to: "disclip";
 138                 type:           TEXT;
 139                 mouse_events:   0;
 140                 scale: 1;
 141                 description {
 142                     state: "default" 0.0;
 143                     min: ADD_LIST_MIN_X ADD_LIST_MIN_Y;
 144                     fixed: 1 1;
 145                     rel1 { relative: 0.0 1.0; to_x: "elm.padding.right"; to_y: "elm.padding.top"; }
 146                     rel2 { relative: 0.0 1.0; to_x: "elm.padding.right"; to_y: "elm.padding.top"; }
 147                     align: 1.0 0.0;
 148                     //rel1{relative: 0.7              0.0; }
 149                     //rel2{relative: (465.0/WIDTH)    0.6; }
 150                     color: ADD_LIST_GMT_COLOR;
 151                     text {
 152                         font: ADD_LIST_GMT_FONT;
 153                         size: ADD_LIST_GMT_FONT_SIZE;
 154                         min: 0 1;
 155                         align: 1.0 0.5;
 156                     }
 157                 }
 158                 description {
 159                     state: "selected" 0.0;
 160                     inherit: "default" 0.0;
 161                     color: ADD_LIST_SELECTED_COLOR;
 162                 }
 163             }
 164             part {
 165                 name: "elm.padding.gmt.left";
 166                 clip_to: "disclip";
 167                 type: RECT;
 168                 mouse_events: 0;
 169                 scale: 1;
 170                 description {
 171                     state: "default" 0.0;
 172                     min: 20 0;
 173                     fixed: 1 0;
 174                     rel1.to_x: "elm.text.gmt";
 175                     rel2 { relative: 0.0 1.0; to_x: "elm.text.gmt"; }
 176                     align: 1.0 0.5;
 177                     visible: 0;
 178                 }
 179             }
 180
 181             part {
 182                 name: "elm.text.city";
 183                 clip_to: "disclip";
 184                 type:           TEXTBLOCK;
 185                 mouse_events:   0;
 186                 scale: 1;
 187                 description {
 188                     state: "default" 0.0;
 189                     rel1 { relative: 1.0 1.0; to_x: "elm.padding.left";     to_y: "elm.padding.top"; }
 190                     rel2 { relative: 0.0 1.0; to_x: "elm.padding.gmt.left"; to_y: "elm.text.gmt"; }
 191                     fixed: 1 0;
 192                     //align: 0.0 0.5;
 193                     //rel1{relative: (15/WIDTH) 0.0; }
 194                     //rel2{relative: 1.0        0.6; }
 195                     color: ADD_LIST_COLOR;
 196                     text {
 197                         style: "city_textblock_style";
 198                         //font: ADD_LIST_FONT;
 199                         //size: ADD_LIST_FONT_SIZE;
 200                         min: 0 1;
 201                         align: 0.0 0.5;
 202                     }
 203                 }
 204                 description {
 205                     state: "selected" 0.0;
 206                     inherit: "default" 0.0;
 207                     text.style: "city_textblock_selected_style";
 208                     //color: ADD_LIST_SELECTED_COLOR;
 209                 }
 210             }
 211             part {
 212                 name: "elm.text.country";
 213                 clip_to: "disclip";
 214                 type:           TEXT;
 215                 mouse_events:   0;
 216                 scale: 1;
 217                 description {
 218                     state: "default" 0.0;
 219                     rel1 { relative: 1.0 1.0; to_x: "elm.padding.left";  to_y: "elm.text.city"; }
 220                     rel2 { relative: 0.0 0.0; to_x: "elm.padding.right"; to_y: "elm.padding.bottom"; }
 221                     //rel1{relative: (15/WIDTH)  0.6; }
 222                     //rel2{relative: 0.7         1.0; }
 223                     color: ADD_LIST_SUB_COLOR;
 224                     text {
 225                         font: ADD_LIST_SUB_FONT;
 226                         size: ADD_LIST_SUB_FONT_SIZE;
 227                         min: 0 1;
 228                         align: 0.0 0.5;
 229                     }
 230                 }
 231                 description {
 232                     state: "selected" 0.0;
 233                     inherit: "default" 0.0;
 234                     color: ADD_LIST_SELECTED_COLOR;
 235                 }
 236             }
 237
 238             part
 239             {
 240                 name: "elm.swallow.city";
 241                 clip_to: "disclip";
 242                 type: SWALLOW;
 243                 scale: 1;
 244                 description
 245                 {
 246                     state: "default" 0.0;
 247                     rel1{relative: (15/WIDTH) 0.0; }
 248                     rel2{relative: 1.0        0.6; }
 249                     fixed: 1 1;
 250                     align: 0.0 0.5;
 251                 }
 252             }
 253             part
 254             {
 255                 name: "elm.swallow.country";
 256                 clip_to: "disclip";
 257                 type: SWALLOW;
 258                 scale: 1;
 259                 description
 260                 {
 261                     state: "default" 0.0;
 262                     rel1{relative: (15/WIDTH)  0.6; }
 263                     rel2{relative: 0.7         1.0; }
 264                     fixed: 1 1;
 265                     align: 0.0 0.0;
 266                 }
 267             }
 268             part
 269             {
 270                 name: "elm.swallow.gmt";
 271                 clip_to: "disclip";
 272                 type: SWALLOW;
 273                 scale: 1;
 274                 description
 275                 {
 276                     state: "default" 0.0;
 277                     rel1{relative: 0.7              0.0; }
 278                     rel2{relative: (465.0/WIDTH)    0.6; }
 279                     align: 1.0 0.5;
 280                 }
 281             }
 282
 283             WCL_GENLIST_PART_DISCLIP(COLOR_DISCLIP_DISABLE_COLOR)
 284         }
 285         programs
 286         {
 287             program {
 288                 name: "go_active";
 289                 signal: "elm,state,selected";
 290                 source: "elm";
 291                 action: STATE_SET "selected" 0.0;
 292                 target: "bg_image";
 293                 target: "elm.text.city";
 294                 target: "elm.text.country";
 295                 target: "elm.text.gmt";
 296             }
 297             program {
 298                 name: "go_passive";
 299                 signal: "elm,state,unselected";
 300                 source: "elm";
 301                 action: STATE_SET "default" 0.0;
 302                 target: "bg_image";
 303                 target: "elm.text.city";
 304                 target: "elm.text.country";
 305                 target: "elm.text.gmt";
 306                 transition: LINEAR 0.1;
 307             }
 308             program {
 309                 name: "go_disabled";
 310                 signal: "elm,state,disabled";
 311                 source: "elm";
 312                 action: STATE_SET "disabled" 0.0;
 313                 target: "disclip";
 314             }
 315             program { name: "go_enabled";
 316                 signal: "elm,state,enabled";
 317                 source: "elm";
 318                 action: STATE_SET "default" 0.0;
 319                 target: "disclip";
 320             }
 321         }
 322     }
 323
 324     //worldclock_addview_list_black
 325     group
 326     {
 327         name:  "elm/genlist/item/worldclock_addview_list_black/default";
 328         alias: "elm/genlist/item_odd/worldclock_addview_list_black/default";
 329         alias: "elm/genlist/item_compress/worldclock_addview_list_black/default";
 330         alias: "elm/genlist/item_compress_odd/worldclock_addview_list_black/default";
 331         data.item: "stacking" "above";
 332         data.item: "selectraise" "on";
 333         data.item: "texts" "elm.text.city elm.text.country elm.text.gmt";
 334         //data.item: "contents" "elm.swallow.city elm.swallow.country elm.swallow.gmt";
 335         data.item: "treesize" "20";
 336
 337         styles {
 338             style {
 339                 name: "city_textblock_black_style";
 340                 base: "font="ADD_LIST_FONT" font_size="ADD_LIST_FONT_SIZE" color="ADD_LIST_TEXTBLOCK_COLOR_BLACK" wrap=char text_class=list_item";
 341                 tag:  "br" "\n";
 342                 tag:  "ps" "ps";
 343                 tag:  "tab" "\t";
 344             }
 345             style {
 346                 name: "city_textblock_black_selected_style";
 347                 base: "font="ADD_LIST_FONT" font_size="ADD_LIST_FONT_SIZE" color="ADD_LIST_SELECTED_TEXTBLOCK_COLOR_BLACK" wrap=char text_class=list_item";
 348                 tag:  "br" "\n";
 349                 tag:  "ps" "ps";
 350                 tag:  "tab" "\t";
 351             }
 352         }
 353
 354         parts
 355         {
 356             part {
 357                 name:   "event";
 358                 type:   RECT;
 359                 repeat_events: 1;
 360                 scale: 1;
 361                 description {
 362                     min: 0 ADD_LIST_HEIGHT;
 363                     state: "default" 0.0;
 364                     color: COLOR_ADDVIEW_GENLIST_ITEM_BG_BLACK;
 365                 }
 366             }
 367
 368             part {
 369                 name: "bg_image";
 370                 type: RECT;
 371                 clip_to: "disclip";
 372                 mouse_events: 0;
 373                 description { state: "default" 0.0;
 374                    color: 0 0 0 255;
 375                 }
 376                 description { state: "selected" 0.0;
 377                    inherit: "default" 0.0;
 378                    color: 50 65 74 255;
 379                 }
 380             }
 381
 382             WCL_GENLIST_PART_BOTTOM_LINE( COLOR_BOTTOM_LINE_BLACK )
 383             WCL_GENLIST_PART_PADDING_TOP( ADD_LIST_PADDING_TOP )
 384             WCL_GENLIST_PART_PADDING_BOTTOM( ADD_LIST_PADDING_BOTTOM )
 385             WCL_GENLIST_PART_PADDING_LEFT( ADD_LIST_PADDING_LEFT   )
 386             WCL_GENLIST_PART_PADDING_RIGHT( ADD_LIST_PADDING_RIGHT  )
 387
 388             part {
 389                 name: "elm.text.gmt";
 390                 clip_to: "disclip";
 391                 type:           TEXT;
 392                 mouse_events:   0;
 393                 scale: 1;
 394                 description {
 395                     state: "default" 0.0;
 396                     min: ADD_LIST_MIN_X ADD_LIST_MIN_Y;
 397                     fixed: 1 1;
 398                     rel1 { relative: 0.0 1.0; to_x: "elm.padding.right"; to_y: "elm.padding.top"; }
 399                     rel2 { relative: 0.0 1.0; to_x: "elm.padding.right"; to_y: "elm.padding.top"; }
 400                     align: 1.0 0.0;
 401                     color: ADD_LIST_GMT_COLOR_BLACK;
 402                     text {
 403                         font: ADD_LIST_GMT_FONT;
 404                         size: ADD_LIST_GMT_FONT_SIZE;
 405                         min: 0 1;
 406                         align: 1.0 0.5;
 407                     }
 408                 }
 409                 description {
 410                     state: "selected" 0.0;
 411                     inherit: "default" 0.0;
 412                     color: ADD_LIST_SELECTED_COLOR_BLACK;
 413                 }
 414             }
 415             part {
 416                 name: "elm.padding.gmt.left";
 417                 clip_to: "disclip";
 418                 type: RECT;
 419                 mouse_events: 0;
 420                 scale: 1;
 421                 description {
 422                     state: "default" 0.0;
 423                     min: 20 0;
 424                     fixed: 1 0;
 425                     rel1.to_x: "elm.text.gmt";
 426                     rel2 { relative: 0.0 1.0; to_x: "elm.text.gmt"; }
 427                     align: 1.0 0.5;
 428                     visible: 0;
 429                 }
 430             }
 431
 432             part {
 433                 name: "elm.text.city";
 434                 clip_to: "disclip";
 435                 type:           TEXT;
 436                 mouse_events:   0;
 437                 scale: 1;
 438                 description {
 439                     state: "default" 0.0;
 440                     //rel1 { relative: 1.0 1.0; to_x: "elm.padding.left";     to_y: "elm.padding.top"; }
 441                     //rel2 { relative: 0.0 1.0; to_x: "elm.padding.gmt.left"; to_y: "elm.text.gmt"; }
 442                     rel1{relative: (15/WIDTH) 0.0; }
 443                     rel2{relative: 1.0        0.6; }
 444                     align: 0.0 0.5;
 445                     color: ADD_LIST_COLOR_BLACK;
 446                     text {
 447                         //style: "city_textblock_black_style";
 448                         font: ADD_LIST_FONT;
 449                         size: ADD_LIST_FONT_SIZE;
 450                         min: 0 1;
 451                         align: 0.0 0.5;
 452                     }
 453                 }
 454                 description {
 455                     state: "selected" 0.0;
 456                     inherit: "default" 0.0;
 457                     text.style: "city_textblock_black_selected_style";
 458                     color: ADD_LIST_SELECTED_COLOR_BLACK;
 459                 }
 460             }
 461             part {
 462                 name: "elm.text.country";
 463                 clip_to: "disclip";
 464                 type:           TEXT;
 465                 mouse_events:   0;
 466                 scale: 1;
 467                 description {
 468                     state: "default" 0.0;
 469                     rel1 { relative: 1.0 1.0; to_x: "elm.padding.left";  to_y: "elm.text.city"; }
 470                     rel2 { relative: 0.0 0.0; to_x: "elm.padding.right"; to_y: "elm.padding.bottom"; }
 471                     color: ADD_LIST_SUB_COLOR_BLACK;
 472                     text {
 473                         font: ADD_LIST_SUB_FONT;
 474                         size: ADD_LIST_SUB_FONT_SIZE;
 475                         min: 0 1;
 476                         align: 0.0 0.0;
 477                     }
 478                 }
 479                 description {
 480                     state: "selected" 0.0;
 481                     inherit: "default" 0.0;
 482                     color: ADD_LIST_SELECTED_COLOR_BLACK;
 483                 }
 484             }
 485
 486             part
 487             {
 488                 name: "elm.swallow.city";
 489                 clip_to: "disclip";
 490                 type: SWALLOW;
 491                 scale: 1;
 492                 description
 493                 {
 494                     state: "default" 0.0;
 495                     rel1{relative: (15/WIDTH) 0.0; }
 496                     rel2{relative: 1.0        0.6; }
 497                     fixed: 1 1;
 498                     align: 0.0 0.5;
 499                 }
 500             }
 501             part
 502             {
 503                 name: "elm.swallow.country";
 504                 clip_to: "disclip";
 505                 type: SWALLOW;
 506                 scale: 1;
 507                 description
 508                 {
 509                     state: "default" 0.0;
 510                     rel1{relative: (15/WIDTH)  0.6; }
 511                     rel2{relative: 0.7         1.0; }
 512                     fixed: 1 1;
 513                     align: 0.0 0.0;
 514                 }
 515             }
 516             part
 517             {
 518                 name: "elm.swallow.gmt";
 519                 clip_to: "disclip";
 520                 type: SWALLOW;
 521                 scale: 1;
 522                 description
 523                 {
 524                     state: "default" 0.0;
 525                     rel1{relative: 0.7              0.0; }
 526                     rel2{relative: (465.0/WIDTH)    0.6; }
 527                     //fixed: 1 1;
 528                     align: 1.0 0.5;
 529                 }
 530             }
 531
 532             WCL_GENLIST_PART_DISCLIP(COLOR_DISCLIP_DISABLE_COLOR)
 533         }
 534         programs
 535         {
 536             program {
 537                 name: "go_active";
 538                 signal: "elm,state,selected";
 539                 source: "elm";
 540                 action: STATE_SET "selected" 0.0;
 541                 target: "bg_image";
 542                 target: "elm.text.city";
 543                 target: "elm.text.country";
 544                 target: "elm.text.gmt";
 545             }
 546             program {
 547                 name: "go_passive";
 548                 signal: "elm,state,unselected";
 549                 source: "elm";
 550                 action: STATE_SET "default" 0.0;
 551                 target: "bg_image";
 552                 target: "elm.text.city";
 553                 target: "elm.text.country";
 554                 target: "elm.text.gmt";
 555                 transition: LINEAR 0.1;
 556             }
 557             program {
 558                 name: "go_disabled";
 559                 signal: "elm,state,disabled";
 560                 source: "elm";
 561                 action: STATE_SET "disabled" 0.0;
 562                 target: "disclip";
 563             }
 564             program { name: "go_enabled";
 565                 signal: "elm,state,enabled";
 566                 source: "elm";
 567                 action: STATE_SET "default" 0.0;
 568                 target: "disclip";
 569             }
 570         }
 571     }
 572 }
 573