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

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