OLD | NEW |
1 .inputview-layoutview { | 1 .inputview-layoutview { |
2 position: relative; | 2 position: relative; |
3 -webkit-user-select: none; | 3 -webkit-user-select: none; |
4 } | 4 } |
| 5 #emoji.candidate-view-disabled .inputview-layoutview { |
| 6 margin-top: 22px; |
| 7 } |
| 8 .candidate-view-disabled .inputview-layoutview { |
| 9 margin-top: 8px; |
| 10 } |
5 .inputview-canvasview, | 11 .inputview-canvasview, |
6 .inputview-skv { | 12 .inputview-skv { |
7 display: inline-block; | 13 display: inline-block; |
8 overflow: hidden; | 14 overflow: hidden; |
9 } | 15 } |
10 .inputview-sk { | 16 .inputview-sk { |
11 margin: 3px 4px 4px 3px; | 17 margin: 3px 4px 4px 3px; |
12 position: relative; | 18 position: relative; |
13 background-color: #ffffff; | 19 background-color: #ffffff; |
14 } | 20 } |
(...skipping 18 matching lines...) Expand all Loading... |
33 .inputview-a11y .inputview-character { | 39 .inputview-a11y .inputview-character { |
34 font-size: 11px; | 40 font-size: 11px; |
35 } | 41 } |
36 .inputview-ch { | 42 .inputview-ch { |
37 color: #111111; | 43 color: #111111; |
38 font-size: 23px; | 44 font-size: 23px; |
39 } | 45 } |
40 .inputview-digit-character.inputview-ch { | 46 .inputview-digit-character.inputview-ch { |
41 font-size: 20px; | 47 font-size: 20px; |
42 } | 48 } |
| 49 .inputview-font-small.inputview-special-key-name, |
| 50 .inputview-font-small.inputview-compact-key, |
43 .inputview-a11y .inputview-digit-character.inputview-ch { | 51 .inputview-a11y .inputview-digit-character.inputview-ch { |
44 font-size: 16px; | 52 font-size: 16px; |
45 } | 53 } |
46 .inputview-a11y .inputview-ch { | 54 .inputview-a11y .inputview-ch { |
47 font-size: 18px; | 55 font-size: 18px; |
48 } | 56 } |
49 .inputview-vertical { | 57 .inputview-vertical { |
50 display: inline-block; | 58 display: inline-block; |
51 overflow: hidden; | 59 overflow: hidden; |
52 } | 60 } |
(...skipping 438 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
491 background: transparent url('images/show_candidates.png') 0 0/17px 16.5px no-r
epeat; | 499 background: transparent url('images/show_candidates.png') 0 0/17px 16.5px no-r
epeat; |
492 height: 17px; | 500 height: 17px; |
493 width: 16.5px; | 501 width: 16.5px; |
494 } | 502 } |
495 | 503 |
496 /** | 504 /** |
497 * The following css style is for handwriting panel, | 505 * The following css style is for handwriting panel, |
498 * please keep it in the end of the file | 506 * please keep it in the end of the file |
499 */ | 507 */ |
500 | 508 |
| 509 .inputview-handwriting { |
| 510 font-size: 16px; |
| 511 } |
| 512 |
| 513 .inputview-a11y.inputview-handwriting .inputview-modifier { |
| 514 font-size: 16px; |
| 515 } |
| 516 |
501 .inputview-handwriting .inputview-wrapper{ | 517 .inputview-handwriting .inputview-wrapper{ |
502 background-color: #ffffff; | 518 background-color: #ffffff; |
503 box-shadow: 1px -2px 7px 2px rgba(192, 192, 192, 0.65); | 519 box-shadow: 1px -2px 7px 2px rgba(192, 192, 192, 0.65); |
504 margin: 11px 0 11px 0; | 520 margin: 11px 0 11px 0; |
505 } | 521 } |
506 | 522 |
507 .inputview-handwriting-switcher { | 523 .inputview-handwriting-switcher { |
508 background: url('images/pencil.png'); | 524 background: url('images/pencil.png'); |
509 background-size: 19px 19px; | 525 background-size: 19px 19px; |
510 display: inline-block; | 526 display: inline-block; |
511 width: 19px; | 527 width: 19px; |
512 height: 19px; | 528 height: 19px; |
513 } | 529 } |
514 | 530 |
515 .inputview-handwriting-back { | 531 .inputview-handwriting-back { |
516 float: right; | 532 float: right; |
517 font-size: 18px; | |
518 color: #111111; | 533 color: #111111; |
519 text-align: center; | 534 text-align: center; |
520 } | 535 } |
521 | 536 |
522 .inputview-canvas { | 537 .inputview-canvas { |
523 cursor: url('images/pencil.png') 8 42, auto; | 538 cursor: url('images/pencil.png') 8 42, auto; |
524 } | 539 } |
525 | 540 |
526 #leftSideColumn { | 541 #leftSideColumn { |
527 position: absolute; | 542 position: absolute; |
528 left: 0; | 543 left: 0; |
529 } | 544 } |
530 | 545 |
531 #rightSideColumn { | 546 #rightSideColumn { |
532 position: absolute; | 547 position: absolute; |
533 right: 0; | 548 right: 0; |
534 } | 549 } |
535 .inputview-handwriting .inputview-ch { | 550 .inputview-handwriting .inputview-ch { |
536 bottom: 15px !important; | 551 bottom: 15px !important; |
537 } | 552 } |
538 .inputview-handwriting .inputview-sk { | 553 .inputview-handwriting .inputview-sk { |
539 background-color: #E9E9E9; | 554 background-color: #E9E9E9; |
540 margin: 0 0 10 0; | 555 margin: 0 0 10 0; |
541 font-size: 20px; | |
542 } | 556 } |
543 | 557 |
544 .inputview-handwriting .inputview-element-highlight { | 558 .inputview-handwriting .inputview-element-highlight { |
545 background-color: #cccccc; | 559 background-color: #cccccc; |
546 } | 560 } |
547 | 561 |
548 .inputview-handwriting .inputview-special-key-bg { | 562 .inputview-handwriting .inputview-special-key-bg { |
549 background-color: #E9E9E9; | 563 background-color: #E9E9E9; |
550 } | 564 } |
551 | 565 |
552 .inputview-handwriting .inputview-special-key-highlight { | 566 .inputview-handwriting .inputview-special-key-highlight { |
553 background-color: #cccccc; | 567 background-color: #cccccc; |
554 } | 568 } |
555 | 569 |
556 .inputview-handwriting #candidateView { | 570 .inputview-handwriting #candidateView { |
557 background-color: #ffffff; | 571 background-color: #ffffff; |
558 border-bottom: 1px #cfcfcf solid; | 572 border-bottom: 1px #cfcfcf solid; |
559 } | 573 } |
560 | 574 |
561 .inputview-handwriting-network-error { | 575 .inputview-handwriting-network-error { |
562 background: no-repeat url('images/error.png'); | 576 background: no-repeat url('images/error.png'); |
563 font-size: 16; | |
564 padding: 0 0 0 50px; | 577 padding: 0 0 0 50px; |
565 position: absolute; | 578 position: absolute; |
566 width: 300px; | 579 width: 600px; |
567 height: 100px; | 580 height: 100px; |
568 } | 581 } |
569 | 582 |
570 .inputview-handwriting-privacy-cover { | 583 .inputview-handwriting-privacy-cover { |
571 position: relative; | 584 position: relative; |
572 bottom: 0; | 585 bottom: 0; |
573 left: 0; | 586 left: 0; |
574 background-color: white; | 587 background-color: white; |
575 opacity: 0.5; | 588 opacity: 0.5; |
576 z-index: 1; | 589 z-index: 1; |
577 } | 590 } |
578 | 591 |
579 .inputview-handwriting-privacy-info { | 592 .inputview-handwriting-privacy-info { |
580 position: absolute; | 593 position: absolute; |
581 width: 300px; | 594 width: 600px; |
582 height: 100px; | 595 height: 100px; |
583 z-index: 2; | 596 z-index: 2; |
584 } | 597 } |
585 | 598 |
586 .inputview-handwriting-privacy-info-hidden { | 599 .inputview-handwriting-privacy-info-hidden { |
587 visibility: hidden; | 600 visibility: hidden; |
588 opacity: 0; | 601 opacity: 0; |
589 transition: all 2s ease; | 602 transition: all 2s ease; |
590 } | 603 } |
591 | 604 |
592 .inputview-handwriting-privacy-info .inputview-sk { | 605 .inputview-handwriting-privacy-info .inputview-sk { |
593 margin-top: 10px; | 606 margin-top: 10px; |
594 } | 607 } |
595 | 608 |
596 .inputview-handwriting-privacy-info .inputview-special-key-name { | |
597 font-size: 16px; | |
598 } | |
599 | |
600 .inputview-jp-ime-switch { | 609 .inputview-jp-ime-switch { |
601 text-align: left; | 610 text-align: left; |
602 font-size: 12px; | 611 font-size: 12px; |
603 display: inline-block; | 612 display: inline-block; |
604 } | 613 } |
605 | 614 |
606 .inputview-switcher-chinese { | 615 .inputview-switcher-chinese { |
607 display: inline-block; | 616 display: inline-block; |
608 background: url('images/english.png') no-repeat center; | 617 background: url('images/english.png') no-repeat center; |
609 background-size: 50px 20px; | 618 background-size: 50px 20px; |
(...skipping 14 matching lines...) Expand all Loading... |
624 height: 16px; | 633 height: 16px; |
625 width: 40px; | 634 width: 40px; |
626 } | 635 } |
627 .inputview-pinyin .inputview-en-switcher-english { | 636 .inputview-pinyin .inputview-en-switcher-english { |
628 display: inline-block; | 637 display: inline-block; |
629 background: url('images/english_small.png') no-repeat center; | 638 background: url('images/english_small.png') no-repeat center; |
630 background-size: 40px 16px; | 639 background-size: 40px 16px; |
631 height: 16px; | 640 height: 16px; |
632 width: 40px; | 641 width: 40px; |
633 } | 642 } |
OLD | NEW |