Removed old media-internals page and rewrote it.

content/browser/resources/media/media_internals.css

Index: content/browser/resources/media/media_internals.css
diff --git a/content/browser/resources/media/media_internals.css b/content/browser/resources/media/media_internals.css
old mode 100644
new mode 100755
index d83b6b71eebdb02fdd043a5a2c3aedd4949bc872..e51a17529ea1254da4180e115ec6b9c8287d756b
--- a/content/browser/resources/media/media_internals.css
+++ b/content/browser/resources/media/media_internals.css
@@ -1,83 +1,127 @@
-/* Copyright (c) 2012 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. */
+@charset "utf-8";
 
 body {
-  font-family: sans-serif;
+  font-family: 'Lucidea Grande', sans-serif;
+  font-size: 0.8em;
+}
+
+h1 {
+  border-bottom: 1px solid #eee;
+  color: #666;
+  font-size: 1.5em;
+  margin: 0 0 0.5em 0;
 }
 
 h2 {
-  margin: 15px 0 5px 0;
+  border-bottom: 1px solid #ddd;
+  color: #555;
+  font-size: 1.2em;
 }
 
-ul,
-p,
-canvas {
-  margin: 0;
+h3 {
+  border-bottom: 1px solid #ddd;
+  color: #555;
+  font-size: 1.1em;
 }
 
-[hidden] {
-  display: none !important;
+div.collapse>h2 {
+  cursor: pointer;
 }
 
-#media-players td,
-#media-players th {
-  padding: 0 10px;
+div.collapse.open>h2 {
+  border-bottom: 0px;
+  margin-bottom: 0px;
+}
+div.collapse.open>h2:before,
+div.collapse.open>h2:after {
+  content: "\25B2";
 }
 
-.audio-stream[status='created'] {
-  color: blue;
+div.collapse.closed>h2:before,
+div.collapse.closed>h2:after {
+  content: "\25BC";
 }
 
-.audio-stream[status='closed'] {
-  text-decoration: line-through;
+div.collapse.closed>.collapse-content {
+  display:none;
 }
 
-.audio-stream[status='error'] {
-  color: red;
+div.collapse>.collapse-content {
+  border: 1px solid #ddd;
+  padding: 10px;
 }
 
-#cache-entries ul,
-#media-players ul,
-#media-players {
+thead {
+  font-size: 1.2em;
+  color: #666;
+}
+
+table {
+  border-collapse: collapse;
+  border: 1px solid #999;
+  font-size: inherit;
+}
+
+tbody, tr, td {
+  font-size: inherit;
+}
+
+table td, table th {
+  border: 1px solid #999;
+  padding: 3px;
+}
+
+ul {
   list-style-type: none;
+  padding-left: 0px;
 }
 
-.cache-entry {
-  margin: 0 0 5px 0;
+
+
+#player-list {
+  float: left;
+  width: 200px;
+
+  display: block;
 }
 
-.cache-entry-controls {
-  font-size: smaller;
+#player-list>ul, #stream-list>h3 {
+  margin-top: 0px;
 }
 
-.cache-table {
-  table-layout: fixed;
-  width: 500px;
+button {
+    width: 197px;
 }
 
-thead {
-  text-align: left;
+#player-details {
+  margin-left: 220px;
+  padding-left: 10px;
+  border-left: 1px solid #999;
 }
 
-tfoot {
-  text-align: right;
+#player-details>h3 {
+  margin-top: 0px;
 }
 
-.buffered {
-  display: table;
+#properties>table td, #properties>table tr {
+  border: 0px solid white;
+  padding: 0px;
+  padding-left: 5px;
+  padding-right: 5px;
 }
 
-.buffered > div {
-  display: table-row;
+#properties>table>tbody>tr>td:nth-child(odd){
+  color: #666;
+  font-size: 1.2em;
+
+  border-left: 1px solid #999;
 }
 
-.buffered > div > div {
-  display: table-cell;
-  vertical-align: bottom;
+#properties>table>tbody>tr>td:nth-child(odd):after{
+  content: ":";
 }
 
-.buffered > div > div:first-child {
-  font-weight: bold;
-  padding-right: 2px;
+div#log-wrapper .collapse-content {
+  max-height: 50%;
+  overflow: auto;
 }