Show GAIA profile info in NTP

chrome/browser/resources/ntp4/new_tab.css

Index: chrome/browser/resources/ntp4/new_tab.css
diff --git a/chrome/browser/resources/ntp4/new_tab.css b/chrome/browser/resources/ntp4/new_tab.css
index 50c51f9047e862a6a309c21372e25b8e4fc60257..8f43452c01a106cd7a93a556a87a146fdae12d2a 100644
--- a/chrome/browser/resources/ntp4/new_tab.css
+++ b/chrome/browser/resources/ntp4/new_tab.css
@@ -195,6 +195,31 @@ html[dir='rtl'] #login-container {
   right: auto;
 }
 
+#login-status-header-container {
+  display: -webkit-box;
+  -webkit-box-align: center;
+  -webkit-box-orient: horizontal;
+  -webkit-box-pack: end;
+}
+
+#login-status-header {
+  display: block;
+}
+
+#login-status-icon-container {
+  /* Draw a border inside the icon by using an inset shadow. */

[Evan Stade, 2011/11/29 02:27:48]

why can't you use an actual border?

[sail, 2011/11/29 19:11:04]

I need to draw the border inside the image. I couldn't figure out a way to do
this with a border.

+  -webkit-box-shadow: inset 0px 0px 1px black;

[Evan Stade, 2011/11/29 02:27:48]

in this file, -webkit-foo comes at the end of the css block (best to remain
locally consistent, although if you want to change the entire file to have
-webkit-foo at the beginning that works too)

[sail, 2011/11/29 19:11:04]

Done.

+  width: 27px;
+  height: 27px;
+  margin-left: 10px;
+}
+
+#login-status-icon {
+  position: relative;
+  width: 27px;
+  z-index: -1;
+}
+
 .link-span {
   text-decoration: underline;
 }