OLD | NEW |
1 /* | 1 /* |
2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. | 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. |
3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> | 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> |
4 * | 4 * |
5 * Redistribution and use in source and binary forms, with or without | 5 * Redistribution and use in source and binary forms, with or without |
6 * modification, are permitted provided that the following conditions | 6 * modification, are permitted provided that the following conditions |
7 * are met: | 7 * are met: |
8 * | 8 * |
9 * 1. Redistributions of source code must retain the above copyright | 9 * 1. Redistributions of source code must retain the above copyright |
10 * notice, this list of conditions and the following disclaimer. | 10 * notice, this list of conditions and the following disclaimer. |
(...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
49 border-top: 1px solid #ccc; | 49 border-top: 1px solid #ccc; |
50 background-color: #eee; | 50 background-color: #eee; |
51 } | 51 } |
52 | 52 |
53 .resource-timing-view { | 53 .resource-timing-view { |
54 display: block; | 54 display: block; |
55 margin: 6px; | 55 margin: 6px; |
56 color: rgb(30%, 30%, 30%); | 56 color: rgb(30%, 30%, 30%); |
57 } | 57 } |
58 | 58 |
59 /* Network timing is shared between popover and network item view pane */ | 59 .resource-timing-table { |
60 | 60 width: 100% !important; |
61 .network-timing-table { | |
62 width: 380px; | |
63 border-spacing: 0; | |
64 padding-left: 10px; | |
65 padding-right: 10px; | |
66 line-height: initial; | |
67 } | |
68 | |
69 .network-timing-start { | |
70 border-top: 5px solid transparent; | |
71 } | |
72 .network-timing-table-header td, .network-timing-footer td { | |
73 border-top: 10px solid transparent; | |
74 } | |
75 | |
76 .network-timing-table-header td { | |
77 color: #bbb; | |
78 } | |
79 | |
80 .network-timing-table-header td:last-child { | |
81 text-align: right; | |
82 } | |
83 | |
84 .network-timing-table col.labels { | |
85 width: 156px; | |
86 } | |
87 | |
88 .network-timing-table col.duration { | |
89 width: 80px; | |
90 } | |
91 | |
92 .network-timing-table td { | |
93 padding: 2px 0; | |
94 } | |
95 | |
96 .network-timing-table td.caution { | |
97 font-weight: bold; | |
98 color: rgb(255, 128, 0); | |
99 padding: 2px 0; | |
100 } | |
101 | |
102 .network-timing-table hr.break { | |
103 border: 0; | |
104 height: 1px; | |
105 background-image: linear-gradient(to right, #eee, #bbb, #eee); | |
106 } | |
107 | |
108 .network-timing-footer td:last-child { | |
109 font-weight: bold; | |
110 text-align: right; | |
111 } | |
112 | |
113 .network-timing-row { | |
114 position: relative; | |
115 height: 15px; | |
116 } | |
117 | |
118 .network-timing-bar { | |
119 position: absolute; | |
120 min-width: 1px; | |
121 top: 0; | |
122 bottom: 0; | |
123 } | |
124 | |
125 .network-timing-bar-title { | |
126 color: #222; | |
127 white-space: nowrap; | |
128 text-align: right; | |
129 } | |
130 | |
131 .network-timing-bar.queueing, | |
132 .network-timing-bar.total { | |
133 border: 1px solid rgba(0, 0, 0, 0.1); | |
134 } | |
135 | |
136 .network-timing-bar.blocking, -theme-preserve { | |
137 background-color: #AAAAAA; | |
138 } | |
139 | |
140 .network-timing-bar.proxy, -theme-preserve { | |
141 background-color: #A1887F; | |
142 } | |
143 | |
144 .network-timing-bar.dns, -theme-preserve { | |
145 background-color: #009688; | |
146 } | |
147 | |
148 .network-timing-bar.connecting, | |
149 .network-timing-bar.serviceworker, | |
150 .network-timing-bar.serviceworker-preparation, -theme-preserve { | |
151 background-color: #FF9800; | |
152 } | |
153 | |
154 .network-timing-bar.ssl, -theme-preserve { | |
155 background-color: #9C27B0; | |
156 } | |
157 | |
158 .network-timing-bar.sending, -theme-preserve { | |
159 background-color: #B0BEC5; | |
160 } | |
161 | |
162 .network-timing-bar.waiting, -theme-preserve { | |
163 background-color: #00C853; | |
164 } | |
165 | |
166 .network-timing-bar.receiving, -theme-preserve, | |
167 .network-timing-bar.receiving-push, -theme-preserve { | |
168 background-color: #03A9F4; | |
169 } | |
170 | |
171 .network-timing-bar.push, -theme-preserve { | |
172 background-color: #8CDBff; | |
173 } | |
174 | |
175 .network-timing-bar.server-timing, -theme-preserve { | |
176 background-color: #ddd; | |
177 } | |
178 | |
179 .network-timing-table td.network-timing-metric { | |
180 white-space: nowrap; | |
181 max-width: 150px; | |
182 overflow-x: hidden; | |
183 text-overflow: ellipsis; | |
184 } | |
185 | |
186 .network-timing-bar.proxy, | |
187 .network-timing-bar.dns, | |
188 .network-timing-bar.ssl, | |
189 .network-timing-bar.connecting, | |
190 .network-timing-bar.blocking { | |
191 height: 10px; | |
192 margin: auto; | |
193 } | |
194 | |
195 .resource-timing-view .network-timing-table { | |
196 width: 100%; | |
197 } | 61 } |
198 | 62 |
199 #network-overview-panel { | 63 #network-overview-panel { |
200 flex: none; | 64 flex: none; |
201 position: relative; | 65 position: relative; |
202 } | 66 } |
203 | 67 |
204 #network-overview-container { | 68 #network-overview-container { |
205 overflow: hidden; | 69 overflow: hidden; |
206 flex: auto; | 70 flex: auto; |
(...skipping 46 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
253 | 117 |
254 .network-film-strip { | 118 .network-film-strip { |
255 border-bottom: solid 1px #cdcdcd; | 119 border-bottom: solid 1px #cdcdcd; |
256 flex: none !important; | 120 flex: none !important; |
257 } | 121 } |
258 | 122 |
259 .network-blocked-urls { | 123 .network-blocked-urls { |
260 border-top: 1px solid #dadada; | 124 border-top: 1px solid #dadada; |
261 flex: 104px 0 0; | 125 flex: 104px 0 0; |
262 } | 126 } |
OLD | NEW |