|
1 /******* css for settings view *******/ |
|
2 body { /*margins & paddings*/ |
|
3 position: absolute; |
|
4 top: 0; |
|
5 left: 0; |
|
6 bottom: 0; |
|
7 right: 0px; |
|
8 padding: 0px; |
|
9 margin: 0px; |
|
10 /*decorations*/ |
|
11 background-color: black; |
|
12 color: white; |
|
13 /*font specification*/ |
|
14 font-family: "Series 60 Sans", "Nokia Sans S60", sans-serif; |
|
15 overflow:none; |
|
16 } |
|
17 |
|
18 html { |
|
19 background-color: transparent; |
|
20 } |
|
21 |
|
22 ::-webkit-scrollbar { |
|
23 width: 20px; |
|
24 height: 10px; |
|
25 } |
|
26 |
|
27 ::-webkit-scrollbar-track-piece { |
|
28 background-color: #3b3b3b; |
|
29 -webkit-border-radius: 8px; |
|
30 border-left-style: solid; |
|
31 border-right-style: solid; |
|
32 border-left-width: 1px; |
|
33 border-right-width: 1px; |
|
34 border-left-color: #222222; |
|
35 border-right-color: #7c7c7c; |
|
36 } |
|
37 |
|
38 ::-webkit-scrollbar-thumb:vertical { |
|
39 height: 40px; |
|
40 background-color: #666; |
|
41 border: 1px solid #999; |
|
42 border-right-color: #555; |
|
43 border-left-color:#bbb; |
|
44 -webkit-border-radius: 8px; |
|
45 } |
|
46 |
|
47 #BottomPad { /*dimensions*/ |
|
48 height: 54px; |
|
49 /*margins & paddings*/ |
|
50 padding: 8px 10px 8px 10px; |
|
51 /*misc*/ |
|
52 clear: both; |
|
53 } |
|
54 |
|
55 .settingstext { |
|
56 |
|
57 /*margins & paddings*/ |
|
58 margin: 0px; |
|
59 padding: 0px; |
|
60 padding-top: 2px; |
|
61 padding-left: 32px; |
|
62 max-width: 100%; |
|
63 /*decorations*/ |
|
64 color: white; |
|
65 /*font specification*/ |
|
66 font-size: 24px; |
|
67 font-style: bold; |
|
68 /*misc*/ |
|
69 z-index: 1; |
|
70 text-align: left; |
|
71 white-space: nowrap; |
|
72 vertical-align: middle; |
|
73 } |
|
74 |
|
75 |
|
76 .accordionButton { /*decorations*/ |
|
77 float: left; |
|
78 /*misc*/ |
|
79 cursor: pointer; |
|
80 } |
|
81 |
|
82 .accordionButtonGS { /*dimensions*/ |
|
83 width: 100%; |
|
84 /*margins & paddings*/ |
|
85 padding-top: 10px; |
|
86 padding-bottom: 10px; |
|
87 /*decorations*/ |
|
88 color: #cccccc; |
|
89 background-repeat: repeat-x; |
|
90 float: left; |
|
91 /*font specification*/ |
|
92 font-size: 24px; |
|
93 font-style: bold; |
|
94 /*misc*/ |
|
95 cursor: pointer; |
|
96 vertical-align: middle; |
|
97 } |
|
98 |
|
99 .accordionButtonCD { /*dimensions*/ |
|
100 width: 100%; |
|
101 /*margins & paddings*/ |
|
102 padding-top: 10px; |
|
103 padding-bottom: 10px; |
|
104 /*decorations*/ |
|
105 color: #cccccc; |
|
106 background-repeat: repeat-x; |
|
107 float: left; |
|
108 /*font specification*/ |
|
109 font-size: 24px; |
|
110 font-style: bold; |
|
111 /*misc*/ |
|
112 cursor: pointer; |
|
113 vertical-align: middle; |
|
114 } |
|
115 |
|
116 .accordionButtonABT { /*dimensions*/ |
|
117 width: 100%; |
|
118 /*margins & paddings*/ |
|
119 padding-right: 5px; |
|
120 padding-top: 10px; |
|
121 padding-bottom: 10px; |
|
122 /*decorations*/ |
|
123 color: #cccccc; |
|
124 background-repeat: repeat-x; |
|
125 float: left; |
|
126 /*font specification*/ |
|
127 font-size: 24px; |
|
128 font-style: bold; |
|
129 /*misc*/ |
|
130 cursor: pointer; |
|
131 vertical-align: middle; |
|
132 } |
|
133 |
|
134 .accordionContent { /*decorations*/ |
|
135 color: white; |
|
136 float: left; |
|
137 width: 100%; |
|
138 /*misc*/ |
|
139 display: none; |
|
140 } |
|
141 |
|
142 .accordionContentItemCD { /*decorations*/ |
|
143 background-image: url(/settingsview/list_itembg.png); |
|
144 background-repeat: repeat-x; |
|
145 background-position: left top; |
|
146 vertical-align: middle; |
|
147 width: 100%; |
|
148 height: 64px; |
|
149 margin: 0px; |
|
150 padding: 0px; |
|
151 } |
|
152 |
|
153 .accordionContentCharacterEncodingItem { |
|
154 float: left; |
|
155 /*dimensions*/ |
|
156 width: 100%; |
|
157 /*decorations*/ |
|
158 background-image: url(/settingsview/list_itembg.png); |
|
159 background-repeat: repeat-x; |
|
160 background-position: left top; |
|
161 } |
|
162 |
|
163 #selected_encoding_option { |
|
164 display: block; |
|
165 float: left; |
|
166 /*dimensions*/ |
|
167 width: 100%; |
|
168 height: 70px; |
|
169 /*decorations*/ |
|
170 background-color: transparent; |
|
171 } |
|
172 |
|
173 #character_encoding_value { |
|
174 font-size:16pt; |
|
175 color: cyan; |
|
176 padding-left: 6px; |
|
177 } |
|
178 |
|
179 .encoding_state { |
|
180 width: 100%; |
|
181 height: 24px; |
|
182 margin: 0px; |
|
183 margin-bottom: -1px; |
|
184 padding-top: 10px; |
|
185 display: block; |
|
186 float: left; |
|
187 vertical-align: middle; |
|
188 background-color: transparent; |
|
189 } |
|
190 |
|
191 .encoding_options label { |
|
192 display: inline; |
|
193 float: left; |
|
194 margin: 0px; |
|
195 padding-top: 10px; |
|
196 padding-left: 48px; |
|
197 text-align: left; |
|
198 width:60%; |
|
199 height:40px; |
|
200 font-size: 16pt; |
|
201 font-style: bold; |
|
202 overflow: hidden; |
|
203 } |
|
204 |
|
205 span.encoding_option { |
|
206 display: block; |
|
207 float:left; |
|
208 width: 100%; |
|
209 height: 50px; |
|
210 margin: 0px; |
|
211 margin-top: 0px; |
|
212 padding: 0px; |
|
213 padding-right: 40px; |
|
214 background-image: url(/settingsview/list_headerbg_closed.png); |
|
215 background-repeat: repeat-x; |
|
216 background-position: left bottom; |
|
217 } |
|
218 |
|
219 span.encoding_option:pressed { |
|
220 background-image: url(/settingsview/list_headerbg_open.png); |
|
221 background-repeat: repeat-x; |
|
222 background-position: left bottom; |
|
223 } |
|
224 |
|
225 div#saverestore_container { |
|
226 width 100%; |
|
227 height: 60px; |
|
228 } |
|
229 |
|
230 div#saverestore_container div { |
|
231 padding-top: 18px; |
|
232 margin-bottom: 2px; |
|
233 float: left; |
|
234 height: 98%; |
|
235 width: 60%; |
|
236 } |
|
237 |
|
238 #saverestore { |
|
239 float: right; |
|
240 padding-right: 40px; |
|
241 vertical-align: middle; |
|
242 padding-top: 5px; |
|
243 padding-bottom: 5px; |
|
244 } |
|
245 |
|
246 div.accordionButtonABT img, |
|
247 div.accordionButtonCD img, |
|
248 div.accordionButtonGS img { |
|
249 padding-right: 5; |
|
250 float: right; |
|
251 vertical-align: middle; |
|
252 } |
|
253 |
|
254 span#txt_browser_settings_general_settings_save_browser_history { |
|
255 height: 100%; |
|
256 vertical-align: middle; |
|
257 } |
|
258 |
|
259 div.settingstext>span#txt_browser_settings_clear_data_cache, |
|
260 div.settingstext>span#txt_browser_settings_clear_data_cookies, |
|
261 div.settingstext>span#txt_browser_settings_clear_data_history, |
|
262 div.settingstext>span#txt_browser_settings_clear_data_bookmarks, |
|
263 div.settingstext>span#txt_browser_settings_clear_data_location, |
|
264 div.settingstext>span#txt_browser_settings_clear_data_all { |
|
265 display: inline; |
|
266 float: left; |
|
267 overflow: hidden; |
|
268 height: 100%; |
|
269 } |
|
270 |
|
271 span#txt_browser_settings_clear_data_cache, |
|
272 span#txt_browser_settings_clear_data_cookies, |
|
273 span#txt_browser_settings_clear_data_history, |
|
274 span#txt_browser_settings_clear_data_bookmarks, |
|
275 span#txt_browser_settings_clear_data_location, |
|
276 span#txt_browser_settings_clear_data_all { |
|
277 display: inline; |
|
278 padding-top: 16px; |
|
279 float: left; |
|
280 width: 74%; |
|
281 margin-right: 2px; |
|
282 } |
|
283 |
|
284 img#id1, img#id2, img#id3, img#id4, img#id5, img#id6 { |
|
285 /*decorations*/ |
|
286 display: inline; |
|
287 float: right; |
|
288 margin: 0px; |
|
289 margin-top: -1px; |
|
290 padding: 0px; |
|
291 padding-right: 5px; |
|
292 white-space: nowrap; |
|
293 text-align: right; |
|
294 vertical-align: middle; |
|
295 top:0px; |
|
296 } |
|
297 |
|
298 .accordionContentAboutItem { |
|
299 /*decorations*/ |
|
300 background-image: url(/settingsview/list_itembg_about.png); |
|
301 background-repeat: repeat-x; |
|
302 background-position: right bottom; |
|
303 /*misc*/ |
|
304 display: none; |
|
305 height: 510px; |
|
306 padding-left: 32px; |
|
307 font-size: 18pt; |
|
308 } |
|
309 |
|
310 #release_label { |
|
311 padding-top: 6px; |
|
312 } |
|
313 |
|
314 .contenttext { |
|
315 background-color: black; |
|
316 border: 1px solid #666; |
|
317 border-radius: 9px; |
|
318 /*dimensions*/ |
|
319 /*margins & paddings*/ |
|
320 margin:0px; |
|
321 margin-right: 6px; |
|
322 padding: 0px; |
|
323 padding-right: 2px; |
|
324 padding-top: 2px; |
|
325 padding-bottom: 2px; |
|
326 height: 280px; |
|
327 /*decorations*/ |
|
328 color: white; |
|
329 |
|
330 /*font specification*/ |
|
331 font-size: 18px; |
|
332 font-weight: normal; |
|
333 /*misc*/ |
|
334 z-index: 1; |
|
335 overflow:hidden; |
|
336 text-overflow: hidden; |
|
337 } |