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

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

Issue 29322769: Issue 2844 - Create Microsoft Edge coming soon landing page (Closed)
Left Patch Set: Support email verification. Created July 30, 2015, 1:23 a.m.
Right Patch Set: Use querySelectorAll instead of getElementsByClassName. Created Sept. 30, 2015, 7:56 p.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
« no previous file with change/comment | « pages/verification-success.html ('k') | static/css/index-desktop.css » ('j') | no next file with change/comment »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
LEFTRIGHT
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 #abb-banner
12 {
13 background-color: #ffffff;
14 display: none;
15 padding: 50px 40px 40px 40px;
16 margin-bottom: 30px;
17 text-align: center;
18 }
19
20 #abb-banner h2
21 {
22 font-size: 28px;
23 font-weight: bold;
24 color: #333333;
25 margin: 0px;
26 }
27
28 #abb-banner img
29 {
30 margin: 30px 0px 40px 0px;
31 width: 40%;
32 min-width: 200px;
33 }
34
35 #abb-banner a
36 {
37 display: none;
38 padding: 20px;
39 background-color: #2f8ecb;
40 text-decoration: none;
41 font-size: 24px;
42 font-weight: bold;
43 color: #ffffff;
44 border-radius: 5px;
45 }
46
47 #content.ua-android,
48 #content.ua-ios
49 {
50 margin-top: 0px;
51 }
52
53 #content.ua-android #abb-banner,
54 #content.ua-ios #abb-banner,
55 #content.ua-android #abb-android-download,
56 #content.ua-ios #abb-ios-download
57 {
58 display: block;
59 }
60
61 #content.ua-android #adblock-browser-notification,
62 #content.ua-ios #adblock-browser-notification
63 {
64 display: none;
65 }
66
11 #main, #video 67 #main, #video
12 { 68 {
13 display: inline-block; 69 display: inline-block;
14 } 70 }
15 71
16 #video, #maxthon-instruction, edge-incoming 72 #video, #maxthon-instruction, #edge-teaser
17 { 73 {
18 background: white; 74 background: #ffffff;
19 padding: 10px; 75 padding: 10px;
20 border: 1px solid #c9c9c9; 76 border: 1px solid #c9c9c9;
21 box-shadow: 1px 1px 0 0 #dbdbdb; 77 box-shadow: 1px 1px 0 0 #dbdbdb;
22 } 78 }
23 79
24 #maxthon-instruction, 80 #maxthon-instruction,
25 html[lang^="zh_"] #content.maxthon #video, 81 html[lang^="zh_"] #content.maxthon #video,
26 #content.maxthon #feature-free, 82 #content.maxthon #feature-free,
27 #feature-maxthon 83 #feature-maxthon
28 { 84 {
29 display: none; 85 display: none;
30 } 86 }
31 87
32 html[lang^="zh_"] #content.maxthon #maxthon-instruction 88 html[lang^="zh_"] #content.maxthon #maxthon-instruction
33 { 89 {
34 display: inline-block; 90 display: inline-block;
35 padding: 0px; 91 padding: 0px;
36 } 92 }
37 93
38 #content.maxthon #feature-maxthon 94 #content.maxthon #feature-maxthon
39 {
40 display: inline-block;
41 }
42
43 #feature-edge, #edge-incoming
44 {
45 display: none;
46 }
47
48 #content.edge #video
49 {
50 display: none;
51 }
52
53 #content.edge #feature-edge
54 { 95 {
55 display: inline-block; 96 display: inline-block;
56 } 97 }
57 98
58 #summary h1, #summary h2 99 #summary h1, #summary h2
59 { 100 {
60 font-weight: normal; 101 font-weight: normal;
61 margin: 0; 102 margin: 0;
62 } 103 }
63 104
(...skipping 10 matching lines...) Expand all
74 color: #d50215; 115 color: #d50215;
75 } 116 }
76 117
77 #summary ul 118 #summary ul
78 { 119 {
79 list-style-type: none; 120 list-style-type: none;
80 margin: 10px 0px 27px 0px; 121 margin: 10px 0px 27px 0px;
81 padding-left: 40px; 122 padding-left: 40px;
82 padding-right: 0px; 123 padding-right: 0px;
83 color: #333333; 124 color: #333333;
84 }
85
86 #content.edge #summary ul
87 {
88 margin: 10px 0px 5px 0px;
89 } 125 }
90 126
91 html[dir="rtl"] #summary ul 127 html[dir="rtl"] #summary ul
92 { 128 {
93 padding-right: 40px; 129 padding-right: 40px;
94 padding-left: 0px; 130 padding-left: 0px;
95 } 131 }
96 132
97 #summary li 133 #summary li
98 { 134 {
(...skipping 285 matching lines...) Expand 10 before | Expand all | Expand 10 after
384 #platform-edge 420 #platform-edge
385 { 421 {
386 background-position: -68px -171px; 422 background-position: -68px -171px;
387 } 423 }
388 424
389 #content.edge #platform-edge 425 #content.edge #platform-edge
390 { 426 {
391 background-position: -68px -151px; 427 background-position: -68px -151px;
392 } 428 }
393 429
430 #content h3.subscribe-header
431 {
432 font-size: 18px;
433 margin-bottom: 0px;
434 }
435
436 #edge-subscription h3
437 {
438 margin: 19px 0px 10px 0px;
439 color: #2d79c0;
440 font-weight: bold;
441 font-family: Arial;
442 font-size: 14px;
443 }
444
445 #edge-subscription
446 {
447 margin: 0px 0px 10px 40px;
448 }
449
450 html[dir="rtl"] #edge-subscription
451 {
452 margin: 0px 40px 10px 0px;
453 }
454
455 #edge-subscription input[type=email]
456 {
457 border: solid 2px #a5a5a5;
458 padding: 0px 10px;
459 font-size: 14px;
460 font-family: Arial;
461 line-height: 36px;
462 height: 36px; /* IE 8 */
463 }
464
465 #edge-subscription input[type=email].placeholder
466 {
467 color: #a5a5a5;
468 }
469
470 #edge-subscription button[type=submit]
471 {
472 border: solid 1px #357ebd;
473 border-radius: 3px;
474 background-color: #428bca;
475 color: #ffffff;
476 font-size: 14px;
477 font-weight: bold;
478 width: 146px;
479 height: 40px;
480 }
481
482
483 #edge-subscription form > span, #edge-subscription form.success input,
484 #edge-subscription form.success button, #other-browsers, #content.edge #video,
485 #edge-subscription, #edge-teaser
486 {
487 display: none;
488 }
489
490 #edge-subscription form .invalid-label
491 {
492 margin-top: 15px;
493 }
494
495 #edge-subscription form.success .sucess-label,
496 #edge-subscription form.invalid .invalid-label,
497 #edge-subscription form.error .response-error,
498 #content.edge #edge-subscription
499 {
500 display: block;
501 }
502
394 .warning-platform, 503 .warning-platform,
395 .disclaimer, 504 .disclaimer,
396 #maxthon-notification 505 #maxthon-notification
397 { 506 {
398 display: none; 507 display: none;
399 color: #D00; 508 color: #D00;
400 text-align: center; 509 text-align: center;
401 border: 1px solid #D00; 510 border: 1px solid #D00;
402 padding: 5px; 511 padding: 5px;
403 border-radius: 5px; 512 border-radius: 5px;
404 }
405
406 #adblock-browser-notification
407 {
408 color: #555555;
409 font-size: 16px;
410 background-color: #FFFFFF;
411 text-align: center;
412 border: 1px solid #D9D9D9;
413 padding: 20px 0px;
414 } 513 }
415 514
416 .disclaimer 515 .disclaimer
417 { 516 {
418 font-size: 14px; 517 font-size: 14px;
419 color: #000; 518 color: #000;
420 text-align: left; 519 text-align: left;
421 } 520 }
422 521
423 #content.ua-firefox .warning-platform.firefox, 522 #content.ua-firefox .warning-platform.firefox,
(...skipping 179 matching lines...) Expand 10 before | Expand all | Expand 10 after
603 #more-container.chrome #more-chrome, 702 #more-container.chrome #more-chrome,
604 #more-container.opera #more-opera, 703 #more-container.opera #more-opera,
605 #more-container.android #more-android, 704 #more-container.android #more-android,
606 #more-container.internet-explorer #more-internet-explorer, 705 #more-container.internet-explorer #more-internet-explorer,
607 #more-container.safari #more-safari, 706 #more-container.safari #more-safari,
608 #more-container.yandex-browser #more-yandex-browser, 707 #more-container.yandex-browser #more-yandex-browser,
609 #more-container.maxthon #more-maxthon 708 #more-container.maxthon #more-maxthon
610 #more-container.edge #more-edge 709 #more-container.edge #more-edge
611 { 710 {
612 background-color: #dbd4c7; 711 background-color: #dbd4c7;
613 } 712 }
614 #content h3.subscribe-header
615 {
616 font-size: 18px;
617 margin-bottom: 0px;
618 }
619
620 .subscribe-description
621 {
622 margin: 14px 0px 0px 0px;
623 color: #428BCA;
624 font-weight: bold;
625 }
626
627 #subscribe-textbox
628 {
629 border: solid 1px #B5B4B0;
630 margin-right: 5px;
631 padding-left: 5px;
632 padding-right: 5px;
633 font-size: 16px;
634 line-height: 44px;
635 height: 44px; /* IE 8 */
636 }
637
638 #subscribe-textbox.placeholder
639 {
640 color: #B5B4B0;
641 }
642
643 #subscribe-button
644 {
645 border: solid 1px #357EBD;
646 border-radius: 3px;
647 background-color: #428BCA;
648 color: #FFFFFF;
649 font-size: 14px;
650 font-weight: bold;
651 min-width: 146px;
652 height: 48px;
653 }
654
655 #subscribe-button span
656 {
657 padding-left: 30px;
658 padding-right: 30px;
659 }
660
661 #subscribe-form .sucess-label, #response-error,
662 #subscribe-form .invalid-label, #subscribe-form.success input,
663 #subscribe-form.success button
664 {
665 display: none;
666 }
667
668 #subscribe-form .invalid-label
669 {
670 margin-top: 15px;
671 }
672
673 #subscribe-form.success .sucess-label,
674 #subscribe-form.invalid .invalid-label,
675 #subscribe-form.error #response-error
676 {
677 display: block;
678 }
LEFTRIGHT

Powered by Google App Engine
This is Rietveld