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 3 * found in the LICENSE file. */ 4 5.timeline-view { 6 -webkit-box-flex: 1; 7 -webkit-box-orient: vertical; 8 display: -webkit-box; 9 padding: 0; 10} 11 12.timeline-view > .control { 13 display: -webkit-box; 14} 15 16.timeline-view > .control > .controls { 17 display: -webkit-box; 18} 19 20.timeline-view > .control > span { 21 padding-left: 5px; 22 padding-right: 10px; 23} 24 25.timeline-view > .control > button { 26 font-size: 75%; 27 height: 20px; 28 min-height: 10px; 29} 30 31.timeline-view > .control > .spacer { 32 -webkit-box-flex: 1; 33} 34 35.timeline-view > .timeline-viewport-track { 36 display: -webkit-box; 37 margin-top: 6px; 38 border-bottom: 1px solid #AAA; 39} 40 41.timeline-view > .timeline-container { 42 -webkit-box-flex: 1; 43 display: -webkit-box; 44 overflow: auto; 45} 46 47.timeline-view > .timeline-container > * { 48 -webkit-box-flex: 1; 49} 50 51.timeline-view > .analysis-container { 52 border-top: 1px solid black; 53 max-height: 250px; 54 min-height: 250px; 55 overflow: auto; 56} 57 58.timeline-view .selection { 59 margin: 2px; 60} 61 62.timeline-view .selection ul { 63 margin: 0; 64} 65 66.timeline-find-control { 67 -webkit-user-select: none; 68 display: -webkit-box; 69 position: relative; 70} 71 72.timeline-find-control .hit-count-label { 73 left: 0; 74 opacity: 0.25; 75 pointer-events: none; 76 position: absolute; 77 text-align: right; 78 top: 2px; 79 width: 170px; 80 z-index: 1; 81} 82 83.timeline-find-control input { 84 -webkit-user-select: auto; 85 border: 1px solid rgba(0, 0, 0, 0.4); 86 box-sizing: border-box; 87 height: 19px; 88 margin-bottom: 1px; 89 margin-left: 0; 90 margin-right: 0; 91 margin-top: 1px; 92 padding: 0; 93 width: 170px; 94} 95 96.timeline-button.find-previous { 97 border-left: none; 98 margin-left: 0; 99 margin-right: 0; 100} 101.timeline-button.find-next { 102 border-bottom-right-radius: 5px; 103 border-left: none; 104 margin-left: 0; 105} 106 107.timeline-button { 108 background-color: rgba(255, 255, 255, 0.5); 109 border: 1px solid rgba(0, 0, 0, 0.2); 110 color: rgba(0,0,0,0.2); 111 font-size: 14px; 112 height: 17px; 113 margin: 1px; 114 text-align: center; 115 width: 23px; 116} 117 118.timeline-button:hover { 119 background-color: rgba(255, 255, 255, 1.0); 120 border: 1px solid rgba(0, 0, 0, 0.8); 121 box-shadow: 0 0 .05em rgba(0, 0, 0, 0.4); 122 color: rgba(0, 0, 0, 1); 123} 124