OLD | NEW |
| 1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. |
| 4 */ |
| 5 |
1 html { | 6 html { |
2 height: 100%; | 7 height: 100%; |
3 } | 8 } |
4 | 9 |
5 body { | 10 body { |
6 background: white; | 11 background: white; |
7 display: -webkit-box; | 12 display: -webkit-box; |
8 height: 100%; | 13 height: 100%; |
9 margin: 0; | 14 margin: 0; |
10 overflow: hidden; | 15 overflow: hidden; |
(...skipping 371 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
382 text-shadow: 0 1px 0 rgba(255, 255, 255, .25); | 387 text-shadow: 0 1px 0 rgba(255, 255, 255, .25); |
383 } | 388 } |
384 | 389 |
385 input[type='radio']:checked::before { | 390 input[type='radio']:checked::before { |
386 -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5); | 391 -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5); |
387 -webkit-margin-start: 4px; | 392 -webkit-margin-start: 4px; |
388 background: #808080; | 393 background: #808080; |
389 border-radius: 10px; | 394 border-radius: 10px; |
390 content: ''; | 395 content: ''; |
391 display: inline-block; | 396 display: inline-block; |
| 397 font-size: 13px; |
| 398 font-weight: 400; |
392 height: 5px; | 399 height: 5px; |
393 left: 0; | 400 left: 0; |
394 margin-top: 4px; | 401 margin-top: 4px; |
395 opacity: 1; | 402 opacity: 1; |
396 position: absolute; | 403 position: absolute; |
397 top: 0; | 404 top: 0; |
398 vertical-align: top; | 405 vertical-align: top; |
399 width: 5px; | 406 width: 5px; |
400 } | 407 } |
401 | 408 |
402 html[dir='rtl'] input[type='radio']:checked::before { | 409 html[dir='rtl'] input[type='radio']:checked::before { |
403 right: 0; | 410 right: 0; |
404 } | 411 } |
405 | 412 |
406 input[type='radio']:active:checked::before { | 413 input[type='radio']:active:checked::before { |
407 background: #606060; | 414 background: #606060; |
408 } | 415 } |
409 | 416 |
410 input[type='text'] { | 417 #sidebar input[type='text'] { |
411 -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .1), | 418 -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .1), |
412 0 1px 0 white, | 419 0 1px 0 white, |
413 0 0 1px transparent, | 420 0 0 1px transparent, |
414 0 0 1px transparent, | 421 0 0 1px transparent, |
415 0 0 1px transparent; | 422 0 0 1px transparent; |
416 -webkit-margin-end: 7px; | 423 -webkit-margin-end: 7px; |
417 -webkit-margin-start: 2px; | 424 -webkit-margin-start: 2px; |
418 -webkit-transition: -webkit-box-shadow 100ms, background 100ms, border 500ms; | 425 -webkit-transition: -webkit-box-shadow 100ms, background 100ms, border 500ms; |
419 border-radius: 3px; | |
420 border: 1px solid #a0a0a0; | 426 border: 1px solid #a0a0a0; |
421 font-size: 13px; | |
422 font-weight: 400; | |
423 margin: 0; | 427 margin: 0; |
424 padding: 4px 6px 4px 6px; | 428 padding: 4px 6px 4px 6px; |
425 } | 429 } |
426 | 430 |
427 input[type='text']:-webkit-input-placeholder { | 431 input[type='text'] { |
| 432 border-radius: 3px; |
| 433 outline: none; |
| 434 } |
| 435 |
| 436 #sidebar input[type='text']:-webkit-input-placeholder { |
428 color: #a0a0a0; | 437 color: #a0a0a0; |
429 } | 438 } |
430 | 439 |
431 input[type='text']:first-child { | 440 #sidebar input[type='text']:first-child { |
432 -webkit-margin-start: 0; | 441 -webkit-margin-start: 0; |
433 } | 442 } |
434 | 443 |
435 input[type='text']:last-child { | 444 #sidebar input[type='text']:last-child { |
436 -webkit-margin-end: 0; | 445 -webkit-margin-end: 0; |
437 } | 446 } |
438 | 447 |
439 input[type='text']:focus { | 448 #sidebar input[type='text']:focus { |
440 -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .15), | 449 -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .15), |
441 0 1px 0 transparent, | 450 0 1px 0 transparent, |
442 0 0 1px #c0c0c0, | 451 0 0 1px #c0c0c0, |
443 0 0 1px #c0c0c0, | 452 0 0 1px #c0c0c0, |
444 0 0 1px #c0c0c0; | 453 0 0 1px #c0c0c0; |
445 -webkit-transition: -webkit-box-shadow 200ms, background 200ms, border 200ms; | 454 -webkit-transition: -webkit-box-shadow 200ms, background 200ms, border 200ms; |
446 background: #f8f8f8; | 455 background: #f8f8f8; |
447 border-color: #4080fa; | 456 border-color: #4080fa; |
448 outline: none; | |
449 } | 457 } |
450 | 458 |
451 input[type='text']:disabled { | 459 #sidebar input[type='text']:disabled { |
452 background: #f8f8f8; | 460 background: #f8f8f8; |
453 border-color: #c0c0c0; | 461 border-color: #c0c0c0; |
454 } | 462 } |
455 | 463 |
456 input[type='text'].small { | 464 #sidebar input[type='text'].small { |
457 width: 2em; | 465 width: 2em; |
458 } | 466 } |
459 | 467 |
460 input[type='text'].invalid { | 468 #sidebar input[type='text'].invalid { |
461 background: #fff0f0; | 469 background: #fff0f0; |
462 color: #8c1414; | 470 color: #8c1414; |
463 } | 471 } |
464 | 472 |
465 span.hint { | 473 span.hint { |
466 -webkit-transition: color 200ms; | 474 -webkit-transition: color 200ms; |
467 background: white; | 475 background: white; |
468 display: block; | 476 display: block; |
469 font-size: 11px; | 477 font-size: 11px; |
470 font-weight: bold; | 478 font-weight: bold; |
(...skipping 194 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
665 button, | 673 button, |
666 input[type='text'], | 674 input[type='text'], |
667 select { | 675 select { |
668 font-family: 'Helvetica Neue', Arial, sans-serif; | 676 font-family: 'Helvetica Neue', Arial, sans-serif; |
669 } | 677 } |
670 | 678 |
671 #mainview { | 679 #mainview { |
672 -webkit-box-flex: 1; | 680 -webkit-box-flex: 1; |
673 -webkit-user-select: none; | 681 -webkit-user-select: none; |
674 background-color: #ccc; | 682 background-color: #ccc; |
| 683 overflow: hidden; |
675 position: relative; | 684 position: relative; |
676 } | 685 } |
677 | 686 |
678 #pdf-viewer { | 687 #pdf-viewer { |
679 /* pluginFadeInTransitionDuration = 0.2s */ | 688 /* pluginFadeInTransitionDuration = 0.2s */ |
680 -webkit-transition: opacity 0.2s linear; | 689 -webkit-transition: opacity 0.2s linear; |
681 /* pluginFadeInTransitionDelay = overlayFadeOutTransitionDuration = 0.1s */ | 690 /* pluginFadeInTransitionDelay = overlayFadeOutTransitionDuration = 0.1s */ |
682 -webkit-transition-delay: 0.1s; | 691 -webkit-transition-delay: 0.1s; |
683 height: 100%; | 692 height: 100%; |
684 opacity: 1; | 693 opacity: 1; |
(...skipping 30 matching lines...) Expand all Loading... |
715 width: 100%; | 724 width: 100%; |
716 } | 725 } |
717 | 726 |
718 #overlay-layer.invisible { | 727 #overlay-layer.invisible { |
719 /* overlayFadeOutTransitionDuration = 0.1s */ | 728 /* overlayFadeOutTransitionDuration = 0.1s */ |
720 -webkit-transition: opacity 0.1s linear; | 729 -webkit-transition: opacity 0.1s linear; |
721 opacity: 0; | 730 opacity: 0; |
722 pointer-events: none; | 731 pointer-events: none; |
723 } | 732 } |
724 | 733 |
725 input[type='text'].margin-box { | |
726 background-color: #2a2a2a; | |
727 color: #fff; | |
728 cursor: auto; | |
729 font-family: arial; | |
730 font-size: 10px; | |
731 height: 15px; | |
732 padding: 5px 10px; | |
733 position: absolute; | |
734 text-align: center; | |
735 width: 40px; | |
736 z-index: 3; | |
737 } | |
738 | |
739 input[type='text'].margin-box.invalid { | |
740 background-color: #c11b17; | |
741 } | |
742 | |
743 .draggable-area { | |
744 background-color: transparent; | |
745 border-color: transparent; | |
746 pointer-events: none; | |
747 position: absolute; | |
748 z-index: 2; | |
749 } | |
750 | |
751 .margin-line { | |
752 border-color: #4080FA; | |
753 border-style: dashed; | |
754 border-width: 1px; | |
755 position: absolute; | |
756 z-index: 2; | |
757 } | |
758 | |
759 #customized-margins { | |
760 position: absolute; | |
761 top: 0; | |
762 } | |
763 | |
764 #messages { | 734 #messages { |
765 color: #404040; | 735 color: #404040; |
766 font-size: 13px; | 736 font-size: 13px; |
767 position: relative; | 737 position: relative; |
768 text-align: center; | 738 text-align: center; |
769 text-shadow: 0 1px 0 rgba(255, 255, 255, .5); | 739 text-shadow: 0 1px 0 rgba(255, 255, 255, .5); |
770 top: 50%; | 740 top: 50%; |
771 } | 741 } |
772 | 742 |
773 html[dir='rtl'] .messages { | 743 html[dir='rtl'] .messages { |
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
808 margin-top: 10px; | 778 margin-top: 10px; |
809 } | 779 } |
810 | 780 |
811 input[disabled] + label { | 781 input[disabled] + label { |
812 color: gray; | 782 color: gray; |
813 } | 783 } |
814 | 784 |
815 #error-action-area { | 785 #error-action-area { |
816 margin-top: 10px; | 786 margin-top: 10px; |
817 } | 787 } |
OLD | NEW |