• 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#about-info {
7  -webkit-column-width: 350px;
8}
9
10#about-info > div {
11  -webkit-column-break-inside: avoid;
12  width: 350px;
13}
14
15#about-info h2 {
16  color: rgb(74, 142, 230);
17  font-size: 100%;
18  margin-bottom: 0;
19}
20
21#about-info .err {
22  color: red;
23}
24
25#about-info .section {
26  display: inline-block;
27  margin-left: auto;
28  margin-right: auto;
29}
30
31.about-details {
32  width: 100%;
33}
34
35.about-details tr:nth-child(odd) {
36  background: rgb(239, 243, 255);
37}
38
39#typeInfo .error {
40 background: rgb(255, 204, 204);
41}
42
43#typeInfo .warning {
44 background: rgb(255, 255, 204);
45}
46
47#typeInfo .ok {
48 background: rgb(204, 255, 204);
49}
50
51@-webkit-keyframes highlight1 {
52  0% {
53    background: rgb(255, 255, 0);
54  }
55  100% {
56    background: #fff;
57  }
58}
59
60@-webkit-keyframes highlight2 {
61  0% {
62    background: rgb(155, 158, 166);
63  }
64  100% {
65    background: rgb(239, 243, 255);
66  }
67}
68
69.about-details [highlighted] {
70  -webkit-animation-duration: 3s;
71  -webkit-animation-name: highlight1;
72  -webkit-animation-timing-function: linear;
73}
74
75.about-details [highlighted]:nth-child(odd) {
76  -webkit-animation-duration: 3s;
77  -webkit-animation-name: highlight2;
78  -webkit-animation-timing-function: linear;
79}
80
81.about-details .uninitialized {
82  color: #7f7f7f;
83}
84
85#status {
86  margin-left: auto;
87  margin-right: auto;
88  text-align: center;
89  width: 300px;
90}
91
92#traffic-event-container {
93  border: 1px solid;
94  height: 500px;
95  max-width: 500px;
96  overflow-y: auto;
97}
98
99.traffic-event-entry {
100  border: 2px outset;
101  padding: 0.5em;
102}
103
104.traffic-event-entry:hover {
105  background-color: #eee;
106}
107
108.traffic-event-entry .time {
109  color: #222;
110  font-family: sans-serif;
111}
112
113.traffic-event-entry .type {
114  font-family: sans-serif;
115  font-weight: bold;
116  margin: 0.5em;
117  white-space: nowrap;
118}
119
120.traffic-event-entry .details {
121  margin: 0.5em;
122  overflow-x: auto;
123}
124
125.traffic-event-entry .proto {
126  display: none;
127}
128
129.traffic-event-entry-expanded .proto {
130  background-color: #fff;
131  border: 1px solid #222;
132  display: block;
133  max-height: 300px;
134  overflow-x: auto;
135  overflow-y: auto;
136}
137