NTP5: Improving the Tile Page resize logic

chrome/browser/resources/ntp_search/new_tab.css

 /* Copyright (c) 2012 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. */
 
 /* -----------------------------------------------------------------------------
    General Styles
 ----------------------------------------------------------------------------- */
 
 body {
   background: whiteSmoke;
   /* TODO(pedrosimonetti): Confirm with designers/engineers what do we want
    * to do regarding font family, once AFAIK we want to use Arial always. */
-  font-family: Arial;
+  font-family: Arial !important;

[Dan Beam, 2012/08/28 21:20:31]

remove this !important.  setting an !important on a very low specificity place
like <tagname> on something as global as body is a very bad idea.

   margin: 0;
   overflow: hidden;
   padding: 0;
 }
 
 #card-slider-frame {
+  -webkit-transition: opacity 250ms, -webkit-transform 250ms;
   bottom: 0;
   overflow: hidden;
   position: absolute;
   text-align: center;
   width: 100%;
 }
 
+.hide-card-slider {
+  -webkit-transform: translate3d(0, 170px, 0);
+  opacity: 0;
+}
+
 #page-list {
   display: -webkit-box;
   position: static;
 }
 
 #page-list-menu {
   height: 14px;
   margin: 8px auto 30px;
   text-align: center;
-}
+}