2 position: absolute !important;
13 background-color: rgba(17, 17, 17, 0.85);
14 display: -webkit-flex;
15 -webkit-flex-direction: column;
21 color: rgb(17, 85, 204);
24 .help-window-caption {
25 border-bottom: solid 1px rgb(153, 153, 153);
47 border-top: 1px solid #EEEEEE;
52 .help-window-main .help-container-wrapper::-webkit-scrollbar {
56 .help-window-main .help-container-wrapper::-webkit-scrollbar-corner,
57 .help-window-main .help-container-wrapper::-webkit-resizer {
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));
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));
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));
83 body.dock-to-bottom .help-content {
87 body.platform-mac .help-window-main .tabbed-pane-header-contents {
91 body.platform-mac .help-window-main .help-window-title {
97 -webkit-user-select: auto;
98 -webkit-column-width: 470px;
101 body.platform-mac .settings-tab .help-container {
102 -webkit-column-width: 430px;
105 body.platform-mac .help-container {
106 -webkit-column-width: 361px;
110 -webkit-column-width: initial !important;
117 -webkit-column-break-inside: avoid;
120 body.platform-mac .settings-tab .help-block {
124 .settings-tab.help-container {
125 -webkit-column-width: 410px;
128 .settings-tab .help-block {
133 .settings-tab .field-error-message {
143 display: inline-block;
148 body.platform-mac .help-key-cell {
156 .help-section-title {
161 padding: 0.1em 0.6em;
162 border: 1px solid #ccc;
164 background-color: #f7f7f7;
166 box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
168 display: inline-block;
170 text-shadow: 0 1px 0 #fff;
175 body.platform-mac .help-key {
176 font-family: Lucida Grande, sans-serif;
180 .help-key-delimiter {
188 .help-key-delimiter {
192 .help-window-outer fieldset {
198 .settings-tab label {
203 #general-tab-content .help-block fieldset legend {
211 #enable-devtools-on-startup {
213 display: inline-block;
216 .help-content p.help-section {
220 .settings-experiments-warning-subsection-warning {
221 color: rgb(200, 0, 0);
224 .settings-experiments-warning-subsection-message {
228 #resolution-override-section {
232 .help-content input[type=checkbox] {
236 .help-content select {
237 background-color: rgb(64, 64, 64);
243 .help-content select:disabled {
244 background-color: rgb(32, 32, 32);
248 .help-content option {
249 background-color: #EEEEEE;
253 #settings-screen .help-window-main{
254 color: rgb(48, 57, 66);
255 background-color: white;
259 #settings-screen .help-window-main {
266 padding: 21px 0 0 21px;
267 box-shadow: 1px 1px 5px 2px rgba(128, 128, 128, 0.7);
270 #settings-screen .help-window-label {
276 .help-container-wrapper {
285 #settings-screen .tabbed-pane-header {
286 border: none transparent;
293 #settings-screen .tabbed-pane-header-contents {
297 #settings-screen .tabbed-pane-header-tabs {
299 flex-direction: column;
304 #settings-screen .tabbed-pane-header-tab {
305 background-color: transparent;
306 border: none transparent;
314 #settings-screen .tabbed-pane-header-tab:not(.selected) {
318 #settings-screen .tabbed-pane-header-tab.selected {
322 #settings-screen .tabbed-pane-content {
330 #settings-screen .tabbed-pane-content {
334 .settings-tab.help-content {
339 .settings-tab input:not([type]),
340 .settings-tab input[type="text"] {
341 border: 1px solid rgb(213, 213, 213);
347 .settings-tab input.numeric {
351 .settings-tab-container {
355 .settings-tab-container header {
357 border-bottom: 1px solid #EEEEEE;
361 margin-top: 25px !important;
364 #experiments-tab-content .help-container {
365 -webkit-column-width: 470px;
368 #experiments-tab-content .help-block {
372 .settings-tab-container header > h3 {
379 .settings-tab .help-section-title {
384 .settings-tab .help-block fieldset:disabled label:hover {
388 .settings-tab .help-block label:hover {
396 .settings-tab select {
397 background-color: #FAFAFA;
398 border-color: rgb(213, 213, 213);
404 .settings-tab select:disabled {
405 background-color: rgb(221, 221, 221);
408 .settings-tab .workspace-settings-row input {
412 #workspace-tab-content .settings-tab.help-content.help-container {
413 -webkit-column-width: initial;
417 #workspace-tab-content .button:hover {
418 opacity: 1.0 !important;
421 #workspace-tab-content .workspace-settings-row:hover .button {
426 #workspace-tab-content .workspace-settings-row .button {
430 -webkit-appearance: none;
431 background-color: transparent;
433 background-position: center;
437 #workspace-tab-content .workspace-settings-row .remove-button {
438 background-image: url(Images/deleteIcon.png);
441 #workspace-tab-content .workspace-settings-row .add-button {
442 background-image: url(Images/addIcon.png);
445 #workspace-tab-content .workspace-settings-error {
449 .settings-tab-text-button {
450 background-image: linear-gradient(hsl(0, 0%, 93%), hsl(0, 0%, 93%) 38%, hsl(0, 0%, 87%));
451 border: 1px solid hsla(0, 0%, 0%, 0.25);
453 box-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.08), inset 0 1px 2px hsla(0, 100%, 100%, 0.75);
454 color: hsl(0, 0%, 27%);
457 text-shadow: 0 1px 0 hsl(0, 0%, 94%);
463 .settings-tab-text-button:disabled {
464 background-image: linear-gradient(#f1f1f1, #f1f1f1 38%, #e6e6e6);
465 border-color: rgba(80, 80, 80, 0.2);
466 box-shadow: 0 1px 0 rgba(80, 80, 80, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
470 .settings-tab-text-button:not(:disabled):hover {
471 background-image: linear-gradient(hsl(0, 0%, 94%), hsl(0, 0%, 94%) 38%, hsl(0, 0%, 88%));
472 border-color: hsla(0, 0%, 0%, 0.3);
473 box-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.12), inset 0 1px 2px hsla(0, 100%, 100%, 0.95);
474 color: hsl(0, 0%, 0%);
477 .settings-tab-text-button:not(:disabled):active {
478 background-image: linear-gradient(hsl(0, 0%, 91%), hsl(0, 0%, 91%) 38%, hsl(0, 0%, 84%));
483 .settings-tab .settings-list-container {
484 background-color: white;
488 .settings-tab .settings-list {
489 border: 1px solid hsl(0, 0%, 85%);
493 .settings-tab .settings-list .settings-list-item .settings-list-item-contents {
496 -webkit-box-align: center;
497 -webkit-transition: 150ms background-color;
498 display: -webkit-box;
502 .settings-tab .settings-list .settings-list-item .settings-list-item-contents > :first-child {
503 -webkit-box-align: center;
505 -webkit-padding-end: 5px;
506 display: -webkit-box;
509 .settings-tab .settings-list .settings-list-item.selected:not(.editable) {
510 background-color: hsl(0, 0%, 82%);
513 .settings-tab .settings-list .settings-list-item:hover {
514 background-color: hsl(215, 54%, 93%);
517 .settings-tab .settings-list .settings-list-item.selected:not(.editable):hover {
518 background-color: hsl(215, 51%, 82%);
521 .settings-tab .settings-list .settings-list-item .remove-item-button {
522 -webkit-transition: 150ms opacity;
523 background-color: hsla(0, 0%, 0%, 0);
524 background-image: -webkit-image-set(
525 url(Images/settingsListRemove.png) 1x,
526 url(Images/settingsListRemove_2x.png) 2x);
527 background-size: 48px 16px;
533 pointer-events: none;
536 .settings-tab .settings-list .settings-list-item.selected .remove-item-button,
537 .settings-tab .settings-list .settings-list-item:hover .remove-item-button {
539 pointer-events: auto;
542 .settings-tab .settings-list .settings-list-item .remove-item-button:hover {
543 background-position-x: -32px;
546 .settings-tab .settings-list .settings-list-item .remove-item-button:active {
547 background-position-x: -16px;
550 .settings-list-item-columns {
554 .settings-tab .settings-list .settings-list-item .list-column {
555 displaY: -webkit-box;
556 -webkit-box-align: center;
559 box-sizing: border-box;
561 text-overflow: ellipsis;
565 .settings-tab .settings-list .settings-list-item .list-column .list-column-editor {
569 .settings-tab .settings-list .settings-list-item.add-list-item .remove-item-button {
573 .settings-tab .settings-list .settings-list-item.editable .list-column .list-column-editor {
577 .settings-tab .settings-list .settings-list-item.editable.item-editing .list-column .list-column-editor {
581 .settings-tab .settings-list .settings-list-item.editable.item-editing .list-column .list-column-text {
585 .settings-tab .settings-list .settings-list-item.editable.item-editing .list-column .list-column-editor.editable-item-error {
586 background-color: pink;
589 .list-column-editor {
590 border: 1px solid rgb(213, 213, 213);
596 .settings-tab .settings-list .settings-list-item .file-system-path {
602 color: hsl(210, 16%, 22%);
605 .settings-tab .settings-list .settings-list-item .file-system-path-name {
610 .file-mappings-list .settings-list-item .list-column.settings-list-column-url {
614 .file-mappings-list .settings-list-item .list-column.settings-list-column-path {
618 .excluded-folders-list .settings-list-item .list-column.settings-list-column-path {
624 box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
625 display: -webkit-flex;
626 -webkit-flex-direction: column;
630 .settings-dialog .dialog-contents {
632 flex-direction: column;
635 .settings-dialog .header {
640 padding: 14px 17px 14px;
643 .settings-dialog .contents {
649 .settings-dialog .block-header {
652 margin-bottom: 0.8em;
655 .settings-dialog .done-button {
659 .settings-glass-pane {
660 -webkit-box-align: center;
661 -webkit-box-orient: vertical;
662 -webkit-box-pack: center;
663 display: -webkit-box;
664 z-index: 2000 !important;
666 background-color: rgba(255, 255, 255, 0.4) !important;
669 .help-indent-labels label {
678 .edit-file-system-dialog .section {