• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1 /* Copyright 2013 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 #cros-log-visualizer-header {
7  margin-bottom: 20px;
8 }
9
10.cros-log-visualizer-container {
11  background-color: rgb(242, 242, 242);
12  border: 1px solid rgb(220, 220, 220);
13}
14
15#cros-log-visualizer-log-content {
16  border: 1px solid rgb(220, 220, 220);
17  font-size: 11px;
18  height: 300px;
19  line-height: 18px;
20  margin-bottom: -1px;
21  overflow: scroll;
22  padding: 10px;
23  width: 1000px;
24 }
25
26#cros-log-visualizer-filter-container {
27  font-size: 12px;
28  margin-bottom: 5px;
29  padding: 5px 10px;
30  width: 1000px;
31}
32
33#cros-log-visualizer-filter-container p {
34  margin: 10px 0;
35}
36
37#cros-log-visualizer-log-table {
38  table-layout: fixed;
39  width: 950px;
40}
41
42#cros-log-visualizer-log-table td {
43  overflow: hidden;
44  table-layout: fixed;
45  word-wrap: break-word;
46}
47
48.cros-log-visualizer-td-time {
49  width: 100px;
50}
51
52#cros-log-visualizer-log-header-table {
53  font-size: 12px;
54  font-weight: bold;
55  margin-bottom: -1px;
56  text-align: center;
57  width: 1000px;
58}
59
60.cros-log-visualizer-td-pname {
61  text-align: center;
62  width: 120px;
63}
64
65.cros-log-visualizer-td-level {
66  width: 70px;
67}
68
69.cros-log-visualizer-td-level p {
70  border: 1px solid;
71  border-radius: 5px;
72  margin: 0 3px;
73  text-align: center;
74  width: 58px;
75}
76
77.cros-log-visualizer-td-level-error {
78  background-color: rgb(255, 153, 163);
79  color: rgb(238, 0, 0);
80}
81
82.cros-log-visualizer-td-level-info {
83  background-color: rgb(195, 227, 250);
84  color: rgb(10, 147, 245);
85  width: 120px;
86}
87
88.cros-log-visualizer-td-level-warning {
89  background-color: rgb(250, 229, 195);
90  color: darkorange;
91}
92
93.cros-log-visualizer-td-level-unknown {
94  color: gray;
95}
96
97.cros-log-visualizer-td-pid {
98  width: 60px;
99}
100
101#cros-log-visualizer-filter-pname {
102  border-bottom: 1px solid rgb(209, 209, 209);
103  padding: 5px 0 10px 0;
104}
105
106#cros-log-visualizer-filter-level {
107  padding: 5px 0 10px 0;
108}
109
110#cros-log-visualizer-search-container {
111  -webkit-margin-start: 760px;
112  border-radius: 5px;
113  font-size: 12px;
114  margin-bottom: 5px;
115  margin-left: 720px;
116  margin-top: -40px;
117  padding: 5px;
118  width: 280px;
119}
120
121#cros-log-visualizer-search-container input {
122  border: 1px solid rgb(220, 220, 220);
123}
124
125#cros-log-visualizer-visualizer-container {
126  border: 1px solid rgb(211, 211, 211);
127  height: 100px;
128  position: relative;
129  width: 1002px;
130}
131
132#cros-log-visualizer-visualizer-timeline {
133  background: gray;
134  opacity: 0.5;
135  position: absolute;
136  top: 0;
137  width: 2px;
138}
139
140.cros-log-visualizer-visualizer-time-display {
141  font-size: 10px;
142  position: absolute;
143  width: 50px;
144}
145
146#cros-log-visualizer-visualizer-reset-btn {
147  border: 1px solid rgb(211, 211, 211);
148  border-radius: 2px;
149  position: absolute;
150  right: 5px;
151  top: 5px;
152}
153
154#cros-log-visualizer-visualizer-tracking-layer {
155  background: none;
156  height: 100%;
157  left: 0;
158  position: absolute;
159  top: 0;
160  width: 100%;
161}
162
163.cros-log-visualizer-visualizer-canvas {
164  left: 0;
165  position: absolute;
166  top: 0;
167}
168
169.cros-log-visualizer-flash {
170  -webkit-animation: fade 1s linear 1;
171}
172
173#cros-log-visualizer-marker-container {
174  background-color: rgb(242, 242, 242);
175  border: 1px solid rgb(211, 211, 211);
176  left: 1030px;
177  min-height: 320px;
178  padding: 10px;
179  position: absolute;
180  top: 63px;
181  width: 200px;
182}
183
184.cros-log-visualizer-marker-history-entry {
185  display: -webkit-flex;
186  height: 20px;
187}
188
189
190.cros-log-visualizer-marker-history-entry * {
191  display: block;
192}
193
194.cros-log-visualizer-marker-history-entry p {
195  font-size: 13px;
196  height: 15px;
197  margin: 0;
198  width: 98px;
199}
200
201.cros-log-visualizer-marker-history-entry a {
202  color: grey;
203  font-size: 11px;
204}
205
206.cros-log-visualizer-marker-history-color-tag {
207  border-radius: 10px;
208  height: 10px;
209  margin: 4px;
210  width: 10px;
211}
212
213.cros-log-visualizer-marker-highlight {
214  font-weight: bold;
215}
216
217#cros-log-visualizer-save-btn {
218  background-color: rgb(211, 211, 211);
219}
220
221@-webkit-keyframes fade {
222  0%
223  {
224    opacity: 1;
225  }
226  50%
227  {
228    opacity: 0;
229  }
230  100%
231  {
232    opacity: 1;
233  }
234}
235