| 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 |