Wire up notifications to the New Tab page.

chrome/browser/resources/ntp/apps.css

Index: chrome/browser/resources/ntp/apps.css
===================================================================
--- chrome/browser/resources/ntp/apps.css	(revision 91278)
+++ chrome/browser/resources/ntp/apps.css	(working copy)
@@ -30,7 +30,7 @@
   color: black;
   margin: 5px 3px;
   position: absolute;
-  height: 136px;
+  height: 150px;
   width: 124px; /* 920 / 7 - margin * 2 */
   visibility: hidden;
 }
@@ -98,6 +98,23 @@
   opacity: .7;
 }
 
+.app_notification {
+  color: gray;
+  display: block;
+  -webkit-transition: color .15s linear;
+}
+.app_notification:hover {
+  color: Blue;
+}
+
+.app-notification-close {
+  height: 14px;
+  position: absolute;
+  right: 6px;
+  top: 6px;
+  width: 14px;
+}
+
 #apps-content[launcher-animations=true] .app {
   -webkit-transition: top .2s, left .2s, right .2s, opacity .2s;
 }
@@ -199,3 +216,55 @@
   padding: 2px 10px;
   white-space: nowrap;
 }
+
+.notification-bubble {
+  background-color: White;
+  border: 1px solid #B5B5B5;
+  font-family: Helvetica, Arial, sans-serif;
+  font-size : 107%;
+  min-height: 100px;
+  min-width: 200px;  
+  opacity: 0;
+  padding: 10px;
+  position: absolute;
+  width: 200px;
+  -webkit-border-radius: 5px;
+  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
+  -webkit-transition: opacity 0.2s linear;
+}
+.notification-bubble:focus {
+  outline: none;
+}
+
+.notification-bubble-opened {
+  opacity: 1;
+  pointer-events: auto;
+}
+.notification-bubble-closed {
+  opacity: 0;
+  pointer-events: none;
+}
+
+/* A content-less div with this setting, will create an arrow when coupled
+   with the arrow_* styles below it. */
+div.arrow {
+  border-style: solid;
+  border-width: 12px;
+  height: 0px;
+  width: 0px;
+  position: absolute;
+}
+div.arrow-contents {
+  border-color: transparent white transparent transparent;
+  z-index: 2;
+  -webkit-transition: opacity 0.2s linear;
+}
+div.arrow-shadow {
+  border-color: transparent gray transparent transparent;
+  -webkit-transition: opacity 0.2s linear;
+}
+div.arrow-border {
+  border-color: transparent #B5B5B5 transparent transparent;
+  z-index: 1;
+  -webkit-transition: opacity 0.2s linear;
+}