emailuis/widget/xuikon/50/emailwidget.css
branchRCL_3
changeset 31 72d484772ca6
child 16 4ce476e64c59
equal deleted inserted replaced
8:e1b6206813b4 31:72d484772ca6
       
     1 widget#EmailWidget
       
     2 {
       
     3     display:          block;
       
     4     width:            100%;
       
     5     height:           12.5u;  /* From layout data: Based on 3-row widget height */
       
     6     direction:        ltr;
       
     7 }
       
     8 
       
     9 box#SetupContainer
       
    10 {
       
    11     display:          block;
       
    12     padding-top:      0.5u; /* From layout data */
       
    13     padding-bottom:   0.5u; /* From layout data */
       
    14     padding-left:     0.5u; /* From layout data */
       
    15     padding-right:    0.5u; /* From layout data */
       
    16     width:            100%;
       
    17     height:           100%;
       
    18     direction:        ltr;
       
    19     block-progression:tb;
       
    20     nav-index:        appearance;	
       
    21 }
       
    22 
       
    23 box#MailsContainer
       
    24 {
       
    25     display: block;
       
    26     padding-top:      0.5u; /* From layout data */
       
    27     padding-bottom:   0.5u; /* From layout data */
       
    28     padding-left:     0.5u; /* From layout data */
       
    29     padding-right:    0.5u; /* From layout data */
       
    30     width:            100%;
       
    31     height:           100%;
       
    32     direction:        ltr;
       
    33     block-progression:tb;
       
    34     nav-index:        appearance;	
       
    35 }
       
    36 
       
    37 box.row_container
       
    38 {
       
    39     display:          block;
       
    40     padding-top:      0.25u;  /* From layout data */
       
    41     padding-bottom:   0u;     /* From layout data: Padding between rows is included in top padding */
       
    42     width:            auto;   /* From layout data: Fit to screen */
       
    43     height:           3.5u;   /* From layout data: Height inside padding */
       
    44     block-progression:lr;
       
    45     direction:        rtl;
       
    46     nav-index:        auto;
       
    47 }
       
    48 
       
    49 box.setup_row_2_container
       
    50 {
       
    51     display:          block;
       
    52     padding-top:      1u;
       
    53     padding-bottom:   1u;
       
    54     padding-right:    18u;
       
    55     width:            auto;
       
    56     height:           auto;
       
    57     block-progression:lr;
       
    58     direction:        rtl;
       
    59 }
       
    60 
       
    61 box.setup_brand_container
       
    62 {
       
    63     display:          block;
       
    64     width:            6u;
       
    65     height:           6u;
       
    66     block-progression:lr;
       
    67     direction:        ltr;
       
    68 }
       
    69 
       
    70 box.image_container
       
    71 {
       
    72     display: block;
       
    73     padding-left:     0.5u;   /* From layout data */
       
    74     padding-right:    0.5u;   /* From layout data */
       
    75     width:            3.5u;   /* From layout data */
       
    76     height:           auto;   /* From layout data: Fills whole row_container height (3.5u) */
       
    77     block-progression:lr;
       
    78     direction:        ltr;
       
    79 }
       
    80 
       
    81 box.indicator_image_container
       
    82 {
       
    83     display: block;
       
    84     padding-left:     0.5u;
       
    85     padding-right:    0.5u;
       
    86     width:            3.5u;
       
    87     height:           3.5u;
       
    88     block-progression:lr;
       
    89     direction: ltr;
       
    90 }
       
    91 
       
    92 text
       
    93 {
       
    94     display:          block;
       
    95     position:         static;
       
    96     text-align:       right;
       
    97     font-family:      EAknLogicalFontSecondaryFont;  /* LAF font */
       
    98     font-size:        3.5u;                            /* LAF font-size */
       
    99     _s60-text-valign: top;                      /* Set vertical text position correctly */
       
   100     color:            "SKIN(268458534 13056 74)";           /* LAF color */     
       
   101     direction:        ltr;
       
   102     width:            auto;   /* From layout data: This box is in the middle and width depends on available space */
       
   103     height:           auto;   /* From layout data: Fills whole row_container height (3.5u) */    
       
   104 }
       
   105 
       
   106 text.text_mailbox
       
   107 {
       
   108     padding-left:     0.5u;
       
   109     width:            auto;
       
   110 }
       
   111 
       
   112 text.sender_text
       
   113 {
       
   114     padding-left:     0.5u;   /* From layout data */
       
   115     width:            30%;    
       
   116 }
       
   117 
       
   118 text.subject_text
       
   119 {
       
   120     padding-left:     0.5u;   /* From layout data */    
       
   121     width:            auto;
       
   122 }
       
   123 
       
   124 text.time_text
       
   125 {
       
   126     text-align:       left;
       
   127     width:            adaptive;
       
   128     height:           auto;
       
   129     padding-right:    0.5u;
       
   130     padding-left:     0.2u;
       
   131 }
       
   132 
       
   133 image
       
   134 {
       
   135     _s60-aspect-ratio:preserve;
       
   136 }