Issue 2844 - Create Microsoft Edge coming soon landing page

static/css/index.css

 #content h1, #content h2
 {
   font-size: 16px;
 }
 
 #content .sprite
 {
   background-image: url(../img/sprite-index.png);
 }
 
@@ skipping 62 matching lines @@
 {
   background: #ffffff;
   padding: 10px;
   border: 1px solid #c9c9c9;
   box-shadow: 1px 1px 0 0 #dbdbdb;
 }
 
 #maxthon-instruction,
 html[lang^="zh_"] #content.maxthon #video,
 #content.maxthon #feature-free,
-#feature-maxthon, #edge-subscription, #edge-teaser
+#feature-maxthon
 {
   display: none;
 }
 
 html[lang^="zh_"] #content.maxthon #maxthon-instruction
 {
   display: inline-block;
   padding: 0px;
 }
 
 #content.maxthon #feature-maxthon
 {
   display: inline-block;
-}
-
-#content.edge #video

[saroyanm, 2015/09/30 12:33:03]

Detail: This rule can be merged with the rules above, same way it has been done
for Maxthon page "html[lang^="zh_"] #content.maxthon #video".

-{
-  display: none;
-}
-
-#content.edge #edge-subscription
-{
-  display: block;
 }
 
 #summary h1, #summary h2
 {
   font-weight: normal;
   margin: 0;
 }
 
 #summary h1
 {
@@ skipping 366 matching lines @@
   border-radius: 3px;
   background-color: #428bca;
   color: #ffffff;
   font-size: 14px;
   font-weight: bold;
   width: 146px;
   height: 40px;
 }
 
 
-#edge-subscription form .sucess-label, #edge-subscription form .response-error,

[saroyanm, 2015/09/30 12:33:04]

Please wrap messages in the div and hide them individually inside of that div,
or at least please use #edge-subscription form > span rule and merge with other
rule as mentioned above

-#edge-subscription form .invalid-label, #edge-subscription form.success input,
-#edge-subscription form.success button, #other-browsers
+#edge-subscription form > span, #edge-subscription form.success input,
+#edge-subscription form.success button, #other-browsers, #content.edge #video,
+#edge-subscription, #edge-teaser
 {
   display: none;
 }
 
 #edge-subscription form .invalid-label
 {
   margin-top: 15px;
 }
 
 #edge-subscription form.success .sucess-label,

[saroyanm, 2015/09/30 12:33:04]

After updating the request mentioned above you can merge this rule this
"#content.edge #edge-subscription"

 #edge-subscription form.invalid .invalid-label,
-#edge-subscription form.error .response-error
+#edge-subscription form.error .response-error,
+#content.edge #edge-subscription
 {
   display: block;
 }
 
 .warning-platform,
 .disclaimer,
 #maxthon-notification
 {
   display: none;
   color: #D00;
@@ skipping 194 matching lines @@
 #more-container.opera #more-opera,
 #more-container.android #more-android,
 #more-container.internet-explorer #more-internet-explorer,
 #more-container.safari #more-safari,
 #more-container.yandex-browser #more-yandex-browser,
 #more-container.maxthon #more-maxthon
 #more-container.edge #more-edge
 {
   background-color: #dbd4c7;
 }