| 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 29 matching lines...) Expand all Loading... |
| 40 top: 8px; | 40 top: 8px; |
| 41 left: 5px; | 41 left: 5px; |
| 42 z-index: 10; | 42 z-index: 10; |
| 43 display: none; | 43 display: none; |
| 44 } | 44 } |
| 45 | 45 |
| 46 #network-views.small #network-close-button { | 46 #network-views.small #network-close-button { |
| 47 top: 4px; | 47 top: 4px; |
| 48 } | 48 } |
| 49 | 49 |
| 50 .network.panel.viewing-resource #network-close-button { | 50 .network.panel.viewing-resource #network-close-button { |
| 51 display: block; | 51 display: block; |
| 52 } | 52 } |
| 53 | 53 |
| 54 .network.panel .sidebar { | 54 .network.panel .sidebar { |
| 55 position: absolute; | 55 position: absolute; |
| 56 top: 0; | 56 top: 0; |
| 57 bottom: 0; | 57 bottom: 0; |
| 58 left: 0; | 58 left: 0; |
| 59 right: 0; | 59 right: 0; |
| 60 width: auto; | 60 width: auto; |
| (...skipping 17 matching lines...) Expand all Loading... |
| 78 white-space: nowrap; | 78 white-space: nowrap; |
| 79 } | 79 } |
| 80 | 80 |
| 81 #network-views.small .network-item-view .tabbed-pane-header { | 81 #network-views.small .network-item-view .tabbed-pane-header { |
| 82 flex-basis: 23px; | 82 flex-basis: 23px; |
| 83 padding-top: 0; | 83 padding-top: 0; |
| 84 } | 84 } |
| 85 | 85 |
| 86 .network-item-view { | 86 .network-item-view { |
| 87 display: none; | 87 display: none; |
| 88 position: absolute; | |
| 89 background: white; | 88 background: white; |
| 90 top: 0; | |
| 91 left: 0; | |
| 92 right: 0; | |
| 93 bottom: 0; | |
| 94 } | 89 } |
| 95 | 90 |
| 96 .network-item-view.visible { | 91 .network-item-view.visible { |
| 97 display: -webkit-flex; | 92 display: -webkit-flex; |
| 98 } | 93 } |
| 99 | 94 |
| 100 .network-item-view .tabbed-pane-header { | 95 .network-item-view .tabbed-pane-header { |
| 101 border-bottom: 1px solid rgb(205, 205, 205); | 96 border-bottom: 1px solid rgb(205, 205, 205); |
| 102 } | 97 } |
| 103 | 98 |
| (...skipping 81 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 185 top: 0; | 180 top: 0; |
| 186 right: 0; | 181 right: 0; |
| 187 left: 0; | 182 left: 0; |
| 188 bottom: 0; | 183 bottom: 0; |
| 189 overflow: auto; | 184 overflow: auto; |
| 190 margin: 12px; | 185 margin: 12px; |
| 191 height: 100%; | 186 height: 100%; |
| 192 } | 187 } |
| 193 | 188 |
| 194 .resource-cookies-view.visible { | 189 .resource-cookies-view.visible { |
| 195 display: block; | 190 display: flex; |
| 196 } | 191 } |
| 197 | 192 |
| 198 .resource-cookies-view .data-grid { | 193 .resource-cookies-view .data-grid { |
| 194 flex: auto; |
| 199 height: 100%; | 195 height: 100%; |
| 200 } | 196 } |
| 201 | 197 |
| 202 .resource-cookies-view .data-grid .row-group { | 198 .resource-cookies-view .data-grid .row-group { |
| 203 font-weight: bold; | 199 font-weight: bold; |
| 204 font-size: 11px; | 200 font-size: 11px; |
| 205 } | 201 } |
| 206 | 202 |
| 207 .resource-timing-view { | 203 .resource-timing-view { |
| 208 display: none; | 204 display: none; |
| (...skipping 11 matching lines...) Expand all Loading... |
| 220 .resource-timing-view table { | 216 .resource-timing-view table { |
| 221 border-spacing: 21px 0; | 217 border-spacing: 21px 0; |
| 222 } | 218 } |
| 223 | 219 |
| 224 .resource-timing-view .network-timing-bar { | 220 .resource-timing-view .network-timing-bar { |
| 225 opacity: 1; | 221 opacity: 1; |
| 226 } | 222 } |
| 227 | 223 |
| 228 .resource-timing-view .network-timing-bar.blocking, | 224 .resource-timing-view .network-timing-bar.blocking, |
| 229 .resource-timing-view .network-timing-bar.proxy { | 225 .resource-timing-view .network-timing-bar.proxy { |
| 230 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
42, 242, 194)), to(rgb(204, 204, 102))); | 226 background-image: linear-gradient(to bottom, rgb(242, 242, 194), rgb(204, 20
4, 102)); |
| 231 border-left: 1px solid rgb(204, 204, 102); | 227 border-left: 1px solid rgb(204, 204, 102); |
| 232 } | 228 } |
| 233 | 229 |
| 234 .resource-timing-view .network-timing-bar.dns { | 230 .resource-timing-view .network-timing-bar.dns { |
| 235 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
94, 242, 194)), to(rgb(102, 204, 102))); | 231 background-image: linear-gradient(to bottom, rgb(194, 242, 194), rgb(102, 20
4, 102)); |
| 236 border-left: 1px solid rgb(102, 204, 102); | 232 border-left: 1px solid rgb(102, 204, 102); |
| 237 } | 233 } |
| 238 | 234 |
| 239 .resource-timing-view .network-timing-bar.connecting, | 235 .resource-timing-view .network-timing-bar.connecting, |
| 240 .resource-timing-view .network-timing-bar.ssl { | 236 .resource-timing-view .network-timing-bar.ssl { |
| 241 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
94, 242, 242)), to(rgb(102, 204, 204))); | 237 background-image: linear-gradient(to bottom, rgb(194, 242, 242), rgb(102, 20
4, 204)); |
| 242 border-left: 1px solid rgb(102, 204, 204); | 238 border-left: 1px solid rgb(102, 204, 204); |
| 243 } | 239 } |
| 244 | 240 |
| 245 .resource-timing-view .network-timing-bar.sending { | 241 .resource-timing-view .network-timing-bar.sending { |
| 246 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
94, 194, 242)), to(rgb(102, 102, 204))); | 242 background-image: linear-gradient(to bottom, rgb(194, 194, 242), rgb(102, 10
2, 204)); |
| 247 border-left: 1px solid rgb(102, 102, 204); | 243 border-left: 1px solid rgb(102, 102, 204); |
| 248 } | 244 } |
| 249 | 245 |
| 250 .resource-timing-view .network-timing-bar.waiting { | 246 .resource-timing-view .network-timing-bar.waiting { |
| 251 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
42, 194, 242)), to(rgb(204, 102, 204))); | 247 background-image: linear-gradient(to bottom, rgb(242, 194, 242), rgb(204, 10
2, 204)); |
| 252 border-left: 1px solid rgb(204, 102, 204); | 248 border-left: 1px solid rgb(204, 102, 204); |
| 253 } | 249 } |
| 254 | 250 |
| 255 .resource-timing-view .network-timing-bar.receiving { | 251 .resource-timing-view .network-timing-bar.receiving { |
| 256 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
42, 194, 194)), to(rgb(204, 102, 102))); | 252 background-image: linear-gradient(to bottom, rgb(242, 194, 194), rgb(204, 10
2, 102)); |
| 257 border-left: 1px solid rgb(204, 102, 102); | 253 border-left: 1px solid rgb(204, 102, 102); |
| 258 } | 254 } |
| 259 | 255 |
| 260 .resource-timing-view.visible { | 256 .resource-timing-view.visible { |
| 261 display: block; | 257 display: block; |
| 262 } | 258 } |
| 263 | 259 |
| 264 .resource-websocket { | 260 .resource-websocket { |
| 265 -webkit-user-select: text; | 261 -webkit-user-select: text; |
| 266 } | 262 } |
| (...skipping 54 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 321 color: rgb(182, 0, 0); | 317 color: rgb(182, 0, 0); |
| 322 } | 318 } |
| 323 | 319 |
| 324 .panel.network .split-view { | 320 .panel.network .split-view { |
| 325 flex: auto; | 321 flex: auto; |
| 326 position: relative; | 322 position: relative; |
| 327 } | 323 } |
| 328 | 324 |
| 329 .network-filters-header { | 325 .network-filters-header { |
| 330 flex: 0 0 23px; | 326 flex: 0 0 23px; |
| 327 padding-right: 4px; |
| 331 } | 328 } |
| OLD | NEW |