|
1 /******* css for bookmark dialog *******/ |
|
2 |
1 /*TBD: This should be cleaned up to use a set of common dialog classes */ |
3 /*TBD: This should be cleaned up to use a set of common dialog classes */ |
2 |
4 |
|
5 #BookmarkDialogId { |
|
6 /*dimensions*/ |
|
7 width: 327px; |
|
8 background: -webkit-gradient(linear, left top, left bottom, from(#6780a1), to(#4c607d)); |
|
9 /*font specification*/ |
|
10 font-family: "Series 60 Sans", "Nokia Sans S60", sans-serif; |
|
11 border-radius: 9px; |
|
12 border: 3px solid #003159; |
|
13 } |
|
14 |
|
15 @media (device-width:800px){ |
3 #BookmarkDialogId |
16 #BookmarkDialogId |
4 { |
17 { |
5 width: 302px; |
18 width: 450px; |
6 } |
19 } |
7 |
20 } |
|
21 |
|
22 #BookmarkDialogTitleId { |
|
23 /*dimensions*/ |
|
24 width: 307px; |
|
25 height: 32px; |
|
26 /*margins & paddings*/ |
|
27 margin-top: 20px; |
|
28 padding: 2px; |
|
29 border-radius: 3px; |
|
30 /*decorations*/ |
|
31 background-color:white; |
|
32 border-color:#c8c8c8;} |
|
33 |
|
34 @media (device-width:800px){ |
8 #BookmarkDialogTitleId |
35 #BookmarkDialogTitleId |
9 { |
36 { |
10 width: 256; |
37 width: 410; |
11 height:32px; |
38 height:54px; |
12 background-color:white; |
39 font-size: 35px; |
13 padding:2px; |
40 margin-top: 8px; |
14 border-radius: 3px; |
41 margin-bottom: 8px; |
15 border-color:#c8c8c8 |
42 margin-right: 16px; |
16 } |
43 } |
17 |
44 } |
|
45 |
|
46 #BookmarkDialogUrlId { |
|
47 /*dimensions*/ |
|
48 width:307px; |
|
49 height:32px; |
|
50 /*margins & paddings*/ |
|
51 padding:2px; |
|
52 margin-bottom: 10px; |
|
53 margin-top: 20px; |
|
54 border-radius: 3px; |
|
55 /*decorations*/ |
|
56 background-color:white; |
|
57 border-color:#c8c8c8;} |
|
58 |
|
59 @media (device-width:800px){ |
18 #BookmarkDialogUrlId |
60 #BookmarkDialogUrlId |
19 { |
61 { |
20 width:256px; |
62 width:410px; |
21 height:32px; |
63 height:54px; |
22 background-color:white; |
64 font-size: 35px; |
23 border-color:#c8c8c8; |
65 margin-top: 8px; |
24 border-radius: 3px; |
66 margin-bottom: 8px; |
25 padding:2px; |
67 margin-right: 16px; |
26 margin-top: 15px; |
68 margin-top: 0px; |
27 } |
69 } |
28 |
70 } |
29 div.bookmarkTextLabel{ |
71 |
30 background-image: url(icons/menu_icon_bookmarks.png); |
72 div.bookmarkTextLabelContainer { |
31 background-repeat: no-repeat; |
73 /*dimensions*/ |
32 font-size: 22px; |
74 height: 21px; |
33 height: 21px; |
75 /*margins & paddings*/ |
34 padding-left: 40px; |
76 margin-bottom: 8px; |
35 color: #fff; |
77 padding-left: 40px; |
36 margin-bottom: 15px; |
78 /*decorations*/ |
37 } |
79 color: #fff; |
38 |
80 background-image: url(/bookmarkview/menu_icon_bookmarks.png); |
|
81 background-repeat: no-repeat; |
|
82 /*font specification*/ |
|
83 font-size: 22px;} |
|
84 |
|
85 @media (device-width:800px){ |
|
86 div.bookmarkTextLabelContainer{ |
|
87 background-image: url(iconsMaemo/menu_icon_bookmarks.png); |
|
88 font-size: 25px; |
|
89 height: 35px; |
|
90 margin-bottom: 0px; |
|
91 vertical-align:text-top; |
|
92 } |
|
93 } |
|
94 |
|
95 #BookmarkDialogId div.top { |
|
96 /*dimensions*/ |
|
97 height: 10px; |
|
98 } |
|
99 |
|
100 @media (device-width:800px){ |
39 #BookmarkDialogId div.top{ |
101 #BookmarkDialogId div.top{ |
40 background-image: url(icons/dialog_top.png); |
102 background-image: url(iconsMaemo/dialog_top.png); |
41 background-repeat: no-repeat; |
103 } |
|
104 } |
|
105 |
|
106 #BookmarkDialogId div.body { |
|
107 /*margins & paddings*/ |
|
108 padding-left: 8px; |
|
109 padding-top: 2px; |
|
110 } |
|
111 |
|
112 @media (device-width:800px){ |
|
113 #BookmarkDialogId div.body{ |
|
114 background-image: url(iconsMaemo/dialog_center.png); |
|
115 } |
|
116 } |
|
117 |
|
118 #BookmarkDialogId div.bottom { |
|
119 /*dimensions*/ |
|
120 height: 10px; |
|
121 /*decorations*/ |
|
122 } |
|
123 |
|
124 @media (device-width:800px){ |
|
125 #BookmarkDialogId div.bottom{ |
|
126 background-image: url(iconsMaemo/dialog_bottom.png); |
42 height:11px; |
127 height:11px; |
43 } |
128 } |
44 |
129 } |
45 #BookmarkDialogId div.body{ |
130 |
46 background-image: url(icons/dialog_center.png); |
131 div.controls { |
47 padding-left:20px; |
132 /*dimensions*/ |
48 padding-top: 5px; |
133 height: 54px; |
49 padding-bottom:7px; |
134 width: 230px; |
50 background-repeat: repeat-y; |
135 /*margins & paddings*/ |
51 } |
136 margin: auto;} |
52 |
137 |
53 #BookmarkDialogId div.bottom{ |
138 @media (device-width:800px){ |
54 background-image: url(icons/dialog_bottom.png); |
|
55 background-repeat: no-repeat; |
|
56 height:10px; |
|
57 background-position:left bottom; |
|
58 } |
|
59 |
|
60 div.controls{ |
139 div.controls{ |
|
140 height: 70px; |
|
141 width: 290px; |
|
142 } |
|
143 } |
|
144 |
|
145 div.bookmarkDoneButton { |
|
146 /*dimensions*/ |
|
147 width: 100px; |
61 height: 54px; |
148 height: 54px; |
62 margin: auto; |
149 /*margins & paddings*/ |
63 width: 230px; |
150 margin-right: 10px; |
64 } |
151 border: none; |
65 |
152 /*decorations*/ |
|
153 background-image: url(/bookmarkview/dialog_buttons_tick.png); |
|
154 background-repeat: no-repeat; |
|
155 background-repeat: center center; |
|
156 float: left;} |
|
157 |
|
158 @media (device-width:800px){ |
66 div.bookmarkDoneButton{ |
159 div.bookmarkDoneButton{ |
67 width: 100px; |
160 width: 70px; |
68 height: 54px; |
161 height: 70px; |
69 background-image: url(icons/dialog_buttons_tick.png); |
162 background-image: url(iconsMaemo/dialog_buttons_tick.png); |
70 background-repeat: no-repeat; |
163 margin-right:138px; |
71 background-repeat: center center; |
164 } |
72 border: none; |
165 } |
73 margin-right:10px; |
166 |
74 float: left; |
167 div.bookmarkDoneButton:active { |
75 |
168 /*decorations*/ |
76 } |
169 background-image: url(/bookmarkview/dialog_buttons_tick_pressed.png);} |
77 |
170 |
|
171 @media (device-width:800px){ |
78 div.bookmarkDoneButton:active{ |
172 div.bookmarkDoneButton:active{ |
79 background-image: url(icons/dialog_buttons_tick_pressed.png); |
173 background-image: url(iconsMaemo/dialog_buttons_tick_pressed.png); |
80 } |
174 } |
81 |
175 } |
82 |
176 |
|
177 div.bookmarkCancelButton { |
|
178 /*dimensions*/ |
|
179 width: 100px; |
|
180 height: 54px; |
|
181 /*margins & paddings*/ |
|
182 margin: none; |
|
183 border: none; |
|
184 /*decorations*/ |
|
185 background-image: url(/bookmarkview/dialog_buttons_cross.png); |
|
186 background-repeat: no-repeat; |
|
187 background-repeat: center center; |
|
188 float: left;} |
|
189 |
|
190 div.bookmarkCancelButton:active { |
|
191 /*decorations*/ |
|
192 background-image: url(/bookmarkview/dialog_buttons_cross_pressed.png);} |
|
193 |
|
194 @media (device-width:800px){ |
83 div.bookmarkCancelButton{ |
195 div.bookmarkCancelButton{ |
84 width: 100px; |
196 width: 70px; |
85 height: 54px; |
197 height: 70px; |
86 background-image: url(icons/dialog_buttons_cross.png); |
198 background-image: url(iconsMaemo/dialog_buttons_cross.png); |
87 background-repeat: no-repeat; |
199 } |
88 background-repeat: center center; |
200 } |
89 border: none; |
201 |
90 margin:none; |
202 @media (device-width:800px){ |
91 float: left; |
|
92 } |
|
93 |
|
94 div.bookmarkCancelButton:active{ |
203 div.bookmarkCancelButton:active{ |
95 background-image: url(icons/dialog_buttons_cross_pressed.png); |
204 background-image: url(iconsMaemo/dialog_buttons_cross_pressed.png); |
96 } |
205 } |
97 |
206 } |
98 div.bookmarkCheckboxTextLabel { |
207 div.bookmarkCheckboxTextLabel { |
99 font-size:20px; |
208 /*decorations*/ |
100 height:20px; |
209 color: #fff; |
101 color:#fff; |
210 /*font specification*/ |
102 display: none; |
211 font-size: 20px; |
103 } |
212 /*misc*/ |
|
213 display: none;} |
104 |
214 |
105 #bookmarkCheckboxId { |
215 #bookmarkCheckboxId { |
106 width:20px; |
216 /*margins & paddings*/ |
107 height:20px; |
217 border: none; |
108 background-color:white; |
218 } |
109 border-color:#c8c8c8; |
|
110 border-radius:3px; |
|
111 margin-top:15px; |
|
112 } |
|