Show GAIA profile info in NTP

chrome/browser/resources/ntp4/new_tab.css

 /* Copyright (c) 2011 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 html {
   font-family: segoe ui, arial, helvetica, sans-serif;
   font-size: 14px;
   /* It's necessary to put this here instead of in body in order to get the
      background-size of 100% to work properly */
@@ skipping 177 matching lines @@
   top: 0;
   z-index: 100;
   -webkit-box-shadow: none;
 }
 
 html[dir='rtl'] #login-container {
   left: 0;
   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;
 }
 
 #login-status-bubble-contents {
   font-size: 13px;
 }
 
 #login-status-message-container {
   margin-bottom: 13px;
@@ skipping 62 matching lines @@
   padding: 0;
   position: absolute;
   margin: 0;
   max-width: 150px;
   min-width: 90px;
   outline: none;
   top: 0;
   z-index: 5;
   -webkit-transition: width 150ms, right 150ms, background-color 150ms;
 }