profvis.css (20273B)
1 .profvis { 2 position: relative; 3 } 4 5 .profvis * { 6 /* Need to disable box-sizing:border-box if enabled from other CSS (like 7 Bootstrap) */ 8 -webkit-box-sizing: content-box; 9 -moz-box-sizing: content-box; 10 box-sizing: content-box; 11 } 12 13 .profvis-footer .info-label { 14 cursor: default; 15 } 16 17 .profvis-panel1 { 18 left: 0px; 19 top: 23px; 20 position: absolute; 21 } 22 23 .profvis-panel1-vertical { 24 bottom: 0px; 25 width: 500px; 26 margin-bottom: 20px; 27 } 28 29 .profvis-panel1-horizontal { 30 height: 378px; 31 right: 0px; 32 } 33 34 .profvis-panel2 { 35 position: absolute; 36 right: 0px; 37 bottom: 0px; 38 } 39 40 .profvis-panel2-vertical { 41 top: 23px; 42 left: 508px; 43 margin-bottom: 20px; 44 } 45 46 .profvis-panel2-horizontal { 47 left: 0px; 48 top: 408px; 49 margin-bottom: 20px; 50 } 51 52 .profvis-splitbar { 53 position: absolute; 54 background-color: rgb(224, 224, 224); 55 border-color: #ddd; 56 border-style: solid; 57 background-repeat: no-repeat; 58 background-position: center; 59 } 60 61 .profvis-splitbar-vertical { 62 cursor: col-resize; 63 left: 500px; 64 width: 8px; 65 top: 23px; 66 bottom: 0px; 67 border-width: 0 1px; 68 background-image: url('data:image/png;base64,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'); 69 } 70 71 .profvis-splitbar-horizontal { 72 cursor: row-resize; 73 top: 400px; 74 height: 8px; 75 left: 0px; 76 right: 0px; 77 border-width: 0px 0; 78 background-image: url('data:image/png;base64,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'); 79 } 80 81 .profvis-status-bar { 82 position: absolute; 83 padding: 0px 0px; 84 top: 0; 85 left: 0; 86 right: 0; 87 height: 22px; 88 line-height: 18px; 89 border-bottom: 1px solid rgb(196, 201, 204); 90 background-color: rgb(248, 249, 248); 91 color: #444; 92 font-family: "Lucida Sans", "DejaVu Sans", "Lucida Grande", "Segoe UI", Verdana, Helvetica, sans-serif; 93 font-size: 11px; 94 -webkit-user-select: none; 95 -moz-user-select: none; 96 -ms-user-select: none; 97 user-select: none; 98 overflow: hidden; 99 } 100 101 .profvis-footer { 102 position: absolute; 103 padding: 0px 0px; 104 bottom: 0px; 105 left: 0; 106 right: 0; 107 height: 19px; 108 line-height: 18px; 109 border-top: 1px solid rgb(196, 201, 204); 110 background-color: rgb(248, 249, 248); 111 color: #444; 112 font-family: "Lucida Sans", "DejaVu Sans", "Lucida Grande", "Segoe UI", Verdana, Helvetica, sans-serif; 113 font-size: 11px; 114 -webkit-user-select: none; 115 -moz-user-select: none; 116 -ms-user-select: none; 117 user-select: none; 118 overflow: hidden; 119 } 120 121 .profvis-status-bar .info-block { 122 display: inline-block; 123 vertical-align: top; 124 width: 140px; 125 padding: 2px 11px 2px 11px; 126 } 127 128 .profvis-footer .info-block { 129 display: inline-block; 130 vertical-align: top; 131 padding: 1px 11px 1px 11px; 132 } 133 134 .profvis-footer .info-block-right { 135 display: inline-block; 136 vertical-align: top; 137 padding: 1px 11px 1px 11px; 138 float: right; 139 } 140 141 .profvis-status-bar .result-block { 142 width: auto; 143 cursor: pointer; 144 } 145 146 .profvis-status-bar .result-block-active { 147 width: auto; 148 background: rgb(227, 229, 230); 149 } 150 151 .profvis-status-bar .spacing-block { 152 display: inline-block; 153 width: 25px; 154 } 155 156 .profvis-status-bar .separator-block { 157 display: inline-block; 158 width: 1px; 159 text-align: center; 160 } 161 162 .profvis-status-bar .separator-block .separator-image { 163 width: 2px; 164 height: 26px; 165 margin-top: -2px; 166 } 167 168 .profvis-status-bar .options-button { 169 float: right; 170 color: #444; 171 text-decoration: none; 172 cursor: pointer; 173 padding: 2px 11px 2px 11px; 174 } 175 176 177 .profvis-options-panel { 178 float: left; 179 position: absolute; 180 right: 0; 181 top: 21px; 182 padding: 3px 6px; 183 border: 1px solid #999; 184 background-color: #fff; 185 font-family: "Lucida Sans", "DejaVu Sans", "Lucida Grande", "Segoe UI", Verdana, Helvetica, sans-serif; 186 font-size: 11px; 187 line-height: 170%; 188 -webkit-user-select: none; 189 -moz-user-select: none; 190 -ms-user-select: none; 191 user-select: none; 192 cursor: pointer; 193 } 194 195 .profvis-code { 196 position: absolute; 197 top: 0px; 198 left: 0; 199 bottom: 0; 200 right: 0; 201 overflow-y: auto; 202 border: 0px solid #ddd; 203 } 204 205 .profvis-flamegraph { 206 position: absolute; 207 right: 0; 208 top: 0; 209 bottom: 0; 210 left: 0; 211 overflow: hidden; 212 border: 0px solid #ddd; 213 background: rgb(249, 249, 250); 214 } 215 216 table.profvis-table { 217 border-collapse: collapse; 218 font-family: "Lucida Sans", "DejaVu Sans", "Lucida Grande", "Segoe UI", Verdana, Helvetica, sans-serif; 219 font-size: 11px; 220 width: 100%; 221 text-align: left; 222 cursor: default; 223 } 224 225 table.profvis-table th { 226 background-color: rgb(249, 249, 250); 227 width: 14%; 228 } 229 230 table.profvis-table th.spacing { 231 width: 20px; 232 } 233 234 table.profvis-table th.filename { 235 font-family: monospace; 236 padding-left: 10px; 237 width: auto; 238 } 239 240 table.profvis-table th.percent { 241 text-align: center; 242 } 243 244 table.profvis-table tr { 245 border-top: 1px solid transparent; 246 border-bottom: 1px solid transparent; 247 vertical-align: top; 248 } 249 250 /* Need to use td for locked cells, so that the border color overrides the 251 border color from the row above. */ 252 table.profvis-table tr.locked > td { 253 border-top: 1px solid #444; 254 border-bottom: 1px solid #444; 255 } 256 257 table.profvis-table tr > td { 258 padding-top: 0; 259 padding-bottom: 0; 260 } 261 262 table.profvis-table tr.active { 263 background-color: #fdb; 264 } 265 266 table.profvis-table .linenum { 267 color: #aaa; 268 padding: 0 15px; 269 font-family: monospace; 270 width: 25px; 271 } 272 273 /* For unselectable and uncopyable text elements in table */ 274 table.profvis-table [data-pseudo-content]::before { 275 content: attr(data-pseudo-content); 276 } 277 278 table.profvis-table .code { 279 white-space: pre-wrap; 280 margin: 0; 281 min-height: 1.25em; 282 line-height: 1.25; 283 width: auto; 284 font-family: monospace; 285 background: transparent; 286 } 287 288 289 table.profvis-table .time, table.profvis-table .percent { 290 padding: 0 5px; 291 text-align: right; 292 293 min-width: 2em; 294 max-width: 2em; 295 overflow: hidden; 296 297 padding-right: 10px; 298 } 299 300 table.profvis-table .memory { 301 padding-right: 5px; 302 } 303 304 table.profvis-table th.time { 305 text-align: center; 306 } 307 308 table.profvis-table .memory { 309 padding: 0 5px; 310 text-align: right; 311 312 min-width: 2em; 313 max-width: 4em; 314 overflow: hidden; 315 316 padding-right: 10px; 317 } 318 319 table.profvis-table .memory-right { 320 text-align: left; 321 } 322 323 table.profvis-table th.memory { 324 text-align: center; 325 } 326 327 table.profvis-table .timebar-cell { 328 padding-left: 0; 329 border-left: 1px solid #444; 330 min-width: 3em; 331 width: 3em; 332 } 333 334 table.profvis-table .timebar-cell > .timebar { 335 background-color: #5A5A5A; 336 border-radius: 0px 2px 2px 0px; 337 line-height: 15px; 338 } 339 340 table.profvis-table .membar-left-cell { 341 padding-left: 0; 342 padding-right: 0; 343 border-left: 0px solid black; 344 min-width: 0.5em; 345 width: 0.5em; 346 } 347 348 table.profvis-table .membar-left-cell > .membar { 349 background-color: #A7A7A7; 350 float: right; 351 border-radius: 2px 0px 0px 2px; 352 line-height: 15px; 353 } 354 355 table.profvis-table .membar-right-cell { 356 padding-left: 0; 357 border-left: 1px solid black; 358 min-width: 1em; 359 width: 1em; 360 } 361 362 table.profvis-table .membar-right-cell > .membar { 363 background-color: #5A5A5A; 364 border-radius: 0px 2px 2px 0px; 365 line-height: 15px; 366 } 367 368 .profvis-flamegraph .background { 369 fill: rgb(249, 249, 250); 370 } 371 372 .profvis-flamegraph .cell .rect { 373 stroke: #000; 374 stroke-width: 0.25px; 375 fill: #fff; 376 } 377 378 .profvis-flamegraph .cell.active .rect { 379 stroke-width: 0.75px; 380 fill: #ddd; 381 } 382 383 .profvis-flamegraph .cell.highlighted .rect { 384 fill: #ffc; 385 } 386 387 .profvis-flamegraph .cell.highlighted.active .rect { 388 fill: #fdb; 389 } 390 391 .profvis-flamegraph .cell.output .rect { 392 fill: #eef; 393 } 394 395 .profvis-flamegraph .cell.gc .rect { 396 fill: #ccc; 397 } 398 399 .profvis-flamegraph .cell.stacktrace .rect { 400 fill: #eee; 401 } 402 .profvis-flamegraph .cell.stacktrace .profvis-label { 403 fill: #666; 404 } 405 406 .profvis-flamegraph .cell.locked { 407 font-weight: bold; 408 } 409 410 .profvis-flamegraph .cell.locked .rect { 411 stroke-width: 2px; 412 } 413 414 .profvis-flamegraph .cell .profvis-label { 415 font-family: monospace; 416 font-size: 11px; 417 cursor: default; 418 } 419 420 421 .profvis-flamegraph .axis text { 422 font: 10px sans-serif; 423 } 424 425 .profvis-flamegraph .axis path, 426 .profvis-flamegraph .axis line { 427 fill: none; 428 stroke: #000; 429 shape-rendering: crispEdges; 430 } 431 432 433 .profvis-flamegraph .profvis-tooltip rect { 434 fill: rgb(249, 249, 250); 435 stroke: #000; 436 opacity: 0.75; 437 stroke-opacity: 0.75; 438 stroke-width: 0.5; 439 } 440 441 .profvis-flamegraph .profvis-tooltip text { 442 text-anchor: middle; 443 font-family: monospace; 444 font-size: 11px; 445 } 446 447 .profvis-infobox { 448 position: absolute; 449 left: 8px; 450 top: 8px; 451 opacity: 0.8; 452 border-radius: 3px; 453 color: #f8f8f8; 454 background-color: #333; 455 padding: 5px 10px; 456 font-family: "Lucida Sans", "DejaVu Sans", "Lucida Grande", "Segoe UI", Verdana, Helvetica, sans-serif; 457 font-size: 11px; 458 line-height: 100%; 459 pointer-events: none; 460 min-width: 280px; 461 } 462 463 .profvis-infobox table { 464 border-collapse: separate; 465 border-spacing: 2px; 466 } 467 468 469 .profvis-infobox table td { 470 padding: 1px; 471 } 472 473 .profvis-infobox .infobox-title { 474 font-weight: bold; 475 } 476 477 .profvis-message { 478 width: 100%; 479 height: 100%; 480 display: -ms-flexbox; 481 display: -webkit-flex; 482 display: flex; 483 -ms-flex-pack: center; 484 -webkit-justify-content: center; 485 justify-content: center; 486 -ms-flex-align: center; 487 -webkit-align-items: center; 488 align-items: center; 489 font-family: "Lucida Sans", "DejaVu Sans", "Lucida Grande", "Segoe UI", Verdana, Helvetica, sans-serif; 490 font-size: 11px; 491 } 492 493 .profvis-message div { 494 color: #444; 495 height: 25%; 496 } 497 498 .profvis-treetable { 499 top: 0px; 500 bottom: 0px; 501 left: 0px; 502 right: 0px; 503 position: absolute; 504 margin-top: 23px; 505 margin-bottom: 21px; 506 margin-right: 0px; 507 overflow: hidden; 508 font: 10px sans-serif; 509 color: #161616; 510 font-family: "Lucida Sans", "DejaVu Sans", "Lucida Grande", "Segoe UI", Verdana, Helvetica, sans-serif; 511 font-size: 11px; 512 overflow-y: auto; 513 } 514 515 .profvis-treetable .results { 516 width: 100%; 517 table-layout: fixed; 518 } 519 520 .profvis-treetable th { 521 font-weight: normal; 522 height: 18px; 523 background-color: #F8F9F8; 524 border-bottom: solid 1px #E4E4E4; 525 border-right: solid 1px #E4E4E4; 526 padding-left: 3px; 527 padding-right: 3px; 528 } 529 530 .profvis-treetable td { 531 height: 18px; 532 border-bottom: solid 1px #E4E4E4; 533 border-right: solid 1px #E4E4E4; 534 padding-left: 3px; 535 padding-right: 3px; 536 overflow: hidden; 537 text-overflow: ellipsis; 538 } 539 540 .profvis-treetable .action { 541 width: 18px; 542 } 543 544 .profvis-treetable .memory { 545 width: 100px; 546 text-align: right; 547 } 548 549 .profvis-treetable th { 550 cursor: default; 551 -webkit-user-select: none; 552 -moz-user-select: none; 553 -ms-user-select: none; 554 user-select: none; 555 overflow: hidden; 556 } 557 558 .profvis-treetable th.memory { 559 text-align: center; 560 } 561 562 .profvis-treetable .time { 563 width: 100px; 564 text-align: right; 565 } 566 567 .profvis-treetable th.time { 568 text-align: center; 569 } 570 571 .profvis-treetable .count { 572 text-align: right; 573 } 574 575 .profvis-treetable th.count { 576 text-align: center; 577 } 578 579 .profvis-treetable th.code-label { 580 text-align: left; 581 padding-left: 5px; 582 } 583 584 .profvis-treetable td.label-pointer { 585 cursor: pointer; 586 } 587 588 .profvis-treetable .label-text { 589 display: inline-block; 590 -webkit-user-select: none; 591 -khtml-user-select: none; 592 -moz-user-select: none; 593 -ms-user-select: none; 594 user-select: none; 595 } 596 597 .profvis-treetable .path { 598 text-align: left; 599 } 600 601 .profvis-treetable .treetable-expand > div { 602 display: inline-block; 603 width: 15px; 604 } 605 606 .profvis-treetable .treetable-expand > div > div{ 607 width: 0px; 608 height: 0px; 609 margin-left: 3px; 610 margin-right: 6px; 611 border-top: 4px solid transparent; 612 border-left: 6px solid #161616; 613 border-bottom: 4px solid transparent; 614 } 615 616 .profvis-treetable .treetable-collapse > div { 617 display: inline-block; 618 width: 15px; 619 } 620 621 .profvis-treetable .treetable-collapse > div > div { 622 width: 0px; 623 height: 0px; 624 margin-left: 3px; 625 margin-right: 6px; 626 border-right: 4px solid transparent; 627 border-top: 6px solid #161616; 628 border-left: 4px solid transparent; 629 display: inline-block; 630 } 631 632 .profvis-treetable .time-info { 633 padding: 0px; 634 padding-right: 2px; 635 text-align: right; 636 } 637 638 .profvis-treetable .timebar { 639 width: 0px; 640 height: 14px; 641 background-color: #5A5A5A; 642 float: left; 643 border-radius: 2px 2px 2px 2px; 644 padding-top: 0px; 645 margin-top: 1px; 646 } 647 648 .profvis-treetable .timecell { 649 padding-top: 2px; 650 padding-right: 3px; 651 } 652 653 .profvis-treetable .memory-info { 654 padding-left: 0px; 655 padding-right: 2px; 656 text-align: right; 657 } 658 659 .profvis-treetable .memory-info-right { 660 padding-left: 2px; 661 padding-right: 0px; 662 text-align: left; 663 } 664 665 .profvis-treetable .memory-leftbar-wrapper { 666 float: left; 667 height: 14px; 668 width: 5px; 669 } 670 671 .profvis-treetable .memory-leftbar { 672 width: 2px; 673 height: 14px; 674 background-color: #A7A7A7; 675 float: right; 676 border-radius: 1px 0px 0px 1px; 677 } 678 679 .profvis-treetable .memory-rightbar { 680 width: 2px; 681 float: left; 682 height: 14px; 683 background-color: #5A5A5A; 684 border-radius: 0px 1px 1px 0px; 685 } 686 687 .profvis-treetable .memory-cell { 688 } 689 690 .profvis-treetable .memory-bar-container { 691 margin-right: 3px; 692 } 693 694 .profvis-treetable .time-bar-container { 695 margin-right: 3px; 696 }