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
6.timeline-view * {
7  -webkit-user-select: none;
8  box-sizing: border-box;
9}
10
11.timeline-view {
12  -webkit-box-flex: 1;
13  -webkit-box-orient: vertical;
14  cursor: default;
15  display: -webkit-box;
16  font-family: sans-serif;
17  padding: 0;
18}
19
20.timeline-view > .control > .title {
21  font-size: 14px;
22  height: 19px;
23  padding-left: 2px;
24  padding-right: 8px;
25  padding-top: 2px;
26}
27
28.timeline-view > .control {
29  background-color: #e6e6e6;
30  background-image: -webkit-gradient(linear,
31                                     0 0,
32                                     0 100%,
33                                     from(#E5E5E5),
34                                     to(#D1D1D1));
35  border-bottom: 1px solid #8e8e8e;
36  display: -webkit-flex;
37  padding-top: 1px;
38}
39
40.timeline-view > .control > .controls.category-filter {
41  margin-left: auto;
42}
43
44.timeline-view > .control > .controls {
45  display: -webkit-flex;
46}
47
48.timeline-view > .control > span {
49  padding-left: 5px;
50  padding-right: 10px;
51}
52
53.timeline-view > .control > .controls > button,
54.timeline-view > .control > .controls > label {
55  font-size: 11px;
56  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