18e610ed585685c55e2cfd010b4233eafc7d568c2Thanh Le/* Copyright (c) 2012 The Chromium Authors. All rights reserved. 21194ec356a16f3c6dcf408289e36e42c149d6dc8Kevin Jin * Use of this source code is governed by a BSD-style license that can be 38e610ed585685c55e2cfd010b4233eafc7d568c2Thanh Le * found in the LICENSE file. 48e610ed585685c55e2cfd010b4233eafc7d568c2Thanh Le */ 58e610ed585685c55e2cfd010b4233eafc7d568c2Thanh Le 68e610ed585685c55e2cfd010b4233eafc7d568c2Thanh Le.timeline-view * { 78e610ed585685c55e2cfd010b4233eafc7d568c2Thanh Le -webkit-user-select: none; 88e610ed585685c55e2cfd010b4233eafc7d568c2Thanh Le box-sizing: border-box; 98e610ed585685c55e2cfd010b4233eafc7d568c2Thanh Le} 108e610ed585685c55e2cfd010b4233eafc7d568c2Thanh Le 118e610ed585685c55e2cfd010b4233eafc7d568c2Thanh Le.timeline-view { 128e610ed585685c55e2cfd010b4233eafc7d568c2Thanh Le -webkit-box-flex: 1; 138e610ed585685c55e2cfd010b4233eafc7d568c2Thanh Le -webkit-box-orient: vertical; 148e610ed585685c55e2cfd010b4233eafc7d568c2Thanh Le cursor: default; 158e610ed585685c55e2cfd010b4233eafc7d568c2Thanh Le display: -webkit-box; 168e610ed585685c55e2cfd010b4233eafc7d568c2Thanh Le font-family: sans-serif; 171194ec356a16f3c6dcf408289e36e42c149d6dc8Kevin Jin padding: 0; 188e610ed585685c55e2cfd010b4233eafc7d568c2Thanh Le} 1970e34108e0fc19277e642aef3b36b65b8e254899Kevin Jin 2074676fdd3c8a9e599eddd13bea56898674d9916aKevin Jin.timeline-view > .control > .title { 2152107c27b6b0f2b0fdfec995784c73746bb95c4eKevin Jin font-size: 14px; 2252107c27b6b0f2b0fdfec995784c73746bb95c4eKevin Jin height: 19px; 2374676fdd3c8a9e599eddd13bea56898674d9916aKevin Jin padding-left: 2px; 2474676fdd3c8a9e599eddd13bea56898674d9916aKevin Jin padding-right: 8px; 250337ecab63fbdf2775eb8d1d86bb96d59a8f9712Kevin Jin padding-top: 2px; 2674676fdd3c8a9e599eddd13bea56898674d9916aKevin Jin} 2774676fdd3c8a9e599eddd13bea56898674d9916aKevin Jin 2874676fdd3c8a9e599eddd13bea56898674d9916aKevin Jin.timeline-view > .control { 2974676fdd3c8a9e599eddd13bea56898674d9916aKevin Jin background-color: #e6e6e6; 30988386cd9cc46bf5399846a414c09e0af48b1e5aKevin Jin background-image: -webkit-gradient(linear, 31a738fe74f57f48dde2dd7a28479bab3f5441dadbKevin Jin 0 0, 3274676fdd3c8a9e599eddd13bea56898674d9916aKevin Jin 0 100%, 338e610ed585685c55e2cfd010b4233eafc7d568c2Thanh Le from(#E5E5E5), 3421a0001e2426644dd68e6140b5873ebaeafcc3dcKevin Jin to(#D1D1D1)); 3521a0001e2426644dd68e6140b5873ebaeafcc3dcKevin Jin border-bottom: 1px solid #8e8e8e; 3674676fdd3c8a9e599eddd13bea56898674d9916aKevin Jin display: -webkit-flex; 3774676fdd3c8a9e599eddd13bea56898674d9916aKevin Jin padding-top: 1px; 3874676fdd3c8a9e599eddd13bea56898674d9916aKevin Jin} 3974676fdd3c8a9e599eddd13bea56898674d9916aKevin Jin 4074676fdd3c8a9e599eddd13bea56898674d9916aKevin Jin.timeline-view > .control > .controls.category-filter { 4174676fdd3c8a9e599eddd13bea56898674d9916aKevin Jin margin-left: auto; 4274676fdd3c8a9e599eddd13bea56898674d9916aKevin Jin} 4374676fdd3c8a9e599eddd13bea56898674d9916aKevin Jin 4474676fdd3c8a9e599eddd13bea56898674d9916aKevin Jin.timeline-view > .control > .controls { 4574676fdd3c8a9e599eddd13bea56898674d9916aKevin Jin display: -webkit-flex; 4674676fdd3c8a9e599eddd13bea56898674d9916aKevin Jin} 4774676fdd3c8a9e599eddd13bea56898674d9916aKevin Jin 4874676fdd3c8a9e599eddd13bea56898674d9916aKevin Jin.timeline-view > .control > span { 4974676fdd3c8a9e599eddd13bea56898674d9916aKevin Jin padding-left: 5px; 5074676fdd3c8a9e599eddd13bea56898674d9916aKevin Jin padding-right: 10px; 5174676fdd3c8a9e599eddd13bea56898674d9916aKevin Jin} 5274676fdd3c8a9e599eddd13bea56898674d9916aKevin Jin 5374676fdd3c8a9e599eddd13bea56898674d9916aKevin Jin.timeline-view > .control > .controls > button, 5474676fdd3c8a9e599eddd13bea56898674d9916aKevin Jin.timeline-view > .control > .controls > label { 5521a0001e2426644dd68e6140b5873ebaeafcc3dcKevin Jin font-size: 11px; 568e610ed585685c55e2cfd010b4233eafc7d568c2Thanh Le height: 19px; 57 margin: 1px 2px 1px 2px; 58} 59 60.timeline-view > .control > .spacer { 61 -webkit-box-flex: 1; 62} 63 64.timeline-view > .container { 65 -webkit-box-flex: 1; 66 border-bottom: 1px solid #8e8e8e; 67 display: -webkit-box; 68} 69 70.timeline-view > .container > * { 71 -webkit-box-flex: 1; 72} 73 74.timeline-view > .analysis-view { 75 display: -webkit-flex; 76 padding-left: 2px; 77 padding-right: 2px; 78} 79.timeline-view > .analysis-view:not(.viewing-object) { 80 height: 250px; 81} 82.timeline-view > .analysis-view.viewing-object { 83 height: 500px; 84} 85 86.timeline-view .selection { 87 margin: 2px; 88} 89 90.timeline-view .selection ul { 91 margin: 0; 92} 93 94.find-control { 95 -webkit-user-select: none; 96 display: -webkit-box; 97 position: relative; 98} 99 100.find-control .hit-count-label { 101 left: 0; 102 opacity: 0.25; 103 pointer-events: none; 104 position: absolute; 105 text-align: right; 106 top: 2px; 107 width: 170px; 108 z-index: 1; 109} 110 111.find-control input { 112 -webkit-user-select: auto; 113 background-color: #f8f8f8; 114 border: 1px solid rgba(0, 0, 0, 0.5); 115 box-sizing: border-box; 116 height: 19px; 117 margin-bottom: 1px; 118 margin-left: 0; 119 margin-right: 0; 120 margin-top: 1px; 121 padding: 0; 122 width: 170px; 123} 124.find-control input:focus { 125 background-color: white; 126} 127 128.button.find-previous { 129 border-left: none; 130 margin-left: 0; 131 margin-right: 0; 132} 133.button.find-next { 134 border-left: none; 135 margin-left: 0; 136} 137 138.view-help-overlay { 139 padding: 6px; 140} 141 142.button { 143 background-color: #f8f8f8; 144 border: 1px solid rgba(0, 0, 0, 0.5); 145 color: rgba(0,0,0,0.8); 146 font-size: 14px; 147 height: 19px; 148 margin: 1px; 149 min-width: 23px; 150 text-align: center; 151} 152 153.button:hover { 154 background-color: rgba(255, 255, 255, 1.0); 155 border: 1px solid rgba(0, 0, 0, 0.8); 156 box-shadow: 0 0 .05em rgba(0, 0, 0, 0.4); 157 color: rgba(0, 0, 0, 1); 158} 159 160.view-info-button { 161 padding-left: 4px; 162 padding-right: 4px; 163 width: auto; 164} 165 166.view-info-button:hover { 167 border: solid 1px; 168} 169 170.view-import-errors-button { 171 border: solid 1px rgba(128, 0, 0, 0.2); 172 color: darkred; 173} 174 175.view-import-errors-button:hover { 176 border: solid 1px red; 177 color: red; 178} 179 180.view-import-errors-overlay { 181 -webkit-user-select: text; 182 max-height: 500px; 183 max-width: 800px; 184 min-height: 200px; 185 min-width: 400px; 186 overflow: auto; 187} 188 189.import-errors-dialog-text { 190 font-family: monospace; 191 margin: 8px; 192 white-space: pre; 193} 194 195.metadata-dialog { 196 max-height: 500px; 197 max-width: 800px; 198 min-height: 200px; 199 min-width: 400px; 200 overflow: auto; 201} 202 203.metadata-dialog-text { 204 font-family: monospace; 205 margin: 8px; 206 white-space: pre; 207} 208 209.category-filter-dialog { 210 max-height: 500px; 211 min-width: 400px; 212 overflow-y: auto; 213 padding: 20px; 214} 215 216.category-filter-dialog-form { 217 font-size: 80%; 218 padding: 10px; 219} 220 221.category-filter-dialog-form input { 222 margin-right: 7px; 223} 224