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 325 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
336 padding-right: 2px; | 336 padding-right: 2px; |
337 height: 6px; | 337 height: 6px; |
338 content: url(Images/graphLabelCalloutRight.png); | 338 content: url(Images/graphLabelCalloutRight.png); |
339 } | 339 } |
340 | 340 |
341 .network-graph-bar { | 341 .network-graph-bar { |
342 position: absolute; | 342 position: absolute; |
343 top: 0; | 343 top: 0; |
344 bottom: 0; | 344 bottom: 0; |
345 margin: auto -7px; | 345 margin: auto -7px; |
346 border-width: 6px 7px; | 346 height: 12px; |
347 height: 0; | |
348 min-width: 14px; | 347 min-width: 14px; |
349 opacity: 0.65; | 348 opacity: 0.65; |
350 -webkit-border-image: url(Images/timelinePillGray.png) 7 7 7 7; | 349 border-width: 1px; |
| 350 border-style: solid; |
| 351 border-radius: 7px / 6px; |
| 352 box-shadow: inset 0 1px 1px 0px rgba(255, 255, 255, 0.8); |
| 353 |
| 354 border-color: hsl(0, 0%, 65%); |
| 355 background: linear-gradient(0deg, hsl(0, 0%, 73%), hsl(0, 0%, 78%)); |
351 } | 356 } |
352 | 357 |
353 .network-graph-bar.waiting, | 358 .network-graph-bar.waiting, |
354 .network-graph-bar.waiting-right { | 359 .network-graph-bar.waiting-right { |
355 opacity: 0.35; | 360 opacity: 0.35; |
356 } | 361 } |
357 | 362 |
358 /* Resource categories */ | 363 /* Resource categories */ |
359 | 364 |
360 | 365 |
361 .resource-cached .network-graph-bar { | 366 .resource-cached .network-graph-bar { |
362 -webkit-border-image: url(Images/timelineHollowPillGray.png) 7 7 7 7; | 367 background: hsl(0, 0%, 90%); |
| 368 box-shadow: inset 0 1px 1px 0px rgba(255, 255, 255, 0.8), |
| 369 inset 0 0 0 2px hsl(0, 0%, 73%), |
| 370 inset 0 1px 0 2px hsla(0, 0%, 76%, 0.85); |
363 } | 371 } |
364 | 372 |
365 .network-type-document .network-graph-bar { | 373 .network-type-document .network-graph-bar { |
366 -webkit-border-image: url(Images/timelinePillBlue.png) 7 7 7 7; | 374 border-color: hsl(215, 49%, 52%); |
| 375 background: linear-gradient(0deg, hsl(215, 72%, 61%), hsl(215, 100%, 69%)); |
367 } | 376 } |
368 | 377 |
369 .network-type-document.resource-cached .network-graph-bar { | 378 .network-type-document.resource-cached .network-graph-bar { |
370 -webkit-border-image: url(Images/timelineHollowPillBlue.png) 7 7 7 7; | 379 background: hsl(215, 99%, 86%); |
| 380 box-shadow: inset 0 1px 1px 0px rgba(255, 255, 255, 0.8), |
| 381 inset 0 0 0 2px hsl(215, 71%, 61%), |
| 382 inset 0 1px 0 2px hsla(215, 58%, 65%, 0.85); |
371 } | 383 } |
372 | 384 |
373 .network-type-stylesheet .network-graph-bar { | 385 .network-type-stylesheet .network-graph-bar { |
374 -webkit-border-image: url(Images/timelinePillGreen.png) 7 7 7 7; | 386 border-color: hsl(99, 34%, 52%); |
| 387 background: linear-gradient(0deg, hsl(100, 50%, 61%), hsl(90, 50%, 64%)); |
375 } | 388 } |
376 | 389 |
377 .network-type-stylesheet.resource-cached .network-graph-bar { | 390 .network-type-stylesheet.resource-cached .network-graph-bar { |
378 -webkit-border-image: url(Images/timelineHollowPillGreen.png) 7 7 7 7; | 391 background: hsl(99, 100%, 86%); |
| 392 box-shadow: inset 0 1px 1px 0px rgba(255, 255, 255, 0.8), |
| 393 inset 0 0 0 2px hsl(99, 72%, 61%), |
| 394 inset 0 1px 0 2px hsla(99, 59%, 65%, 0.85); |
379 } | 395 } |
380 | 396 |
381 .network-type-image .network-graph-bar { | 397 .network-type-image .network-graph-bar { |
382 -webkit-border-image: url(Images/timelinePillPurple.png) 6 7 6 7; | 398 border-color: hsl(272, 31%, 52%); |
| 399 background: linear-gradient(0deg, hsl(272, 46%, 61%), hsl(272, 64%, 69%)); |
383 } | 400 } |
384 | 401 |
385 .network-type-image.resource-cached .network-graph-bar { | 402 .network-type-image.resource-cached .network-graph-bar { |
386 border-image: url(Images/timelineHollowPillPurple.png) 7 7 7 7; | 403 background: hsl(272, 65%, 86%); |
| 404 box-shadow: inset 0 1px 1px 0px rgba(255, 255, 255, 0.8), |
| 405 inset 0 0 0 2px hsl(272, 47%, 61%), |
| 406 inset 0 1px 0 2px hsla(273, 38%, 65%, 0.85); |
387 } | 407 } |
388 | 408 |
389 .network-type-font .network-graph-bar { | 409 .network-type-font .network-graph-bar { |
390 -webkit-border-image: url(Images/timelinePillRed.png) 7 7 7 7; | 410 border-color: hsl(8, 49%, 52%); |
| 411 background: linear-gradient(0deg, hsl(8, 72%, 61%), hsl(8, 100%, 69%)); |
391 } | 412 } |
392 | 413 |
393 .network-type-font.resource-cached .network-graph-bar { | 414 .network-type-font.resource-cached .network-graph-bar { |
394 -webkit-border-image: url(Images/timelineHollowPillRed.png) 7 7 7 7; | 415 background: hsl(8, 100%, 86%); |
| 416 box-shadow: inset 0 1px 1px 0px rgba(255, 255, 255, 0.8), |
| 417 inset 0 0 0 2px hsl(8, 72%, 61%), |
| 418 inset 0 1px 0 2px hsla(8, 59%, 65%, 0.85); |
395 } | 419 } |
396 | 420 |
397 .network-type-script .network-graph-bar { | 421 .network-type-script .network-graph-bar { |
398 -webkit-border-image: url(Images/timelinePillOrange.png) 7 7 7 7; | 422 border-color: hsl(31, 49%, 52%); |
| 423 background: linear-gradient(0deg, hsl(31, 72%, 61%), hsl(31, 100%, 69%)); |
399 } | 424 } |
400 | 425 |
401 .network-type-script.resource-cached .network-graph-bar { | 426 .network-type-script.resource-cached .network-graph-bar { |
402 -webkit-border-image: url(Images/timelineHollowPillOrange.png) 7 7 7 7; | 427 background: hsl(31, 100%, 86%); |
| 428 box-shadow: inset 0 1px 1px 0px rgba(255, 255, 255, 0.8), |
| 429 inset 0 0 0 2px hsl(31, 78%, 61%), |
| 430 inset 0 1px 0 2px hsla(31, 64%, 65%, 0.85); |
403 } | 431 } |
404 | 432 |
405 .network-type-xhr .network-graph-bar { | 433 .network-type-xhr .network-graph-bar { |
406 -webkit-border-image: url(Images/timelinePillYellow.png) 7 7 7 7; | 434 border-color: hsl(53, 49%, 52%); |
| 435 background: linear-gradient(0deg, hsl(53, 72%, 61%), hsl(53, 100%, 69%)); |
407 } | 436 } |
408 | 437 |
409 .network-type-xhr.resource-cached .network-graph-bar { | 438 .network-type-xhr.resource-cached .network-graph-bar { |
410 -webkit-border-image: url(Images/timelineHollowPillYellow.png) 7 7 7 7; | 439 background: hsl(53, 100%, 86%); |
| 440 box-shadow: inset 0 1px 1px 0px rgba(255, 255, 255, 0.8), |
| 441 inset 0 0 0 2px hsl(53, 72%, 61%), |
| 442 inset 0 1px 0 2px hsla(54, 59%, 65%, 0.85); |
411 } | 443 } |
412 | 444 |
413 .network-type-websocket .network-graph-bar { | 445 .network-type-websocket .network-graph-bar { |
414 -webkit-border-image: url(Images/timelinePillGray.png) 7 7 7 7; | 446 border-color: hsl(0, 0%, 65%); |
| 447 background: linear-gradient(0deg, hsl(0, 0%, 73%), hsl(0, 0%, 78%)); |
415 } | 448 } |
416 | 449 |
417 .network-type-websocket.resource-cached .network-graph-bar { | 450 .network-type-websocket.resource-cached .network-graph-bar { |
418 -webkit-border-image: url(Images/timelineHollowPillGray.png) 7 7 7 7; | 451 background: hsl(0, 0%, 90%); |
| 452 box-shadow: inset 0 1px 1px 0px rgba(255, 255, 255, 0.8), |
| 453 inset 0 0 0 2px hsl(0, 0%, 73%), |
| 454 inset 0 1px 0 2px hsla(0, 0%, 76%, 0.85); |
419 } | 455 } |
420 | 456 |
421 .network-dim-cell { | 457 .network-dim-cell { |
422 color: grey; | 458 color: grey; |
423 } | 459 } |
424 | 460 |
425 /* Dividers */ | 461 /* Dividers */ |
426 | 462 |
427 .network-timeline-grid { | 463 .network-timeline-grid { |
428 position: absolute; | 464 position: absolute; |
(...skipping 109 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
538 } | 574 } |
539 | 575 |
540 #network-container:not(.brief-mode) .data-grid tr.selected { | 576 #network-container:not(.brief-mode) .data-grid tr.selected { |
541 background-color: transparent; | 577 background-color: transparent; |
542 color: #222; | 578 color: #222; |
543 } | 579 } |
544 | 580 |
545 #network-container.brief-mode .data-grid .data-container { | 581 #network-container.brief-mode .data-grid .data-container { |
546 padding-right: 0; | 582 padding-right: 0; |
547 } | 583 } |
OLD | NEW |