OLD | NEW |
1 #content, | 1 /****************************************************************************** |
2 #blog | 2 * Temparary styles |
3 { | 3 *****************************************************************************/ |
4 padding-top: 5em; | 4 |
5 } | 5 .avoid-wrap {display: inline-block;} |
6 | 6 .small {font-size: smaller;} |
7 #key-facts h1 | 7 |
8 { | 8 /****************************************************************************** |
9 font-size: 16px; | 9 * Browser-based styles |
10 } | 10 *****************************************************************************/ |
11 | 11 |
12 #content .sprite | 12 .show-on-msie { display: none; } |
13 { | 13 .msie .show-on-msie { display: inherit; } |
14 background-image: url(../img/sprite-index.png); | 14 .msie .hide-on-msie { display: none; } |
15 } | 15 |
16 | 16 .show-on-maxthon { display: none; } |
17 #abb-banner | 17 .maxthon .show-on-maxthon { display: inherit; } |
18 { | 18 .maxthon .hide-on-maxthon { display: none; } |
19 background-color: #ffffff; | 19 |
20 display: none; | 20 /****************************************************************************** |
21 padding: 50px 40px 40px 40px; | 21 * #hero-download |
22 margin-bottom: 30px; | 22 *****************************************************************************/ |
| 23 |
| 24 #hero-download |
| 25 { |
| 26 padding: 3em 1em; |
| 27 } |
| 28 |
| 29 @media (min-width: 576px) and (max-width: 1023px) |
| 30 { |
| 31 /* add spacing left/right on tablets */ |
| 32 #hero-download |
| 33 { |
| 34 padding-left: 3em; |
| 35 padding-right: 3em; |
| 36 } |
| 37 } |
| 38 |
| 39 @media (max-width: 575px) |
| 40 { |
| 41 /* disable avoid-wrap inside h1 on mobile */ |
| 42 #hero-download h1 .avoid-wrap |
| 43 { |
| 44 display: inline; |
| 45 } |
| 46 } |
| 47 |
| 48 @media (max-width: 1023px) |
| 49 { |
| 50 /* force hero unit columns to break on large tablets */ |
| 51 #hero-download .column |
| 52 { |
| 53 width: 100%; |
| 54 } |
| 55 } |
| 56 |
| 57 @media (min-width: 1024px) |
| 58 { |
| 59 #hero-download |
| 60 { |
| 61 padding-top: 6em; |
| 62 padding-bottom: 6em; |
| 63 } |
| 64 } |
| 65 |
| 66 #hero-download h1 |
| 67 { |
| 68 /* Spacing is provided by the hero-download section */ |
| 69 margin-top: 0; |
| 70 } |
| 71 |
| 72 @media (min-width: 576px) |
| 73 { |
| 74 /* force break without <br> on large screens */ |
| 75 #hero-download h1 .avoid-wrap:first-of-type |
| 76 { |
| 77 display: block; |
| 78 } |
| 79 } |
| 80 |
| 81 #hero-download-video |
| 82 { |
| 83 /* add space above on phones & tablets */ |
| 84 margin-top: 2em; |
| 85 /* prevent default full-width on small tablets */ |
| 86 max-width: 550px; |
| 87 } |
| 88 |
| 89 #hero-download-video |
| 90 { |
| 91 /* provide a little space between thumbnail and border + shadow */ |
| 92 padding: 1em 1em 0 1em; |
| 93 } |
| 94 |
| 95 @media (min-width: 1024px) |
| 96 { |
| 97 #hero-download-video |
| 98 { |
| 99 /* keep aligned-top despite padding below */ |
| 100 margin-top: -1em; |
| 101 } |
| 102 } |
| 103 |
| 104 #hero-download-video.has-iframe |
| 105 { |
| 106 /* remove space around thumbnail when thumbnail is replaced by video */ |
| 107 padding: 0; |
| 108 } |
| 109 |
| 110 /** Hide the video border + shadow only when the thumbnail alone is showing */ |
| 111 #hero-download-video.hide-disclaimer:not(.has-iframe) |
| 112 { |
| 113 border-color: transparent; |
| 114 /* there is no box-shadow-color property :( */ |
| 115 box-shadow: 1px 1px 0 0 transparent; |
| 116 } |
| 117 |
| 118 /* The thumbnail is taller than the video. But it's hard to see because of the |
| 119 * reflection and whitespace at the bottom. As a result, I am cutting out the |
| 120 * whitespace and reflection when I show the disclaimer so that the section |
| 121 * doesn't visibly resize when the thumbnail is replaced by the a iframe. |
| 122 */ |
| 123 |
| 124 |
| 125 /****************************************************************************** |
| 126 * #media |
| 127 *****************************************************************************/ |
| 128 |
| 129 #media-section |
| 130 { |
| 131 clear: both; |
23 text-align: center; | 132 text-align: center; |
24 } | 133 } |
25 | 134 |
26 #abb-banner h2 | 135 #media-header |
27 { | 136 { |
28 font-size: 28px; | 137 margin-bottom: 1em; |
29 font-weight: bold; | 138 } |
30 color: #333333; | 139 |
31 margin: 0px; | 140 #media-header h2 |
32 } | 141 { |
33 | 142 font-size: 1em; |
34 #abb-banner img | 143 font-weight: normal; |
35 { | 144 text-transform: uppercase; |
36 margin: 30px 0px 40px 0px; | 145 } |
37 width: 40%; | 146 |
38 min-width: 200px; | 147 #media-header h2, |
39 } | 148 #media-list |
40 | 149 { |
41 #abb-banner a | 150 margin: 0; |
42 { | 151 } |
43 display: none; | 152 |
44 padding: 20px; | 153 #media-list li |
45 background-color: #2f8ecb; | 154 { |
46 text-decoration: none; | 155 display: inline-block; |
47 font-size: 24px; | 156 } |
48 font-weight: bold; | 157 |
49 color: #ffffff; | 158 #media-list img |
50 border-radius: 5px; | 159 { |
51 } | 160 max-width: 10em; |
52 | 161 max-height: 3em; |
53 #content.ua-android, | 162 margin: 0 1em 1em; |
54 #content.ua-ios | 163 } |
55 { | 164 |
56 margin-top: 0px; | 165 #media-list a |
57 } | 166 { |
58 | 167 position: relative; |
59 #content.ua-android #abb-banner, | |
60 #content.ua-ios #abb-banner, | |
61 #content.ua-android #abb-android-download, | |
62 #content.ua-ios #abb-ios-download | |
63 { | |
64 display: block; | 168 display: block; |
65 } | 169 } |
66 | 170 |
67 #content.ua-android #adblock-browser-notification, | 171 #media-list a:hover img |
68 #content.ua-ios #adblock-browser-notification | 172 { |
69 { | 173 opacity: 0.3; |
70 display: none; | 174 } |
71 } | 175 |
72 | 176 #media-list a:hover:after |
73 #main, #home-video | 177 { |
74 { | 178 content: ""; |
75 display: inline-block; | |
76 vertical-align: top; /* Fix for https://bugzil.la/1320660 */ | |
77 } | |
78 | |
79 #maxthon-instruction, #edge-teaser | |
80 { | |
81 max-width: 540px; | |
82 background: #ffffff; | |
83 padding: 10px; | |
84 border: 1px solid #c9c9c9; | |
85 box-shadow: 1px 1px 0 0 #dbdbdb; | |
86 } | |
87 | |
88 #maxthon-instruction, | |
89 html[lang^="zh_"] #content.maxthon #home-video, | |
90 #content.maxthon #feature-free, | |
91 #content.maxthon #terms-message, | |
92 #feature-maxthon | |
93 { | |
94 display: none; | |
95 } | |
96 | |
97 #home-video | |
98 { | |
99 max-width: 520px; | |
100 } | |
101 | |
102 html[lang^="zh_"] #content.maxthon #maxthon-instruction | |
103 { | |
104 display: inline-block; | |
105 padding: 0px; | |
106 } | |
107 | |
108 #content.maxthon #feature-maxthon | |
109 { | |
110 display: inline-block; | |
111 } | |
112 | |
113 #summary h1, #summary h2 | |
114 { | |
115 font-weight: normal; | |
116 margin: 0; | |
117 } | |
118 | |
119 #summary h1 | |
120 { | |
121 font-size: 60px; | |
122 line-height: 50px; | |
123 margin-bottom: 8px; | |
124 } | |
125 | |
126 #summary h2 | |
127 { | |
128 font-size: 22px; | |
129 color: #d50215; | |
130 } | |
131 | |
132 #summary ul | |
133 { | |
134 list-style-type: none; | |
135 margin: 10px 0px 16px 0px; | |
136 padding-left: 40px; | |
137 padding-right: 0px; | |
138 color: #333333; | |
139 } | |
140 | |
141 html[dir="rtl"] #summary ul | |
142 { | |
143 padding-right: 40px; | |
144 padding-left: 0px; | |
145 } | |
146 | |
147 #summary li | |
148 { | |
149 margin-bottom: 5px; | |
150 line-height: 24px; | |
151 } | |
152 | |
153 #summary li.emphasized | |
154 { | |
155 font-weight: bold; | |
156 } | |
157 | |
158 #summary li .sprite | |
159 { | |
160 position: absolute; | 179 position: absolute; |
161 width: 12px; | 180 top: 50%; |
162 height: 11px; | 181 left: 50%; |
163 margin-top: 4px; | 182 height: 1em; |
164 margin-left: -17px; | 183 width: 1em; |
165 margin-right: 0px; | 184 padding: 1em; |
166 background-image: url(../img/sprite-main.png); | 185 margin-left: -1em; |
| 186 margin-top: -1em; |
| 187 border-radius: 50%; |
| 188 background-color: #000; |
| 189 background-image: url(../img/external-icon.png); |
| 190 background-image: linear-gradient(transparent, transparent), |
| 191 url(../img/external-icon.svg); |
167 background-repeat: no-repeat; | 192 background-repeat: no-repeat; |
168 background-position: -166px 0px; | 193 background-position: center; |
169 } | 194 background-size: 1em; |
170 | 195 } |
171 .license-note | 196 |
172 { | 197 @media (min-width: 1024px) |
173 display: none; | 198 { |
174 font-weight: normal; | 199 #media |
175 } | 200 { |
176 | 201 display: table; |
177 html[dir="rtl"] #summary li .sprite | 202 width: 100%; |
178 { | 203 } |
179 margin-right: -17px; | 204 |
180 margin-left: 0px; | 205 #media-header, |
181 } | 206 #media-list |
182 | 207 { |
183 #terms-message, | 208 display: table-cell; |
184 #terms-message a | 209 vertical-align: middle; |
185 { | 210 width: auto; |
186 font-size: 12px; | 211 } |
187 } | 212 |
188 | 213 #media-header |
189 /* This cannot be just .install-button because a:link will have a higher | 214 { |
190 specificity otherwise (overrides text color) */ | 215 margin-bottom: 0; |
191 #install .install-button | 216 } |
192 { | 217 |
193 display: none; | 218 #media-header small |
194 position: relative; | 219 { |
195 width: 305px; | 220 display: none; |
196 height: 50px; | 221 } |
197 color: #fff; | 222 |
198 font-size: 20px; | 223 #media-list { direction: rtl; } |
199 text-decoration: none; | 224 [dir="rtl"] #media-list { direction: ltr; } |
200 text-align: center; | 225 |
201 line-height: 50px; | 226 @supports (display: flex) |
202 background: #c4c4c4; | 227 { |
203 background: -webkit-linear-gradient(top, #c4c4c4, #9e9e9e); | 228 #media-list |
204 background: -moz-linear-gradient(top, #c4c4c4, #9e9e9e); | 229 { |
205 background: -ms-linear-gradient(top, #c4c4c4, #9e9e9e); | 230 display: flex; |
206 background: -o-linear-gradient(top, #c4c4c4, #9e9e9e); | 231 justify-content: space-between; |
207 background: linear-gradient(top, #c4c4c4, #9e9e9e); | 232 align-items: center; |
208 box-shadow: 0 1px 0 0 #6b6b6b, 0 2px 0 0 #757575; | 233 } |
209 text-shadow: 2px 2px 2px #7a7a7a; | 234 } |
210 border: none; | 235 |
211 border-radius: 3px; | 236 #media-list |
212 bottom: 6px; | 237 { |
213 -webkit-transition: box-shadow 0.3s ease; | 238 display: table; |
214 -moz-transition: box-shadow 0.3s ease; | 239 width: 100%; |
215 -ms-transition: box-shadow 0.3s ease; | 240 } |
216 -o-transition: box-shadow 0.3s ease; | 241 |
217 transition: box-shadow 0.3s ease; | 242 #media-list li |
218 } | 243 { |
219 | 244 display: table-cell; |
220 .install-button:hover | 245 vertical-align: middle; |
221 { | 246 } |
222 box-shadow: 0px 2px 7px #6f6f6f, 0 1px 0 0 #6f6f6f; | 247 |
223 } | 248 #media-list img |
224 | 249 { |
225 .install-button:active | 250 margin: 0 2em; |
226 { | 251 } |
227 background: #a2a2a2; | 252 } |
228 background: -webkit-linear-gradient(bottom, #cacaca, #a2a2a2); | 253 |
229 background: -moz-linear-gradient(bottom, #cacaca, #a2a2a2); | 254 /****************************************************************************** |
230 background: -ms-linear-gradient(bottom, #cacaca, #a2a2a2); | 255 * #abb-cross-promotion |
231 background: -o-linear-gradient(bottom, #cacaca, #a2a2a2); | 256 *****************************************************************************/ |
232 background: linear-gradient(bottom, #cacaca, #a2a2a2); | 257 |
233 box-shadow: 0px 0px 7px #6f6f6f; | 258 #abb-cross-promotion |
234 -webkit-transition: none; | 259 { |
235 -moz-transition: none; | 260 padding: 3em 0; |
236 -ms-transition: none; | 261 } |
237 -o-transition: none; | 262 |
238 transition: none; | 263 #abb-cross-promotion h2 |
239 bottom: 4px; | 264 { |
240 } | 265 margin-top: 0; |
241 | 266 margin-bottom: 1.5em; |
242 #content.android .install-button, | 267 } |
243 #content.firefox.ua-firefox .install-button, | 268 |
244 #content.chrome.ua-chrome .install-button, | 269 #abb-cross-promotion h2, |
245 #content.opera.ua-opera .install-button, | 270 #abb-cross-promotion h3 |
246 #content.internet-explorer.ua-internet-explorer .install-button, | 271 { |
247 #content.safari.ua-safari .install-button, | 272 text-transform: uppercase; |
248 #content.safari.ua-ios .install-button, | 273 } |
249 #content.yandex-browser.ua-yandex-browser .install-button, | 274 |
250 #content.edge.ua-edge .install-button, | 275 #abb-logo |
251 /* IE6 fixes */ | 276 { |
252 #content.firefox_ua-firefox .install-button, | 277 max-width: 10em; |
253 #content.chrome_ua-chrome .install-button, | 278 } |
254 #content.opera_ua-opera .install-button, | 279 |
255 #content.internet-explorer_ua-internet-explorer .install-button, | 280 #abb-app-store-badges |
256 #content.safari_ua-safari .install-button, | 281 { |
257 #content.yandex-browser_ua-yandex-browser .install-button, | 282 margin-top: 2em; |
258 #content.edge_ua-edge .install-button | 283 } |
259 { | 284 |
260 background: #62c52b; | 285 #abb-app-store-badges img |
261 background: -webkit-linear-gradient(top, #62c52b, #4f9d22); | 286 { |
262 background: -moz-linear-gradient(top, #62c52b, #4f9d22); | 287 width: 200px; |
263 background: -ms-linear-gradient(top, #62c52b, #4f9d22); | 288 } |
264 background: -o-linear-gradient(top, #62c52b, #4f9d22); | 289 |
265 background: linear-gradient(top, #62c52b, #4f9d22); | 290 @media (max-width: 575px) |
266 box-shadow: 0 1px 0 0 #486c15, 0 2px 0 0 #517422; | 291 { |
267 text-shadow: 2px 2px 2px #327d14; | 292 #abb-app-store-badges a:first-of-type |
268 } | 293 { |
269 | 294 margin-bottom: 0.5em; |
270 #content.android .install-button:hover, | 295 } |
271 #content.firefox.ua-firefox .install-button:hover, | 296 } |
272 #content.chrome.ua-chrome .install-button:hover, | 297 |
273 #content.opera.ua-opera .install-button:hover, | 298 @media (min-width: 576px) |
274 #content.internet-explorer.ua-internet-explorer .install-button:hover, | 299 { |
275 #content.safari.ua-safari .install-button:hover, | 300 #abb-app-store-badges .one-half |
276 #content.safari.ua-ios .install-button:hover, | 301 { |
277 #content.yandex-browser.ua-yandex-browser .install-button:hover, | 302 width: 50%; |
278 #content.edge.ua-edge .install-button:hover, | 303 } |
279 /* IE6 fixes */ | 304 |
280 #content.firefox_ua-firefox .install-button:hover, | 305 #abb-cross-promotion figure, |
281 #content.chrome_ua-chrome .install-button:hover, | 306 #abb-app-store-badges |
282 #content.opera_ua-opera .install-button:hover, | 307 { |
283 #content.internet-explorer_ua-internet-explorer .install-button:hover, | 308 padding-left: 2em; |
284 #content.safari_ua-safari .install-button:hover, | 309 padding-right: 2em; |
285 #content.yandex-browser_ua-yandex-browser .install-button:hover, | 310 } |
286 #content.edge_ua-edge .install-button:hover | 311 } |
287 { | 312 |
288 box-shadow: 0px 2px 7px #486c15, 0 1px 0 0 #486c15; | 313 /****************************************************************************** |
289 } | 314 * #footnote |
290 | 315 *****************************************************************************/ |
291 #content.android .install-button:active, | |
292 #content.firefox.ua-firefox .install-button:active, | |
293 #content.chrome.ua-chrome .install-button:active, | |
294 #content.opera.ua-opera .install-button:active, | |
295 #content.internet-explorer.ua-internet-explorer .install-button:active, | |
296 #content.safari.ua-safari .install-button:active, | |
297 #content.safari.ua-ios .install-button:active, | |
298 #content.yandex-browser.ua-yandex-browser .install-button:active, | |
299 #content.edge.ua-edge .install-button:active, | |
300 /* IE6 fixes */ | |
301 #content.firefox_ua-firefox .install-button:active, | |
302 #content.chrome_ua-chrome .install-button:active, | |
303 #content.opera_ua-opera .install-button:active, | |
304 #content.internet-explorer_ua-internet-explorer .install-button:active, | |
305 #content.safari_ua-safari .install-button:active, | |
306 #content.yandex-browser_ua-yandex-browser .install-button:active, | |
307 #content.edge_ua-edge .install-button:active | |
308 { | |
309 background: #4f9d22; | |
310 background: -webkit-linear-gradient(bottom, #62c52b, #4f9d22); | |
311 background: -moz-linear-gradient(bottom, #62c52b, #4f9d22); | |
312 background: -ms-linear-gradient(bottom, #62c52b, #4f9d22); | |
313 background: -o-linear-gradient(bottom, #62c52b, #4f9d22); | |
314 background: linear-gradient(bottom, #62c52b, #4f9d22); | |
315 box-shadow: 0px 0px 7px #486c15; | |
316 } | |
317 | |
318 #content.firefox #install-firefox, #content.chrome #install-chrome, | |
319 #content.opera #install-opera, #content.android #install-android, | |
320 #content.internet-explorer #install-internet-explorer, | |
321 #content.safari.ua-ios #install-ios-safari, | |
322 #content.safari:not(.ua-ios) #install-safari, | |
323 #content.yandex-browser #install-yandex-browser, | |
324 #content.edge #install-edge | |
325 { | |
326 display: inline-block; | |
327 } | |
328 | |
329 #other-platform ul | |
330 { | |
331 list-style: none; | |
332 display: inline-block; | |
333 margin: 0px; | |
334 padding: 0; | |
335 vertical-align: bottom; | |
336 } | |
337 | |
338 html[dir="rtl"] #install ul | |
339 { | |
340 margin: 0 5px 0 0; | |
341 } | |
342 | |
343 #other-platform li | |
344 { | |
345 display: inline-block; | |
346 margin: 0 3px; | |
347 font-size: 0; | |
348 } | |
349 | |
350 #other-platform li a | |
351 { | |
352 width: 19px; | |
353 height: 20px; | |
354 } | |
355 | |
356 #platform-firefox | |
357 { | |
358 background-position: -108px -89px; | |
359 } | |
360 | |
361 #information-android | |
362 { | |
363 display: none; | |
364 } | |
365 | |
366 #content.android #information-android | |
367 { | |
368 display: block; | |
369 } | |
370 | |
371 #content.firefox #platform-firefox | |
372 { | |
373 background-position: -108px -68px; | |
374 } | |
375 | |
376 #platform-chrome | |
377 { | |
378 background-position: -88px -89px; | |
379 } | |
380 | |
381 #content.chrome #platform-chrome | |
382 { | |
383 background-position: -88px -68px; | |
384 } | |
385 | |
386 #platform-android | |
387 { | |
388 background-position: -68px -89px; | |
389 } | |
390 | |
391 #content.android #platform-android | |
392 { | |
393 background-position: -68px -68px; | |
394 } | |
395 | |
396 #platform-opera | |
397 { | |
398 background-position: -68px -131px; | |
399 } | |
400 | |
401 #content.opera #platform-opera | |
402 { | |
403 background-position: -68px -110px; | |
404 } | |
405 | |
406 #platform-internet-explorer | |
407 { | |
408 background-position: -108px -131px; | |
409 } | |
410 | |
411 #content.internet-explorer #platform-internet-explorer | |
412 { | |
413 background-position: -108px -110px; | |
414 } | |
415 | |
416 #platform-safari | |
417 { | |
418 background-position: -88px -131px; | |
419 } | |
420 | |
421 #content.safari #platform-safari | |
422 { | |
423 background-position: -88px -110px; | |
424 } | |
425 | |
426 #platform-yandex-browser | |
427 { | |
428 background-position: -128px -89px; | |
429 } | |
430 | |
431 #content.yandex-browser #platform-yandex-browser | |
432 { | |
433 background-position: -128px -68px; | |
434 } | |
435 | |
436 #platform-maxthon | |
437 { | |
438 background-position: -128px -130px; | |
439 } | |
440 | |
441 #content.maxthon #platform-maxthon | |
442 { | |
443 background-position: -128px -109px; | |
444 } | |
445 | |
446 #platform-edge | |
447 { | |
448 background-position: -68px -171px; | |
449 } | |
450 | |
451 #content.edge #platform-edge | |
452 { | |
453 background-position: -68px -151px; | |
454 } | |
455 | |
456 #content h3.subscribe-header | |
457 { | |
458 font-size: 18px; | |
459 margin-bottom: 0px; | |
460 } | |
461 | |
462 #other-platform > div, | |
463 #content.edge #home-video, | |
464 #edge-teaser | |
465 { | |
466 display: none; | |
467 } | |
468 | |
469 .warning-platform, | |
470 .disclaimer, | |
471 #maxthon-notification | |
472 { | |
473 display: none; | |
474 color: #D00; | |
475 text-align: center; | |
476 border: 1px solid #D00; | |
477 padding: 5px; | |
478 border-radius: 5px; | |
479 } | |
480 | |
481 .disclaimer | |
482 { | |
483 font-size: 14px; | |
484 color: #000; | |
485 text-align: left; | |
486 } | |
487 | |
488 #content.ua-firefox .warning-platform.firefox, | |
489 #content.ua-chrome .warning-platform.chrome, | |
490 #content.ua-android .warning-platform.android, | |
491 #content.ua-opera .warning-platform.opera, | |
492 #content.ua-internet-explorer .warning-platform.internet-explorer, | |
493 #content.ua-safari .warning-platform.safari, | |
494 #content.ua-yandex-browser .warning-platform.yandex-browser, | |
495 #content.ua-maxthon .warning-platform.maxthon, | |
496 html[lang^="zh_"] #maxthon-notification | |
497 { | |
498 display: block; | |
499 } | |
500 | |
501 #content.firefox.ua-firefox .warning-platform.firefox, | |
502 #content.chrome.ua-chrome .warning-platform.chrome, | |
503 #content.android.ua-android .warning-platform.android, | |
504 #content.opera.ua-opera .warning-platform.opera, | |
505 #content.internet-explorer.ua-internet-explorer .warning-platform.internet-explo
rer, | |
506 #content.safari.ua-safari .warning-platform.safari, | |
507 #content.yandex-browser.ua-yandex-browser .warning-platform.yandex-browser, | |
508 #content.maxthon.ua-maxthon .warning-platform.maxthon, | |
509 #content.ua-maxthon #maxthon-notification, | |
510 #content.maxthon #maxthon-notification, | |
511 /* IE6 fixes */ | |
512 #content.firefox_ua-firefox .warning-platform.firefox, | |
513 #content.chrome_ua-chrome .warning-platform.chrome, | |
514 #content.opera_ua-opera .warning-platform.opera, | |
515 #content.internet-explorer_ua-internet-explorer .warning-platform.internet-explo
rer, | |
516 #content.safari_ua-safari .warning-platform.safari, | |
517 #content.yandex-browser_ua-yandex-browser .warning-platform.yandex-browser, | |
518 #content.maxthon_ua-maxthon .warning-platform.maxthon | |
519 { | |
520 display: none; | |
521 } | |
522 | |
523 #key-facts | |
524 { | |
525 box-sizing: content-box; | |
526 } | |
527 | |
528 #key-facts section | |
529 { | |
530 display: inline-block; | |
531 } | |
532 | |
533 #key-facts section h1 | |
534 { | |
535 margin: 0px; | |
536 } | |
537 | |
538 #key-facts section .sprite | |
539 { | |
540 position: absolute; | |
541 width: 67px; | |
542 height: 67px; | |
543 margin-top: 0px; | |
544 margin-left: -80px; | |
545 margin-right: 0px; | |
546 border: none; | |
547 } | |
548 | |
549 html[dir="rtl"] #key-facts section .sprite | |
550 { | |
551 margin-right: -80px; | |
552 margin-left: 0px; | |
553 } | |
554 | |
555 | |
556 #facts-open-source | |
557 { | |
558 background-position: -68px 0px; | |
559 } | |
560 | |
561 #facts-downloads | |
562 { | |
563 background-position: 0px 0px; | |
564 } | |
565 | |
566 #facts-privacy | |
567 { | |
568 background-position: 0px -68px; | |
569 } | |
570 | |
571 #key-facts | |
572 { | |
573 margin-bottom: 40px; | |
574 } | |
575 | |
576 #key-facts section p | |
577 { | |
578 margin-bottom: 0px; | |
579 font-size: 14px; | |
580 } | |
581 | |
582 #key-facts section a | |
583 { | |
584 font-size: 14px; | |
585 } | |
586 | 316 |
587 #footnote | 317 #footnote |
588 { | 318 { |
589 margin-top: 20px; | 319 padding-top: 3em; |
590 text-align: start; | 320 padding-bottom: 2em; |
| 321 font-size: 13px; |
591 color: #7d7d7d; | 322 color: #7d7d7d; |
592 } | 323 } |
593 | |
594 #footnote, | |
595 #footnote li, | |
596 #footnote a, | |
597 #footnote strong | |
598 { | |
599 font-size: 11px; | |
600 } | |
601 | |
602 #footnote li | |
603 { | |
604 padding-bottom: 5px; | |
605 } | |
606 | |
607 #footnote li:first-child | |
608 { | |
609 padding-top: 5px; | |
610 } | |
611 | |
612 #footnote ul | |
613 { | |
614 margin: 0px; | |
615 padding: 0px 30px; | |
616 } | |
617 | |
618 .notice | |
619 { | |
620 padding: 20px; | |
621 line-height: 1.4; | |
622 color: #000; | |
623 background-color: #fff; | |
624 border: 2px solid #a1a1a1; | |
625 } | |
626 | |
627 #ready-for-windows-notice | |
628 { | |
629 margin-bottom: 30px; | |
630 } | |
OLD | NEW |