| OLD | NEW |
| 1 .help-window-outer { | 1 .help-window-outer { |
| 2 position: absolute; | 2 position: absolute; |
| 3 top: 0; | 3 top: 0; |
| 4 left: 0; | 4 left: 0; |
| 5 right: 0; | 5 right: 0; |
| 6 bottom: 0; | 6 bottom: 0; |
| 7 z-index: 2000; | 7 z-index: 2000; |
| 8 } | 8 } |
| 9 | 9 |
| 10 .help-window-main { | 10 .help-window-main { |
| (...skipping 98 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 109 display: block; | 109 display: block; |
| 110 padding-bottom: 9px; | 110 padding-bottom: 9px; |
| 111 width: 470px; | 111 width: 470px; |
| 112 -webkit-column-break-inside: avoid; | 112 -webkit-column-break-inside: avoid; |
| 113 } | 113 } |
| 114 | 114 |
| 115 body.platform-mac .settings-tab .help-block { | 115 body.platform-mac .settings-tab .help-block { |
| 116 width: 430px; | 116 width: 430px; |
| 117 } | 117 } |
| 118 | 118 |
| 119 #drawer-contents .settings-tab { | |
| 120 padding-left: 12px; | |
| 121 } | |
| 122 | |
| 123 .settings-tab.help-container { | 119 .settings-tab.help-container { |
| 124 -webkit-column-width: 410px; | 120 -webkit-column-width: 410px; |
| 125 } | 121 } |
| 126 | 122 |
| 127 .settings-tab .help-block { | 123 .settings-tab .help-block { |
| 128 width: 410px; | 124 width: 410px; |
| 129 margin-left: 20px; | 125 margin-left: 20px; |
| 130 } | 126 } |
| 131 | 127 |
| 132 .settings-tab .field-error-message { | 128 .settings-tab .field-error-message { |
| (...skipping 123 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 256 .help-content select:disabled { | 252 .help-content select:disabled { |
| 257 background-color: rgb(32, 32, 32); | 253 background-color: rgb(32, 32, 32); |
| 258 color: graytext; | 254 color: graytext; |
| 259 } | 255 } |
| 260 | 256 |
| 261 .help-content option { | 257 .help-content option { |
| 262 background-color: #EEEEEE; | 258 background-color: #EEEEEE; |
| 263 color: #222; | 259 color: #222; |
| 264 } | 260 } |
| 265 | 261 |
| 266 #settings-screen .help-window-main, | 262 #settings-screen .help-window-main{ |
| 267 #drawer-contents .help-window-main { | |
| 268 color: rgb(48, 57, 66); | 263 color: rgb(48, 57, 66); |
| 269 background-color: white; | 264 background-color: white; |
| 270 border-radius: 0; | 265 border-radius: 0; |
| 271 } | 266 } |
| 272 | 267 |
| 273 #settings-screen .help-window-main { | 268 #settings-screen .help-window-main { |
| 274 position: absolute; | 269 position: absolute; |
| 275 top: 10px; | 270 top: 10px; |
| 276 right: 10px; | 271 right: 10px; |
| 277 bottom: 10px; | 272 bottom: 10px; |
| 278 left: 10px; | 273 left: 10px; |
| 279 height: initial; | 274 height: initial; |
| 280 padding: 21px 0 0 21px; | 275 padding: 21px 0 0 21px; |
| 281 box-shadow: 1px 1px 5px 2px rgba(128, 128, 128, 0.7); | 276 box-shadow: 1px 1px 5px 2px rgba(128, 128, 128, 0.7); |
| 282 } | 277 } |
| 283 | 278 |
| 284 #settings-screen .help-window-label { | 279 #settings-screen .help-window-label { |
| 285 font-size: 18px; | 280 font-size: 18px; |
| 286 color: inherit; | 281 color: inherit; |
| 287 padding-top: 1px; | 282 padding-top: 1px; |
| 288 } | 283 } |
| 289 | 284 |
| 290 #drawer-contents .help-container-wrapper { | |
| 291 top: 32px; | |
| 292 } | |
| 293 | |
| 294 .help-container-wrapper { | 285 .help-container-wrapper { |
| 295 position: absolute; | 286 position: absolute; |
| 296 top: 60px; | 287 top: 54px; |
| 297 left: 15px; | 288 left: 15px; |
| 298 right: 0; | 289 right: 0; |
| 299 bottom: 0; | 290 bottom: 0; |
| 300 overflow: auto; | 291 overflow: auto; |
| 301 } | 292 } |
| 302 | 293 |
| 303 #settings-screen .tabbed-pane-header { | 294 #settings-screen .tabbed-pane-header { |
| 304 border: none transparent; | 295 border: none transparent; |
| 305 height: auto; | 296 height: auto; |
| 306 width: 110px; | 297 width: 110px; |
| 307 position: relative; | 298 position: relative; |
| 308 top: 14px; | 299 top: 14px; |
| 300 flex: auto; |
| 309 } | 301 } |
| 310 | 302 |
| 311 #settings-screen .tabbed-pane-header-contents { | 303 #settings-screen .tabbed-pane-header-contents { |
| 312 margin: 0; | 304 margin: 0; |
| 313 } | 305 } |
| 314 | 306 |
| 315 #settings-screen .tabbed-pane-header-tabs { | 307 #settings-screen .tabbed-pane-header-tabs { |
| 316 display: flex; | 308 display: flex; |
| 317 flex-direction: column; | 309 flex-direction: column; |
| 318 padding-top: 5px; | 310 padding-top: 5px; |
| 319 width: 100px; | 311 width: 100px; |
| 320 } | 312 } |
| 321 | 313 |
| 322 #settings-screen .tabbed-pane-header-tab { | 314 #settings-screen .tabbed-pane-header-tab { |
| 323 background-color: transparent; | 315 background-color: transparent; |
| 324 border: none transparent; | 316 border: none transparent; |
| 325 cursor: pointer; | |
| 326 font-weight: normal; | 317 font-weight: normal; |
| 327 text-shadow: none; | 318 text-shadow: none; |
| 328 color: #999999; | 319 color: #999999; |
| 329 height: 22px; | 320 height: 22px; |
| 330 padding-left: 0; | 321 padding-left: 0; |
| 331 } | 322 } |
| 332 | 323 |
| 324 #settings-screen .tabbed-pane-header-tab:not(.selected) { |
| 325 cursor: pointer; |
| 326 } |
| 327 |
| 333 #settings-screen .tabbed-pane-header-tab.selected { | 328 #settings-screen .tabbed-pane-header-tab.selected { |
| 334 color: inherit; | 329 color: inherit; |
| 335 } | 330 } |
| 336 | 331 |
| 337 #settings-screen .tabbed-pane-content, | 332 #settings-screen .tabbed-pane-content { |
| 338 #drawer-contents .tabbed-pane-content { | |
| 339 position: absolute; | 333 position: absolute; |
| 340 top: 0; | 334 top: 0; |
| 341 right: 0; | 335 right: 0; |
| 342 bottom: 0; | 336 bottom: 0; |
| 343 margin: 8px; | 337 margin: 8px; |
| 344 } | 338 } |
| 345 | 339 |
| 346 #drawer-contents .tabbed-pane-content { | |
| 347 padding: 0 4px; | |
| 348 } | |
| 349 | |
| 350 #settings-screen .tabbed-pane-content { | 340 #settings-screen .tabbed-pane-content { |
| 351 left: 120px; | 341 left: 120px; |
| 352 } | 342 } |
| 353 | 343 |
| 354 #drawer-contents .tabbed-pane-content { | |
| 355 left: 0; | |
| 356 } | |
| 357 | |
| 358 .settings-tab.help-content { | 344 .settings-tab.help-content { |
| 359 margin: 0; | 345 margin: 0; |
| 360 padding: 0; | 346 padding: 0; |
| 361 } | 347 } |
| 362 | 348 |
| 363 .settings-tab input:not([type]), | 349 .settings-tab input:not([type]), |
| 364 .settings-tab input[type="text"] { | 350 .settings-tab input[type="text"] { |
| 365 border: 1px solid rgb(213, 213, 213); | 351 border: 1px solid rgb(213, 213, 213); |
| 366 border-radius: 2px; | 352 border-radius: 2px; |
| 367 color: #444444; | 353 color: #444444; |
| 368 padding: 3px; | 354 padding: 3px; |
| 369 } | 355 } |
| 370 | 356 |
| 371 .settings-tab input.numeric { | 357 .settings-tab input.numeric { |
| 372 text-align: right; | 358 text-align: right; |
| 373 } | 359 } |
| 374 | 360 |
| 375 .settings-tab-container header { | 361 .settings-tab-container { |
| 376 padding: 14px 0; | 362 flex: auto; |
| 377 border-bottom: 1px solid #EEEEEE; | |
| 378 } | 363 } |
| 379 | 364 |
| 380 #drawer-contents .settings-tab-container header { | 365 .settings-tab-container header { |
| 381 padding: 0; | 366 padding: 14px 0 6px; |
| 367 border-bottom: 1px solid #EEEEEE; |
| 382 } | 368 } |
| 383 | 369 |
| 384 #tab-shortcuts { | 370 #tab-shortcuts { |
| 385 margin-top: 25px !important; | 371 margin-top: 25px !important; |
| 386 } | 372 } |
| 387 | 373 |
| 388 #experiments-tab-content .help-container { | 374 #experiments-tab-content .help-container { |
| 389 -webkit-column-width: 470px; | 375 -webkit-column-width: 470px; |
| 390 } | 376 } |
| 391 | 377 |
| (...skipping 71 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 463 } | 449 } |
| 464 | 450 |
| 465 #workspace-tab-content .workspace-settings-row .add-button { | 451 #workspace-tab-content .workspace-settings-row .add-button { |
| 466 background-image: url(Images/addIcon.png); | 452 background-image: url(Images/addIcon.png); |
| 467 } | 453 } |
| 468 | 454 |
| 469 #workspace-tab-content .workspace-settings-error { | 455 #workspace-tab-content .workspace-settings-error { |
| 470 color: red; | 456 color: red; |
| 471 } | 457 } |
| 472 | 458 |
| 473 .settings-tab .text-button { | 459 .settings-tab-text-button { |
| 474 background-image: -webkit-linear-gradient(hsl(0, 0%, 93%), hsl(0, 0%, 93%) 3
8%, hsl(0, 0%, 87%)); | 460 background-image: -webkit-linear-gradient(hsl(0, 0%, 93%), hsl(0, 0%, 93%) 3
8%, hsl(0, 0%, 87%)); |
| 475 border: 1px solid hsla(0, 0%, 0%, 0.25); | 461 border: 1px solid hsla(0, 0%, 0%, 0.25); |
| 476 border-radius: 2px; | 462 border-radius: 2px; |
| 477 box-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.08), inset 0 1px 2px hsla(0, 100%, 100
%, 0.75); | 463 box-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.08), inset 0 1px 2px hsla(0, 100%, 100
%, 0.75); |
| 478 color: hsl(0, 0%, 27%); | 464 color: hsl(0, 0%, 27%); |
| 479 font-size: 12px; | 465 font-size: 12px; |
| 480 margin: 0 1px 0 0; | 466 margin: 0 1px 0 0; |
| 481 text-shadow: 0 1px 0 hsl(0, 0%, 94%); | 467 text-shadow: 0 1px 0 hsl(0, 0%, 94%); |
| 482 min-height: 2em; | 468 min-height: 2em; |
| 483 padding-left: 10px; | 469 padding-left: 10px; |
| 484 padding-right: 10px; | 470 padding-right: 10px; |
| 485 } | 471 } |
| 486 | 472 |
| 487 .settings-tab .text-button:disabled { | 473 .settings-tab-text-button:disabled { |
| 488 background-image: -webkit-linear-gradient(#f1f1f1, #f1f1f1 38%, #e6e6e6); | 474 background-image: -webkit-linear-gradient(#f1f1f1, #f1f1f1 38%, #e6e6e6); |
| 489 border-color: rgba(80, 80, 80, 0.2); | 475 border-color: rgba(80, 80, 80, 0.2); |
| 490 box-shadow: 0 1px 0 rgba(80, 80, 80, 0.08), inset 0 1px 2px rgba(255, 255, 2
55, 0.75); | 476 box-shadow: 0 1px 0 rgba(80, 80, 80, 0.08), inset 0 1px 2px rgba(255, 255, 2
55, 0.75); |
| 491 color: #aaa; | 477 color: #aaa; |
| 492 } | 478 } |
| 493 | 479 |
| 494 .settings-tab .text-button:hover { | 480 .settings-tab-text-button:not(:disabled):hover { |
| 495 background-image: -webkit-linear-gradient(hsl(0, 0%, 94%), hsl(0, 0%, 94%) 3
8%, hsl(0, 0%, 88%)); | 481 background-image: -webkit-linear-gradient(hsl(0, 0%, 94%), hsl(0, 0%, 94%) 3
8%, hsl(0, 0%, 88%)); |
| 496 border-color: hsla(0, 0%, 0%, 0.3); | 482 border-color: hsla(0, 0%, 0%, 0.3); |
| 497 box-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.12), inset 0 1px 2px hsla(0, 100%, 100
%, 0.95); | 483 box-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.12), inset 0 1px 2px hsla(0, 100%, 100
%, 0.95); |
| 498 color: hsl(0, 0%, 0%); | 484 color: hsl(0, 0%, 0%); |
| 499 } | 485 } |
| 500 | 486 |
| 501 .settings-tab .text-button:active { | 487 .settings-tab-text-button:not(:disabled):active { |
| 502 background-image: -webkit-linear-gradient(hsl(0, 0%, 91%), hsl(0, 0%, 91%) 3
8%, hsl(0, 0%, 84%)); | 488 background-image: -webkit-linear-gradient(hsl(0, 0%, 91%), hsl(0, 0%, 91%) 3
8%, hsl(0, 0%, 84%)); |
| 503 box-shadow: none; | 489 box-shadow: none; |
| 504 text-shadow: none; | 490 text-shadow: none; |
| 505 } | 491 } |
| 506 | 492 |
| 507 .settings-tab .settings-list-container { | 493 .settings-tab .settings-list-container { |
| 508 background-color: white; | 494 background-color: white; |
| 509 margin-bottom: 10px; | 495 margin-bottom: 10px; |
| 510 } | 496 } |
| 511 | 497 |
| (...skipping 171 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 683 | 669 |
| 684 .settings-glass-pane { | 670 .settings-glass-pane { |
| 685 -webkit-box-align: center; | 671 -webkit-box-align: center; |
| 686 -webkit-box-orient: vertical; | 672 -webkit-box-orient: vertical; |
| 687 -webkit-box-pack: center; | 673 -webkit-box-pack: center; |
| 688 display: -webkit-box; | 674 display: -webkit-box; |
| 689 z-index: 2000 !important; | 675 z-index: 2000 !important; |
| 690 padding: 5px; | 676 padding: 5px; |
| 691 background-color: rgba(255, 255, 255, 0.4) !important; | 677 background-color: rgba(255, 255, 255, 0.4) !important; |
| 692 } | 678 } |
| 679 |
| 680 #overrides-tab-content .help-container { |
| 681 -webkit-column-width: auto !important; |
| 682 } |
| OLD | NEW |