|
1 /******* css for bookmark dialog *******/ |
|
2 |
|
3 /*TBD: This should be cleaned up to use a set of common dialog classes */ |
|
4 |
|
5 #BookmarkDialogId { |
|
6 /*dimensions*/ |
|
7 width: 327px; |
|
8 background: -webkit-gradient(linear, left top, left bottom, from(#060808), to(#777779)); |
|
9 /*font specification*/ |
|
10 font-family: "Series 60 Sans", "Nokia Sans S60", sans-serif; |
|
11 border-radius: 9px; |
|
12 border: 2px solid #aaaaab; |
|
13 } |
|
14 |
|
15 @media (device-width:800px){ |
|
16 #BookmarkDialogId |
|
17 { |
|
18 width: 450px; |
|
19 } |
|
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){ |
|
35 #BookmarkDialogTitleId |
|
36 { |
|
37 width: 410; |
|
38 height:54px; |
|
39 font-size: 35px; |
|
40 margin-top: 8px; |
|
41 margin-bottom: 8px; |
|
42 margin-right: 16px; |
|
43 } |
|
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){ |
|
60 #BookmarkDialogUrlId |
|
61 { |
|
62 width:410px; |
|
63 height:54px; |
|
64 font-size: 35px; |
|
65 margin-top: 8px; |
|
66 margin-bottom: 8px; |
|
67 margin-right: 16px; |
|
68 margin-top: 0px; |
|
69 } |
|
70 } |
|
71 |
|
72 div.bookmarkTextLabel { |
|
73 /*dimensions*/ |
|
74 height: 21px; |
|
75 /*margins & paddings*/ |
|
76 margin-bottom: 8px; |
|
77 padding-left: 40px; |
|
78 /*decorations*/ |
|
79 color: #fff; |
|
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.bookmarkTextLabel{ |
|
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){ |
|
101 #BookmarkDialogId div.top{ |
|
102 background-image: url(iconsMaemo/dialog_top.png); |
|
103 } |
|
104 } |
|
105 |
|
106 #BookmarkDialogId div.body { |
|
107 /*margins & paddings*/ |
|
108 padding-left: 8px; |
|
109 padding-right: 8px; |
|
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 } |
|
122 |
|
123 @media (device-width:800px){ |
|
124 #BookmarkDialogId div.bottom{ |
|
125 background-image: url(iconsMaemo/dialog_bottom.png); |
|
126 height:11px; |
|
127 } |
|
128 } |
|
129 |
|
130 div.controls { |
|
131 /*dimensions*/ |
|
132 height: 54px; |
|
133 width: 230px; |
|
134 /*margins & paddings*/ |
|
135 margin: auto; |
|
136 padding-top:10px; |
|
137 } |
|
138 |
|
139 @media (device-width:800px){ |
|
140 div.controls{ |
|
141 height: 70px; |
|
142 width: 290px; |
|
143 } |
|
144 } |
|
145 |
|
146 div.bookmarkDoneButton { |
|
147 /*dimensions*/ |
|
148 width: 100px; |
|
149 height: 54px; |
|
150 /*margins & paddings*/ |
|
151 margin-right: 10px; |
|
152 border: none; |
|
153 /*decorations*/ |
|
154 background-image: url(/bookmarkview/dialog_buttons_tick.png); |
|
155 background-repeat: no-repeat; |
|
156 background-repeat: center center; |
|
157 float: left;} |
|
158 |
|
159 @media (device-width:800px){ |
|
160 div.bookmarkDoneButton{ |
|
161 width: 70px; |
|
162 height: 70px; |
|
163 background-image: url(iconsMaemo/dialog_buttons_tick.png); |
|
164 margin-right:138px; |
|
165 } |
|
166 } |
|
167 |
|
168 div.bookmarkDoneButton:active { |
|
169 /*decorations*/ |
|
170 background-image: url(/bookmarkview/dialog_buttons_tick_pressed.png);} |
|
171 |
|
172 @media (device-width:800px){ |
|
173 div.bookmarkDoneButton:active{ |
|
174 background-image: url(iconsMaemo/dialog_buttons_tick_pressed.png); |
|
175 } |
|
176 } |
|
177 |
|
178 div.bookmarkCancelButton { |
|
179 /*dimensions*/ |
|
180 width: 100px; |
|
181 height: 54px; |
|
182 /*margins & paddings*/ |
|
183 margin-top: none; |
|
184 border: none; |
|
185 /*decorations*/ |
|
186 background-image: url(/bookmarkview/dialog_buttons_cross.png); |
|
187 background-repeat: no-repeat; |
|
188 background-repeat: center center; |
|
189 float: left;} |
|
190 |
|
191 div.bookmarkCancelButton:active { |
|
192 /*decorations*/ |
|
193 background-image: url(/bookmarkview/dialog_buttons_cross_pressed.png);} |
|
194 |
|
195 @media (device-width:800px){ |
|
196 div.bookmarkCancelButton{ |
|
197 width: 70px; |
|
198 height: 70px; |
|
199 background-image: url(iconsMaemo/dialog_buttons_cross.png); |
|
200 } |
|
201 } |
|
202 |
|
203 @media (device-width:800px){ |
|
204 div.bookmarkCancelButton:active{ |
|
205 background-image: url(iconsMaemo/dialog_buttons_cross_pressed.png); |
|
206 } |
|
207 } |
|
208 div.bookmarkCheckboxTextLabel { |
|
209 /*decorations*/ |
|
210 color: #fff; |
|
211 /*font specification*/ |
|
212 font-size: 20px; |
|
213 /*misc*/ |
|
214 display: none;} |
|
215 |
|
216 #bookmarkCheckboxId { |
|
217 /*margins & paddings*/ |
|
218 border: none; |
|
219 } |