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 |