media_internals.css revision f2477e01787aa58f445919b809d89e252beef54f 
1/* Copyright 2013 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */
4
5html,
6body,
7#container {
8  margin: 0;
9  padding: 0;
10  width: 100%;
11  height: 100%;
12}
13
14table {
15  font-family: sans-serif;
16  -webkit-font-smoothing: antialiased;
17  font-size: 115%;
18  width: auto;
19  overflow: auto;
20  display: block;
21}
22th {
23  background-color: rgb(112, 196, 105);
24  font-weight: normal;
25  color: white;
26  padding: 2px;
27  text-align: center;
28  min-width: 230px;
29}
30td {
31  background-color: rgb(238, 238, 238);
32  padding: 2px;
33  color: rgb(111, 111, 111);
34  word-wrap: break-word;
35  min-width: 230px;
36}
37
38h1,
39h2,
40h3 {
41  color: rgb(50,50,50);
42}
43
44#container {
45  display: flex;
46  flex-direction: row;
47  flex-wrap: wrap;
48  justify-content: space-between;
49  align-items: flex-start;
50  align-content: stretch;
51}
52
53#container > * {
54  padding: 0;
55  padding-left: 25px;
56  margin: 0;
57}
58
59#list-wrapper {
60  display: flex;
61  flex-direction: column;
62  justify-content: space-between;
63  align-items: flex-start;
64  align-content: stretch;
65}
66
67#player-list-wrapper,
68#audio-component-list-wrapper {
69  flex-grow: 1;
70  align-self: stretch;
71  min-width: 200px;
72  overflow: auto;
73}
74
75#player-list-wrapper ul,
76#player-list-wrapper li,
77#audio-component-list-wrapper ul,
78#audio-component-list-wrapper li {
79  padding: 0px;
80  list-style-type: none;
81}
82#list-wrapper button {
83  padding: 0px;
84}
85
86#property-wrapper,
87#log-wrapper {
88  display:block;
89  flex-grow: 0.5;
90  align-self: stretch;
91  overflow: auto;
92}
93
94#log-wrapper > thead {
95  position: fixed;
96}
97
98#graphs li {
99  list-style-type: none;
100}
101
102#clipboard-textarea {
103  position: absolute;
104  width: 50%;
105  height: 50%;
106
107  left: 25%;
108  top: 25%;
109}
110
111.hiddenClipboard {
112  display: none;
113}
114
115.timestamp {
116  min-width: 115px;
117}