Removed old media-internals page and rewrote it.

content/browser/resources/media/new/media_internals.css

+@charset "utf-8";
+
+body {
+  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 {
+  border-bottom: 1px solid #ddd;
+  color: #555;
+  font-size: 1.2em;
+}
+
+h3 {
+  border-bottom: 1px solid #ddd;
+  color: #555;
+  font-size: 1.1em;
+}
+
+div.collapse>h2 {
+  cursor: pointer;
+}
+
+div.collapse.open>h2 {
+  border-bottom: 0px;
+  margin-bottom: 0px;
+}
+div.collapse.open>h2:before,
+div.collapse.open>h2:after {
+  content: "\25B2";
+}
+
+div.collapse.closed>h2:before,
+div.collapse.closed>h2:after {
+  content: "\25BC";
+}
+
+div.collapse.closed>.collapse-content {
+  display:none;
+}
+
+div.collapse>.collapse-content {
+  border: 1px solid #ddd;
+  padding: 10px;
+}
+
+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;
+}
+
+
+
+#player-list {
+  float: left;
+  width: 200px;
+
+  display: block;
+}
+
+#player-list>ul, #stream-list>h3 {
+  margin-top: 0px;
+}
+
+button {
+    width: 197px;
+}
+
+#player-details {
+  margin-left: 220px;
+  padding-left: 10px;
+  border-left: 1px solid #999;
+}
+
+#player-details>h3 {
+  margin-top: 0px;
+}
+
+#properties>table td, #properties>table tr {
+  border: 0px solid white;
+  padding: 0px;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+#properties>table>tbody>tr>td:nth-child(odd){
+  color: #666;
+  font-size: 1.2em;
+
+  border-left: 1px solid #999;
+}
+
+#properties>table>tbody>tr>td:nth-child(odd):after{
+  content: ":";
+}
+
+div#log-wrapper .collapse-content {
+  max-height: 50%;
+  overflow: auto;
+}