| 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 48 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 59 right: 0; | 59 right: 0; |
| 60 width: auto; | 60 width: auto; |
| 61 border: none; | 61 border: none; |
| 62 background: inherit; | 62 background: inherit; |
| 63 } | 63 } |
| 64 | 64 |
| 65 .network.panel:not(.viewing-resource) .sidebar-resizer-vertical { | 65 .network.panel:not(.viewing-resource) .sidebar-resizer-vertical { |
| 66 display: none; | 66 display: none; |
| 67 } | 67 } |
| 68 | 68 |
| 69 .network.panel .scope-bar { | |
| 70 height: 23px; | |
| 71 padding-top: 5px; | |
| 72 } | |
| 73 | |
| 74 .network.panel .data-grid th.sort-descending, | 69 .network.panel .data-grid th.sort-descending, |
| 75 .network.panel .data-grid th.sort-ascending { | 70 .network.panel .data-grid th.sort-ascending { |
| 76 background: -webkit-gradient(linear, left top, left bottom, from(rgb(236, 23
6, 236)), to(rgb(217, 217, 217))); | 71 background: white; |
| 77 } | 72 } |
| 78 | 73 |
| 79 #network-views .network-item-view .tabbed-pane-header { | 74 #network-views .network-item-view .tabbed-pane-header { |
| 80 height: 31px; | 75 flex: 0 0 31px; |
| 81 padding-top: 8px; | 76 padding-top: 8px; |
| 82 padding-left: 13px; | 77 padding-left: 13px; |
| 83 white-space: nowrap; | 78 white-space: nowrap; |
| 84 } | 79 } |
| 85 | 80 |
| 86 #network-views.small .network-item-view .tabbed-pane-header { | 81 #network-views.small .network-item-view .tabbed-pane-header { |
| 87 height: 23px; | 82 flex-basis: 23px; |
| 88 padding-top: 0; | 83 padding-top: 0; |
| 89 } | 84 } |
| 90 | 85 |
| 91 .network-item-view { | 86 .network-item-view { |
| 92 display: none; | 87 display: none; |
| 93 position: absolute; | 88 position: absolute; |
| 94 background: white; | 89 background: white; |
| 95 top: 0; | 90 top: 0; |
| 96 left: 0; | 91 left: 0; |
| 97 right: 0; | 92 right: 0; |
| 98 bottom: 0; | 93 bottom: 0; |
| 99 } | 94 } |
| 100 | 95 |
| 101 .network-item-view.visible { | 96 .network-item-view.visible { |
| 102 display: -webkit-flex; | 97 display: -webkit-flex; |
| 103 } | 98 } |
| 104 | 99 |
| 105 .network-item-view .tabbed-pane-header { | 100 .network-item-view .tabbed-pane-header { |
| 106 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(236, 236, 236)
), to(rgb(217, 217, 217))); | 101 border-bottom: 1px solid rgb(205, 205, 205); |
| 107 border-bottom: 1px solid rgb(163, 163, 163); | |
| 108 } | |
| 109 | |
| 110 .network-item-view .scope-bar li { | |
| 111 border-bottom-left-radius: 0; | |
| 112 border-bottom-right-radius: 0; | |
| 113 } | 102 } |
| 114 | 103 |
| 115 .resource-headers-view { | 104 .resource-headers-view { |
| 116 display: none; | 105 display: none; |
| 117 margin: 6px; | 106 margin: 6px; |
| 118 -webkit-user-select: text; | 107 -webkit-user-select: text; |
| 119 position: absolute; | 108 position: absolute; |
| 120 top: 0; | 109 top: 0; |
| 121 left: 0; | 110 left: 0; |
| 122 right: 0; | 111 right: 0; |
| (...skipping 11 matching lines...) Expand all Loading... |
| 134 } | 123 } |
| 135 | 124 |
| 136 .resource-headers-view .outline-disclosure .parent .section * { | 125 .resource-headers-view .outline-disclosure .parent .section * { |
| 137 font-weight: normal; | 126 font-weight: normal; |
| 138 } | 127 } |
| 139 | 128 |
| 140 .resource-headers-view .outline-disclosure .children li { | 129 .resource-headers-view .outline-disclosure .children li { |
| 141 white-space: nowrap; | 130 white-space: nowrap; |
| 142 } | 131 } |
| 143 | 132 |
| 133 .resource-headers-view .outline-disclosure li.expanded .caution { |
| 134 color: rgb(255, 128, 0); |
| 135 } |
| 136 |
| 137 .resource-headers-view .outline-disclosure li:not(.expanded) .caution { |
| 138 display: none; |
| 139 } |
| 140 |
| 144 .resource-headers-view .outline-disclosure li.expanded .header-count { | 141 .resource-headers-view .outline-disclosure li.expanded .header-count { |
| 145 display: none; | 142 display: none; |
| 146 } | 143 } |
| 147 | 144 |
| 148 .resource-headers-view .outline-disclosure li .header-toggle { | 145 .resource-headers-view .outline-disclosure li .header-toggle { |
| 149 display: none; | 146 display: none; |
| 150 } | 147 } |
| 151 | 148 |
| 152 .resource-headers-view .outline-disclosure li .status-from-cache { | 149 .resource-headers-view .outline-disclosure li .status-from-cache { |
| 153 color: gray; | 150 color: gray; |
| (...skipping 67 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 221 } | 218 } |
| 222 | 219 |
| 223 .resource-timing-view table { | 220 .resource-timing-view table { |
| 224 border-spacing: 21px 0; | 221 border-spacing: 21px 0; |
| 225 } | 222 } |
| 226 | 223 |
| 227 .resource-timing-view .network-timing-bar { | 224 .resource-timing-view .network-timing-bar { |
| 228 opacity: 1; | 225 opacity: 1; |
| 229 } | 226 } |
| 230 | 227 |
| 228 .resource-timing-view .network-timing-bar.blocking, |
| 231 .resource-timing-view .network-timing-bar.proxy { | 229 .resource-timing-view .network-timing-bar.proxy { |
| 232 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
39, 228, 176)), to(rgb(139, 128, 76))); | 230 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
42, 242, 194)), to(rgb(204, 204, 102))); |
| 233 border-left: 1px solid rgb(139, 128, 76); | 231 border-left: 1px solid rgb(204, 204, 102); |
| 234 } | 232 } |
| 235 | 233 |
| 236 .resource-timing-view .network-timing-bar.dns { | 234 .resource-timing-view .network-timing-bar.dns { |
| 237 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
53, 208, 216)), to(rgb(81, 174, 189))); | 235 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
94, 242, 194)), to(rgb(102, 204, 102))); |
| 238 border-left: 1px solid rgb(81, 174, 189); | 236 border-left: 1px solid rgb(102, 204, 102); |
| 239 } | 237 } |
| 240 | 238 |
| 241 .resource-timing-view .network-timing-bar.connecting { | 239 .resource-timing-view .network-timing-bar.connecting, |
| 242 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
03, 232, 145)), to(rgb(160, 214, 56))); | |
| 243 border-left: 1px solid rgb(160, 214, 56); | |
| 244 } | |
| 245 | |
| 246 .resource-timing-view .network-timing-bar.ssl { | 240 .resource-timing-view .network-timing-bar.ssl { |
| 247 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
1, 232, 145)), to(rgb(216, 149, 132))); | 241 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
94, 242, 242)), to(rgb(102, 204, 204))); |
| 248 border-left: 1px solid rgb(216, 149, 132); | 242 border-left: 1px solid rgb(102, 204, 204); |
| 249 } | 243 } |
| 250 | 244 |
| 251 .resource-timing-view .network-timing-bar.sending { | 245 .resource-timing-view .network-timing-bar.sending { |
| 252 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
32, 192, 182)), to(rgb(216, 147, 130))); | 246 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
94, 194, 242)), to(rgb(102, 102, 204))); |
| 253 border-left: 1px solid rgb(216, 147, 130); | 247 border-left: 1px solid rgb(102, 102, 204); |
| 254 } | 248 } |
| 255 | 249 |
| 256 .resource-timing-view .network-timing-bar.waiting { | 250 .resource-timing-view .network-timing-bar.waiting { |
| 257 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
88, 179, 208)), to(rgb(141, 125, 175))); | 251 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
42, 194, 242)), to(rgb(204, 102, 204))); |
| 258 border-left: 1px solid rgb(141, 125, 175); | 252 border-left: 1px solid rgb(204, 102, 204); |
| 259 } | 253 } |
| 260 | 254 |
| 261 .resource-timing-view .network-timing-bar.receiving { | 255 .resource-timing-view .network-timing-bar.receiving { |
| 262 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
14, 214, 214)), to(rgb(182, 182, 182))); | 256 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
42, 194, 194)), to(rgb(204, 102, 102))); |
| 263 border-left: 1px solid rgb(182, 182, 182); | 257 border-left: 1px solid rgb(204, 102, 102); |
| 264 } | 258 } |
| 265 | 259 |
| 266 .resource-timing-view.visible { | 260 .resource-timing-view.visible { |
| 267 display: block; | 261 display: block; |
| 268 } | 262 } |
| 269 | 263 |
| 270 .resource-websocket { | 264 .resource-websocket { |
| 271 -webkit-user-select: text; | 265 -webkit-user-select: text; |
| 272 } | 266 } |
| 273 | 267 |
| (...skipping 45 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 319 } | 313 } |
| 320 | 314 |
| 321 .resource-websocket-row-opcode td, .resource-websocket-row-opcode + tr td { | 315 .resource-websocket-row-opcode td, .resource-websocket-row-opcode + tr td { |
| 322 border-top-color: rgb(248, 240, 210); | 316 border-top-color: rgb(248, 240, 210); |
| 323 } | 317 } |
| 324 | 318 |
| 325 .resource-websocket-row-error { | 319 .resource-websocket-row-error { |
| 326 background-color: rgb(255, 237, 237); | 320 background-color: rgb(255, 237, 237); |
| 327 color: rgb(182, 0, 0); | 321 color: rgb(182, 0, 0); |
| 328 } | 322 } |
| 323 |
| 324 .panel.network .split-view { |
| 325 flex: auto; |
| 326 position: relative; |
| 327 } |
| 328 |
| 329 .network-filters-header { |
| 330 flex: 0 0 23px; |
| 331 } |
| OLD | NEW |