Add Media Router route-details.

chrome/browser/resources/media_router/elements/route-details/route_details.css

Index: chrome/browser/resources/media_router/elements/route-details/route_details.css
diff --git a/chrome/browser/resources/media_router/elements/route-details/route_details.css b/chrome/browser/resources/media_router/elements/route-details/route_details.css
new file mode 100644
index 0000000000000000000000000000000000000000..33b6474c89ca63fdef7a10a35e5bd1f303846f38
--- /dev/null
+++ b/chrome/browser/resources/media_router/elements/route-details/route_details.css
@@ -0,0 +1,52 @@
+/* Copyright 2015 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. */
+
+.activity {
+  -webkit-padding-start: 10px;
+}
+
+.activity-description {
+  font-weight: bold;
+  line-height: 1.125em;
+  margin: 8px 0;
+  overflow: hidden;
+}
+
+.activity-status {
+  color: rgb(125, 125, 125);
+  line-height: 1.125em;
+  margin: 8px 0;
+}
+
+#back-to-devices {
+  -webkit-padding-start: 10px;
+  color: rgb(20, 86, 218);
+  font-weight: bold;
+  line-height: 2em;
+}
+
+#back-to-devices:hover {
+  text-decoration: underline;
+}
+
+button {

[mark a. foltz, 2015/04/08 22:24:54]

Is this duplicate with the button class declared elsewhere?  Can the common
styles be factored out?

[mark a. foltz, 2015/04/08 22:26:27]

This is what I was thinking of.

https://code.google.com/p/chromium/codesearch#chromium/src/chrome/browser/res...

[apacible, 2015/04/24 18:29:08]

Done, added media_router_common.css file.

+  background: linear-gradient(to top, rgb(254, 254, 254), rgb(222, 222, 222));
+  border: 1px solid rgb(193, 193, 195);
+  color: rgb(44, 44, 44);
+  cursor: pointer;
+  font-size: 1em;
+  font-weight: bold;
+  height: 32px;

[mark a. foltz, 2015/04/08 22:24:54]

How does fixed-height interact with font resizing?

[apacible, 2015/04/24 18:29:08]

Font sizes don't affect fixed heights.

+  overflow: hidden;
+  text-align: center;
+  width: 100%;
+}
+
+.device-name {
+  font-weight: bold;
+}
+
+hr {
+  margin: 0;
+}