Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Side by Side Diff: static/css/index.css

Issue 5636796054503424: Issue 1170 - [adblockplus.org Anwiki to CMS migration] Migrate content (Closed)
Patch Set: Addressed feedback. Created Feb. 20, 2015, 2:54 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
OLDNEW
1 #content h1, #content h2 1 #content h1, #content h2
2 { 2 {
3 font-size: 16px; 3 font-size: 16px;
4 } 4 }
5 5
6 #content .sprite 6 #content .sprite
7 { 7 {
8 background-image: url(../img/sprite-index.png); 8 background-image: url(../img/sprite-index.png);
9 } 9 }
10 10
11 #main, #video 11 #main, #video
12 { 12 {
13 display: inline-block; 13 display: inline-block;
14 } 14 }
15 15
16 #video 16 #video, #maxthon-instruction
17 { 17 {
18 background: white; 18 background: white;
19 padding: 10px; 19 padding: 10px;
20 border: 1px solid #c9c9c9; 20 border: 1px solid #c9c9c9;
21 box-shadow: 1px 1px 0 0 #dbdbdb; 21 box-shadow: 1px 1px 0 0 #dbdbdb;
22 } 22 }
23 23
24 #maxthon-instruction,
25 html[lang^="zh_"] #content.maxthon #video,
26 #content.maxthon #feature-free,
27 #feature-maxthon
28 {
29 display: none;
30 }
31
32 html[lang^="zh_"] #content.maxthon #maxthon-instruction
33 {
34 display: inline-block;
35 padding: 0px;
36 }
37
38 #content.maxthon #feature-maxthon
39 {
40 display: inline-block;
41 }
42
24 #summary h1, #summary h2 43 #summary h1, #summary h2
25 { 44 {
26 font-weight: normal; 45 font-weight: normal;
27 margin: 0; 46 margin: 0;
28 } 47 }
29 48
30 #summary h1 49 #summary h1
31 { 50 {
32 font-size: 60px; 51 font-size: 60px;
33 line-height: 50px; 52 line-height: 50px;
(...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after
72 width: 12px; 91 width: 12px;
73 height: 11px; 92 height: 11px;
74 margin-top: 4px; 93 margin-top: 4px;
75 margin-left: -17px; 94 margin-left: -17px;
76 margin-right: 0px; 95 margin-right: 0px;
77 background-image: url(../img/sprite-main.png); 96 background-image: url(../img/sprite-main.png);
78 background-repeat: no-repeat; 97 background-repeat: no-repeat;
79 background-position: -166px 0px; 98 background-position: -166px 0px;
80 } 99 }
81 100
101 .license-note
102 {
103 display: none;
104 font-weight: normal;
105 }
106
107 html[lang="fr"] .license-note.lang-fr
108 {
109 display: inline;
110 }
111
82 html[dir="rtl"] #summary li .sprite 112 html[dir="rtl"] #summary li .sprite
83 { 113 {
84 margin-right: -17px; 114 margin-right: -17px;
85 margin-left: 0px; 115 margin-left: 0px;
86 } 116 }
87 117
88 /* This cannot be just .install-button because a:link will have a higher 118 /* This cannot be just .install-button because a:link will have a higher
89 specificity otherwise (overrides text color) */ 119 specificity otherwise (overrides text color) */
90 #install-container .install-button 120 #install .install-button
91 { 121 {
92 display: none; 122 display: none;
93 position: relative; 123 position: relative;
94 width: 305px; 124 width: 305px;
95 height: 50px; 125 height: 50px;
96 color: #fff; 126 color: #fff;
97 font-size: 20px; 127 font-size: 20px;
98 text-decoration: none; 128 text-decoration: none;
99 text-align: center; 129 text-align: center;
100 line-height: 50px; 130 line-height: 50px;
(...skipping 30 matching lines...) Expand all
131 background: linear-gradient(bottom, #cacaca, #a2a2a2); 161 background: linear-gradient(bottom, #cacaca, #a2a2a2);
132 box-shadow: 0px 0px 7px #6f6f6f; 162 box-shadow: 0px 0px 7px #6f6f6f;
133 -webkit-transition: none; 163 -webkit-transition: none;
134 -moz-transition: none; 164 -moz-transition: none;
135 -ms-transition: none; 165 -ms-transition: none;
136 -o-transition: none; 166 -o-transition: none;
137 transition: none; 167 transition: none;
138 bottom: 4px; 168 bottom: 4px;
139 } 169 }
140 170
141 #install-container.android .install-button, 171 #content.android .install-button,
142 #install-container.firefox.ua-firefox .install-button, 172 #content.firefox.ua-firefox .install-button,
143 #install-container.chrome.ua-chrome .install-button, 173 #content.chrome.ua-chrome .install-button,
144 #install-container.opera.ua-opera .install-button, 174 #content.opera.ua-opera .install-button,
145 #install-container.internet-explorer.ua-internet-explorer .install-button, 175 #content.internet-explorer.ua-internet-explorer .install-button,
176 #content.safari.ua-safari .install-button,
177 #content.yandex-browser.ua-yandex-browser .install-button,
146 /* IE6 fixes */ 178 /* IE6 fixes */
147 #install-container.firefox_ua-firefox .install-button, 179 #content.firefox_ua-firefox .install-button,
148 #install-container.chrome_ua-chrome .install-button, 180 #content.chrome_ua-chrome .install-button,
149 #install-container.opera_ua-opera .install-button, 181 #content.opera_ua-opera .install-button,
150 #install-container.internet-explorer_ua-internet-explorer .install-button 182 #content.internet-explorer_ua-internet-explorer .install-button,
183 #content.safari_ua-safari .install-button,
184 #content.yandex-browser_ua-yandex-browser .install-button
151 { 185 {
152 background: #62c52b; 186 background: #62c52b;
153 background: -webkit-linear-gradient(top, #62c52b, #4f9d22); 187 background: -webkit-linear-gradient(top, #62c52b, #4f9d22);
154 background: -moz-linear-gradient(top, #62c52b, #4f9d22); 188 background: -moz-linear-gradient(top, #62c52b, #4f9d22);
155 background: -ms-linear-gradient(top, #62c52b, #4f9d22); 189 background: -ms-linear-gradient(top, #62c52b, #4f9d22);
156 background: -o-linear-gradient(top, #62c52b, #4f9d22); 190 background: -o-linear-gradient(top, #62c52b, #4f9d22);
157 background: linear-gradient(top, #62c52b, #4f9d22); 191 background: linear-gradient(top, #62c52b, #4f9d22);
158 box-shadow: 0 1px 0 0 #486c15, 0 2px 0 0 #517422; 192 box-shadow: 0 1px 0 0 #486c15, 0 2px 0 0 #517422;
159 text-shadow: 2px 2px 2px #327d14; 193 text-shadow: 2px 2px 2px #327d14;
160 } 194 }
161 195
162 #install-container.android .install-button:hover, 196 #content.android .install-button:hover,
163 #install-container.firefox.ua-firefox .install-button:hover, 197 #content.firefox.ua-firefox .install-button:hover,
164 #install-container.chrome.ua-chrome .install-button:hover, 198 #content.chrome.ua-chrome .install-button:hover,
165 #install-container.opera.ua-opera .install-button:hover, 199 #content.opera.ua-opera .install-button:hover,
166 #install-container.internet-explorer.ua-internet-explorer .install-button:hover, 200 #content.internet-explorer.ua-internet-explorer .install-button:hover,
201 #content.safari.ua-safari .install-button:hover,
202 #content.yandex-browser.ua-yandex-browser .install-button:hover,
167 /* IE6 fixes */ 203 /* IE6 fixes */
168 #install-container.firefox_ua-firefox .install-button:hover, 204 #content.firefox_ua-firefox .install-button:hover,
169 #install-container.chrome_ua-chrome .install-button:hover, 205 #content.chrome_ua-chrome .install-button:hover,
170 #install-container.opera_ua-opera .install-button:hover, 206 #content.opera_ua-opera .install-button:hover,
171 #install-container.internet-explorer_ua-internet-explorer .install-button:hover 207 #content.internet-explorer_ua-internet-explorer .install-button:hover,
208 #content.safari_ua-safari .install-button:hover,
209 #content.yandex-browser_ua-yandex-browser .install-button:hover
172 { 210 {
173 box-shadow: 0px 2px 7px #486c15, 0 1px 0 0 #486c15; 211 box-shadow: 0px 2px 7px #486c15, 0 1px 0 0 #486c15;
174 } 212 }
175 213
176 #install-container.android .install-button:active, 214 #content.android .install-button:active,
177 #install-container.firefox.ua-firefox .install-button:active, 215 #content.firefox.ua-firefox .install-button:active,
178 #install-container.chrome.ua-chrome .install-button:active, 216 #content.chrome.ua-chrome .install-button:active,
179 #install-container.opera.ua-opera .install-button:active, 217 #content.opera.ua-opera .install-button:active,
180 #install-container.internet-explorer.ua-internet-explorer .install-button:active , 218 #content.internet-explorer.ua-internet-explorer .install-button:active,
219 #content.safari.ua-safari .install-button:active,
220 #content.yandex-browser.ua-yandex-browser .install-button:active,
181 /* IE6 fixes */ 221 /* IE6 fixes */
182 #install-container.firefox_ua-firefox .install-button:active, 222 #content.firefox_ua-firefox .install-button:active,
183 #install-container.chrome_ua-chrome .install-button:active, 223 #content.chrome_ua-chrome .install-button:active,
184 #install-container.opera_ua-opera .install-button:active 224 #content.opera_ua-opera .install-button:active,
185 #install-container.internet-explorer_ua-internet-explorer .install-button:active 225 #content.internet-explorer_ua-internet-explorer .install-button:active,
226 #content.safari_ua-safari .install-button:active,
227 #content.yandex-browser_ua-yandex-browser .install-button:active
186 { 228 {
187 background: #4f9d22; 229 background: #4f9d22;
188 background: -webkit-linear-gradient(bottom, #62c52b, #4f9d22); 230 background: -webkit-linear-gradient(bottom, #62c52b, #4f9d22);
189 background: -moz-linear-gradient(bottom, #62c52b, #4f9d22); 231 background: -moz-linear-gradient(bottom, #62c52b, #4f9d22);
190 background: -ms-linear-gradient(bottom, #62c52b, #4f9d22); 232 background: -ms-linear-gradient(bottom, #62c52b, #4f9d22);
191 background: -o-linear-gradient(bottom, #62c52b, #4f9d22); 233 background: -o-linear-gradient(bottom, #62c52b, #4f9d22);
192 background: linear-gradient(bottom, #62c52b, #4f9d22); 234 background: linear-gradient(bottom, #62c52b, #4f9d22);
193 box-shadow: 0px 0px 7px #486c15; 235 box-shadow: 0px 0px 7px #486c15;
194 } 236 }
195 237
196 #install-container.firefox #install-firefox, 238 #content.firefox #install-firefox, #content.chrome #install-chrome,
197 #install-container.chrome #install-chrome, 239 #content.opera #install-opera, #content.android #install-android,
198 #install-container.opera #install-opera, 240 #content.internet-explorer #install-internet-explorer,
199 #install-container.android #install-android, 241 #content.safari #install-safari,
200 #install-container.internet-explorer #install-internet-explorer 242 #content.yandex-browser #install-yandex-browser
201 { 243 {
202 display: inline-block; 244 display: inline-block;
203 } 245 }
204 246
205 #install ul 247 #install ul
206 { 248 {
207 list-style: none; 249 list-style: none;
208 display: inline-block; 250 display: inline-block;
209 margin: 0 0 0 5px; 251 margin: 0 0 0 5px;
210 padding: 0; 252 padding: 0;
(...skipping 21 matching lines...) Expand all
232 #platform-firefox 274 #platform-firefox
233 { 275 {
234 background-position: -108px -89px; 276 background-position: -108px -89px;
235 } 277 }
236 278
237 #information-android 279 #information-android
238 { 280 {
239 display: none; 281 display: none;
240 } 282 }
241 283
242 #install-container.android #information-android 284 #content.android #information-android
243 { 285 {
244 display: block; 286 display: block;
245 } 287 }
246 288
247 #install-container.firefox #platform-firefox 289 #content.firefox #platform-firefox
248 { 290 {
249 background-position: -108px -68px; 291 background-position: -108px -68px;
250 } 292 }
251 293
252 #platform-chrome 294 #platform-chrome
253 { 295 {
254 background-position: -88px -89px; 296 background-position: -88px -89px;
255 } 297 }
256 298
257 #install-container.chrome #platform-chrome 299 #content.chrome #platform-chrome
258 { 300 {
259 background-position: -88px -68px; 301 background-position: -88px -68px;
260 } 302 }
261 303
262 #platform-android 304 #platform-android
263 { 305 {
264 background-position: -68px -89px; 306 background-position: -68px -89px;
265 } 307 }
266 308
267 #install-container.android #platform-android 309 #content.android #platform-android
268 { 310 {
269 background-position: -68px -68px; 311 background-position: -68px -68px;
270 } 312 }
271 313
272 #platform-opera 314 #platform-opera
273 { 315 {
274 background-position: -68px -131px; 316 background-position: -68px -131px;
275 } 317 }
276 318
277 #install-container.opera #platform-opera 319 #content.opera #platform-opera
278 { 320 {
279 background-position: -68px -110px; 321 background-position: -68px -110px;
280 } 322 }
281 323
282 #platform-internet-explorer 324 #platform-internet-explorer
283 { 325 {
284 background-position: -108px -131px; 326 background-position: -108px -131px;
285 } 327 }
286 328
287 #install-container.internet-explorer #platform-internet-explorer 329 #content.internet-explorer #platform-internet-explorer
288 { 330 {
289 background-position: -108px -110px; 331 background-position: -108px -110px;
290 } 332 }
291 333
292 .warning-platform 334 #platform-safari
335 {
336 background-position: -88px -131px;
337 }
338
339 #content.safari #platform-safari
340 {
341 background-position: -88px -110px;
342 }
343
344 #platform-yandex-browser
345 {
346 background-position: -128px -89px;
347 }
348
349 #content.yandex-browser #platform-yandex-browser
350 {
351 background-position: -128px -68px;
352 }
353
354 #platform-maxthon
355 {
356 background-position: -128px -130px;
357 }
358
359 #content.maxthon #platform-maxthon
360 {
361 background-position: -128px -109px;
362 }
363
364 .warning-platform,
365 .disclaimer,
366 #maxthon-notification
293 { 367 {
294 display: none; 368 display: none;
295 color: #D00; 369 color: #D00;
296 text-align: center; 370 text-align: center;
297 border: 1px solid #D00; 371 border: 1px solid #D00;
298 padding: 5px; 372 padding: 5px;
299 border-radius: 5px; 373 border-radius: 5px;
300 } 374 }
301 375
302 #install-container.ua-firefox .warning-platform.firefox, 376 .disclaimer
303 #install-container.ua-chrome .warning-platform.chrome, 377 {
304 #install-container.ua-android .warning-platform.android, 378 font-size: 14px;
305 #install-container.ua-opera .warning-platform.opera, 379 color: #000;
306 #install-container.ua-internet-explorer .warning-platform.internet-explorer 380 text-align: left;
381 }
382
383 #content.ua-firefox .warning-platform.firefox,
384 #content.ua-chrome .warning-platform.chrome,
385 #content.ua-android .warning-platform.android,
386 #content.ua-opera .warning-platform.opera,
387 #content.ua-internet-explorer .warning-platform.internet-explorer,
388 #content.ua-safari .warning-platform.safari,
389 #content.ua-yandex-browser .warning-platform.yandex-browser,
390 #content.ua-maxthon .warning-platform.maxthon,
391 html[lang^="zh_"] #maxthon-notification
307 { 392 {
308 display: block; 393 display: block;
309 } 394 }
310 395
311 #install-container.firefox.ua-firefox .warning-platform.firefox, 396 #content.firefox.ua-firefox .warning-platform.firefox,
312 #install-container.chrome.ua-chrome .warning-platform.chrome, 397 #content.chrome.ua-chrome .warning-platform.chrome,
313 #install-container.android.ua-android .warning-platform.android, 398 #content.android.ua-android .warning-platform.android,
314 #install-container.opera.ua-opera .warning-platform.opera, 399 #content.opera.ua-opera .warning-platform.opera,
315 #install-container.internet-explorer.ua-internet-explorer .warning-platform.inte rnet-explorer, 400 #content.internet-explorer.ua-internet-explorer .warning-platform.internet-explo rer,
401 #content.safari.ua-safari .warning-platform.safari,
402 #content.yandex-browser.ua-yandex-browser .warning-platform.yandex-browser,
403 #content.maxthon.ua-maxthon .warning-platform.maxthon,
404 #content.ua-maxthon #maxthon-notification,
405 #content.maxthon #maxthon-notification,
316 /* IE6 fixes */ 406 /* IE6 fixes */
317 #install-container.firefox_ua-firefox .warning-platform.firefox, 407 #content.firefox_ua-firefox .warning-platform.firefox,
318 #install-container.chrome_ua-chrome .warning-platform.chrome, 408 #content.chrome_ua-chrome .warning-platform.chrome,
319 #install-container.opera_ua-opera .warning-platform.opera, 409 #content.opera_ua-opera .warning-platform.opera,
320 #install-container.internet-explorer_ua-internet-explorer .warning-platform.inte rnet-explorer 410 #content.internet-explorer_ua-internet-explorer .warning-platform.internet-explo rer,
411 #content.safari_ua-safari .warning-platform.safari,
412 #content.yandex-browser_ua-yandex-browser .warning-platform.yandex-browser,
413 #content.maxthon_ua-maxthon .warning-platform.maxthon
321 { 414 {
322 display: none; 415 display: none;
323 } 416 }
324 417
418 html[lang="fr"] .disclaimer.lang-fr
419 {
420 display: block;
421 }
422
325 #key-facts section 423 #key-facts section
326 { 424 {
327 display: inline-block; 425 display: inline-block;
328 } 426 }
329 427
330 #key-facts section h1 428 #key-facts section h1
331 { 429 {
332 margin-top: 0px; 430 margin-top: 0px;
333 } 431 }
334 432
(...skipping 18 matching lines...) Expand all
353 #facts-open-source 451 #facts-open-source
354 { 452 {
355 background-position: -68px 0px; 453 background-position: -68px 0px;
356 } 454 }
357 455
358 #facts-downloads 456 #facts-downloads
359 { 457 {
360 background-position: 0px 0px; 458 background-position: 0px 0px;
361 } 459 }
362 460
363 #facts-acceptable-ads 461 #facts-privacy
364 { 462 {
365 background-position: 0px -68px; 463 background-position: 0px -68px;
366 } 464 }
367 465
368 #key-facts section p 466 #key-facts section p
369 { 467 {
370 margin-bottom: 0px; 468 margin-bottom: 0px;
371 font-size: 14px; 469 font-size: 14px;
372 } 470 }
373 471
(...skipping 71 matching lines...) Expand 10 before | Expand all | Expand 10 after
445 #more-container.hidden #less, 543 #more-container.hidden #less,
446 #more-container.hidden #more-tabs 544 #more-container.hidden #more-tabs
447 { 545 {
448 display: none; 546 display: none;
449 } 547 }
450 548
451 #more-container.firefox #tab-firefox, 549 #more-container.firefox #tab-firefox,
452 #more-container.chrome #tab-chrome, 550 #more-container.chrome #tab-chrome,
453 #more-container.opera #tab-opera, 551 #more-container.opera #tab-opera,
454 #more-container.android #tab-android, 552 #more-container.android #tab-android,
455 #more-container.internet-explorer #tab-internet-explorer 553 #more-container.internet-explorer #tab-internet-explorer,
554 #more-container.safari #tab-safari,
555 #more-container.yandex-browser #tab-yandex-browser,
556 #more-container.maxthon #tab-maxthon
456 { 557 {
457 display: inline-block; 558 display: inline-block;
458 } 559 }
459 560
460 #more-container.firefox #more-firefox, 561 #more-container.firefox #more-firefox,
461 #more-container.chrome #more-chrome, 562 #more-container.chrome #more-chrome,
462 #more-container.opera #more-opera, 563 #more-container.opera #more-opera,
463 #more-container.android #more-android, 564 #more-container.android #more-android,
464 #more-container.internet-explorer #more-internet-explorer 565 #more-container.internet-explorer #more-internet-explorer,
566 #more-container.safari #more-safari,
567 #more-container.yandex-browser #more-yandex-browser,
568 #more-container.maxthon #more-maxthon
465 { 569 {
466 background-color: #dbd4c7; 570 background-color: #dbd4c7;
467 } 571 }
OLDNEW
« no previous file with comments | « settings.ini ('k') | static/css/index-desktop.css » ('j') | static/css/index-desktop.css » ('J')

Powered by Google App Engine
This is Rietveld