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

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

Issue 29322769: Issue 2844 - Create Microsoft Edge coming soon landing page (Closed)
Patch Set: Remove unneeded CSS rules. Reoganize the CSS. Improve readability of JS. Created Sept. 25, 2015, 12:35 a.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
(...skipping 51 matching lines...) Expand 10 before | Expand all | Expand 10 after
62 #content.ua-ios #adblock-browser-notification 62 #content.ua-ios #adblock-browser-notification
63 { 63 {
64 display: none; 64 display: none;
65 } 65 }
66 66
67 #main, #video 67 #main, #video
68 { 68 {
69 display: inline-block; 69 display: inline-block;
70 } 70 }
71 71
72 #video, #maxthon-instruction 72 #video, #maxthon-instruction, #edge-teaser
73 { 73 {
74 background: #ffffff; 74 background: #ffffff;
75 padding: 10px; 75 padding: 10px;
76 border: 1px solid #c9c9c9; 76 border: 1px solid #c9c9c9;
77 box-shadow: 1px 1px 0 0 #dbdbdb; 77 box-shadow: 1px 1px 0 0 #dbdbdb;
78 } 78 }
79 79
80 #maxthon-instruction, 80 #maxthon-instruction,
81 html[lang^="zh_"] #content.maxthon #video, 81 html[lang^="zh_"] #content.maxthon #video,
82 #content.maxthon #feature-free, 82 #content.maxthon #feature-free,
83 #feature-maxthon 83 #feature-maxthon, #edge-subscription, #edge-teaser
84 { 84 {
85 display: none; 85 display: none;
86 } 86 }
87 87
88 html[lang^="zh_"] #content.maxthon #maxthon-instruction 88 html[lang^="zh_"] #content.maxthon #maxthon-instruction
89 { 89 {
90 display: inline-block; 90 display: inline-block;
91 padding: 0px; 91 padding: 0px;
92 } 92 }
93 93
94 #content.maxthon #feature-maxthon 94 #content.maxthon #feature-maxthon
95 { 95 {
96 display: inline-block; 96 display: inline-block;
97 } 97 }
98 98
99 #content.edge #video
100 {
101 display: none;
102 }
103
104 #content.edge #edge-subscription
105 {
106 display: block;
107 }
108
99 #summary h1, #summary h2 109 #summary h1, #summary h2
100 { 110 {
101 font-weight: normal; 111 font-weight: normal;
102 margin: 0; 112 margin: 0;
103 } 113 }
104 114
105 #summary h1 115 #summary h1
106 { 116 {
107 font-size: 60px; 117 font-size: 60px;
108 line-height: 50px; 118 line-height: 50px;
(...skipping 301 matching lines...) Expand 10 before | Expand all | Expand 10 after
410 #platform-maxthon 420 #platform-maxthon
411 { 421 {
412 background-position: -128px -130px; 422 background-position: -128px -130px;
413 } 423 }
414 424
415 #content.maxthon #platform-maxthon 425 #content.maxthon #platform-maxthon
416 { 426 {
417 background-position: -128px -109px; 427 background-position: -128px -109px;
418 } 428 }
419 429
430 #platform-edge
431 {
432 background-position: -68px -171px;
433 }
434
435 #content.edge #platform-edge
436 {
437 background-position: -68px -151px;
438 }
439
440 #content h3.subscribe-header
441 {
442 font-size: 18px;
443 margin-bottom: 0px;
444 }
445
446 #edge-subscription h3
447 {
448 margin: 19px 0px 10px 0px;
449 color: #2d79c0;
450 font-weight: bold;
451 font-family: Arial;
452 font-size: 14px;
453 }
454
455 #edge-subscription
456 {
457 margin: 0px 0px 10px 40px;
458 }
459
460 html[dir="rtl"] #edge-subscription
461 {
462 margin: 0px 40px 10px 0px;
463 }
464
465 #edge-subscription input[type=email]
466 {
467 border: solid 2px #a5a5a5;
468 padding: 0px 10px;
469 font-size: 14px;
470 font-family: Arial;
471 line-height: 36px;
472 height: 36px; /* IE 8 */
473 }
474
475 #edge-subscription input[type=email].placeholder
476 {
477 color: #a5a5a5;
478 }
479
480 #edge-subscription button[type=submit]
481 {
482 border: solid 1px #357ebd;
483 border-radius: 3px;
484 background-color: #428bca;
485 color: #ffffff;
486 font-size: 14px;
487 font-weight: bold;
488 width: 146px;
489 height: 40px;
490 }
491
492
493 #edge-subscription form .sucess-label, #edge-subscription form .response-error,
494 #edge-subscription form .invalid-label, #edge-subscription form.success input,
495 #edge-subscription form.success button, #other-browsers
496 {
497 display: none;
498 }
499
500 #edge-subscription form .invalid-label
501 {
502 margin-top: 15px;
503 }
504
505 #edge-subscription form.success .sucess-label,
506 #edge-subscription form.invalid .invalid-label,
507 #edge-subscription form.error .response-error
508 {
509 display: block;
510 }
511
420 .warning-platform, 512 .warning-platform,
421 .disclaimer, 513 .disclaimer,
422 #maxthon-notification 514 #maxthon-notification
423 { 515 {
424 display: none; 516 display: none;
425 color: #D00; 517 color: #D00;
426 text-align: center; 518 text-align: center;
427 border: 1px solid #D00; 519 border: 1px solid #D00;
428 padding: 5px; 520 padding: 5px;
429 border-radius: 5px; 521 border-radius: 5px;
(...skipping 172 matching lines...) Expand 10 before | Expand all | Expand 10 after
602 display: none; 694 display: none;
603 } 695 }
604 696
605 #more-container.firefox #tab-firefox, 697 #more-container.firefox #tab-firefox,
606 #more-container.chrome #tab-chrome, 698 #more-container.chrome #tab-chrome,
607 #more-container.opera #tab-opera, 699 #more-container.opera #tab-opera,
608 #more-container.android #tab-android, 700 #more-container.android #tab-android,
609 #more-container.internet-explorer #tab-internet-explorer, 701 #more-container.internet-explorer #tab-internet-explorer,
610 #more-container.safari #tab-safari, 702 #more-container.safari #tab-safari,
611 #more-container.yandex-browser #tab-yandex-browser, 703 #more-container.yandex-browser #tab-yandex-browser,
612 #more-container.maxthon #tab-maxthon 704 #more-container.maxthon #tab-maxthon,
705 #more-container.edge #tab-edge
613 { 706 {
614 display: inline-block; 707 display: inline-block;
615 } 708 }
616 709
617 #more-container.firefox #more-firefox, 710 #more-container.firefox #more-firefox,
618 #more-container.chrome #more-chrome, 711 #more-container.chrome #more-chrome,
619 #more-container.opera #more-opera, 712 #more-container.opera #more-opera,
620 #more-container.android #more-android, 713 #more-container.android #more-android,
621 #more-container.internet-explorer #more-internet-explorer, 714 #more-container.internet-explorer #more-internet-explorer,
622 #more-container.safari #more-safari, 715 #more-container.safari #more-safari,
623 #more-container.yandex-browser #more-yandex-browser, 716 #more-container.yandex-browser #more-yandex-browser,
624 #more-container.maxthon #more-maxthon 717 #more-container.maxthon #more-maxthon
718 #more-container.edge #more-edge
625 { 719 {
626 background-color: #dbd4c7; 720 background-color: #dbd4c7;
627 } 721 }
OLDNEW

Powered by Google App Engine
This is Rietveld