src/chrome/tools/test/reference_build/chrome_linux/resources/inspector/helpScreen.css

   1 .help-window-outer {
   2     position: absolute;
   3     top: 0;
   4     left: 0;
   5     right: 0;
   6     bottom: 0;
   7     z-index: 2000;
   8 }
   9
  10 .help-window-main {
  11     max-height: 100%;
  12     color: white;
  13     background-color: rgba(17, 17, 17, 0.85);
  14     display: -webkit-flex;
  15     -webkit-flex-direction: column;
  16     border-top-width: 0;
  17     border-radius: 10px;
  18 }
  19
  20 .help-window-main a {
  21     color: rgb(17, 85, 204);
  22 }
  23
  24 .help-window-caption {
  25     border-bottom: solid 1px rgb(153, 153, 153);
  26     margin: 0 8px;
  27     padding: 0 2px;
  28     line-height: 28px;
  29 }
  30
  31 .help-window-title {
  32     font-size: 16px;
  33     margin: 0;
  34     padding-top: 1px;
  35     margin-bottom: -1px;
  36 }
  37
  38 .help-content {
  39     overflow-y: auto;
  40     overflow-x: hidden;
  41     margin: 8px;
  42     padding: 0 4px;
  43 }
  44
  45 .help-footnote {
  46     border-top: 1px solid #EEEEEE;
  47     margin: 0;
  48     padding: 12px;
  49 }
  50
  51 .help-window-main .help-container-wrapper::-webkit-scrollbar {
  52     width: 11px;
  53 }
  54
  55 .help-window-main .help-container-wrapper::-webkit-scrollbar-corner,
  56 .help-window-main .help-container-wrapper::-webkit-resizer {
  57     display: none;
  58 }
  59
  60 .help-window-main .help-container-wrapper::-webkit-scrollbar-thumb:vertical {
  61     background: -webkit-gradient(linear, left top, right top, from(rgb(128, 128, 128)), to(rgb(128, 128, 128)), color-stop(40%, rgb(96, 96, 96)));
  62     border-radius: 5px;
  63     min-height: 20px;
  64 }
  65
  66 .help-window-main .help-container-wrapper::-webkit-scrollbar-thumb:vertical:hover,
  67 .help-window-main .help-container-wrapper::-webkit-scrollbar-thumb:vertical:active {
  68     background: -webkit-gradient(linear, left top, right top, from(rgb(176, 176, 176)), to(rgb(176, 176, 176)), color-stop(40%, rgb(144, 144, 144)));
  69 }
  70
  71 .help-window-main .help-container-wrapper::-webkit-scrollbar-track:vertical {
  72     background: -webkit-gradient(linear, left top, right top, from(rgb(10, 10, 10)), to(rgb(32, 32, 32)), color-stop(25%, rgb(32, 32, 32)));
  73     border-radius: 5px;
  74 }
  75
  76 .help-close-button {
  77     position: absolute;
  78     top: 8px;
  79     right: 8px;
  80 }
  81
  82 body.dock-to-bottom .help-content {
  83     margin-bottom: 8px;
  84 }
  85
  86 body.platform-mac .help-window-main .tabbed-pane-header-contents {
  87     margin-left: 27px;
  88 }
  89
  90 body.platform-mac .help-window-main .help-window-title {
  91     margin-left: 18px;
  92 }
  93
  94 .help-container {
  95     width: 100%;
  96     -webkit-user-select: auto;
  97     -webkit-column-width: 470px;
  98 }
  99
 100 body.platform-mac .settings-tab .help-container {
 101     -webkit-column-width: 430px;
 102 }
 103
 104 body.platform-mac .help-container {
 105     -webkit-column-width: 361px;
 106 }
 107
 108 .help-block {
 109     display: block;
 110     padding-bottom: 9px;
 111     width: 470px;
 112     -webkit-column-break-inside: avoid;
 113 }
 114
 115 body.platform-mac .settings-tab .help-block {
 116     width: 430px;
 117 }
 118
 119 .settings-tab.help-container {
 120     -webkit-column-width: 410px;
 121 }
 122
 123 .settings-tab .help-block {
 124     width: 410px;
 125     margin-left: 20px;
 126 }
 127
 128 .settings-tab .field-error-message {
 129     color: DarkRed;
 130 }
 131
 132 .help-line {
 133     padding-bottom: 5px;
 134     margin-bottom: 5px;
 135 }
 136
 137 .help-key-cell {
 138     display: inline-block;
 139     width: 270px;
 140     text-align: right;
 141 }
 142
 143 body.platform-mac .help-key-cell {
 144     width: 151px;
 145 }
 146
 147 .help-cell {
 148     display: inline;
 149 }
 150
 151 .help-section-title {
 152     font-size: 120%;
 153 }
 154
 155 .help-key {
 156     padding: 0.1em 0.6em;
 157     border: 1px solid #ccc;
 158     font-size: 11px;
 159     background-color: #f7f7f7;
 160     color: #333;
 161     box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
 162     border-radius: 3px;
 163     display: inline-block;
 164     margin: 0 0.1em;
 165     text-shadow: 0 1px 0 #fff;
 166     line-height: 1.5;
 167     white-space: nowrap;
 168 }
 169
 170 body.platform-mac .help-key {
 171     font-family: Lucida Grande, sans-serif;
 172 }
 173
 174 .help-combine-keys,
 175 .help-key-delimiter {
 176     font-size: 9px;
 177 }
 178
 179 .help-combine-keys {
 180     margin: 0 0.3em;
 181 }
 182
 183 .help-key-delimiter {
 184     margin: 0 0.5em;
 185 }
 186
 187 .help-window-outer fieldset {
 188     margin: 0;
 189     padding: 0;
 190     border: none;
 191 }
 192
 193 .settings-tab label {
 194     padding-right: 4px;
 195 }
 196
 197 #general-tab-content .help-block fieldset legend {
 198     font-size: 14px;
 199 }
 200
 201 .help-block p p {
 202     padding-left: 30px;
 203 }
 204
 205 #enable-devtools-on-startup {
 206     margin: 0 0 0 80px;
 207     display: inline-block;
 208 }
 209
 210 .help-content p.help-section {
 211     margin: 0 0 15px 0;
 212 }
 213
 214 .settings-experiments-warning-subsection-warning {
 215     color: rgb(200, 0, 0);
 216 }
 217
 218 .settings-experiments-warning-subsection-message {
 219     color: inherit;
 220 }
 221
 222 #resolution-override-section {
 223     margin-left: 13px;
 224 }
 225
 226 .help-content input[type=checkbox] {
 227     height: 13px;
 228     width: 13px;
 229     margin: 0 7px 0 0;
 230     vertical-align: -2px;
 231 }
 232
 233 body.platform-mac .help-content input[type=checkbox] {
 234     vertical-align: -1px;
 235 }
 236
 237 .help-content input[type=radio] {
 238     vertical-align: -2px;
 239 }
 240
 241 body.platform-mac .help-content input[type=radio] {
 242     vertical-align: -1px;
 243 }
 244
 245 .help-content select {
 246     background-color: rgb(64, 64, 64);
 247     color: white;
 248     border-color: black;
 249     padding: 0 4px;
 250 }
 251
 252 .help-content select:disabled {
 253     background-color: rgb(32, 32, 32);
 254     color: graytext;
 255 }
 256
 257 .help-content option {
 258     background-color: #EEEEEE;
 259     color: #222;
 260 }
 261
 262 #settings-screen .help-window-main{
 263     color: rgb(48, 57, 66);
 264     background-color: white;
 265     border-radius: 0;
 266 }
 267
 268 #settings-screen .help-window-main {
 269     position: absolute;
 270     top: 10px;
 271     right: 10px;
 272     bottom: 10px;
 273     left: 10px;
 274     height: initial;
 275     padding: 21px 0 0 21px;
 276     box-shadow: 1px 1px 5px 2px rgba(128, 128, 128, 0.7);
 277 }
 278
 279 #settings-screen .help-window-label {
 280     font-size: 18px;
 281     color: inherit;
 282     padding-top: 1px;
 283 }
 284
 285 .help-container-wrapper {
 286     position: absolute;
 287     top: 54px;
 288     left: 15px;
 289     right: 0;
 290     bottom: 0;
 291     overflow: auto;
 292 }
 293
 294 #settings-screen .tabbed-pane-header {
 295     border: none transparent;
 296     height: auto;
 297     width: 110px;
 298     margin-top: 14px;
 299     flex: auto;
 300 }
 301
 302 #settings-screen .tabbed-pane-header-contents {
 303     margin: 0;
 304 }
 305
 306 #settings-screen .tabbed-pane-header-tabs {
 307     display: flex;
 308     flex-direction: column;
 309     padding-top: 5px;
 310     width: 100px;
 311 }
 312
 313 #settings-screen .tabbed-pane-header-tab {
 314     background-color: transparent;
 315     border: none transparent;
 316     font-weight: normal;
 317     text-shadow: none;
 318     color: #999999;
 319     height: 22px;
 320     padding-left: 0;
 321 }
 322
 323 #settings-screen .tabbed-pane-header-tab:not(.selected) {
 324     cursor: pointer;
 325 }
 326
 327 #settings-screen .tabbed-pane-header-tab.selected {
 328     color: inherit;
 329 }
 330
 331 #settings-screen .tabbed-pane-content {
 332     position: absolute;
 333     top: 0;
 334     right: 0;
 335     bottom: 0;
 336     margin: 8px;
 337 }
 338
 339 #settings-screen .tabbed-pane-content {
 340     left: 120px;
 341 }
 342
 343 .settings-tab.help-content {
 344     margin: 0;
 345     padding: 0;
 346 }
 347
 348 .settings-tab input:not([type]),
 349 .settings-tab input[type="text"] {
 350     border: 1px solid rgb(213, 213, 213);
 351     border-radius: 2px;
 352     color: #444444;
 353     padding: 3px;
 354 }
 355
 356 .settings-tab input.numeric {
 357     text-align: right;
 358 }
 359
 360 .settings-tab-container {
 361     flex: auto;
 362 }
 363
 364 .settings-tab-container header {
 365     padding: 14px 0 6px;
 366     border-bottom: 1px solid #EEEEEE;
 367 }
 368
 369 #tab-shortcuts {
 370     margin-top: 25px !important;
 371 }
 372
 373 #experiments-tab-content .help-container {
 374     -webkit-column-width: 470px;
 375 }
 376
 377 #experiments-tab-content .help-block {
 378     width: 470px;
 379 }
 380
 381 .settings-tab-container header > h3 {
 382     font-size: 18px;
 383     font-weight: normal;
 384     margin: 0;
 385     padding-bottom: 3px;
 386 }
 387
 388 .settings-tab .help-section-title {
 389     margin-left: -20px;
 390     color: #222;
 391 }
 392
 393 .settings-tab .help-block fieldset:disabled label:hover {
 394     color: inherit;
 395 }
 396
 397 .settings-tab .help-block label:hover {
 398     color: #222;
 399 }
 400
 401 .settings-tab p {
 402     margin: 12px 0;
 403 }
 404
 405 .settings-tab select {
 406     background-color: #FAFAFA;
 407     border-color: rgb(213, 213, 213);
 408     border-radius: 2px;
 409     color: inherit;
 410     padding: 0 4px;
 411 }
 412
 413 .settings-tab select:disabled {
 414     background-color: rgb(221, 221, 221);
 415 }
 416
 417 .settings-tab .workspace-settings-row input {
 418     width: 190px;
 419 }
 420
 421 #workspace-tab-content .settings-tab.help-content.help-container {
 422     -webkit-column-width: initial;
 423 }
 424
 425
 426 #workspace-tab-content .button:hover {
 427     opacity: 1.0 !important;
 428 }
 429
 430 #workspace-tab-content .workspace-settings-row:hover .button {
 431     visibility: visible;
 432     opacity: 0.4;
 433 }
 434
 435 #workspace-tab-content .workspace-settings-row .button {
 436     width: 10px;
 437     height: 10px;
 438     border: none;
 439     -webkit-appearance: none;
 440     background-color: transparent;
 441     visibility: hidden;
 442     background-position: center;
 443     margin: 0 0 0 4px;
 444 }
 445
 446 #workspace-tab-content .workspace-settings-row .remove-button {
 447     background-image: url(Images/deleteIcon.png);
 448 }
 449
 450 #workspace-tab-content .workspace-settings-row .add-button {
 451     background-image: url(Images/addIcon.png);
 452 }
 453
 454 #workspace-tab-content .workspace-settings-error {
 455     color: red;
 456 }
 457
 458 .settings-tab-text-button {
 459     background-image: -webkit-linear-gradient(hsl(0, 0%, 93%), hsl(0, 0%, 93%) 38%, hsl(0, 0%, 87%));
 460     border: 1px solid hsla(0, 0%, 0%, 0.25);
 461     border-radius: 2px;
 462     box-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.08), inset 0 1px 2px hsla(0, 100%, 100%, 0.75);
 463     color: hsl(0, 0%, 27%);
 464     font-size: 12px;
 465     margin: 0 1px 0 0;
 466     text-shadow: 0 1px 0 hsl(0, 0%, 94%);
 467     min-height: 2em;
 468     padding-left: 10px;
 469     padding-right: 10px;
 470 }
 471
 472 .settings-tab-text-button:disabled {
 473     background-image: -webkit-linear-gradient(#f1f1f1, #f1f1f1 38%, #e6e6e6);
 474     border-color: rgba(80, 80, 80, 0.2);
 475     box-shadow: 0 1px 0 rgba(80, 80, 80, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
 476     color: #aaa;
 477 }
 478
 479 .settings-tab-text-button:not(:disabled):hover {
 480     background-image: -webkit-linear-gradient(hsl(0, 0%, 94%), hsl(0, 0%, 94%) 38%, hsl(0, 0%, 88%));
 481     border-color: hsla(0, 0%, 0%, 0.3);
 482     box-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.12), inset 0 1px 2px hsla(0, 100%, 100%, 0.95);
 483     color: hsl(0, 0%, 0%);
 484 }
 485
 486 .settings-tab-text-button:not(:disabled):active {
 487     background-image: -webkit-linear-gradient(hsl(0, 0%, 91%), hsl(0, 0%, 91%) 38%, hsl(0, 0%, 84%));
 488     box-shadow: none;
 489     text-shadow: none;
 490 }
 491
 492 .settings-tab .settings-list-container {
 493     background-color: white;
 494     margin-bottom: 10px;
 495 }
 496
 497 .settings-tab .settings-list {
 498     border: 1px solid hsl(0, 0%, 85%);
 499     border-radius: 2px;
 500 }
 501
 502 .settings-tab .settings-list .settings-list-item .settings-list-item-contents {
 503     width: 100%;
 504     height: 40px;
 505     -webkit-box-align: center;
 506     -webkit-transition: 150ms background-color;
 507     display: -webkit-box;
 508     padding-right: 3px;
 509 }
 510
 511 .settings-tab .settings-list .settings-list-item .settings-list-item-contents > :first-child {
 512     -webkit-box-align: center;
 513     -webkit-box-flex: 1;
 514     -webkit-padding-end: 5px;
 515     display: -webkit-box;
 516 }
 517
 518 .settings-tab .settings-list .settings-list-item.selected:not(.editable) {
 519     background-color: hsl(0, 0%, 82%);
 520 }
 521
 522 .settings-tab .settings-list .settings-list-item:hover {
 523     background-color: hsl(215, 54%, 93%);
 524 }
 525
 526 .settings-tab .settings-list .settings-list-item.selected:not(.editable):hover {
 527     background-color: hsl(215, 51%, 82%);
 528 }
 529
 530 .settings-tab .settings-list .settings-list-item .remove-item-button {
 531     -webkit-transition: 150ms opacity;
 532     background-color: hsla(0, 0%, 0%, 0);
 533     background-image: -webkit-image-set(
 534         url(Images/settingsListRemove.png) 1x,
 535         url(Images/settingsListRemove_2x.png) 2x);
 536     background-size: 48px 16px;
 537     border: none;
 538     display: block;
 539     height: 16px;
 540     width: 16px;
 541     opacity: 0;
 542     pointer-events: none;
 543 }
 544
 545 .settings-tab .settings-list .settings-list-item.selected .remove-item-button,
 546 .settings-tab .settings-list .settings-list-item:hover .remove-item-button {
 547     opacity: 1;
 548     pointer-events: auto;
 549 }
 550
 551 .settings-tab .settings-list .settings-list-item .remove-item-button:hover {
 552     background-position-x: -32px;
 553 }
 554
 555 .settings-tab .settings-list .settings-list-item .remove-item-button:active {
 556     background-position-x: -16px;
 557 }
 558
 559 .settings-list-item-columns {
 560     height: 100%;
 561 }
 562
 563 .settings-tab .settings-list .settings-list-item .list-column {
 564     displaY: -webkit-box;
 565     -webkit-box-align: center;
 566     padding-left: 5px;
 567     padding-right: 2px;
 568     box-sizing: border-box;
 569     overflow: hidden;
 570     text-overflow: ellipsis;
 571     height: 100%;
 572 }
 573
 574 .settings-tab .settings-list .settings-list-item .list-column .list-column-editor {
 575     width: 100%;
 576 }
 577
 578 .settings-tab .settings-list .settings-list-item.add-list-item .remove-item-button {
 579     visibility: hidden;
 580 }
 581
 582 .settings-tab .settings-list .settings-list-item.editable .list-column .list-column-editor {
 583     display: none;
 584 }
 585
 586 .settings-tab .settings-list .settings-list-item.editable.item-editing .list-column .list-column-editor {
 587     display: block;
 588 }
 589
 590 .settings-tab .settings-list .settings-list-item.editable.item-editing .list-column .list-column-text {
 591     display: none;
 592 }
 593
 594 .settings-tab .settings-list .settings-list-item.editable.item-editing .list-column .list-column-editor.editable-item-error {
 595     background-color: pink;
 596 }
 597
 598 .list-column-editor {
 599     border: 1px solid rgb(213, 213, 213);
 600     border-radius: 2px;
 601     color: #444444;
 602     padding: 3px;
 603 }
 604
 605 .settings-tab .settings-list .settings-list-item .file-system-path {
 606     white-space: nowrap;
 607     font-size: 12px;
 608     padding-left: 6px;
 609     padding-right: 5px;
 610     -webkit-box-flex: 1;
 611     color: hsl(210, 16%, 22%);
 612 }
 613
 614 .settings-tab .settings-list .settings-list-item .file-system-path-name {
 615     padding-right: 6px;
 616     font-weight: bold;
 617 }
 618
 619 .file-mappings-list .settings-list-item .list-column.settings-list-column-url {
 620     width: 50%;
 621 }
 622
 623 .file-mappings-list .settings-list-item .list-column.settings-list-column-path {
 624     width: 50%;
 625 }
 626
 627 .excluded-folders-list .settings-list-item .list-column.settings-list-column-path {
 628     width: 100%;
 629 }
 630
 631 .settings-dialog {
 632     border-radius: 3px;
 633     box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
 634     display: -webkit-flex;
 635     -webkit-flex-direction: column;
 636     background: white;
 637 }
 638
 639 .settings-dialog .dialog-contents {
 640     display: flex;
 641     flex-direction: column;
 642 }
 643
 644 .settings-dialog .header {
 645     flex: 0 0 auto;
 646     color: #333;
 647     font-size: 14px;
 648     margin: 0;
 649     padding: 14px 17px 14px;
 650 }
 651
 652 .settings-dialog .contents {
 653     flex: 1 1 auto;
 654     padding: 0 17px;
 655     overflow: auto;
 656     margin-bottom: 10px;
 657 }
 658
 659 .settings-dialog .block-header {
 660     color: black;
 661     font-size: 1.2em;
 662     margin-bottom: 0.8em;
 663 }
 664
 665 .settings-dialog .done-button {
 666     float: right;
 667 }
 668
 669 .settings-glass-pane {
 670     -webkit-box-align: center;
 671     -webkit-box-orient: vertical;
 672     -webkit-box-pack: center;
 673     display: -webkit-box;
 674     z-index: 2000 !important;
 675     padding: 5px;
 676     background-color: rgba(255, 255, 255, 0.4) !important;
 677 }
 678
 679 .help-indent-labels label {
 680     padding-left: 10px;
 681 }
 682
 683 .help-field-note {
 684     opacity: 0.6;
 685     padding-left: 19px;
 686 }