| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (C) 2013 Google Inc. All rights reserved. | 2 * Copyright (C) 2013 Google Inc. All rights reserved. |
| 3 * | 3 * |
| 4 * Redistribution and use in source and binary forms, with or without | 4 * Redistribution and use in source and binary forms, with or without |
| 5 * modification, are permitted provided that the following conditions are | 5 * modification, are permitted provided that the following conditions are |
| 6 * met: | 6 * met: |
| 7 * | 7 * |
| 8 * * Redistributions of source code must retain the above copyright | 8 * * Redistributions of source code must retain the above copyright |
| 9 * notice, this list of conditions and the following disclaimer. | 9 * notice, this list of conditions and the following disclaimer. |
| 10 * * Redistributions in binary form must reproduce the above | 10 * * Redistributions in binary form must reproduce the above |
| (...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 42 white-space: nowrap; | 42 white-space: nowrap; |
| 43 text-overflow: ellipsis; | 43 text-overflow: ellipsis; |
| 44 overflow: hidden; | 44 overflow: hidden; |
| 45 } | 45 } |
| 46 | 46 |
| 47 .network-summary-bar .warning-icon-small { | 47 .network-summary-bar .warning-icon-small { |
| 48 margin-right: 6px; | 48 margin-right: 6px; |
| 49 } | 49 } |
| 50 | 50 |
| 51 .network-log-grid.data-grid table.data { | 51 .network-log-grid.data-grid table.data { |
| 52 background-size: 1px 82px; | 52 background: transparent; |
| 53 background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(
0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0
.05)), to(rgba(0, 0, 0, 0.05))); | |
| 54 } | |
| 55 | |
| 56 .network-log-grid.data-grid.small table.data { | |
| 57 background-size: 1px 42px; | |
| 58 } | 53 } |
| 59 | 54 |
| 60 .network-log-grid.data-grid td { | 55 .network-log-grid.data-grid td { |
| 61 line-height: 17px; | 56 line-height: 17px; |
| 62 height: 41px; | 57 height: 41px; |
| 63 border-left: 1px solid rgb(210, 210, 210); | 58 border-left: 1px solid rgb(210, 210, 210); |
| 64 vertical-align: middle; | 59 vertical-align: middle; |
| 65 } | 60 } |
| 66 | 61 |
| 67 .network-log-grid.data-grid.small td { | 62 .network-log-grid.data-grid.small td { |
| (...skipping 10 matching lines...) Expand all Loading... |
| 78 height: 22px; | 73 height: 22px; |
| 79 } | 74 } |
| 80 | 75 |
| 81 .network-log-grid.data-grid th, | 76 .network-log-grid.data-grid th, |
| 82 .network-log-grid.data-grid th.sort-descending, | 77 .network-log-grid.data-grid th.sort-descending, |
| 83 .network-log-grid.data-grid th.sort-ascending { | 78 .network-log-grid.data-grid th.sort-ascending { |
| 84 background: white; | 79 background: white; |
| 85 } | 80 } |
| 86 | 81 |
| 87 .network-log-grid.data-grid .data-container { | 82 .network-log-grid.data-grid .data-container { |
| 88 top: 31px; | 83 top: 33px; |
| 89 } | 84 } |
| 90 | 85 |
| 91 .network-log-grid.data-grid.small .data-container { | 86 .network-log-grid.data-grid.small .data-container { |
| 92 top: 23px; | 87 top: 23px; |
| 93 } | 88 } |
| 94 | 89 |
| 95 .network-log-grid.data-grid select { | 90 .network-log-grid.data-grid select { |
| 96 -webkit-appearance: none; | 91 -webkit-appearance: none; |
| 97 background-color: transparent; | 92 background-color: transparent; |
| 98 border: none; | 93 border: none; |
| 99 width: 100%; | 94 width: 100%; |
| 100 color: inherit; | 95 color: inherit; |
| 101 } | 96 } |
| 102 | 97 |
| 103 .network-log-grid.data-grid.small tr.offscreen { | 98 .network-log-grid.data-grid.small tr.offscreen { |
| 104 height: 21px; | 99 height: 21px; |
| 105 } | 100 } |
| 106 | 101 |
| 107 .network-log-grid.data-grid tr.offscreen { | 102 .network-log-grid.data-grid tr.offscreen { |
| 108 height: 41px; | 103 height: 41px; |
| 109 } | 104 } |
| 110 | 105 |
| 106 .network-log-grid.data-grid tr.odd:not(.selected) { |
| 107 background-color: #f3f3f3; |
| 108 } |
| 109 |
| 111 .network-log-grid.data-grid tr.offscreen > td > div { | 110 .network-log-grid.data-grid tr.offscreen > td > div { |
| 112 display: none; | 111 display: none; |
| 113 } | 112 } |
| 114 | 113 |
| 115 .network-log-grid.data-grid tr.filler { | 114 .network-log-grid.data-grid tr.filler { |
| 116 background-color: white; | 115 background-color: white; |
| 117 } | 116 } |
| 118 | 117 |
| 119 .network-log-grid.data-grid tr:not(.filler) td.name-column { | 118 .network-log-grid.data-grid tr:not(.filler) td.name-column { |
| 120 cursor: pointer; | 119 cursor: pointer; |
| (...skipping 164 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 285 bottom: 0; | 284 bottom: 0; |
| 286 margin: auto -7px; | 285 margin: auto -7px; |
| 287 height: 13px; | 286 height: 13px; |
| 288 line-height: 13px; | 287 line-height: 13px; |
| 289 font-size: 90%; | 288 font-size: 90%; |
| 290 color: rgba(0, 0, 0, 0.75); | 289 color: rgba(0, 0, 0, 0.75); |
| 291 text-shadow: rgba(255, 255, 255, 0.25) 1px 0 0, rgba(255, 255, 255, 0.25) -1
px 0 0, rgba(255, 255, 255, 0.333) 0 1px 0, rgba(255, 255, 255, 0.25) 0 -1px 0; | 290 text-shadow: rgba(255, 255, 255, 0.25) 1px 0 0, rgba(255, 255, 255, 0.25) -1
px 0 0, rgba(255, 255, 255, 0.333) 0 1px 0, rgba(255, 255, 255, 0.25) 0 -1px 0; |
| 292 z-index: 150; | 291 z-index: 150; |
| 293 overflow: hidden; | 292 overflow: hidden; |
| 294 text-align: center; | 293 text-align: center; |
| 295 opacity: 0; | 294 visibility: hidden; |
| 296 -webkit-transition: opacity 250ms ease-in-out; | |
| 297 } | 295 } |
| 298 | 296 |
| 299 .network-graph-side:hover .network-graph-label { | 297 .network-graph-side:hover .network-graph-label { |
| 300 opacity: 1; | 298 visibility: visible; |
| 301 } | 299 } |
| 302 | 300 |
| 303 .network-graph-label:empty { | 301 .network-graph-label:empty { |
| 304 display: none; | 302 display: none; |
| 305 } | 303 } |
| 306 | 304 |
| 307 .network-graph-label.waiting { | 305 .network-graph-label.waiting { |
| 308 margin-right: 5px; | 306 margin-right: 5px; |
| 309 } | 307 } |
| 310 | 308 |
| (...skipping 263 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 574 } | 572 } |
| 575 | 573 |
| 576 #network-container:not(.brief-mode) .data-grid tr.selected { | 574 #network-container:not(.brief-mode) .data-grid tr.selected { |
| 577 background-color: transparent; | 575 background-color: transparent; |
| 578 color: #222; | 576 color: #222; |
| 579 } | 577 } |
| 580 | 578 |
| 581 #network-container.brief-mode .data-grid .data-container { | 579 #network-container.brief-mode .data-grid .data-container { |
| 582 padding-right: 0; | 580 padding-right: 0; |
| 583 } | 581 } |
| OLD | NEW |