1 files changed, 38 insertions, 92 deletions

diff --git a/chrome/browser/resources/new_new_tab.css b/chrome/browser/resources/new_new_tab.css
index 5e28407..c46ce3c 100644
--- a/chrome/browser/resources/new_new_tab.css
+++ b/chrome/browser/resources/new_new_tab.css
@@ -361,40 +361,21 @@ html[dir=rtl] .thumbnail-container > .title > div {
 }
 
 .list > .thumbnail-container > .title {
-  font-size: 160%;
-  line-height: 40px;
-  height: 40px;
+  font-size: 120%;
+  line-height: 34px;
+  height: 34px;
   color: hsl(213, 27%, 68%);
   width: 100%;
 }
 
-.list .title > div {
-  color: rgb(6, 45, 117);
-}
-
-.section {
-  background: rgba(239, 246, 255, 0.8);
-  -webkit-border-radius: 4px;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  border: 1px solid hsl(213, 63%, 93%);
-  overflow: hidden;
-  min-height: 151px; /* height of 5 items plus the header */
-  vertical-align: top;
-  margin: 0;
-  margin-bottom: 10px;
+.list > .thumbnail-container {
+  color: hsl(213, 27%, 68%);
+  text-decoration: underline;
 }
 
-.section > h2 {
-  background-image: -webkit-gradient(linear, left top, left bottom,
-      from(hsl(213, 87%, 67%)),
-      to(hsl(213, 66%, 57%)));
-  -webkit-border-top-left-radius: 2px;
-  -webkit-border-top-right-radius: 2px;
-  padding: 4px 8px;
-  color: white;
-  font-size: 100%;
-  margin: 0px;
+.list > .thumbnail-container > .title > div {
+  text-decoration: none;
+  color: rgb(6, 45, 117);
 }
 
 .item {
@@ -425,17 +406,6 @@ html[dir='rtl'] .item {
   text-align: right;
 }
 
-.tips-title {
-  color: black;
-  text-decoration: none;
-  padding-top: 6px;
-  white-space: normal;
-}
-
-.tips-container {
-  padding-top: 4px;
-}
-
 .window {
   overflow: visible; /* We use visible so that the menu can be a child and shown
                         on :hover. To get this to work we have to set visibility
@@ -479,45 +449,45 @@ html[dir='rtl'] .item {
   -webkit-box-orient: horizontal;
 }
 
-.section h3 {
-  padding: 8px 5px;
-  padding-bottom: 0;
-  font-size: 80%;
-  font-weight: normal;
-  margin: 0;
-  -webkit-margin-start: 2px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.item-container {
-  margin: 0 5px;
-  text-decoration: underline;
-  color: hsl(213, 27%, 68%);
+#recently-closed {
+  -webkit-transition: opacity .15s;
+  background-color: hsla(213, 60%, 92%, .4);
+  border: 1px solid hsl(213, 60%, 92%);
+  -webkit-border-radius: 2px;
+  padding: 5px 0px;;
+  white-space: nowrap;
+  overflow-x: hidden;
 }
 
-.item.nav:after {
-  content: '\00bb'; /* raque gets flipped automatically in rtl */
-  font-size: 115%;
-  -webkit-padding-start: 2px;
+#recently-closed > * {
+  display: inline-block;
+  max-width: 200px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 100%;
+  margin: 0 10px;
 }
 
-#recent-activities {
-  -webkit-transition: width .15s, opacity .15s;
+#recently-closed > h2,
+#recently-closed .nav {
+  max-width: none;
 }
 
-#recent-activities > .item-container {
-  -webkit-column-count: 2;
-  -webkit-column-gap: 20px;
-  height: 120px;
+#recently-closed > span {
+  color: hsl(213, 27%, 68%);
+  text-decoration: underline;
 }
 
-#recent-activities.large > .item-container {
-  -webkit-column-count: 4;
+.nav > a {
+  /* no icon */
+  padding: 0;
 }
 
-.section {
-  display: inline-block;
+.nav > a:after {
+  content: '\00bb'; /* raque gets flipped automatically in rtl */
+  font-size: 115%;
+  -webkit-padding-start: 2px;
 }
 
 #view-toolbar {
@@ -545,26 +515,6 @@ html[dir='rtl'] #view-toolbar {
   outline: none;
 }
 
-#lower-sections {
-  position: relative;
-  overflow: hidden;
-  -webkit-transition: height .15s, width .15s, opacity .15s;
-  white-space: nowrap;
-}
-
-#lower-sections > .section {
-  -webkit-transition: width .15s, opacity .15s, left .15s;
-  -webkit-box-sizing: border-box;
-  width: 450px; /* Set default size so we don't have to do a js layout at
-                   load */
-}
-
-#lower-sections .spacer {
-  width: 20px;
-  -webkit-transition: width .15s;
-  display: inline-block;
-}
-
 #thumb-checkbox {
   background-image: url(chrome://theme/newtab_thumb_off);
 }
@@ -722,10 +672,6 @@ html[dir='rtl'] #t4 {
     max-width: 15ex;
   }
 
-  #lower-sections > .section {
-    width: 336px; /* Same here, see above */
-  }
-
   #t0, #t4,
   html[dir='rtl'] #t3,
   html[dir='rtl'] #t7 {