Index: chrome/browser/resources/ntp/apps.css |
=================================================================== |
--- chrome/browser/resources/ntp/apps.css (revision 90942) |
+++ 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,47 @@ |
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; |
+} |
+ |
+/* A content-less div with this setting, will create an arrow when coupled |
+ with the arrow_* styles below it. */ |
+div.arrow { |
+ opacity: 0; |
+ 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; |
+} |