emailuis/widget/xuikon/00/emailwidget.css
branchRCL_3
changeset 10 f5907b1a1053
parent 8 e1b6206813b4
child 12 4ce476e64c59
--- a/emailuis/widget/xuikon/00/emailwidget.css	Fri Feb 19 22:37:30 2010 +0200
+++ b/emailuis/widget/xuikon/00/emailwidget.css	Fri Mar 12 15:41:14 2010 +0200
@@ -1,110 +1,133 @@
 widget#EmailWidget
 {
-    display: block;
-    width: 100%;
-    height: 12.5u;  /* From layout data: Based on 3-row widget height */
-    direction: ltr;
+    display:          block;
+    width:            100%;
+    height:           12.5u;  /* From layout data: Based on 3-row widget height */
+    direction:        ltr;
 }
 
 box#SetupContainer
 {
-    display: block;
-    padding-top:    0.5u; /* From layout data */
-    padding-bottom: 0.5u; /* From layout data */
-    padding-left:   0.5u; /* From layout data */
-    padding-right:  0.5u; /* From layout data */
-    width: 100%;
-    height: 100%;
-    direction: ltr;
-    block-progression: tb;
-    nav-index: appearance;	
+    display:          block;
+    padding-top:      0.5u; /* From layout data */
+    padding-bottom:   0.5u; /* From layout data */
+    padding-left:     0.5u; /* From layout data */
+    padding-right:    0.5u; /* From layout data */
+    width:            100%;
+    height:           100%;
+    direction:        ltr;
+    block-progression:tb;
+    nav-index:        appearance;	
 }
 
 box#MailsContainer
 {
     display: block;
-    padding-top:    0.5u; /* From layout data */
-    padding-bottom: 0.5u; /* From layout data */
-    padding-left:   0.5u; /* From layout data */
-    padding-right:  0.5u; /* From layout data */
-    width: 100%;
-    height: 100%;
-    direction: ltr;
-    block-progression: tb;
-    nav-index: appearance;	
+    padding-top:      0.5u; /* From layout data */
+    padding-bottom:   0.5u; /* From layout data */
+    padding-left:     0.5u; /* From layout data */
+    padding-right:    0.5u; /* From layout data */
+    width:            100%;
+    height:           100%;
+    direction:        ltr;
+    block-progression:tb;
+    nav-index:        appearance;	
 }
 
 box.row_container
 {
-    display: block;
-    padding-top:    0.25u;  /* From layout data */
-    padding-bottom: 0u;     /* From layout data: Padding between rows is included in top padding */
-    width:          auto;   /* From layout data: Fit to screen */
-    height:         3.5u;   /* From layout data: Height inside padding */
-    block-progression: lr;
-    direction: ltr;
-    nav-index:auto;
+    display:          block;
+    padding-top:      0.25u;  /* From layout data */
+    padding-bottom:   0u;     /* From layout data: Padding between rows is included in top padding */
+    width:            auto;   /* From layout data: Fit to screen */
+    height:           3.5u;   /* From layout data: Height inside padding */
+    block-progression:lr;
+    direction:        ltr;
+    nav-index:        auto;
+}
+
+box.setup_row_2_container
+{
+    display:          block;
+    padding-top:      1u;
+    padding-bottom:   1u;
+    padding-left:     18u;
+    width:            auto;
+    height:           auto;
+    block-progression:lr;
+    direction:        ltr;
+}
+
+box.setup_brand_container
+{
+    display:          block;
+    width:            6u;
+    height:           6u;
+    block-progression:lr;
+    direction:        ltr;
 }
 
 box.image_container
 {
     display: block;
-    padding-left:   0.5u;   /* From layout data */
-    padding-right:  0.5u;   /* From layout data */
-    width:          3.5u;   /* From layout data */
-    height:         auto;   /* From layout data: Fills whole row_container height (3.5u) */
-    block-progression: lr;
-    direction: ltr;
-}
-
-box.text_field_container
-{
-    display: block;
-    padding-left:   0.5u;   /* From layout data */
-    padding-right:  0.5u;   /* From layout data */
-    width:          auto;   /* From layout data: This box is in the middle and width depends on available space */
-    height:         auto;   /* From layout data: Fills whole row_container height (3.5u) */
-    block-progression: lr;
-    direction: ltr;
-}
-
-box.mail_time_container
-{
-    display: block;
-    padding-left:   0.5u;   /* From layout data */
-    padding-right:  0.5u;   /* From layout data */
-    width:        13.23u;   /* From layout data: 12h clock = 3.78 * font-size  (24h clock = 2.20 * font-size) */
-    height: auto;
-    block-progression: lr;
-    direction: ltr;
+    padding-left:     0.5u;   /* From layout data */
+    padding-right:    0.5u;   /* From layout data */
+    width:            3.5u;   /* From layout data */
+    height:           auto;   /* From layout data: Fills whole row_container height (3.5u) */
+    block-progression:lr;
+    direction:        ltr;
 }
 
 box.indicator_image_container
 {
     display: block;
-    padding-left:   0.5u;
-    padding-right:  0.5u;
-    width:          3.5u;
-    height:         3.5u;
-    block-progression: lr;
+    padding-left:     0.5u;
+    padding-right:    0.5u;
+    width:            3.5u;
+    height:           3.5u;
+    block-progression:lr;
     direction: ltr;
 }
 
 text
 {
-    display: block;
-    position: static;
-    text-align: left;
-    font-family: EAknLogicalFontSecondaryFont;  /* LAF font */
-    font-size: 3.5u;                            /* LAF font-size */
+    display:          block;
+    position:         static;
+    text-align:       left;
+    font-family:      EAknLogicalFontSecondaryFont;  /* LAF font */
+    font-size:        3.5u;                            /* LAF font-size */
     _s60-text-valign: top;                      /* Set vertical text position correctly */
-    color:"SKIN(268458534 13056 74)";           /* LAF color */     
-    direction: ltr;
+    color:            "SKIN(268458534 13056 74)";           /* LAF color */     
+    direction:        ltr;
+    width:            auto;   /* From layout data: This box is in the middle and width depends on available space */
+    height:           auto;   /* From layout data: Fills whole row_container height (3.5u) */    
+}
+
+text.text_mailbox
+{
+    padding-left:     0.5u;
+    width:            auto;
+}
+
+text.sender_text
+{
+    padding-left:     0.5u;   /* From layout data */
+    width:            30%;    
+}
+
+text.subject_text
+{
+    padding-left:     0.5u;   /* From layout data */    
+    width:            auto;
 }
 
 text.time_text
 {
-    text-align: right;
+    text-align:       right;
+    width:            adaptive;
+    height:           auto;
+    padding-right:    0.5u;
+    padding-left:     0.2u;
 }
 
 image