1 ClockHomeCityItem{

     2     layout: homecity-portrait;

     3 }

     4 ClockHomeCityItem:landscape{

     5     layout: homecity-landscape;

     6 }

     7 ClockHomeCityItem::dayNightIcon{

     8     top: -var(hb-param-margin-gene-top);

     9     left: -var(hb-param-margin-gene-left);

    10     right: var(hb-param-margin-gene-middle-horizontal);

    11     bottom: var(hb-param-margin-gene-bottom);

    12 

    13     fixed-height: var(hb-param-graphic-size-primary-large);

    14     fixed-width: var(hb-param-graphic-size-primary-large);

    15 }

    16 

    17 ClockHomeCityItem::dateText{

    18     top: -var(hb-param-margin-gene-top);

    19     right: var(hb-param-margin-gene-middle-horizontal);

    20     text-height: var(hb-param-text-height-tiny);

    21     text-align: left;

    22 }

    23 

    24 ClockHomeCityItem::cityText{

    25     top: -var(hb-param-margin-gene-middle-vertical);

    26     right: var(hb-param-margin-gene-middle-horizontal);

    27     text-height: var(hb-param-text-height-primary);

    28     text-align: left;

    29 }

    30 

    31 ClockHomeCityItem::dstIcon{

    32     top: -var(hb-param-margin-gene-top);

    33     right: var(hb-param-margin-gene-right);

    34 

    35     fixed-height: var(hb-param-graphic-size-secondary);

    36     fixed-width: var(hb-param-graphic-size-secondary);

    37 }

    38 

    39 ClockHomeCityItem::timeText{

    40     right: var(hb-param-margin-gene-right);

    41     text-height: var(hb-param-text-height-tiny);

    42     text-align: right;

    43     fixed-width: 16un;

    44 }