NTP5: Improving the Tile Page resize logic

chrome/browser/resources/ntp_search/new_tab.css

Index: chrome/browser/resources/ntp_search/new_tab.css
diff --git a/chrome/browser/resources/ntp_search/new_tab.css b/chrome/browser/resources/ntp_search/new_tab.css
index a079bde5fed302b97d5af3d8e1a98581405814a0..5fd5e47df9d6450e48e1de398da56c83ef793bf9 100644
--- a/chrome/browser/resources/ntp_search/new_tab.css
+++ b/chrome/browser/resources/ntp_search/new_tab.css
@@ -10,13 +10,14 @@ 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;
   margin: 0;
   overflow: hidden;
   padding: 0;
 }
 
 #card-slider-frame {
+  -webkit-transition: opacity 250ms, -webkit-transform 250ms;
   bottom: 0;
   overflow: hidden;
   position: absolute;
@@ -24,6 +25,11 @@ body {
   width: 100%;
 }
 
+.hide-card-slider {
+  -webkit-transform: translate3d(0, 170px, 0);
+  opacity: 0;
+}
+
 #page-list {
   display: -webkit-box;
   position: static;
@@ -33,4 +39,4 @@ body {
   height: 14px;
   margin: 8px auto 30px;
   text-align: center;
-}
+}