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

Delta Between Two Patch Sets: static/css/index.css

Issue 29690912: Fixes #9 - Update cross-promotional section (Closed) Base URL: https://hg.adblockplus.org/web.adblockplus.org
Left Patch Set: Addressed comments #2 Created Feb. 20, 2018, 11:16 a.m.
Right Patch Set: Change background image to solid colour Created Feb. 28, 2018, 8:40 a.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
Left: Side by side diff | Download
Right: Side by side diff | Download
LEFTRIGHT
1 #content 1 #content
2 { 2 {
3 padding-top: 5em; 3 padding-top: 5em;
4 margin: 0 auto;
4 } 5 }
5 6
6 #key-facts h1 7 #key-facts h1
7 { 8 {
8 font-size: 16px; 9 font-size: 16px;
9 } 10 }
10 11
11 #content .sprite 12 #content .sprite
12 { 13 {
13 background-image: url(../img/sprite-index.png); 14 background-image: url(../img/sprite-index.png);
(...skipping 28 matching lines...) Expand all
42 display: none; 43 display: none;
43 padding: 20px; 44 padding: 20px;
44 background-color: #2f8ecb; 45 background-color: #2f8ecb;
45 text-decoration: none; 46 text-decoration: none;
46 font-size: 24px; 47 font-size: 24px;
47 font-weight: bold; 48 font-weight: bold;
48 color: #ffffff; 49 color: #ffffff;
49 border-radius: 5px; 50 border-radius: 5px;
50 } 51 }
51 52
52 #content.ua-android, 53 .ua-android #content,
53 #content.ua-ios 54 .ua-ios #content
54 { 55 {
55 margin-top: 0px; 56 margin-top: 0px;
56 } 57 }
57 58
58 #content.ua-android #abb-banner, 59 .ua-android #abb-banner,
59 #content.ua-ios #abb-banner, 60 .ua-ios #abb-banner,
60 #content.ua-android #abb-android-download, 61 .ua-android #abb-android-download,
61 #content.ua-ios #abb-ios-download 62 .ua-ios #abb-ios-download
62 { 63 {
63 display: block; 64 display: block;
64 } 65 }
65 66
66 #main, #video-container 67 #main, #video-container
67 { 68 {
68 display: inline-block; 69 display: inline-block;
69 vertical-align: top; /* Fix for https://bugzil.la/1320660 */ 70 vertical-align: top; /* Fix for https://bugzil.la/1320660 */
70 } 71 }
71 72
72 #video-container, #maxthon-instruction, #edge-teaser 73 #video-container, #maxthon-instruction, #edge-teaser
73 { 74 {
74 background: #ffffff; 75 background: #ffffff;
75 padding: 10px; 76 padding: 10px;
76 border: 1px solid #c9c9c9; 77 border: 1px solid #c9c9c9;
77 box-shadow: 1px 1px 0 0 #dbdbdb; 78 box-shadow: 1px 1px 0 0 #dbdbdb;
78 } 79 }
79 80
80 #maxthon-instruction, 81 #maxthon-instruction,
81 html[lang^="zh_"] #content.maxthon #video, 82 html[lang^="zh_"] .maxthon #video,
82 #content.maxthon #feature-free, 83 .maxthon #feature-free,
83 #content.maxthon #terms-message, 84 .maxthon #terms-message,
84 #feature-maxthon 85 #feature-maxthon
85 { 86 {
86 display: none; 87 display: none;
87 } 88 }
88 89
89 #video-container 90 #video-container
90 { 91 {
91 position: relative; 92 position: relative;
92 box-sizing: border-box; 93 box-sizing: border-box;
93 width: 100%; 94 width: 100%;
(...skipping 57 matching lines...) Expand 10 before | Expand all | Expand 10 after
151 margin-top: -40px; 152 margin-top: -40px;
152 margin-left: -40px; 153 margin-left: -40px;
153 } 154 }
154 155
155 .no-js #video-play, 156 .no-js #video-play,
156 .show-disclaimer #video-play 157 .show-disclaimer #video-play
157 { 158 {
158 margin-top: -60px; 159 margin-top: -60px;
159 } 160 }
160 161
161 html[lang^="zh_"] #content.maxthon #maxthon-instruction 162 html[lang^="zh_"] .maxthon #maxthon-instruction
162 { 163 {
163 display: inline-block; 164 display: inline-block;
164 padding: 0px; 165 padding: 0px;
165 } 166 }
166 167
167 #content.maxthon #feature-maxthon 168 .maxthon #feature-maxthon
168 { 169 {
169 display: inline-block; 170 display: inline-block;
170 } 171 }
171 172
172 #summary h1, #summary h2 173 #summary h1, #summary h2
173 { 174 {
174 font-weight: normal; 175 font-weight: normal;
175 margin: 0; 176 margin: 0;
176 } 177 }
177 178
(...skipping 113 matching lines...) Expand 10 before | Expand all | Expand 10 after
291 background: linear-gradient(bottom, #cacaca, #a2a2a2); 292 background: linear-gradient(bottom, #cacaca, #a2a2a2);
292 box-shadow: 0px 0px 7px #6f6f6f; 293 box-shadow: 0px 0px 7px #6f6f6f;
293 -webkit-transition: none; 294 -webkit-transition: none;
294 -moz-transition: none; 295 -moz-transition: none;
295 -ms-transition: none; 296 -ms-transition: none;
296 -o-transition: none; 297 -o-transition: none;
297 transition: none; 298 transition: none;
298 bottom: 4px; 299 bottom: 4px;
299 } 300 }
300 301
301 #content.android .install-button, 302 .android .install-button,
302 #content.firefox.ua-firefox .install-button, 303 .firefox.ua-firefox .install-button,
303 #content.chrome.ua-chrome .install-button, 304 .chrome.ua-chrome .install-button,
304 #content.opera.ua-opera .install-button, 305 .opera.ua-opera .install-button,
305 #content.internet-explorer.ua-internet-explorer .install-button, 306 .internet-explorer.ua-internet-explorer .install-button,
306 #content.safari.ua-safari .install-button, 307 .safari.ua-safari .install-button,
307 #content.yandex-browser.ua-yandex-browser .install-button, 308 .yandex-browser.ua-yandex-browser .install-button,
308 #content.edge.ua-edge .install-button, 309 .edge.ua-edge .install-button,
309 /* IE6 fixes */ 310 /* IE6 fixes */
310 #content.firefox_ua-firefox .install-button, 311 .firefox_ua-firefox .install-button,
311 #content.chrome_ua-chrome .install-button, 312 .chrome_ua-chrome .install-button,
312 #content.opera_ua-opera .install-button, 313 .opera_ua-opera .install-button,
313 #content.internet-explorer_ua-internet-explorer .install-button, 314 .internet-explorer_ua-internet-explorer .install-button,
314 #content.safari_ua-safari .install-button, 315 .safari_ua-safari .install-button,
315 #content.yandex-browser_ua-yandex-browser .install-button, 316 .yandex-browser_ua-yandex-browser .install-button,
316 #content.edge_ua-edge .install-button 317 .edge_ua-edge .install-button
317 { 318 {
318 background: #62c52b; 319 background: #62c52b;
319 background: -webkit-linear-gradient(top, #62c52b, #4f9d22); 320 background: -webkit-linear-gradient(top, #62c52b, #4f9d22);
320 background: -moz-linear-gradient(top, #62c52b, #4f9d22); 321 background: -moz-linear-gradient(top, #62c52b, #4f9d22);
321 background: -ms-linear-gradient(top, #62c52b, #4f9d22); 322 background: -ms-linear-gradient(top, #62c52b, #4f9d22);
322 background: -o-linear-gradient(top, #62c52b, #4f9d22); 323 background: -o-linear-gradient(top, #62c52b, #4f9d22);
323 background: linear-gradient(top, #62c52b, #4f9d22); 324 background: linear-gradient(top, #62c52b, #4f9d22);
324 box-shadow: 0 1px 0 0 #486c15, 0 2px 0 0 #517422; 325 box-shadow: 0 1px 0 0 #486c15, 0 2px 0 0 #517422;
325 text-shadow: 2px 2px 2px #327d14; 326 text-shadow: 2px 2px 2px #327d14;
326 } 327 }
327 328
328 #content.android .install-button:hover, 329 .android .install-button:hover,
329 #content.firefox.ua-firefox .install-button:hover, 330 .firefox.ua-firefox .install-button:hover,
330 #content.chrome.ua-chrome .install-button:hover, 331 .chrome.ua-chrome .install-button:hover,
331 #content.opera.ua-opera .install-button:hover, 332 .opera.ua-opera .install-button:hover,
332 #content.internet-explorer.ua-internet-explorer .install-button:hover, 333 .internet-explorer.ua-internet-explorer .install-button:hover,
333 #content.safari.ua-safari .install-button:hover, 334 .safari.ua-safari .install-button:hover,
334 #content.yandex-browser.ua-yandex-browser .install-button:hover, 335 .yandex-browser.ua-yandex-browser .install-button:hover,
335 #content.edge.ua-edge .install-button:hover, 336 .edge.ua-edge .install-button:hover,
336 /* IE6 fixes */ 337 /* IE6 fixes */
337 #content.firefox_ua-firefox .install-button:hover, 338 .firefox_ua-firefox .install-button:hover,
338 #content.chrome_ua-chrome .install-button:hover, 339 .chrome_ua-chrome .install-button:hover,
339 #content.opera_ua-opera .install-button:hover, 340 .opera_ua-opera .install-button:hover,
340 #content.internet-explorer_ua-internet-explorer .install-button:hover, 341 .internet-explorer_ua-internet-explorer .install-button:hover,
341 #content.safari_ua-safari .install-button:hover, 342 .safari_ua-safari .install-button:hover,
342 #content.yandex-browser_ua-yandex-browser .install-button:hover, 343 .yandex-browser_ua-yandex-browser .install-button:hover,
343 #content.edge_ua-edge .install-button:hover 344 .edge_ua-edge .install-button:hover
344 { 345 {
345 box-shadow: 0px 2px 7px #486c15, 0 1px 0 0 #486c15; 346 box-shadow: 0px 2px 7px #486c15, 0 1px 0 0 #486c15;
346 } 347 }
347 348
348 #content.android .install-button:active, 349 .android .install-button:active,
349 #content.firefox.ua-firefox .install-button:active, 350 .firefox.ua-firefox .install-button:active,
350 #content.chrome.ua-chrome .install-button:active, 351 .chrome.ua-chrome .install-button:active,
351 #content.opera.ua-opera .install-button:active, 352 .opera.ua-opera .install-button:active,
352 #content.internet-explorer.ua-internet-explorer .install-button:active, 353 .internet-explorer.ua-internet-explorer .install-button:active,
353 #content.safari.ua-safari .install-button:active, 354 .safari.ua-safari .install-button:active,
354 #content.yandex-browser.ua-yandex-browser .install-button:active, 355 .yandex-browser.ua-yandex-browser .install-button:active,
355 #content.edge.ua-edge .install-button:active, 356 .edge.ua-edge .install-button:active,
356 /* IE6 fixes */ 357 /* IE6 fixes */
357 #content.firefox_ua-firefox .install-button:active, 358 .firefox_ua-firefox .install-button:active,
358 #content.chrome_ua-chrome .install-button:active, 359 .chrome_ua-chrome .install-button:active,
359 #content.opera_ua-opera .install-button:active, 360 .opera_ua-opera .install-button:active,
360 #content.internet-explorer_ua-internet-explorer .install-button:active, 361 .internet-explorer_ua-internet-explorer .install-button:active,
361 #content.safari_ua-safari .install-button:active, 362 .safari_ua-safari .install-button:active,
362 #content.yandex-browser_ua-yandex-browser .install-button:active, 363 .yandex-browser_ua-yandex-browser .install-button:active,
363 #content.edge_ua-edge .install-button:active 364 .edge_ua-edge .install-button:active
364 { 365 {
365 background: #4f9d22; 366 background: #4f9d22;
366 background: -webkit-linear-gradient(bottom, #62c52b, #4f9d22); 367 background: -webkit-linear-gradient(bottom, #62c52b, #4f9d22);
367 background: -moz-linear-gradient(bottom, #62c52b, #4f9d22); 368 background: -moz-linear-gradient(bottom, #62c52b, #4f9d22);
368 background: -ms-linear-gradient(bottom, #62c52b, #4f9d22); 369 background: -ms-linear-gradient(bottom, #62c52b, #4f9d22);
369 background: -o-linear-gradient(bottom, #62c52b, #4f9d22); 370 background: -o-linear-gradient(bottom, #62c52b, #4f9d22);
370 background: linear-gradient(bottom, #62c52b, #4f9d22); 371 background: linear-gradient(bottom, #62c52b, #4f9d22);
371 box-shadow: 0px 0px 7px #486c15; 372 box-shadow: 0px 0px 7px #486c15;
372 } 373 }
373 374
374 #content.firefox #install-firefox, #content.chrome #install-chrome, 375 .firefox #install-firefox, .chrome #install-chrome,
375 #content.opera #install-opera, #content.android #install-android, 376 .opera #install-opera, .android #install-android,
376 #content.internet-explorer #install-internet-explorer, 377 .internet-explorer #install-internet-explorer,
377 #content.safari #install-safari, 378 .safari #install-safari,
378 #content.yandex-browser #install-yandex-browser, 379 .yandex-browser #install-yandex-browser,
379 #content.edge #install-edge 380 .edge #install-edge
380 { 381 {
381 display: inline-block; 382 display: inline-block;
382 } 383 }
383 384
384 #other-platform ul 385 #other-platform ul
385 { 386 {
386 list-style: none; 387 list-style: none;
387 display: inline-block; 388 display: inline-block;
388 margin: 0px; 389 margin: 0px;
389 padding: 0; 390 padding: 0;
(...skipping 21 matching lines...) Expand all
411 #platform-firefox 412 #platform-firefox
412 { 413 {
413 background-position: -108px -89px; 414 background-position: -108px -89px;
414 } 415 }
415 416
416 #information-android 417 #information-android
417 { 418 {
418 display: none; 419 display: none;
419 } 420 }
420 421
421 #content.android #information-android 422 .android #information-android
422 { 423 {
423 display: block; 424 display: block;
424 } 425 }
425 426
426 #content.firefox #platform-firefox 427 .firefox #platform-firefox
427 { 428 {
428 background-position: -108px -68px; 429 background-position: -108px -68px;
429 } 430 }
430 431
431 #platform-chrome 432 #platform-chrome
432 { 433 {
433 background-position: -88px -89px; 434 background-position: -88px -89px;
434 } 435 }
435 436
436 #content.chrome #platform-chrome 437 .chrome #platform-chrome
437 { 438 {
438 background-position: -88px -68px; 439 background-position: -88px -68px;
439 } 440 }
440 441
441 #platform-android 442 #platform-android
442 { 443 {
443 background-position: -68px -89px; 444 background-position: -68px -89px;
444 } 445 }
445 446
446 #content.android #platform-android 447 .android #platform-android
447 { 448 {
448 background-position: -68px -68px; 449 background-position: -68px -68px;
449 } 450 }
450 451
451 #platform-opera 452 #platform-opera
452 { 453 {
453 background-position: -68px -131px; 454 background-position: -68px -131px;
454 } 455 }
455 456
456 #content.opera #platform-opera 457 .opera #platform-opera
457 { 458 {
458 background-position: -68px -110px; 459 background-position: -68px -110px;
459 } 460 }
460 461
461 #platform-internet-explorer 462 #platform-internet-explorer
462 { 463 {
463 background-position: -108px -131px; 464 background-position: -108px -131px;
464 } 465 }
465 466
466 #content.internet-explorer #platform-internet-explorer 467 .internet-explorer #platform-internet-explorer
467 { 468 {
468 background-position: -108px -110px; 469 background-position: -108px -110px;
469 } 470 }
470 471
471 #platform-safari 472 #platform-safari
472 { 473 {
473 background-position: -88px -131px; 474 background-position: -88px -131px;
474 } 475 }
475 476
476 #content.safari #platform-safari 477 .safari #platform-safari
477 { 478 {
478 background-position: -88px -110px; 479 background-position: -88px -110px;
479 } 480 }
480 481
481 #platform-yandex-browser 482 #platform-yandex-browser
482 { 483 {
483 background-position: -128px -89px; 484 background-position: -128px -89px;
484 } 485 }
485 486
486 #content.yandex-browser #platform-yandex-browser 487 .yandex-browser #platform-yandex-browser
487 { 488 {
488 background-position: -128px -68px; 489 background-position: -128px -68px;
489 } 490 }
490 491
491 #platform-maxthon 492 #platform-maxthon
492 { 493 {
493 background-position: -128px -130px; 494 background-position: -128px -130px;
494 } 495 }
495 496
496 #content.maxthon #platform-maxthon 497 .maxthon #platform-maxthon
497 { 498 {
498 background-position: -128px -109px; 499 background-position: -128px -109px;
499 } 500 }
500 501
501 #platform-edge 502 #platform-edge
502 { 503 {
503 background-position: -68px -171px; 504 background-position: -68px -171px;
504 } 505 }
505 506
506 #content.edge #platform-edge 507 .edge #platform-edge
507 { 508 {
508 background-position: -68px -151px; 509 background-position: -68px -151px;
509 } 510 }
510 511
511 #content h3.subscribe-header 512 #content h3.subscribe-header
512 { 513 {
513 font-size: 18px; 514 font-size: 18px;
514 margin-bottom: 0px; 515 margin-bottom: 0px;
515 } 516 }
516 517
517 #other-platform > div, 518 #other-platform > div,
518 #content.edge #video, 519 .edge #video,
519 #edge-teaser 520 #edge-teaser
520 { 521 {
521 display: none; 522 display: none;
522 } 523 }
523 524
524 .warning-platform, 525 .warning-platform,
525 .disclaimer, 526 .disclaimer,
526 #maxthon-notification 527 #maxthon-notification
527 { 528 {
528 display: none; 529 display: none;
529 color: #D00; 530 color: #D00;
530 text-align: center; 531 text-align: center;
531 border: 1px solid #D00; 532 border: 1px solid #D00;
532 padding: 5px; 533 padding: 5px;
533 border-radius: 5px; 534 border-radius: 5px;
534 } 535 }
535 536
536 .disclaimer 537 .disclaimer
537 { 538 {
538 font-size: 14px; 539 font-size: 14px;
539 color: #000; 540 color: #000;
540 text-align: left; 541 text-align: left;
541 } 542 }
542 543
543 #content.ua-firefox .warning-platform.firefox, 544 .ua-firefox .warning-platform.firefox,
544 #content.ua-chrome .warning-platform.chrome, 545 .ua-chrome .warning-platform.chrome,
545 #content.ua-android .warning-platform.android, 546 .ua-android .warning-platform.android,
546 #content.ua-opera .warning-platform.opera, 547 .ua-opera .warning-platform.opera,
547 #content.ua-internet-explorer .warning-platform.internet-explorer, 548 .ua-internet-explorer .warning-platform.internet-explorer,
548 #content.ua-safari .warning-platform.safari, 549 .ua-safari .warning-platform.safari,
549 #content.ua-yandex-browser .warning-platform.yandex-browser, 550 .ua-yandex-browser .warning-platform.yandex-browser,
550 #content.ua-maxthon .warning-platform.maxthon, 551 .ua-maxthon .warning-platform.maxthon,
551 html[lang^="zh_"] #maxthon-notification 552 html[lang^="zh_"] #maxthon-notification
552 { 553 {
553 display: block; 554 display: block;
554 } 555 }
555 556
556 #content.firefox.ua-firefox .warning-platform.firefox, 557 .firefox.ua-firefox .warning-platform.firefox,
557 #content.chrome.ua-chrome .warning-platform.chrome, 558 .chrome.ua-chrome .warning-platform.chrome,
558 #content.android.ua-android .warning-platform.android, 559 .android.ua-android .warning-platform.android,
559 #content.opera.ua-opera .warning-platform.opera, 560 .opera.ua-opera .warning-platform.opera,
560 #content.internet-explorer.ua-internet-explorer .warning-platform.internet-explo rer, 561 .internet-explorer.ua-internet-explorer .warning-platform.internet-explorer,
561 #content.safari.ua-safari .warning-platform.safari, 562 .safari.ua-safari .warning-platform.safari,
562 #content.yandex-browser.ua-yandex-browser .warning-platform.yandex-browser, 563 .yandex-browser.ua-yandex-browser .warning-platform.yandex-browser,
563 #content.maxthon.ua-maxthon .warning-platform.maxthon, 564 .maxthon.ua-maxthon .warning-platform.maxthon,
564 #content.ua-maxthon #maxthon-notification, 565 .ua-maxthon #maxthon-notification,
565 #content.maxthon #maxthon-notification, 566 .maxthon #maxthon-notification,
566 /* IE6 fixes */ 567 /* IE6 fixes */
567 #content.firefox_ua-firefox .warning-platform.firefox, 568 .firefox_ua-firefox .warning-platform.firefox,
568 #content.chrome_ua-chrome .warning-platform.chrome, 569 .chrome_ua-chrome .warning-platform.chrome,
569 #content.opera_ua-opera .warning-platform.opera, 570 .opera_ua-opera .warning-platform.opera,
570 #content.internet-explorer_ua-internet-explorer .warning-platform.internet-explo rer, 571 .internet-explorer_ua-internet-explorer .warning-platform.internet-explorer,
571 #content.safari_ua-safari .warning-platform.safari, 572 .safari_ua-safari .warning-platform.safari,
572 #content.yandex-browser_ua-yandex-browser .warning-platform.yandex-browser, 573 .yandex-browser_ua-yandex-browser .warning-platform.yandex-browser,
573 #content.maxthon_ua-maxthon .warning-platform.maxthon 574 .maxthon_ua-maxthon .warning-platform.maxthon
574 { 575 {
575 display: none; 576 display: none;
576 } 577 }
577 578
578 #key-facts 579 #key-facts
579 { 580 {
580 box-sizing: content-box; 581 box-sizing: content-box;
581 } 582 }
582 583
583 #key-facts section 584 #key-facts section
(...skipping 94 matching lines...) Expand 10 before | Expand all | Expand 10 after
678 background-color: #fff; 679 background-color: #fff;
679 border: 2px solid #a1a1a1; 680 border: 2px solid #a1a1a1;
680 } 681 }
681 682
682 #ready-for-windows-notice 683 #ready-for-windows-notice
683 { 684 {
684 margin-bottom: 30px; 685 margin-bottom: 30px;
685 } 686 }
686 687
687 /****************************************************************************** 688 /******************************************************************************
689 * #media
690 *****************************************************************************/
691
692 #media-section { clear: both; }
693
694 #media-header h2,
695 #media-list
696 {
697 margin: 0;
698 }
699
700 #media-header
701 {
702 margin-bottom: 2em;
703 }
704
705 #media-header h2
706 {
707 font-size: 1em;
708 font-weight: normal;
709 text-transform: uppercase;
710 }
711
712 #media-list li
713 {
714 display: inline-block;
715 }
716
717 #media-list img
718 {
719 max-width: 10em;
720 max-height: 3em;
721 margin: 0 1em 1em;
722 }
723
724 #media-list a
725 {
726 position: relative;
727 display: block;
728 }
729
730 #media-list a:hover img
731 {
732 opacity: 0.5;
733 }
734
735 #media-list a:hover:after
736 {
737 content: "";
738 position: absolute;
739 top: 0;
740 left: 0;
741 height: 100%;
742 width: 100%;
743 background-image: url(../img/external-icon.png);
744 background-image: url(../img/external-icon.svg, none);
745 background-repeat: no-repeat;
746 background-position: center;
747 background-size: 1em;
748 }
749
750 @media (min-width: 768px)
751 {
752 #media-header small
753 {
754 display: none;
755 }
756
757 #media-list
758 {
759 display: table;
760 width: 100%;
761 }
762
763 #media-list li
764 {
765 display: table-cell;
766 vertical-align: middle;
767 }
768
769 #media-list img
770 {
771 margin: 0 2em;
772 }
773 }
774
775 @media (min-width: 992px)
776 {
777 #media {
778 display: table;
779 width: 100%;
780 }
781
782 #media-header,
783 #media-list
784 {
785 display: table-cell;
786 vertical-align: middle;
787 width: auto;
788 }
789
790 #media-header
791 {
792 margin-bottom: 0;
793 }
794
795 #media-list { direction: rtl; }
796 [dir="rtl"] #media-list { direction: ltr; }
797
798 @supports (display: flex)
799 {
800 #media-list
801 {
802 display: flex;
803 justify-content: space-between;
804 align-items: center;
805 }
806 }
807
808 }
809
810 /******************************************************************************
688 * #abb-notification 811 * #abb-notification
689 *****************************************************************************/ 812 *****************************************************************************/
690 813
691 #abb-notification
692 {
693 background-color: #ececec;
694 background-image: url(../img/abb-notification-bg-mobile.png);
695 background-position: center;
696 background-repeat: no-repeat;
697 }
698
699 @media (min-width: 768px) /* tablet-breakpoint */
700 {
701 #abb-notification
702 {
703 background-image: url(../img/abb-notification-bg-tablet.png);
704 }
705 }
706
707 @media (min-width: 992px) /* desktop-breakpoint */
708 {
709 #abb-notification
710 {
711 background-image: url(../img/abb-notification-bg-desktop.png);
712 }
713 }
714
715 #abb-notification h2, 814 #abb-notification h2,
716 #abb-notification h3 815 #abb-notification h3
717 { 816 {
718 text-transform: uppercase; 817 text-transform: uppercase;
719 }
720
721 #abb-notification a
722 {
723 color: inherit;
724 } 818 }
725 819
726 #abb-logo 820 #abb-logo
727 { 821 {
728 max-width: 10em; 822 max-width: 10em;
729 } 823 }
730 824
731 #abb-app-store-badges img 825 #abb-app-store-badges img
732 { 826 {
733 width: 200px; 827 width: 200px;
734 } 828 }
735 829
736 @media (min-width: 768px) /* tablet-breakpoint */ 830 @media (min-width: 768px) /* tablet-breakpoint */
737 { 831 {
738 #abb-notification figure, 832 #abb-notification figure,
739 #abb-app-store-badges 833 #abb-app-store-badges
740 { 834 {
741 padding-left: 2em; 835 padding-left: 2em;
742 padding-right: 2em; 836 padding-right: 2em;
743 } 837 }
744 } 838 }
LEFTRIGHT

Powered by Google App Engine
This is Rietveld