First set of changes for M7 NTP.

chrome/browser/resources/new_new_tab.css

Index: chrome/browser/resources/new_new_tab.css
diff --git a/chrome/browser/resources/new_new_tab.css b/chrome/browser/resources/new_new_tab.css
index 80d991c6025d0cb031d5a458fe590a9587bc8cce..fe76ed285cb8eb33321b981f4740b4e1c26738d6 100644
--- a/chrome/browser/resources/new_new_tab.css
+++ b/chrome/browser/resources/new_new_tab.css
@@ -18,10 +18,9 @@ html[mode=app-launcher] {
 #main {
   -webkit-box-sizing: border-box;
   -webkit-transition: width .15s;
-  background: url(chrome://theme/IDR_PRODUCT_LOGO) no-repeat 0 6px;
   margin: 0 auto;
   min-height: 100%;
-  padding-bottom: 25px; /* Make room for the bottom positioned footer. */
+  padding:10px 0 20px;

[arv (Not doing code reviews), 2010/08/31 20:33:57]

whitespace

   position: relative;
   width: 920px;
 }
@@ -215,6 +214,10 @@ html[dir=rtl] .item {
   max-width: none !important;
 }
 
+#most-visited {
+  margin-bottom: 20px;
+}
+
 .nav > a {
   /* no icon */
   padding: 0;
@@ -245,12 +248,6 @@ html[dir=rtl] .item {
   margin: 0 10px;
 }
 
-#top-bar {
-  display: -webkit-box;
-  -webkit-box-align: center;
-  min-height: 56px;
-}
-
 .notification.hidden {
   opacity: 0;
   pointer-events: none;
@@ -340,11 +337,6 @@ html[dir=rtl] #option-menu > [command=hide]:before {
   font-family: inherit;
 }
 
-#apps-section {
-  padding: 10px 0px;
-  border-top: 0;
-}
-
 #apps-launch-control {
   margin-top: 10px;
 }
@@ -368,29 +360,37 @@ html[dir=rtl] #option-menu > [command=hide]:before {
   display: none !important;
 }
 
-.section + :not(.hidden) {
-  border-top: 0;
-}
-
 .section > div {
   margin-bottom: 10px;
 }
 
 .section > h2 {
-  display: inline-block;
-  margin: 0;
-  font-size: 100%;
+  background-position: 0 center;
+  background-repeat: no-repeat;
+  -webkit-background-size: 100% 26px;
   cursor: pointer;
-  margin-top: 10px;
-  margin-bottom: 10px;
+  display: block;
+  font-family: Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  font-weight: normal;
+  margin:10px 0;
+  -webkit-margin-collapse: separate;
 }
 
-.section > h2:hover {
-  text-decoration: underline;
+.section > h2 > img {

[arv (Not doing code reviews), 2010/08/31 20:33:57]

RTL?

-webkit-margin-start: -13px;
-webkit-padding-end: 4px;

+  margin-left:-13px;
+  padding-right:4px;
+}
+
+.section:not(.hidden) > h2 > img {
+  -webkit-transform:rotate(90deg);

[arv (Not doing code reviews), 2010/08/31 20:33:57]

ws after :

Can you add a transition for this transform?

+}
+
+.section > h2 > span {
+  padding-right: 4px;

[arv (Not doing code reviews), 2010/08/31 20:33:57]

rtl

 }
 
 .section.hidden {
-  display: inline;
   border: 0;
 }
 
@@ -398,10 +398,6 @@ html[dir=rtl] #option-menu > [command=hide]:before {
   display: none !important;
 }
 
-.section > h2 {
-  margin-right: 5px;
-}
-
 .section.hidden > h2 {
   margin-right: 0px;
 }
@@ -410,10 +406,6 @@ html[dir=rtl] #option-menu > [command=hide]:before {
   border-right: 0;
 }
 
-.section.hidden + .hidden > h2 {
-  padding-left: 5px;
-}
-
 .section:last-child {
   border-bottom: 0;
 }
@@ -422,10 +414,6 @@ html[dir=rtl] #option-menu > [command=hide]:before {
   display: inline-block;
 }
 
-#apps {
-  margin-top: 10px;
-}
-
 .section > * {
   font-size: 12px;
 }
@@ -454,22 +442,3 @@ html[dir=rtl] #option-menu > [command=hide]:before {
     margin-right: 10px;
   }
 }
-
-#footer {
-  bottom: 0;
-  padding-bottom: 5px;
-  position: absolute;
-  text-align: end;
-  width: 100%;
-}
-
-#footer hr {
-  border: 0;
-  display: inline;
-  margin: 0;
-  padding: 0;
-}
-
-#footer hr:after {
-  content: "|";
-}