Side by Side Diff: static/css/index-desktop.css
Issue 29322769:
Issue 2844 - Create Microsoft Edge coming soon landing page (Closed)
Patch Set: Make the subscription form more generic for future reuse.
Created Sept. 30, 2015, 8:14 a.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« static/css/index.css ('K')
|
« static/css/index.css ('k')
|
static/css/index-mobile.css » ('j')
|
static/css/index-mobile.css » ('J')
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')
| OLD | NEW |
|---|---|
| 1 #content | 1 #content |
| 2 { | 2 { |
| 3 width: 990px; | 3 width: 990px; |
| 4 margin-bottom: 290px; | 4 margin-bottom: 290px; |
| 5 padding-left: 0; | 5 padding-left: 0; |
| 6 padding-right: 0; | 6 padding-right: 0; |
| 7 } | 7 } |
| 8 | 8 |
| 9 #content.ua-android, | 9 #content.ua-android, |
| 10 #content.ua-ios | 10 #content.ua-ios |
| 11 { | 11 { |
| 12 width: 1000px; | 12 width: 1000px; |
| 13 } | 13 } |
| 14 | 14 |
| 15 #main | 15 #main |
| 16 { | 16 { |
| 17 width: 426px; | 17 width: 426px; |
| 18 height: 307px; | 18 height: 307px; |
| 19 position: relative; | 19 position: relative; |
| 20 float: right; | 20 float: right; |
| 21 margin-left: 0px; | 21 margin-left: 0px; |
| 22 margin-right: 3px; | 22 margin-right: 3px; |
| 23 margin-bottom: 4px; | 23 margin-bottom: 4px; |
| 24 } | 24 } |
| 25 | 25 |
| 26 #content.edge #main | |
| 27 { | |
| 28 height: 380px; | |
| 29 } | |
| 30 | |
| 26 html[dir="rtl"] #main | 31 html[dir="rtl"] #main |
| 27 { | 32 { |
| 28 float: left; | 33 float: left; |
| 29 margin-right: 0px; | 34 margin-right: 0px; |
| 30 margin-left: 8px; | 35 margin-left: 8px; |
| 31 } | 36 } |
| 32 | 37 |
| 33 #install .install-button, #install ul, #information-android | 38 #install .install-button, #install ul, #information-android |
| 34 { | 39 { |
| 35 position: absolute; | 40 position: absolute; |
| 36 } | 41 } |
| 37 | 42 |
| 38 #install .install-button | 43 #install .install-button |
| 39 { | 44 { |
| 40 bottom: 2px; | 45 bottom: 2px; |
| 41 left: 0; | 46 left: 0; |
| 42 } | 47 } |
| 43 | 48 |
| 44 #install .install-button:active | 49 #install .install-button:active |
| 45 { | 50 { |
| 46 bottom: 0px; | 51 bottom: 0px; |
| 47 } | 52 } |
| 48 | 53 |
| 49 #install ul | 54 #install ul |
| 50 { | 55 { |
| 51 bottom: -2px; | |
| 52 right: 0; | 56 right: 0; |
| 53 width: 115px; | 57 width: 115px; |
| 54 } | 58 } |
| 55 | 59 |
| 56 #content.maxthon #install ul | 60 #content.maxthon #install ul, |
| 61 #content.edge #install ul | |
| 57 { | 62 { |
| 58 margin-left: 18px; | 63 margin-left: 18px; |
| 59 right: auto; | 64 right: auto; |
| 60 width: auto; | 65 width: auto; |
| 61 } | 66 } |
| 62 | 67 |
| 68 #content.edge #install ul | |
| 69 { | |
| 70 margin: 0px 35px; | |
| 71 } | |
| 72 | |
| 73 #content.edge #other-browsers | |
| 74 { | |
| 75 margin: 0px 40px 10px 40px; | |
| 76 display: block; | |
| 77 } | |
| 78 | |
| 63 #information-android | 79 #information-android |
| 64 { | 80 { |
| 65 left: 2px; | 81 left: 2px; |
| 66 bottom: -25px; | 82 bottom: -25px; |
| 67 } | 83 } |
| 68 | 84 |
| 69 #messages-wrapper | 85 #messages-wrapper |
| 70 { | 86 { |
| 71 margin-top: 50px; | 87 margin-top: 50px; |
| 72 margin-bottom: 30px; | 88 margin-bottom: 30px; |
| (...skipping 94 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 167 | 183 |
| 168 #more-tabs #sidebar button | 184 #more-tabs #sidebar button |
| 169 { | 185 { |
| 170 display: block; | 186 display: block; |
| 171 } | 187 } |
| 172 | 188 |
| 173 .more-tab | 189 .more-tab |
| 174 { | 190 { |
| 175 width: 760px; | 191 width: 760px; |
| 176 } | 192 } |
| 193 | |
| 194 #content.edge #edge-teaser | |
|
saroyanm
2015/09/30 12:33:03
Detail: I think this and rule below can also move
| |
| 195 { | |
| 196 display: inline-block; | |
| 197 padding: 0px; | |
| 198 } | |
| 199 | |
| 200 #edge-subscription input[type=email] | |
| 201 { | |
| 202 width: 210px; | |
| 203 } | |
| OLD | NEW |
« static/css/index.css ('K')
|
« static/css/index.css ('k')
|
static/css/index-mobile.css » ('j')
|
static/css/index-mobile.css » ('J')
