[ntp4] Improve styling for bookmarks header bar.

chrome/browser/resources/ntp4/bookmarks_page.css

 /* Copyright (c) 2011 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 /* Bookmark Tiles ************************************************************/
 
 .bookmark {
   display: -webkit-box;
   position: absolute;
@@ skipping 89 matching lines @@
 
 /* The bookmark gets a shadow when clicked, but not when the click is on the
  * close button. */
 .bookmark:active .close-button:not(:active) + .button-frame {
   -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.2);
 }
 
 /* Bookmark Titles ************************************************************/
 
 #bookmarks-title-wrapper {
-  background: #fff;
-  background-position: left;
-  background-repeat: no-repeat;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+  /* this color matches the gradiant end color for the #footer element. */
+  background-color: rgba(242, 242, 242, 0.9);
+  border-bottom: 1px solid;
   color: #777;
   display: -webkit-box;
   font-size: 16px;
   height: 48px;
   line-height: 48px;
   overflow: hidden;
   white-space: nowrap;
 }
 
 #bookmarks-title-wrapper .title-crumb {
@@ skipping 13 matching lines @@
   display: -webkit-box;
   left: 0;
   overflow: hidden;
   position: absolute;
   right: 0;
   top: 0;
   -webkit-box-flex: 1;
   -webkit-box-orient: horizontal;
 }
 
-.section-title-mask {
-  background: #fff;
-  height: 100%;
-  overflow: hidden;
-  position: relative;
-  -webkit-box-flex: 1;
-}
-
 .bookmark-separator {
   background: -webkit-canvas(bookmark-chevron) center center no-repeat;
   border: 0;
   height: 44px;
   margin: 2px 0;
   width: 10px;
 }
 
 html[dir="rtl"] .bookmark-separator {
   -webkit-transform: scale(-1, 1);
@@ skipping 13 matching lines @@
   margin: 0px -70px;
   text-align: end;
 }
 
 .bookmarks-import-data-link-wrapper {
   left: 0;
   position: absolute;
   right: 0;
   top: 33%;
 }