OLD | NEW |
1 /* Copyright (c) 2013 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2013 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
4 | 4 |
5 | 5 |
6 .peer-connection-dump-root { | 6 .peer-connection-dump-root { |
7 font-size: 0.8em; | 7 font-size: 0.8em; |
8 padding-bottom: 3px; | 8 padding-bottom: 3px; |
9 } | 9 } |
10 | 10 |
11 .update-log-container { | 11 .update-log-container { |
12 float: left; | 12 float: left; |
13 width: 50em; | 13 width: 50em; |
14 overflow: auto; | 14 overflow: auto; |
15 } | 15 } |
16 | 16 |
17 .ssrc-info-block { | 17 .ssrc-info-block { |
18 color: #999; | 18 color: #999; |
19 font-size: 0.8em; | 19 font-size: 0.8em; |
20 } | 20 } |
21 | 21 |
22 .stats-graph-container { | 22 .stats-graph-container { |
23 clear: both; | 23 clear: both; |
24 margin: 0.5em 0 0.5em 0; | 24 margin: 0.5em 0 0.5em 0; |
25 } | 25 } |
26 | 26 |
27 .stats-graph-container-heading { | |
28 font-size: 0.8em; | |
29 font-weight: bold; | |
30 } | |
31 | |
32 .stats-graph-sub-container { | 27 .stats-graph-sub-container { |
33 float: left; | 28 float: left; |
34 margin: 0.5em; | 29 margin: 0.5em; |
35 } | 30 } |
36 | 31 |
37 .stats-graph-sub-container > div { | 32 .stats-graph-sub-container > div { |
38 float: left; | 33 float: left; |
39 } | 34 } |
40 | 35 |
41 .stats-graph-sub-container > div:first-child { | 36 .stats-graph-sub-container > div:first-child { |
42 float: none; | 37 float: none; |
43 } | 38 } |
44 | 39 |
45 .stats-table-container { | 40 .stats-table-container { |
46 float: left; | 41 float: left; |
47 padding: 0 0 0 0; | 42 padding: 0 0 0 0; |
48 width: 50em; | 43 width: 50em; |
49 overflow: auto; | 44 overflow: auto; |
50 } | 45 } |
51 | 46 |
52 .stats-table-container >div:first-child { | 47 .stats-table-container >div:first-child { |
53 font-size: 0.8em; | 48 font-size: 0.8em; |
54 font-weight: bold; | 49 font-weight: bold; |
55 text-align: center; | 50 text-align: center; |
56 padding: 0 0 1em 0; | 51 padding: 0 0 1em 0; |
57 } | 52 } |
58 | 53 |
| 54 .stats-table-active-connection { |
| 55 font-weight: bold; |
| 56 } |
| 57 |
59 body { | 58 body { |
60 font-family: 'Lucida Grande', sans-serif; | 59 font-family: 'Lucida Grande', sans-serif; |
61 } | 60 } |
62 | 61 |
63 table { | 62 table { |
64 border: none; | 63 border: none; |
65 margin: 0 1em 1em 0; | 64 margin: 0 1em 1em 0; |
66 } | 65 } |
67 | 66 |
68 td { | 67 td { |
69 border: none; | 68 border: none; |
70 font-size: 0.8em; | 69 font-size: 0.8em; |
71 padding: 0 1em 0.5em 0; | 70 padding: 0 1em 0.5em 0; |
72 min-width: 10em; | 71 min-width: 10em; |
73 word-break: break-all; | 72 word-break: break-all; |
74 } | 73 } |
75 | 74 |
76 table > tr { | 75 table > tr { |
77 vertical-align: top; | 76 vertical-align: top; |
78 } | 77 } |
79 | 78 |
80 th { | 79 th { |
81 border: none; | 80 border: none; |
82 font-size: 0.8em; | 81 font-size: 0.8em; |
83 padding: 0 0 0.5em 0; | 82 padding: 0 0 0.5em 0; |
84 } | 83 } |
85 | 84 |
86 .tab-head { | 85 .tab-head { |
87 background-color: rgb(220, 220, 220); | 86 background-color: rgb(220, 220, 220); |
88 margin: 10px 5px 0 5px; | 87 margin: 10px 2px 0 2px; |
89 text-decoration: underline; | 88 text-decoration: underline; |
90 cursor: pointer; | 89 cursor: pointer; |
91 display: inline-block; | 90 display: inline-block; |
92 width: 32%; | 91 word-break: break-all; |
| 92 width: 20em; |
93 } | 93 } |
| 94 |
94 .active-tab-head { | 95 .active-tab-head { |
95 background-color: turquoise; | 96 background-color: turquoise; |
96 font-weight: bold; | 97 font-weight: bold; |
97 } | 98 } |
| 99 |
98 .tab-body { | 100 .tab-body { |
99 border: 1px solid turquoise; | 101 border: 1px solid turquoise; |
100 border-top-width: 3px; | 102 border-top-width: 3px; |
101 padding: 0 10px 500px 10px; | 103 padding: 0 10px 500px 10px; |
102 display: none; | 104 display: none; |
103 } | 105 } |
| 106 |
104 .active-tab-body { | 107 .active-tab-body { |
105 display: block; | 108 display: block; |
106 } | 109 } |
OLD | NEW |