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-user-select: none; 7 box-sizing: border-box; 8} 9 10.timeline-view { 11 -webkit-box-flex: 1; 12 -webkit-box-orient: vertical; 13 cursor: default; 14 display: -webkit-box; 15 font-family: sans-serif; 16 padding: 0; 17} 18 19.timeline-view > .control > .title { 20 font-size: 14px; 21 height: 19px; 22 padding-left: 2px; 23 padding-right: 8px; 24 padding-top: 2px; 25} 26 27.timeline-view > .control { 28 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E5E5E5), to(#D1D1D1)); 29 background-color: #e6e6e6; 30 border-bottom: 1px solid #8e8e8e; 31 display: -webkit-box; 32} 33 34.timeline-view > .control > .controls { 35 display: -webkit-box; 36} 37 38.timeline-view > .control > span { 39 padding-left: 5px; 40 padding-right: 10px; 41} 42 43.timeline-view > .control > .controls > button, 44.timeline-view > .control > .controls > label { 45 font-size: 11px; 46 margin: 1px 2px 1px 2px; 47 height: 19px; 48} 49 50.timeline-view > .control > .spacer { 51 -webkit-box-flex: 1; 52} 53 54.timeline-view > .timeline-container { 55 -webkit-box-flex: 1; 56 display: -webkit-box; 57 border-bottom: 1px solid #8e8e8e; 58} 59 60.timeline-view > .timeline-container > * { 61 -webkit-box-flex: 1; 62} 63 64.timeline-drag-handle { 65 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E5E5E5), to(#D1D1D1)); 66 height: 8px; 67 border-top: 1px solid white; 68 border-bottom: 1px solid #8e8e8e; 69 cursor: ns-resize; 70} 71 72.timeline-view > .analysis-container { 73 height: 250px; 74 overflow: auto; 75 padding-left: 2px; 76 padding-right: 2px; 77} 78 79.timeline-view .selection { 80 margin: 2px; 81} 82 83.timeline-view .selection ul { 84 margin: 0; 85} 86 87.timeline-find-control { 88 -webkit-user-select: none; 89 display: -webkit-box; 90 position: relative; 91} 92 93.timeline-find-control .hit-count-label { 94 left: 0; 95 opacity: 0.25; 96 pointer-events: none; 97 position: absolute; 98 text-align: right; 99 top: 2px; 100 width: 170px; 101 z-index: 1; 102} 103 104.timeline-find-control input { 105 -webkit-user-select: auto; 106 background-color: #f8f8f8; 107 border: 1px solid rgba(0, 0, 0, 0.5); 108 box-sizing: border-box; 109 height: 19px; 110 margin-bottom: 1px; 111 margin-left: 0; 112 margin-right: 0; 113 margin-top: 1px; 114 padding: 0; 115 width: 170px; 116} 117.timeline-find-control input:focus { 118 background-color: white; 119} 120 121.timeline-button.find-previous { 122 border-left: none; 123 margin-left: 0; 124 margin-right: 0; 125} 126.timeline-button.find-next { 127 border-left: none; 128 margin-left: 0; 129} 130 131.timeline-view-help-overlay { 132 padding: 6px; 133} 134 135.timeline-button { 136 background-color: #f8f8f8; 137 border: 1px solid rgba(0, 0, 0, 0.5); 138 color: rgba(0,0,0,0.8); 139 font-size: 14px; 140 height: 19px; 141 margin: 1px; 142 text-align: center; 143 width: 23px; 144} 145 146.timeline-button:hover { 147 background-color: rgba(255, 255, 255, 1.0); 148 border: 1px solid rgba(0, 0, 0, 0.8); 149 box-shadow: 0 0 .05em rgba(0, 0, 0, 0.4); 150 color: rgba(0, 0, 0, 1); 151} 152 153.timeline-view-info-button { 154 width: auto; 155 padding-left: 4px; 156 padding-right: 4px; 157} 158 159.timeline-view-info-button:hover { 160 border: solid 1px; 161} 162 163.timeline-view-import-errors-button { 164 color: darkred; 165 border: solid 1px rgba(128, 0, 0, 0.2); 166} 167 168.timeline-view-import-errors-button:hover { 169 color: red; 170 border: solid 1px red; 171} 172 173.import-errors-dialog { 174 overflow: auto; 175 min-width: 400px; 176 min-height: 200px; 177 max-width: 800px; 178 max-height: 500px; 179} 180 181.import-errors-dialog-text { 182 white-space: pre; 183 font-family: monospace; 184 margin: 8px; 185} 186 187.metadata-dialog { 188 overflow: auto; 189 min-width: 400px; 190 min-height: 200px; 191 max-width: 800px; 192 max-height: 500px; 193} 194 195.metadata-dialog-text { 196 white-space: pre; 197 font-family: monospace; 198 margin: 8px; 199} 200 201.category-filter-dialog { 202 min-width: 400px; 203 min-height: 200px; 204 padding: 20px; 205} 206 207.category-filter-dialog-form { 208 padding: 10px; 209 font-size: 80%; 210} 211 212.category-filter-dialog-form input { 213 margin-right: 7px; 214} 215