Delta Between Two Patch Sets: static/css/index-mobile.css
Issue 29322769:
Issue 2844 - Create Microsoft Edge coming soon landing page (Closed)
Left Patch Set: Addressing comments.
Created Aug. 26, 2015, 12:17 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.
« no previous file with change/comment
|
« static/css/index-desktop.css ('k')
|
static/img/edge_teaser.png » ('j')
|
no next file with change/comment »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| LEFT | RIGHT |
|---|---|
| 1 #content | 1 #content |
| 2 { | 2 { |
| 3 text-align: center; | 3 text-align: center; |
| 4 margin-left: 0; | 4 margin-left: 0; |
| 5 margin-right: 0; | 5 margin-right: 0; |
| 6 } | 6 } |
| 7 | 7 |
| 8 #video, #maxthon-instruction, edge-teaser | 8 #abb-banner |
| 9 { | |
| 10 padding: 20px; | |
| 11 } | |
| 12 | |
| 13 #abb-banner h2 | |
| 14 { | |
| 15 font-size: 24px; | |
| 16 } | |
| 17 | |
| 18 #abb-banner a | |
| 19 { | |
| 20 font-size: 20px; | |
| 21 } | |
| 22 | |
| 23 #video, #maxthon-instruction, #edge-teaser | |
| 9 { | 24 { |
| 10 -webkit-box-sizing: border-box; | 25 -webkit-box-sizing: border-box; |
| 11 -moz-box-sizing: border-box; | 26 -moz-box-sizing: border-box; |
| 12 -ms-box-sizing: border-box; | 27 -ms-box-sizing: border-box; |
| 13 -o-box-sizing: border-box; | 28 -o-box-sizing: border-box; |
| 14 box-sizing: border-box; | 29 box-sizing: border-box; |
| 15 margin: 20px 0; | 30 margin: 20px 0; |
| 16 width: auto; | 31 width: auto; |
| 17 max-width: 515px; | 32 max-width: 515px; |
| 18 } | 33 } |
| (...skipping 19 matching lines...) Expand all Loading... | |
| 38 display: block; | 53 display: block; |
| 39 margin-top: 10px; | 54 margin-top: 10px; |
| 40 } | 55 } |
| 41 | 56 |
| 42 #install li | 57 #install li |
| 43 { | 58 { |
| 44 margin: 0px 10px; | 59 margin: 0px 10px; |
| 45 } | 60 } |
| 46 | 61 |
| 47 .warning-platform, #maxthon-notification, | 62 .warning-platform, #maxthon-notification, |
| 48 .disclaimer, #adblock-browser-notification | 63 .disclaimer, #adblock-browser-notification, |
| 64 #edge-subscription | |
| 49 { | 65 { |
| 50 margin: 10px; | 66 margin: 10px; |
| 51 } | 67 } |
| 52 | 68 |
| 53 #key-facts section | 69 #key-facts section |
| 54 { | 70 { |
| 55 width: auto; | 71 width: auto; |
| 56 max-width: 225px; | 72 max-width: 225px; |
| 57 margin-top: 25px; | 73 margin-top: 25px; |
| 58 margin-left: 15px; | 74 margin-left: 15px; |
| 59 margin-right: 15px; | 75 margin-right: 15px; |
| 60 padding-left: 80px; | 76 padding-left: 80px; |
| 61 padding-right: 0px; | 77 padding-right: 0px; |
| 62 text-align: left; | 78 text-align: left; |
| 63 } | 79 } |
| 64 | 80 |
| 65 html[dir="rtl"] #key-facts section | 81 html[dir="rtl"] #key-facts section |
| 66 { | 82 { |
| 67 padding-right: 80px; | 83 padding-right: 80px; |
| 68 padding-left: 0px; | 84 padding-left: 0px; |
| 69 text-align: right; | 85 text-align: right; |
| 70 } | 86 } |
| 71 | 87 |
| 88 #edge-subscription button[type=submit], #edge-subscription input[type=email] | |
| 89 { | |
| 90 webkit-box-sizing: border-box; | |
| 91 -moz-box-sizing: border-box; | |
| 92 -ms-box-sizing: border-box; | |
| 93 -o-box-sizing: border-box; | |
| 94 box-sizing: border-box; | |
| 95 width: 100%; | |
| 96 } | |
| 97 | |
| 98 #edge-teaser | |
| 99 { | |
| 100 display: none; | |
| 101 } | |
| 102 | |
| 72 #key-facts section.border-right | 103 #key-facts section.border-right |
| 73 { | 104 { |
| 74 padding-bottom: 25px; | 105 padding-bottom: 25px; |
| 75 border-bottom: 1px dotted black; | 106 border-bottom: 1px dotted black; |
| 76 } | 107 } |
| 77 | 108 |
| 78 #more, #less | 109 #more, #less |
| 79 { | 110 { |
| 80 padding: 10px 50px; | 111 padding: 10px 50px; |
| 81 border-radius: 4px; | 112 border-radius: 4px; |
| 82 } | 113 } |
| 83 | 114 |
| 84 #sidebar | 115 #sidebar |
| 85 { | 116 { |
| 86 padding-top: 20px; | 117 padding-top: 20px; |
| 87 } | 118 } |
| 88 | 119 |
| 89 .more-tab | 120 .more-tab |
| 90 { | 121 { |
| 91 text-align: left; | 122 text-align: left; |
| 92 margin: 10px 10px 0px 10px; | 123 margin: 10px 10px 0px 10px; |
| 93 } | 124 } |
| 94 | |
| 95 #subscribe-button | |
| 96 { | |
| 97 width: calc(100% - 37px); | |
| 98 } | |
| 99 | |
| 100 #subscribe-textbox | |
| 101 { | |
| 102 width: calc(100% - 60px); | |
| 103 } | |
| 104 | |
| 105 #edge-teaser | |
| 106 { | |
| 107 display: none; | |
| 108 } | |
| LEFT | RIGHT |
« static/css/index-desktop.css ('k')
|
static/img/edge_teaser.png » ('j')
|
Toggle Intra-line Diffs ('i')
|
Expand Comments ('e')
|
Collapse Comments ('c')
|
Toggle Comments ('s')
