[MD] Change appearance of incognito NTP to MD spec.

chrome/browser/resources/ntp4/incognito_and_guest_tab.css

Index: chrome/browser/resources/ntp4/incognito_and_guest_tab.css
diff --git a/chrome/browser/resources/ntp4/incognito_and_guest_tab.css b/chrome/browser/resources/ntp4/incognito_and_guest_tab.css
index 5ba37137c8bc4db369d65cdd855d681d922dfdf6..11fd70645b2ed69065f796dd466dfbdda1314e48 100644
--- a/chrome/browser/resources/ntp4/incognito_and_guest_tab.css
+++ b/chrome/browser/resources/ntp4/incognito_and_guest_tab.css
@@ -5,24 +5,22 @@
  * Incognito and guest mode NTP shared CSS.
  */
 
-html {
-  background: #fafafa;
-}
-
-body {
-  line-height: 1.5;
-}
-
 h1 {
-  font-size: 1.7em;
+  font-size: 200%;
   font-weight: normal;
-  line-height: 1.2em;
-  margin-top: 0;
+  margin-bottom: 1.33em;
+}
+
+p {
+  line-height: 1.7;
+  margin-bottom: 2em;
+  text-align: start;
 }
 
 a {
-  color: rgb(39, 110, 242);
+  font-size: 108.3%;
   text-decoration: none;
+  text-transform: uppercase;
 }
 
 a:hover {
@@ -30,24 +28,21 @@ a:hover {
 }
 
 .content {
-  background-color: white;
-  border-radius: 2px;
-  box-shadow: 0 4px 6px 1px rgba(50, 50, 50, 0.14);
   box-sizing: border-box;
-  color: black;
-  line-height: 1.5;
-  margin: 5.5em auto 0;
-  max-width: 640px;
-  padding: 30px 35px 30px 37px;
+  margin: 3.5em auto 0;
+  max-width: 420px;
+  padding: 30px 35px;
+  text-align: center;
   width: 100%;
 }
 
-.content > span {
-  display: block;
+html[hasCustomBackground='true'] .content {

[Dan Beam, 2015/11/20 00:48:45]

nit: think we try to use lowercaseforhtmlattributes, don't remember why (I think
it has to do with weird case-sensitivity undefined behaviory stuff in
attributes, which why it's "bookmarksbarattached" instead of
"bookmarksBarAttached")

[Evan Stade, 2015/11/20 22:05:17]

Done.

+  border-radius: 2px;
+  box-shadow: 0 4px 6px 1px rgba(0, 0, 0, 0.4);
 }
 
-.content p:last-child {
-  margin-bottom: 4px;
+.content > span {
+  display: block;
 }
 
 @media (max-width:700px) {