Replace in-session header with auto-hide tool-bar.

remoting/webapp/me2mom/toolbar.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.
+ */
+
+.toolbar-container {
+  position: absolute;
+  top: -46px;
+  width: 640px;
+  left: 50%;
+  margin-left: -320px;
+  -webkit-transition: top 0.2s linear;
+  -webkit-transition-delay: 0.7s;
+}
+
+.toolbar-container:hover {
+  top: -8px;
+  -webkit-transition-delay: 0s;
+}
+
+.toolbar-container div {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.toolbar-stub {
+  width: 134px; /* Needs to match the width of the 'stub' img */
+}
+
+.toolbar-border {
+  border-radius: 7px;
+  border: 3px solid #4695ff;
+  width: 640px;
+  padding: 10px 5px 5px 5px;
+  background-color: #e9e9e9;
+  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
+}
+
+/* Ensure that the 'connected to' string doesn't make the tool-bar overflow */
+/* TODO(jamiewalch): This only works if there are no spaces in the string */

[awong, 2011/07/15 20:40:29]

Is this because we need to disable word wrapping?

http://www.w3schools.com/cssref/pr_text_white-space.asp

[Jamie, 2011/07/15 20:52:20]

Yes! You rock!

[awong, 2011/07/15 20:57:37]

Yay!

Comment is now stale btw..

+#connected-to {
+  display: inline-block;
+  max-width: 240px;
+  overflow: hidden;
+  margin-right: 1em;
+}
+
+.right-align {
+  float: right;
+}