OLD | NEW |
| (Empty) |
1 /* | |
2 * Copyright 2014 The Chromium Authors. All rights reserved. | |
3 * Use of this source code is governed by a BSD-style license that can be | |
4 * found in the LICENSE file. | |
5 */ | |
6 | |
7 html { | |
8 height: 100%; | |
9 } | |
10 | |
11 body { | |
12 display: flex; | |
13 flex-direction: column; | |
14 height: 100%; | |
15 margin: 0; | |
16 } | |
17 | |
18 #header { | |
19 margin: 5px; | |
20 } | |
21 | |
22 /* Checkboxes */ | |
23 | |
24 #log-checkbox-container { | |
25 margin: 5px; | |
26 } | |
27 | |
28 #log-checkbox-container button { | |
29 -webkit-margin-end: 8px; | |
30 } | |
31 | |
32 #log-checkbox-container label { | |
33 vertical-align: middle; | |
34 } | |
35 | |
36 #log-checkbox-show { | |
37 font-weight: bold; | |
38 } | |
39 | |
40 #log-checkbox-container input { | |
41 margin-bottom: 1px; | |
42 vertical-align: middle; | |
43 } | |
44 | |
45 /* Log */ | |
46 | |
47 #log-container { | |
48 border: 1px solid rgb(220, 220, 220); | |
49 flex: 1 1 100%; | |
50 font-size: 12px; | |
51 margin: 5px; | |
52 overflow: auto; | |
53 padding: 10px; | |
54 } | |
55 | |
56 #log-container p { | |
57 font-family: monospace; | |
58 line-height: 20px; | |
59 margin: 2px; | |
60 } | |
61 | |
62 /* Log Level tags */ | |
63 | |
64 .level-tag { | |
65 -webkit-margin-end: 5px; | |
66 border: 1px solid; | |
67 border-radius: 2px; | |
68 float: left; | |
69 height: 14px; | |
70 margin-top: 2px; | |
71 padding: 0 4px 2px 4px; | |
72 width: 50px; | |
73 } | |
74 | |
75 .log-level-error { | |
76 color: red; | |
77 } | |
78 | |
79 .log-level-user { | |
80 color: blue; | |
81 } | |
82 | |
83 .log-level-event { | |
84 color: black; | |
85 } | |
86 | |
87 .log-level-debug { | |
88 color: grey; | |
89 } | |
90 | |
91 /* Log Type tags */ | |
92 | |
93 .type-tag { | |
94 -webkit-margin-end: 5px; | |
95 border: 1px solid; | |
96 border-radius: 2px; | |
97 float: left; | |
98 font-weight: bold; | |
99 height: 14px; | |
100 margin-top: 2px; | |
101 padding: 0 4px 2px 4px; | |
102 width: 50px; | |
103 } | |
104 | |
105 .log-type-login { | |
106 color: darkgreen; | |
107 } | |
108 | |
109 .log-type-network { | |
110 color: darkblue; | |
111 } | |
112 | |
113 .log-type-power { | |
114 color: purple; | |
115 } | |
OLD | NEW |