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