third_party/google_input_tools/src/chrome/os/inputview/common.css

   1 .inputview-layoutview {
   2   position: relative;
   3   -webkit-user-select: none;
   4 }
   5 .inputview-canvasview,
   6 .inputview-skv {
   7   display: inline-block;
   8   overflow: hidden;
   9 }
  10 .inputview-sk {
  11   margin: 3px 4px 4px 3px;
  12   position: relative;
  13   background-color: #ffffff;
  14 }
  15 .inputview-a11y .inputview-sk {
  16   margin: 2px 3px 3px 2px;
  17 }
  18 #us-compact-symbol .inputview-sk,
  19 #us-compact-more .inputview-sk,
  20 #us-compact-qwerty .inputview-sk {
  21   margin: 5px;
  22 }
  23 #us-compact-qwerty #Globe {
  24   margin: 5px 0 5px 0;
  25 }
  26 .inputview-character {
  27   position: absolute;
  28   text-align: center;
  29   color: #999999;
  30   font-size: 16px;
  31   display: inline-block;
  32 }
  33 .inputview-a11y .inputview-character {
  34   font-size: 13px;
  35 }
  36 .inputview-ch {
  37   color: #111111;
  38   font-size: 23px;
  39 }
  40 .inputview-digit-character.inputview-ch {
  41   font-size: 20px;
  42 }
  43 .inputview-font-small.inputview-special-key-name,
  44 .inputview-font-small.inputview-compact-key,
  45 .inputview-a11y .inputview-digit-character.inputview-ch {
  46   font-size: 17px;
  47 }
  48 .inputview-a11y .inputview-ch {
  49   font-size: 21px;
  50 }
  51 .inputview-vertical {
  52   display: inline-block;
  53   overflow: hidden;
  54 }
  55 .inputview-linear {
  56   display: inline-block;
  57 }
  58 .inputview-extended-transition {
  59   transition: margin-left 0.2s;
  60 }
  61 .inputview-linear-border {
  62   display:inline-block;
  63   border-bottom-width: 1px;
  64   border-bottom-style: solid;
  65   border-bottom-color: #dddddd;
  66 }
  67 .inputview-container {
  68   position: fixed;
  69   bottom: 0;
  70   left: 0;
  71   -webkit-box-shadow: -5px 0 5px #ccc;
  72   border: 1px solid #eeeeee;
  73   background-color: #EBEBEB;
  74   -webkit-user-select: none;
  75   cursor: default;
  76 }
  77 .inputview-font {
  78   font-family: Roboto2, Roboto, Noto Sans, Sans-Serif;
  79 }
  80 .inputview-font[lang=am] {
  81   font-family: Roboto2, Roboto, Noto Sans Armenian, Sans-Serif;
  82 }
  83 .inputview-font[lang=il] {
  84   font-family: Roboto2, Roboto, Noto Sans Hebrew, Sans-Serif;
  85 }
  86 .inputview-font[lang=jp] {
  87   font-family: Roboto2, Roboto, MotoyaG04Gothic, IPAGothic, Sans-Serif;
  88 }
  89 .inputview-font[lang=ar] {
  90   font-family: Roboto2, Roboto, Noto Arabic Naskh ui, Sans-Serif;
  91 }
  92 .inputview-font[lang=bn] {
  93   font-family: Roboto2, Roboto, Noto Sans Bengali, Sans-Serif;
  94 }
  95 .inputview-font[lang=ethi] {
  96   font-family: Roboto2, Roboto, Noto Sans Ethiopic, Sans-Serif;
  97 }
  98 .inputview-font[lang=fa] {
  99   font-family: Roboto2, Roboto, Noto Arabic Naskh ui, Sans-Serif;
 100 }
 101 .inputview-font[lang=gu] {
 102   font-family: Roboto2, Roboto, Noto Sans Gujarati, Lohit Gujarati, Sans-Serif;
 103 }
 104 .inputview-font[lang=kn] {
 105   font-family: Roboto2, Roboto, Noto Sans Kannada, Lohit Kannada, Sans-Serif;
 106 }
 107 .inputview-font[lang=ml] {
 108   font-family: Roboto2, Roboto, Noto Sans Malayalam, Lohit Malayalam, Sans-Serif;
 109 }
 110 .inputview-font[lang=ta] {
 111   font-family: Roboto2, Roboto, Noto Sans Tamil, Lohit Tamil, Sans-Serif;
 112 }
 113 .inputview-font[lang=te] {
 114   font-family: Roboto2, Roboto, Noto Sans Telugu, Lohit Telugu, Sans-Serif;
 115 }
 116 .inputview-font[lang=th] {
 117   font-family: Roboto2, Roboto, Noto Sans Thai, Sans-Serif;
 118 }
 119 .inputview-font[lang=zh-CN] {
 120   font-family: Roboto2, Roboto, MYingHeiGB18030, Droid Sans Fallback, Sans-Serif;
 121 }
 122 .inputview-font[lang=zh-TW],
 123 .inputview-font[lang=zh-HK] {
 124   font-family: Roboto2, Roboto, MYingHeiB5HK, Droid Sans Fallback, Sans-Serif;
 125 }
 126 .inputview-font[lang=kr] {
 127   font-family: Roboto2, Roboto, NanumGothic, Sans-Serif;
 128 }
 129 .inputview-emoji-font {
 130   font-family: Noto Color Emoji, Noto Sans Emoji, Droid Emoji;
 131 }
 132 .inputview-emoticon {
 133   font-family: Noto Sans Emoji, Droid Emoji;
 134 }
 135 .inputview-modifier {
 136   display: table-cell;
 137   vertical-align: middle;
 138   font-size: 16px;
 139   text-align: center;
 140   position: relative;
 141 }
 142 .inputview-a11y .inputview-modifier {
 143   font-size: 10px;
 144 }
 145 .inputview-menu-list-indicator {
 146   background-position: center;
 147   background-repeat: no-repeat;
 148   background-size: 25px;
 149   width: 25%;
 150 }
 151 .inputview-checked-menu-list .inputview-menu-list-name {
 152   background-image: url('images/check.png');
 153   background-position: right 25px center;
 154   background-repeat: no-repeat;
 155   box-sizing: border-box;
 156   font-weight: bold;
 157   padding-right: 50px;
 158 }
 159 .inputview-menu-list-name {
 160   height: 100%;
 161   width: 75%;
 162   overflow: hidden;
 163 }
 164 .inputview-menu-list-indicator-name {
 165   font-weight: bold;
 166   height: 100%;
 167   text-align: center;
 168 }
 169 .inputview-menu-list-indicator-name,
 170 .inputview-menu-list-name div {
 171   line-height: 3;
 172 }
 173 .inputview-ime-list-container {
 174   -webkit-box-orient: vertical;
 175   display: -webkit-box;
 176   width: 100%;
 177   overflow-y: auto;
 178   overflow-x: hidden;
 179 }
 180 .inputview-ime-list-container .inputview-menu-list-item {
 181   border-bottom: solid 1px #cccccc;
 182   box-sizing: border-box;
 183 }
 184 .inputview-menu-list-item {
 185   -webkit-box-orient: horizontal;
 186   display: -webkit-box;
 187   font-size: 16px;
 188   width: 100%;
 189 }
 190 .inputview-menu-footer-item {
 191   position: relative;
 192 }
 193 .inputview-menu-footer-item:not(:last-child):after {
 194   background-color: #cccccc;
 195   content: '';
 196   height: 70%;
 197   position: absolute;
 198   right: 0;
 199   top: 15%;
 200   width: 1px;
 201 }
 202 .inputview-menu-footer-emoji-button {
 203   background: url('images/emoji.png') no-repeat center;
 204   background-size: 25px;
 205   height: 100%;
 206 }
 207 .inputview-menu-footer-handwriting-button {
 208   background: url('images/pencil.png') no-repeat center;
 209   background-size: 25px;
 210   height: 100%;
 211 }
 212 .inputview-menu-footer-setting-button {
 213   background: url('images/setting.png') no-repeat center;
 214   background-size: 25px;
 215   height: 100%;
 216 }
 217 .inputview-menu-footer {
 218   -webkit-box-orient: horizontal;
 219   background: #f5f5f5;
 220   display: -webkit-box;
 221 }
 222 .inputview-gesture-canvas-view {
 223   /* Overlap */
 224   position: absolute;
 225   left: 0;
 226   top: 0;
 227   width: 100%;
 228   height: 100%;
 229   z-index: 1;
 230   pointer-events: none;
 231 }
 232 .inputview-globe-icon {
 233   background: transparent url('images/globe.png') 0 0 / 21px 21px no-repeat;
 234   display: inline-block;
 235   width: 21px;
 236   height: 21px;
 237 }
 238 .inputview-swipe-view,
 239 .inputview-menu-view,
 240 .inputview-altdata-view {
 241   position: fixed;
 242   z-index: 999;
 243   border: 1px solid #ccc;
 244   background-color: white;
 245   -webkit-box-shadow: 0 0 6px rgba(204, 204, 204, 0.65),
 246                       0 0 2px rgba(136, 136, 136, 0.65),
 247                       0 0 6px rgba(204, 204, 204, 0.65),
 248                       0 0 6px rgba(204, 204, 204, 0.65);
 249   cursor: default;
 250 }
 251 .inputview-swipe-separator {
 252   background-color: #ebebeb;
 253   position: relative;
 254   display: inline-block;
 255 }
 256 .inputview-altdata-separator {
 257   height: 20px;
 258   border-left: 1px solid #ddd;
 259   position: relative;
 260   display: inline-block;
 261 }
 262 .inputview-swipe-key {
 263   background-color: #dddddd;
 264   display: table-cell;
 265   font-size: 23px;
 266   color: black;
 267   vertical-align: middle;
 268   position: relative;
 269   text-align: center;
 270 }
 271 .inputview-altdata-key {
 272   display: table-cell;
 273   font-size: 23px;
 274   color: #111111;
 275   vertical-align: middle;
 276   text-align: center;
 277 }
 278 .inputview-a11y .inputview-altdata-key {
 279   font-size: 18px;
 280 }
 281 .inputview-candidate.inputview-candidate-default {
 282   color: #111111;
 283 }
 284 .inputview-candidate.inputview-candidate-autocorrect {
 285   font-weight: bold;
 286   color: #111111;
 287 }
 288 .inputview-candidate-view {
 289   display: table-cell;
 290   overflow: hidden;
 291   position: relative;
 292 }
 293 .inputview-toolbar-button {
 294   float: right;
 295 }
 296 .inputview-candidate-button {
 297   position: absolute;
 298   right: 0;
 299   top: 0;
 300 }
 301 .inputview-toolbar-button.float-left {
 302   float: left;
 303 }
 304 .inputview-candidate {
 305   display: table-cell;
 306   font-size: 18px;
 307   color: #555555;
 308   vertical-align: middle;
 309   text-align: center;
 310   text-overflow: ellipsis;
 311 }
 312 .inputview-a11y .inputview-candidate {
 313   font-size: 12px;
 314 }
 315 .inputview-toolbar-separator,
 316 .inputview-candidate-separator {
 317   border-left: 1px solid #ddd;
 318   position: relative;
 319   display: inline-block;
 320 }
 321 .inputview-table-cell {
 322   display: table-cell;
 323   vertical-align: middle;
 324   text-align: center;
 325 }
 326 .inputview-title {
 327   font-size: 16px;
 328   color: #AAAAAA;
 329 }
 330 .inputview-special-key-name {
 331   display: block;
 332 }
 333 .inputview-modifier-state-icon {
 334   background-image: url('images/modifier-off.png');
 335   background-repeat: no-repeat;
 336   background-size: 16px 4px;
 337   display: inline-block;
 338   width: 16px;
 339   height: 4px;
 340 }
 341 .inputview-modifier-state-icon.inputview-modifier-on {
 342   background: url('images/modifier-on.png');
 343 }
 344 .inputview-modifier-state-icon.inputview-hold {
 345   -webkit-box-shadow: 0 0 5px 1px #397FFB;
 346   opacity: 0.9;
 347 }
 348 .inputview-track-cover,
 349 .inputview-altdata-cover {
 350   position: fixed;
 351   bottom: 0;
 352   left: 0;
 353   background-color: white;
 354   opacity: 0.5;
 355   z-index: 1;
 356 }
 357 .inputview-track-cover {
 358   z-index: 998;
 359 }
 360 .inputview-arrow-key {
 361   display: inline-block;
 362   height: 13.5px;
 363 }
 364 .inputview-up-key {
 365   background-image: transparent url('images/up.png') 0 0/16px 13.5px no-repeat;
 366   width: 16px;
 367 }
 368 .inputview-down-key {
 369   background: transparent url('images/down.png') 0 0/16px 13.5px no-repeat;
 370   width: 16px;
 371 }
 372 .inputview-drawing-canvas {
 373   pointer-events: none;
 374 }
 375 .inputview-left-key {
 376   background: transparent url('images/left.png') 0 0/9px 13.5px no-repeat;
 377   width: 9px;
 378 }
 379 .inputview-right-key {
 380   background: transparent url('images/right.png') 0 0/9px 13.5px no-repeat;
 381   width: 9px;
 382 }
 383 .inputview-special-key-bg {
 384   background-color: #DDDDDD;
 385 }
 386 .inputview-page-up-icon {
 387   background: transparent url('images/page_up.png') 0 0 no-repeat;
 388   background-size: 10.5px 5.5px;
 389   width: 10.5px;
 390   height: 5.5px;
 391   display: inline-block;
 392 }
 393 .inputview-page-down-icon {
 394   background: transparent url('images/page_down.png') 0 0 no-repeat;
 395   background-size: 10.5px 5.5px;
 396   width: 10.5px;
 397   height: 5.5px;
 398   display: inline-block;
 399 }
 400 .inputview-menu-icon {
 401   background: transparent url('images/menu.png') 0 0/4px 17px no-repeat;
 402   display: inline-block;
 403   width: 4px;
 404   height: 17px;
 405 }
 406 .inputview-hide-keyboard-icon {
 407   background: transparent url('images/hide.png') 0 0/20px 14.5px no-repeat;
 408   display: inline-block;
 409   width: 20px;
 410   height: 14.5px;
 411 }
 412 .inputview-candidate.inputview-candidate-highlight,
 413 .inputview-toolbar-button.inputview-candidate-highlight,
 414 .inputview-element-highlight {
 415   background-color: #dddddd;
 416 }
 417 .inputview-menu-footer-item.inputview-element-highlight,
 418 .inputview-view .inputview-special-key-highlight,
 419 .inputview-view .inputview-special-key-bg.inputview-special-key-highlight {
 420   background-color: #cccccc;
 421 }
 422 .inputview-swipe-separator.inputview-element-highlight,
 423 .inputview-swipe-key.inputview-element-highlight {
 424   background-color: #bbbbbb;
 425 }
 426 .inputview-backspace-icon {
 427   background: transparent url('images/backspace.png');
 428   background-size: 22.5px 13px;
 429   display: inline-block;
 430   width: 22.5px;
 431   height: 13px;
 432 }
 433 .inputview-enter-icon {
 434   background: transparent url('images/enter.png');
 435   background-size: 18px 13px;
 436   display: inline-block;
 437   width: 18px;
 438   height: 13px;
 439   transition: '-webkit-filter 1s ease'
 440 }
 441
 442 .inputview-space-icon {
 443   background: transparent url('images/space.png');
 444   background-size: 22.5px 8px;
 445   display: inline-block;
 446   width: 22.5px;
 447   height: 8px;
 448 }
 449
 450 .inputview-shift-icon {
 451   background: transparent url('images/shift.png');
 452   background-size: 18.5px 13px;
 453   display: inline-block;
 454   width: 18.5px;
 455   height: 13px;
 456 }
 457 .inputview-tab-icon {
 458   background: transparent url('images/tab.png');
 459   background-size: 19px 18.5px;
 460   display: inline-block;
 461   width: 19px;
 462   height: 18.5px;
 463 }
 464 .inputview-capslock-dot {
 465   background-color: #ccc;
 466   width: 4px;
 467   height: 4px;
 468   position: absolute;
 469   top: 8px;
 470   right: 8px;
 471 }
 472 .inputview-capslock-dot-highlight {
 473   background-color: #4285f4;
 474 }
 475 .inputview-hint-text {
 476   font-size: 16px;
 477   color: #999999;
 478 }
 479 .inputview-inline-div {
 480   display: inline-block;
 481 }
 482 .inputview-compact-key {
 483   font-size: 28px;
 484   color: #111111;
 485 }
 486 .inputview-compact-switcher {
 487   background: transparent url('images/compact.png');
 488   background-size: 19px 14px;
 489   display: inline-block;
 490   width: 19px;
 491   height: 14px;
 492 }
 493 .inputview-regular-switcher {
 494   background: transparent url('images/regular_size.png');
 495   background-size: 19px 14px;
 496   display: inline-block;
 497   width: 19px;
 498   height: 14px;
 499 }
 500
 501 #Space {
 502   color: #bbbbbb;
 503   font-size: 18px;
 504 }
 505 #Menu {
 506   font-weight: bold;
 507   margin-left: 0 !important;
 508 }
 509 .inputview-a11y #Globe {
 510   margin: 2px 0 3px 0;
 511 }
 512 #Globe {
 513   margin: 3px 0 4px 0;
 514 }
 515 #Globe:after {
 516   background-color: #cccccc;
 517   content: '';
 518   height: 50%;
 519   position: absolute;
 520   right: 0;
 521   top: 25%;
 522   width: 1px;
 523 }
 524 .inputview-candidates-line {
 525   border-bottom: 1px #cfcfcf solid;
 526 }
 527 .inputview-candidates-top-line {
 528   border-top: 1px #cfcfcf solid;
 529 }
 530 .inputview-three-candidates {
 531   text-align: center;
 532   vertical-align: middle;
 533 }
 534 .inputview-candidate-ic {
 535   display: inline-block;
 536 }
 537
 538 .inputview-shrink-candidates-icon {
 539   background: transparent url('images/hide_candidates.png') 0 0/17px 16.5px no-repeat;
 540   height: 17px;
 541   width: 16.5px;
 542 }
 543
 544 .inputview-expand-candidates-icon {
 545   background: transparent url('images/show_candidates.png') 0 0/17px 16.5px no-repeat;
 546   height: 17px;
 547   width: 16.5px;
 548 }
 549
 550 .inputview-copy-icon {
 551   background: transparent url('images/copy.png') 0 0/17px 16.5px no-repeat;
 552   height: 17px;
 553   width: 16.5px;
 554 }
 555
 556 .inputview-cut-icon {
 557   background: transparent url('images/cut.png') 0 0/17px 16.5px no-repeat;
 558   height: 17px;
 559   width: 16.5px;
 560 }
 561
 562 .inputview-paste-icon {
 563   background: transparent url('images/paste.png') 0 0/17px 16.5px no-repeat;
 564   height: 17px;
 565   width: 16.5px;
 566 }
 567
 568 .inputview-bold-icon {
 569   background: transparent url('images/bold.png') 0 0/17px 16.5px no-repeat;
 570   height: 17px;
 571   width: 16.5px;
 572 }
 573
 574 .inputview-italics-icon {
 575   background: transparent url('images/italic.png') 0 0/17px 16.5px no-repeat;
 576   height: 17px;
 577   width: 16.5px;
 578 }
 579
 580 .inputview-underline-icon {
 581   background: transparent url('images/underline.png') 0 0/17px 16.5px no-repeat;
 582   height: 17px;
 583   width: 16.5px;
 584 }
 585
 586 .inputview-select-all-icon {
 587   background: transparent url('images/select_all.png') 0 0/17px 16.5px no-repeat;
 588   height: 17px;
 589   width: 16.5px;
 590 }
 591
 592 .inputview-redo-icon {
 593   background: transparent url('images/redo.png') 0 0/17px 16.5px no-repeat;
 594   height: 17px;
 595   width: 16.5px;
 596 }
 597
 598 .inputview-undo-icon {
 599   background: transparent url('images/undo.png') 0 0/17px 16.5px no-repeat;
 600   height: 17px;
 601   width: 16.5px;
 602 }
 603
 604 /**
 605  * The following css style is for handwriting panel,
 606  * please keep it in the end of the file
 607  */
 608
 609 .inputview-handwriting {
 610   font-size: 16px;
 611 }
 612
 613 .inputview-a11y.inputview-handwriting .inputview-modifier {
 614   font-size: 16px;
 615 }
 616
 617 .inputview-handwriting .inputview-wrapper{
 618   background-color: #ffffff;
 619   box-shadow: 1px -2px 7px 2px rgba(192, 192, 192, 0.65);
 620   margin: 11px 0 11px 0;
 621 }
 622
 623 .inputview-handwriting-switcher {
 624   background: url('images/pencil.png');
 625   background-size: 19px 19px;
 626   display: inline-block;
 627   width: 19px;
 628   height: 19px;
 629 }
 630
 631 .inputview-handwriting-back {
 632   float: right;
 633   color: #111111;
 634   text-align: center;
 635 }
 636
 637 .inputview-canvas {
 638   cursor: url('images/pencil.png') 8 42, auto;
 639 }
 640 .inputview-handwriting .inputview-ch {
 641   bottom: 15px !important;
 642 }
 643 .inputview-handwriting .inputview-sk {
 644   background-color: #E9E9E9;
 645   margin: 0 0 10 0;
 646 }
 647
 648 .inputview-handwriting .inputview-element-highlight {
 649   background-color: #cccccc;
 650 }
 651
 652 .inputview-handwriting .inputview-special-key-bg {
 653   background-color: #E9E9E9;
 654 }
 655
 656 .inputview-handwriting #candidateView {
 657   background-color: #ffffff;
 658   border-bottom: 1px #cfcfcf solid;
 659 }
 660
 661 .inputview-handwriting-network-error {
 662   background: no-repeat url('images/error.png');
 663   padding: 0 0 0 50px;
 664   position: absolute;
 665 }
 666
 667 .inputview-handwriting-privacy-cover {
 668   position: relative;
 669   bottom: 0;
 670   left: 0;
 671   opacity: 0.5;
 672   z-index: 1;
 673 }
 674
 675 .inputview-handwriting-privacy-info {
 676   position: absolute;
 677   z-index: 2;
 678 }
 679
 680
 681 .inputview-handwriting-got-it {
 682   color: #3974df;
 683   margin-left: 10px;
 684 }
 685
 686 .inputview-handwriting-privacy-info-hidden {
 687   visibility: hidden;
 688   opacity: 0;
 689   transition: all 2s ease;
 690 }
 691
 692 .inputview-jp-ime-switch {
 693   text-align: left;
 694   font-size: 12px;
 695   display: inline-block;
 696 }
 697
 698 .inputview-switcher-chinese {
 699   display: inline-block;
 700   background: url('images/english.png') no-repeat center;
 701   background-size: 50px 20px;
 702   height: 20px;
 703   width: 50px;
 704 }
 705 .inputview-switcher-english {
 706   display: inline-block;
 707   background: url('images/chinese.png') no-repeat center;
 708   background-size: 50px 20px;
 709   height: 20px;
 710   width: 50px;
 711 }
 712 .inputview-pinyin .inputview-en-switcher-default {
 713   display: inline-block;
 714   background: url('images/chinese_small.png') no-repeat center;
 715   background-size: 40px 16px;
 716   height: 16px;
 717   width: 40px;
 718 }
 719 .inputview-pinyin .inputview-en-switcher-english {
 720   display: inline-block;
 721   background: url('images/english_small.png') no-repeat center;
 722   background-size: 40px 16px;
 723   height: 16px;
 724   width: 40px;
 725 }
 726 .inputview-select-knob-left,
 727 .inputview-select-knob-right {
 728   position: absolute;
 729   top: 0;
 730   margin: 0;
 731   padding: 0;
 732   z-index: 100;
 733 }
 734 .inputview-select-knob-left {
 735   left: 0px;
 736 }
 737 .inputview-select-knob-right {
 738
 739 }
 740 /* Anchor to the center of the column */
 741 .inputview-select-knob-right > div,
 742 .inputview-select-knob-left > div {
 743   width: 100%;
 744   position: relative;
 745   height: 1px;
 746   top: 50%;
 747   left: 0;
 748 }
 749 /* Semi-circular knob */
 750 .inputview-select-knob-left > div > div,
 751 .inputview-select-knob-right > div > div {
 752   width : 100%;
 753   height: 50px;
 754   background-color: #dddddd;
 755   -webkit-transform: translateY(-25px);
 756   line-height: 50px;
 757   color: white;
 758   text-align: center;
 759   font-size: medium;
 760   font-weight: bolder;
 761 }
 762 .inputview-select-knob-left > div > div {
 763   -webkit-border-radius: 0 30px 30px 0;
 764 }
 765 .inputview-select-knob-right > div > div {
 766   -webkit-border-radius: 30px 0 0 30px;
 767 }
 768
 769 .inputview-candidate-internal-wrapper {
 770   text-overflow: ellipsis;
 771   overflow-x: hidden;
 772   white-space: nowrap;
 773   display: inline-block;
 774 }
 775 .inputview-three-candidates .inputview-candidate {
 776   padding: 6px;
 777 }