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