| OLD | NEW |
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 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 .timeline-view { | 5 .timeline-view { |
| 6 -webkit-box-flex: 1; | 6 -webkit-box-flex: 1; |
| 7 -webkit-box-orient: vertical; | 7 -webkit-box-orient: vertical; |
| 8 display: -webkit-box; | 8 display: -webkit-box; |
| 9 padding: 0; | 9 padding: 0; |
| 10 } | 10 } |
| 11 | 11 |
| 12 .timeline-view > .timeline { | 12 .timeline-view > .control { |
| 13 border-bottom: 1px solid #555; |
| 14 display: -webkit-box; |
| 15 } |
| 16 |
| 17 .timeline-view > .control > span { |
| 18 padding-left: 5px; |
| 19 padding-right: 10px; |
| 20 } |
| 21 |
| 22 .timeline-view > .control > button { |
| 23 font-size: 75%; |
| 24 height: 20px; |
| 25 min-height: 10px; |
| 26 } |
| 27 |
| 28 .timeline-view > .control > .spacer { |
| 29 -webkit-box-flex: 1; |
| 30 } |
| 31 |
| 32 .timeline-view > .timeline-container { |
| 13 -webkit-box-flex: 1; | 33 -webkit-box-flex: 1; |
| 14 display: -webkit-box; | 34 display: -webkit-box; |
| 15 overflow: auto; | 35 overflow: auto; |
| 16 } | 36 } |
| 17 | 37 |
| 18 .timeline-view .timeline-container { | 38 .timeline-view > .timeline-container > * { |
| 19 -webkit-box-flex: 1; | |
| 20 display: -webkit-box; | |
| 21 overflow: auto; | |
| 22 } | |
| 23 | |
| 24 .timeline-view .timeline-container > * { | |
| 25 -webkit-box-flex: 1; | 39 -webkit-box-flex: 1; |
| 26 } | 40 } |
| 27 .timeline-view .summary-container * { | 41 .timeline-view > .summary-container * { |
| 28 -webkit-user-select: text; | 42 -webkit-user-select: text; |
| 29 } | 43 } |
| 30 | 44 |
| 31 .timeline-view .summary-container { | 45 .timeline-view > .summary-container { |
| 32 border-top: 1px solid black; | 46 border-top: 1px solid black; |
| 33 font-family: monospace; | 47 font-family: monospace; |
| 34 max-height: 250px; | 48 max-height: 250px; |
| 35 min-height: 250px; | 49 min-height: 250px; |
| 36 overflow: auto; | 50 overflow: auto; |
| 37 } | 51 } |
| 38 | 52 |
| 39 .timeline-view .selection { | 53 .timeline-view .selection { |
| 40 margin: 2px; | 54 margin: 2px; |
| 41 } | 55 } |
| 42 | 56 |
| 43 .timeline-view .selection ul { | 57 .timeline-view .selection ul { |
| 44 margin: 0; | 58 margin: 0; |
| 45 } | 59 } |
| 60 |
| 61 .timeline-find-control { |
| 62 -webkit-user-select: none; |
| 63 position: relative; |
| 64 } |
| 65 |
| 66 .timeline-find-control .hit-count-label { |
| 67 left: 0; |
| 68 opacity: 0.25; |
| 69 pointer-events: none; |
| 70 position: absolute; |
| 71 text-align: right; |
| 72 top: 2px; |
| 73 width: 170px; |
| 74 z-index: 1; |
| 75 } |
| 76 |
| 77 .timeline-find-control input { |
| 78 margin-right: 1px; |
| 79 width: 170px; |
| 80 } |
| 81 |
| 82 .timeline-find-control .find-button { |
| 83 background-color: rgba(255, 255, 255, 0.5); |
| 84 border: 1px solid rgba(0, 0, 0, 0.2); |
| 85 color: rgba(0,0,0,0.2); |
| 86 font-size: 14px; |
| 87 height: 23px; |
| 88 text-align: center; |
| 89 width: 23px; |
| 90 } |
| 91 |
| 92 .timeline-find-control .find-button:hover { |
| 93 background-color: rgba(255, 255, 255, 1.0); |
| 94 border: 1px solid rgba(0, 0, 0, 0.8); |
| 95 border-radius: 25%; |
| 96 box-shadow: 0 0 .05em rgba(0, 0, 0, 0.4); |
| 97 color: rgba(0, 0, 0, 1); |
| 98 } |
| 99 |
| OLD | NEW |