OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 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 | 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 body { | 5 html, |
6 font-family: sans-serif; | 6 body, |
| 7 #container { |
| 8 margin: 0; |
| 9 padding: 0; |
| 10 width: 100%; |
| 11 height: 100%; |
| 12 |
| 13 font-family: 'Lucida Grande', sans-serif; |
7 } | 14 } |
8 | 15 |
9 h2 { | 16 table { |
10 margin: 15px 0 5px 0; | 17 border-collapse: collapse; |
| 18 } |
| 19 td { |
| 20 border: 1px solid black; |
| 21 word-wrap: break-word; |
| 22 max-width: 200px; |
| 23 } |
| 24 thead { |
| 25 color: rgb(50,50,50); |
| 26 font-size: 1.1em; |
11 } | 27 } |
12 | 28 |
13 ul, | 29 h1, |
14 p, | 30 h2, |
15 canvas { | 31 h3 { |
| 32 color: rgb(50,50,50); |
| 33 } |
| 34 |
| 35 #container { |
| 36 display: flex; |
| 37 flex-direction: row; |
| 38 flex-wrap: wrap; |
| 39 justify-content: space-between; |
| 40 align-items: flex-start; |
| 41 align-content: stretch; |
| 42 } |
| 43 |
| 44 #container > * { |
| 45 padding: 0; |
| 46 padding-left: 25px; |
16 margin: 0; | 47 margin: 0; |
17 } | 48 } |
18 | 49 |
19 [hidden] { | 50 #list-wrapper { |
20 display: none !important; | 51 display: flex; |
| 52 flex-direction: column; |
| 53 justify-content: space-between; |
| 54 align-items: flex-start; |
| 55 align-content: stretch; |
21 } | 56 } |
22 | 57 |
23 #media-players td, | 58 #player-list-wrapper, |
24 #media-players th { | 59 #audio-stream-list-wrapper { |
25 padding: 0 10px; | 60 flex-grow: 1; |
| 61 align-self: stretch; |
| 62 min-width: 200px; |
| 63 max-width: 200px; |
| 64 overflow: auto; |
26 } | 65 } |
27 | 66 |
28 #cache-entries ul, | 67 #player-list-wrapper ul, |
29 #media-players ul, | 68 #player-list-wrapper li, |
30 #media-players { | 69 #audio-stream-list-wrapper ul, |
| 70 #audio-stream-list-wrapper li { |
| 71 margin: 0; |
| 72 padding: 0; |
31 list-style-type: none; | 73 list-style-type: none; |
32 } | 74 } |
33 | 75 #list-wrapper button { |
34 .cache-entry { | 76 margin: 0; |
35 margin: 0 0 5px 0; | 77 padding: 0; |
| 78 width: 170px; |
36 } | 79 } |
37 | 80 |
38 .cache-entry-controls { | 81 #property-wrapper, |
39 font-size: smaller; | 82 #log-wrapper { |
| 83 display:block; |
| 84 flex-grow: 0.5; |
| 85 align-self: stretch; |
| 86 overflow: auto; |
40 } | 87 } |
41 | 88 |
42 .cache-table { | 89 #log-wrapper > thead { |
43 table-layout: fixed; | 90 position: fixed; |
44 width: 500px; | |
45 } | 91 } |
46 | 92 |
47 thead { | 93 #graphs li { |
48 text-align: left; | 94 list-style-type: none; |
49 } | 95 } |
50 | |
51 tfoot { | |
52 text-align: right; | |
53 } | |
54 | |
55 .buffered { | |
56 display: table; | |
57 } | |
58 | |
59 .buffered > div { | |
60 display: table-row; | |
61 } | |
62 | |
63 .buffered > div > div { | |
64 display: table-cell; | |
65 vertical-align: bottom; | |
66 } | |
67 | |
68 .buffered > div > div:first-child { | |
69 font-weight: bold; | |
70 padding-right: 2px; | |
71 } | |
OLD | NEW |