Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(779)

Side by Side Diff: third_party/google_input_tools/src/chrome/os/inputview/common.css

Issue 1576613002: Update Google Input Tools. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Add missing APIs, remove bade dependencies. Created 4 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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 .inputview-view { 5 .inputview-view {
6 border-left: 1px solid rgba(55, 71, 79, 0.1); 6 border-left: 1px solid rgba(55, 71, 79, 0.1);
7 border-right: 1px solid rgba(55, 71, 79, 0.1); 7 border-right: 1px solid rgba(55, 71, 79, 0.1);
8 border-top: 1px solid rgba(255, 255, 255, 0.6); 8 border-top: 1px solid rgba(255, 255, 255, 0.6);
9 } 9 }
10 .inputview-space-wrapper { 10 .inputview-space-wrapper {
(...skipping 20 matching lines...) Expand all
31 position: relative; 31 position: relative;
32 } 32 }
33 .inputview-a11y .inputview-sk { 33 .inputview-a11y .inputview-sk {
34 margin: 2px 3px 3px 2px; 34 margin: 2px 3px 3px 2px;
35 } 35 }
36 #us-compact-symbol .inputview-sk, 36 #us-compact-symbol .inputview-sk,
37 #us-compact-more .inputview-sk, 37 #us-compact-more .inputview-sk,
38 #us-compact-qwerty .inputview-sk { 38 #us-compact-qwerty .inputview-sk {
39 margin: 8px; 39 margin: 8px;
40 } 40 }
41 .inputview-small-keyboard .inputview-sk,
42 .inputview-small-keyboard #us-compact-symbol .inputview-sk,
43 .inputview-small-keyboard #us-compact-more .inputview-sk,
44 .inputview-small-keyboard #us-compact-qwerty .inputview-sk {
45 margin: 1px;
46 }
47 #us-compact-qwerty #Globe { 41 #us-compact-qwerty #Globe {
48 margin: 5px 0 5px 0; 42 margin: 5px 0 5px 0;
49 } 43 }
50 .inputview-character { 44 .inputview-character {
51 position: absolute; 45 position: absolute;
52 text-align: center; 46 text-align: center;
53 color: rgba(55, 71, 89, 0.6); 47 color: rgba(55, 71, 89, 0.6);
54 font-size: 12px; 48 font-size: 12px;
55 display: inline-block; 49 display: inline-block;
56 } 50 }
57 .inputview-a11y .inputview-character { 51 .inputview-a11y .inputview-character {
58 font-size: 10px; 52 font-size: 10px;
59 } 53 }
60 .inputview-ch { 54 .inputview-ch {
61 color: #37474f; 55 color: #37474f;
62 font-size: 23px; 56 font-size: 23px;
63 } 57 }
64 .inputview-digit-character.inputview-ch { 58 .inputview-digit-character.inputview-ch {
65 font-size: 20px; 59 font-size: 20px;
66 } 60 }
67 .inputview-font-small.inputview-special-key-name, 61 .inputview-font-small.inputview-special-key-name,
68 .inputview-font-small.inputview-compact-key, 62 .inputview-font-small.inputview-compact-key,
69 .inputview-a11y .inputview-digit-character.inputview-ch { 63 .inputview-a11y .inputview-digit-character.inputview-ch {
70 font-size: 17px; 64 font-size: 17px;
71 } 65 }
72 .inputview-small-keyboard .inputview-font-small.inputview-special-key-name,
73 .inputview-small-keyboard .inputview-font-small.inputview-compact-key,
74 .inputview-small-keyboard .inputview-a11y .inputview-digit-character.inputview-c h {
75 font-size: 12px;
76 }
77 .inputview-a11y .inputview-ch { 66 .inputview-a11y .inputview-ch {
78 font-size: 17px; 67 font-size: 17px;
79 } 68 }
80 .inputview-vertical { 69 .inputview-vertical {
81 display: inline-block; 70 display: inline-block;
82 overflow: hidden; 71 overflow: hidden;
83 } 72 }
84 .inputview-linear { 73 .inputview-linear {
85 display: inline-block; 74 display: inline-block;
86 } 75 }
(...skipping 55 matching lines...) Expand 10 before | Expand all | Expand 10 after
142 font-family: Roboto2, Roboto, MYingHeiGB18030, Droid Sans Fallback, Sans-Serif ; 131 font-family: Roboto2, Roboto, MYingHeiGB18030, Droid Sans Fallback, Sans-Serif ;
143 } 132 }
144 .inputview-font[lang=zh-TW], 133 .inputview-font[lang=zh-TW],
145 .inputview-font[lang=zh-HK] { 134 .inputview-font[lang=zh-HK] {
146 font-family: Roboto2, Roboto, MYingHeiB5HK, Droid Sans Fallback, Sans-Serif; 135 font-family: Roboto2, Roboto, MYingHeiB5HK, Droid Sans Fallback, Sans-Serif;
147 } 136 }
148 .inputview-font[lang=kr] { 137 .inputview-font[lang=kr] {
149 font-family: Roboto2, Roboto, NanumGothic, Sans-Serif; 138 font-family: Roboto2, Roboto, NanumGothic, Sans-Serif;
150 } 139 }
151 .inputview-emoji-font { 140 .inputview-emoji-font {
152 font-family: Noto Color Emoji, Noto Sans Emoji, Droid Emoji; 141 font-family: Noto Color Emoji, Noto Emoji, Droid Emoji;
153 } 142 }
154 .inputview-emoticon { 143 .inputview-emoticon {
155 font-family: Noto Sans Emoji, Droid Emoji; 144 font-family: Noto Color Emoji, Noto Emoji, Droid Emoji;
156 } 145 }
157 .inputview-modifier { 146 .inputview-modifier {
158 display: table-cell; 147 display: table-cell;
159 vertical-align: middle; 148 vertical-align: middle;
160 color: rgba(55, 71, 89, 0.8); 149 color: rgba(55, 71, 89, 0.8);
161 font-size: 16px; 150 font-size: 16px;
162 text-align: center; 151 text-align: center;
163 position: relative; 152 position: relative;
164 } 153 }
165 .inputview-a11y .inputview-modifier { 154 .inputview-a11y .inputview-modifier {
(...skipping 71 matching lines...) Expand 10 before | Expand all | Expand 10 after
237 .inputview-menu-footer-handwriting-button { 226 .inputview-menu-footer-handwriting-button {
238 background: url('images/handwriting_access.png') no-repeat center; 227 background: url('images/handwriting_access.png') no-repeat center;
239 background-size: 18px; 228 background-size: 18px;
240 height: 100%; 229 height: 100%;
241 } 230 }
242 .inputview-menu-footer-setting-button { 231 .inputview-menu-footer-setting-button {
243 background: url('images/setting.png') no-repeat center; 232 background: url('images/setting.png') no-repeat center;
244 background-size: 18px; 233 background-size: 18px;
245 height: 100%; 234 height: 100%;
246 } 235 }
247 .inputview-menu-footer-floating-button {
248 /* TODO: replace floating.png with a proper image. */
249 background: url('images/floating.png') no-repeat center;
250 background-size: 18px;
251 height: 100%;
252 }
253 .inputview-menu-footer-docking-button {
254 /* TODO: replace docking.png with a proper image. */
255 background: url('images/docking.png') no-repeat center;
256 background-size: 18px;
257 height: 100%;
258 }
259 .inputview-menu-footer { 236 .inputview-menu-footer {
260 -webkit-box-orient: horizontal; 237 -webkit-box-orient: horizontal;
261 background: rgba(55, 71, 89, .08); 238 background: rgba(55, 71, 89, .08);
262 display: -webkit-box; 239 display: -webkit-box;
263 } 240 }
264 .inputview-gesture-canvas-view { 241 .inputview-gesture-canvas-view {
265 /* Overlap */ 242 /* Overlap */
266 position: absolute; 243 position: absolute;
267 left: 0; 244 left: 0;
268 top: 0; 245 top: 0;
(...skipping 10 matching lines...) Expand all
279 } 256 }
280 .inputview-gesture-ripple { 257 .inputview-gesture-ripple {
281 background: white; 258 background: white;
282 border-radius: 50%; 259 border-radius: 50%;
283 width: 44px; 260 width: 44px;
284 height: 44px; 261 height: 44px;
285 opacity: 0; 262 opacity: 0;
286 position: fixed; 263 position: fixed;
287 z-index: 998; 264 z-index: 998;
288 } 265 }
289 .inputview-small-keyboard .inputview-globe-icon {
290 background-size: 10px 10px;
291 height: 10px;
292 width: 10px;
293 }
294 .inputview-globe-icon { 266 .inputview-globe-icon {
295 background: transparent url('images/globe.png') 0 0 / 20px 20px no-repeat; 267 background: transparent url('images/globe.png') 0 0 / 20px 20px no-repeat;
296 display: inline-block; 268 display: inline-block;
297 width: 20px; 269 width: 20px;
298 height: 20px; 270 height: 20px;
299 } 271 }
300 .inputview-menu-view, 272 .inputview-menu-view,
301 .inputview-altdata-view { 273 .inputview-altdata-view {
302 -webkit-box-shadow: 0 0 6px rgba(204, 204, 204, 0.65), 274 -webkit-box-shadow: 0 0 6px rgba(204, 204, 204, 0.65),
303 0 0 2px rgba(136, 136, 136, 0.65), 275 0 0 2px rgba(136, 136, 136, 0.65),
(...skipping 14 matching lines...) Expand all
318 background-color: rgba(0, 0, 0, 0); 290 background-color: rgba(0, 0, 0, 0);
319 display: inline-flex; 291 display: inline-flex;
320 position: fixed; 292 position: fixed;
321 z-index: 999; 293 z-index: 999;
322 } 294 }
323 .inputview-swipe-separator { 295 .inputview-swipe-separator {
324 display: inline; 296 display: inline;
325 opacity: 0; 297 opacity: 0;
326 position: relative; 298 position: relative;
327 } 299 }
328 .inputview-small-keyboard .inputview-swipe-key {
329 font-size: 12px;
330 }
331 .inputview-swipe-key { 300 .inputview-swipe-key {
332 display: inline; 301 display: inline;
333 vertical-align: middle; 302 vertical-align: middle;
334 opacity: 0; 303 opacity: 0;
335 position: relative; 304 position: relative;
336 } 305 }
337 .inputview-altdata-key { 306 .inputview-altdata-key {
338 display: table-cell; 307 display: table-cell;
339 font-size: 23px; 308 font-size: 23px;
340 color: #111111; 309 color: #111111;
341 vertical-align: middle; 310 vertical-align: middle;
342 text-align: center; 311 text-align: center;
343 } 312 }
344 .inputview-small-keyboard .inputview-altdata-key {
345 font-size: 20px;
346 }
347 .inputview-a11y .inputview-altdata-key { 313 .inputview-a11y .inputview-altdata-key {
348 font-size: 18px; 314 font-size: 18px;
349 } 315 }
350 .inputview-candidate.inputview-candidate-default { 316 .inputview-candidate.inputview-candidate-default {
351 color: #111111; 317 color: #111111;
352 } 318 }
353 .inputview-candidate.inputview-candidate-autocorrect { 319 .inputview-candidate.inputview-candidate-autocorrect {
354 font-weight: bold; 320 font-weight: bold;
355 color: #111111; 321 color: #111111;
356 } 322 }
357 .inputview-candidate.inputview-candidate-number { 323 .inputview-candidate.inputview-candidate-number {
358 font-size: 25px; 324 font-size: 25px;
359 } 325 }
360 .inputview-small-keyboard .inputview-candidate.inputview-candidate-number {
361 font-size: 20px;
362 }
363 .inputview-candidate-view { 326 .inputview-candidate-view {
364 overflow: hidden; 327 overflow: hidden;
365 display: table-cell; 328 display: table-cell;
366 } 329 }
367 .inputview-candidate { 330 .inputview-candidate {
368 display: table-cell; 331 display: table-cell;
369 font-size: 18px; 332 font-size: 18px;
370 color: #555555; 333 color: #555555;
371 vertical-align: middle; 334 vertical-align: middle;
372 text-align: center; 335 text-align: center;
373 text-overflow: ellipsis; 336 text-overflow: ellipsis;
374 } 337 }
375 .inputview-a11y .inputview-candidate { 338 .inputview-a11y .inputview-candidate {
376 font-size: 12px; 339 font-size: 12px;
377 } 340 }
378 .inputview-toolbar-separator, 341 .inputview-toolbar-separator,
379 .inputview-candidate-separator { 342 .inputview-candidate-separator {
380 border-left: 1px solid #ddd; 343 border-left: 1px solid #ddd;
381 position: relative; 344 position: relative;
382 display: inline-block; 345 display: inline-block;
383 } 346 }
384 .inputview-table-cell { 347 .inputview-table-cell {
385 display: table-cell; 348 display: table-cell;
386 vertical-align: middle; 349 vertical-align: middle;
387 text-align: center; 350 text-align: center;
388 } 351 }
389 .inputview-small-keyboard .inputview-title {
390 font-size: 10px;
391 }
392 .inputview-title { 352 .inputview-title {
393 font-size: 16px; 353 font-size: 16px;
394 color: #AAAAAA; 354 color: #AAAAAA;
395 } 355 }
396 .inputview-special-key-name { 356 .inputview-special-key-name {
397 display: block; 357 display: block;
398 } 358 }
399 .inputview-modifier-state-icon { 359 .inputview-modifier-state-icon {
400 background-image: url('images/modifier-off.png'); 360 background-image: url('images/modifier-off.png');
401 background-repeat: no-repeat; 361 background-repeat: no-repeat;
(...skipping 20 matching lines...) Expand all
422 z-index: 1; 382 z-index: 1;
423 } 383 }
424 .inputview-track-cover { 384 .inputview-track-cover {
425 background-color: #eceff1; 385 background-color: #eceff1;
426 backface-visibility: hidden; 386 backface-visibility: hidden;
427 opacity: 0.9; 387 opacity: 0.9;
428 overflow: hidden; 388 overflow: hidden;
429 top: 43px; 389 top: 43px;
430 z-index: 998; 390 z-index: 998;
431 } 391 }
392 .inputview-track-cover.inputview-numeric {
393 top: 0;
394 }
432 .inputview-arrow-key { 395 .inputview-arrow-key {
433 display: inline-block; 396 display: inline-block;
434 height: 13.5px; 397 height: 13.5px;
435 } 398 }
436 .inputview-up-key { 399 .inputview-up-key {
437 background-image: transparent url('images/up.png') 0 0/16px 13.5px no-repeat; 400 background-image: transparent url('images/up.png') 0 0/16px 13.5px no-repeat;
438 width: 16px; 401 width: 16px;
439 } 402 }
440 .inputview-down-key { 403 .inputview-down-key {
441 background: transparent url('images/down.png') 0 0/16px 13.5px no-repeat; 404 background: transparent url('images/down.png') 0 0/16px 13.5px no-repeat;
(...skipping 22 matching lines...) Expand all
464 background: transparent url('images/arrow_down_active.png') 0 0 no-repeat; 427 background: transparent url('images/arrow_down_active.png') 0 0 no-repeat;
465 background-size: 10px 6.5px; 428 background-size: 10px 6.5px;
466 width: 10px; 429 width: 10px;
467 height: 6.5px; 430 height: 6.5px;
468 display: inline-block; 431 display: inline-block;
469 } 432 }
470 .inputview-page-navi-inactive .inputview-page-down-icon { 433 .inputview-page-navi-inactive .inputview-page-down-icon {
471 background: transparent url('images/arrow_down_inactive.png') 0 0 no-repeat; 434 background: transparent url('images/arrow_down_inactive.png') 0 0 no-repeat;
472 background-size: 10px 6.5px; 435 background-size: 10px 6.5px;
473 } 436 }
474 .inputview-small-keyboard .inputview-menu-icon {
475 background: transparent url('images/3dots.png') 0 0/2px 9px no-repeat;
476 width: 2px;
477 height: 9px;
478 }
479 .inputview-menu-icon { 437 .inputview-menu-icon {
480 background: transparent url('images/3dots.png') 0 0/4px 17px no-repeat; 438 background: transparent url('images/3dots.png') 0 0/4px 17px no-repeat;
481 display: inline-block; 439 display: inline-block;
482 width: 4px; 440 width: 4px;
483 height: 17px; 441 height: 17px;
484 } 442 }
485 .inputview-small-keyboard .inputview-hide-keyboard-icon {
486 background-size: 16px 16px;
487 height: 16px;
488 width: 16px;
489 }
490 .inputview-hide-keyboard-icon { 443 .inputview-hide-keyboard-icon {
491 background: transparent url('images/hidekeyboard.png') 0 0/32px 32px no-repeat ; 444 background: transparent url('images/hidekeyboard.png') 0 0/32px 32px no-repeat ;
492 display: inline-block; 445 display: inline-block;
493 width: 32px; 446 width: 32px;
494 height: 32px; 447 height: 32px;
495 } 448 }
496 .inputview-candidate.inputview-candidate-highlight, 449 .inputview-candidate.inputview-candidate-highlight,
497 .inputview-toolbar-button.inputview-candidate-highlight, 450 .inputview-toolbar-button.inputview-candidate-highlight,
498 .inputview-element-highlight, 451 .inputview-element-highlight,
499 .inputview-candidate.inputview-candidate-highlight { 452 .inputview-candidate.inputview-candidate-highlight {
500 background-color: #dddddd; 453 background-color: #dddddd;
501 } 454 }
502 .inputview-menu-footer-item.inputview-element-highlight { 455 .inputview-menu-footer-item.inputview-element-highlight {
503 background-color: #cccccc; 456 background-color: #cccccc;
504 } 457 }
505 .inputview-small-keyboard .inputview-backspace-icon,
506 .inputview-small-keyboard .inputview-shift-icon {
507 background-size: 14px 14px;
508 height: 14px;
509 width: 14px;
510 }
511 .inputview-backspace-icon { 458 .inputview-backspace-icon {
512 background: transparent url('images/backspace.png'); 459 background: transparent url('images/backspace.png');
513 background-size: 24px 24px; 460 background-size: 24px 24px;
514 display: inline-block; 461 display: inline-block;
515 height: 24px; 462 height: 24px;
516 width: 24px; 463 width: 24px;
517 } 464 }
518 .inputview-small-keyboard .inputview-enter-icon {
519 background-size: 20px 20px;
520 height: 20px;
521 width: 20px;
522 }
523 .inputview-enter-icon { 465 .inputview-enter-icon {
524 background: transparent url('images/enter.png'); 466 background: transparent url('images/enter.png');
525 background-size: 40px 40px; 467 background-size: 40px 40px;
526 display: inline-block; 468 display: inline-block;
527 width: 40px; 469 width: 40px;
528 height: 40px; 470 height: 40px;
529 } 471 }
530 .inputview-special-key-highlight .inputview-enter-icon { 472 .inputview-special-key-highlight .inputview-enter-icon {
531 background: transparent url('images/enter_pressed.png'); 473 background: transparent url('images/enter_pressed.png');
532 background-size: 40px 40px; 474 background-size: 40px 40px;
533 } 475 }
534 .inputview-space-icon { 476 .inputview-space-icon {
535 background: transparent url('images/space-key.png'); 477 background: transparent url('images/space-key.png');
536 background-size: 30px 7.5px; 478 background-size: 30px 7.5px;
537 display: inline-block; 479 display: inline-block;
538 width: 30px; 480 width: 30px;
539 height: 7.5px; 481 height: 7.5px;
540 } 482 }
541 .inputview-small-keyboard .inputview-shift-icon {
542 background-size: 14px 14px;
543 width: 14px;
544 height: 14px;
545 }
546 .inputview-shift-icon { 483 .inputview-shift-icon {
547 background: transparent url('images/shift.png'); 484 background: transparent url('images/shift.png');
548 background-size: 25px 22px; 485 background-size: 25px 22px;
549 display: inline-block; 486 display: inline-block;
550 width: 25px; 487 width: 25px;
551 height: 22px; 488 height: 22px;
552 } 489 }
553 .inputview-special-key-highlight, 490 .inputview-special-key-highlight,
554 .inputview-special-key-highlight .inputview-compact-key, 491 .inputview-special-key-highlight .inputview-compact-key,
555 .inputview-element-highlight { 492 .inputview-element-highlight {
556 background-color: rgba(55, 71, 79, 0.15); 493 background-color: rgba(55, 71, 79, 0.15);
557 } 494 }
558 .inputview-element-highlight.inputview-container { 495 .inputview-element-highlight.inputview-container {
559 background-color: #ECEFF1; 496 background-color: #ECEFF1;
560 } 497 }
561 .inputview-special-key-disable-bg-hl.inputview-special-key-highlight { 498 .inputview-special-key-disable-bg-hl.inputview-special-key-highlight {
562 background-color: transparent; 499 background-color: transparent;
563 } 500 }
564 .inputview-small-keyboard .inputview-special-key-highlight .inputview-shift-icon {
565 background-size: 12px 11px;
566 }
567 .inputview-special-key-highlight .inputview-shift-icon { 501 .inputview-special-key-highlight .inputview-shift-icon {
568 background: transparent url('images/shift-pressed.png'); 502 background: transparent url('images/shift-pressed.png');
569 background-size: 25px 22px; 503 background-size: 25px 22px;
570 } 504 }
571 .inputview-small-keyboard .inputview-functional-key-sticky .inputview-shift-icon {
572 background-size: 12px 11px;
573 }
574 .inputview-functional-key-sticky .inputview-shift-icon { 505 .inputview-functional-key-sticky .inputview-shift-icon {
575 background: transparent url('images/shift-press-hold.png'); 506 background: transparent url('images/shift-press-hold.png');
576 background-size: 25px 22px; 507 background-size: 25px 22px;
577 } 508 }
578 .inputview-tab-icon { 509 .inputview-tab-icon {
579 background: transparent url('images/tab_in_fullsize.png'); 510 background: transparent url('images/tab_in_fullsize.png');
580 background-size: 21px 12px; 511 background-size: 21px 12px;
581 display: inline-block; 512 display: inline-block;
582 width: 21px; 513 width: 21px;
583 height: 12px; 514 height: 12px;
584 } 515 }
585 .inputview-capslock-dot { 516 .inputview-capslock-dot {
586 background-color: #ccc; 517 background-color: #ccc;
587 width: 6px; 518 width: 6px;
588 height: 6px; 519 height: 6px;
589 position: absolute; 520 position: absolute;
590 top: 8px; 521 top: 8px;
591 right: 8px; 522 right: 8px;
592 } 523 }
593 .inputview-capslock-dot-highlight { 524 .inputview-capslock-dot-highlight {
594 background-color: #4285f4; 525 background-color: #4285f4;
595 } 526 }
596 .inputview-small-keyboard .inputview-hint-text {
597 font-size: 8px;
598 }
599 .inputview-hint-text { 527 .inputview-hint-text {
600 font-size: 16px; 528 font-size: 16px;
601 color: rgba(55, 71, 89, 0.6); 529 color: rgba(55, 71, 89, 0.6);
602 } 530 }
603 .inputview-inline-div { 531 .inputview-inline-div {
604 display: inline-block; 532 display: inline-block;
605 } 533 }
606 .inputview-compact-key { 534 .inputview-compact-key {
607 font-size: 28px; 535 font-size: 28px;
608 color: #37474f; 536 color: #37474f;
609 } 537 }
610 .inputview-small-keyboard .inputview-compact-key {
611 font-size: 19px;
612 }
613 .inputview-small-keyboard .inputview-compact-switcher {
614 background-size: 10px 7px;
615 height: 7px;
616 width: 10px;
617 }
618 .inputview-compact-switcher { 538 .inputview-compact-switcher {
619 background: transparent url('images/compact.png'); 539 background: transparent url('images/compact.png');
620 background-size: 19px 14px; 540 background-size: 19px 14px;
621 display: inline-block; 541 display: inline-block;
622 width: 19px; 542 width: 19px;
623 height: 14px; 543 height: 14px;
624 } 544 }
625 .inputview-regular-switcher { 545 .inputview-regular-switcher {
626 background: transparent url('images/regular_size.png'); 546 background: transparent url('images/regular_size.png');
627 background-size: 19px 14px; 547 background-size: 19px 14px;
628 display: inline-block; 548 display: inline-block;
629 width: 19px; 549 width: 19px;
630 height: 14px; 550 height: 14px;
631 } 551 }
632 #Space { 552 #Space {
633 color: rgba(55, 71, 89, 0.6); 553 color: rgba(55, 71, 89, 0.6);
634 font-size: 18px; 554 font-size: 18px;
635 } 555 }
636 .inputview-small-keyboard #Space {
637 font-size: 9px;
638 }
639 #Menu { 556 #Menu {
640 font-weight: bold; 557 font-weight: bold;
641 margin-left: 0 !important; 558 margin-left: 0 !important;
642 } 559 }
643 .inputview-a11y #Globe { 560 .inputview-a11y #Globe {
644 margin: 2px 0 3px 0; 561 margin: 2px 0 3px 0;
645 } 562 }
646 #Globe { 563 #Globe {
647 margin: 3px 0 4px 0; 564 margin: 3px 0 4px 0;
648 } 565 }
(...skipping 77 matching lines...) Expand 10 before | Expand all | Expand 10 after
726 .inputview-undo-icon { 643 .inputview-undo-icon {
727 background: transparent url('images/undo.png') 0 0/17px 16.5px no-repeat; 644 background: transparent url('images/undo.png') 0 0/17px 16.5px no-repeat;
728 height: 17px; 645 height: 17px;
729 width: 16.5px; 646 width: 16.5px;
730 } 647 }
731 648
732 /** 649 /**
733 * The following css style is for handwriting panel, 650 * The following css style is for handwriting panel,
734 * please keep it in the end of the file 651 * please keep it in the end of the file
735 */ 652 */
736 .inputview-small-keyboard .inputview-handwriting {
737 font-size: 8px;
738 }
739 .inputview-handwriting { 653 .inputview-handwriting {
740 font-size: 16px; 654 font-size: 16px;
741 } 655 }
742 656
743 .inputview-a11y.inputview-handwriting .inputview-modifier { 657 .inputview-a11y.inputview-handwriting .inputview-modifier {
744 font-size: 16px; 658 font-size: 16px;
745 } 659 }
746 660
747 .inputview-handwriting-switcher { 661 .inputview-handwriting-switcher {
748 background: url('images/handwriting-circle.png'); 662 background: url('images/handwriting-circle.png');
(...skipping 63 matching lines...) Expand 10 before | Expand all | Expand 10 after
812 visibility: hidden; 726 visibility: hidden;
813 opacity: 0; 727 opacity: 0;
814 transition: all 2s ease; 728 transition: all 2s ease;
815 } 729 }
816 730
817 .inputview-jp-ime-switch { 731 .inputview-jp-ime-switch {
818 text-align: left; 732 text-align: left;
819 font-size: 12px; 733 font-size: 12px;
820 display: inline-block; 734 display: inline-block;
821 } 735 }
822 .inputview-small-keyboard .inputview-switcher-chinese,
823 .inputview-small-keyboard .inputview-switcher-english {
824 background-size: 14px 7px;
825 height: 7px;
826 width: 14px;
827 }
828 .inputview-switcher-chinese { 736 .inputview-switcher-chinese {
829 display: inline-block; 737 display: inline-block;
830 background: url('images/cn.png') no-repeat center; 738 background: url('images/cn.png') no-repeat center;
831 background-size: 50px 20px; 739 background-size: 50px 20px;
832 height: 20px; 740 height: 20px;
833 width: 50px; 741 width: 50px;
834 } 742 }
835 .inputview-switcher-english { 743 .inputview-switcher-english {
836 display: inline-block; 744 display: inline-block;
837 background: url('images/en.png') no-repeat center; 745 background: url('images/en.png') no-repeat center;
(...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after
899 .inputview-candidate-internal-wrapper { 807 .inputview-candidate-internal-wrapper {
900 text-overflow: ellipsis; 808 text-overflow: ellipsis;
901 overflow-x: hidden; 809 overflow-x: hidden;
902 white-space: nowrap; 810 white-space: nowrap;
903 display: inline-block; 811 display: inline-block;
904 } 812 }
905 .inputview-candidate-tooltip .inputview-candidate-internal-wrapper { 813 .inputview-candidate-tooltip .inputview-candidate-internal-wrapper {
906 font-size: 20px; 814 font-size: 20px;
907 color: #4285f4; 815 color: #4285f4;
908 } 816 }
909 .inputview-small-keyboard .inputview-switcher-key-name {
910 font-size: 10px;
911 }
912 .inputview-switcher-key-name { 817 .inputview-switcher-key-name {
913 font-size: 20px; 818 font-size: 20px;
914 color: rgba(55, 71, 89, .8); 819 color: rgba(55, 71, 89, .8);
915 } 820 }
916 .inputview-small-keyboard .inputivew-switcher-key-name {
917 font-size: 8px;
918 }
919 .inputview-back-to-keyboard { 821 .inputview-back-to-keyboard {
920 background: url('images/back_to_keyboard.png') no-repeat center; 822 background: url('images/back_to_keyboard.png') no-repeat center;
921 background-size: 26px 15px; 823 background-size: 26px 15px;
922 width: 26px; 824 width: 26px;
923 height: 15px; 825 height: 15px;
924 display: inline-block; 826 display: inline-block;
925 } 827 }
926 #hwt { 828 #hwt {
927 border-left: 1.5px solid rgba(55, 71, 79, 0.1); 829 border-left: 1.5px solid rgba(55, 71, 79, 0.1);
928 border-right: 1.5px solid rgba(55, 71, 79, 0.1); 830 border-right: 1.5px solid rgba(55, 71, 79, 0.1);
(...skipping 11 matching lines...) Expand all
940 background-color: #c9ced1; 842 background-color: #c9ced1;
941 } 843 }
942 .inputview-ime-list-container::-webkit-scrollbar { 844 .inputview-ime-list-container::-webkit-scrollbar {
943 width: 12px; 845 width: 12px;
944 } 846 }
945 .inputview-drag-button { 847 .inputview-drag-button {
946 background: transparent url('images/draggable_area.png') 0 0/17px 16.5px no-re peat; 848 background: transparent url('images/draggable_area.png') 0 0/17px 16.5px no-re peat;
947 height: 17px; 849 height: 17px;
948 width: 16.5px; 850 width: 16.5px;
949 } 851 }
950 .inputview-resize-button {
951 background: transparent url('images/resize.png') 0 0/17px 16.5px no-repeat;
952 height: 17px;
953 width: 16.5px;
954 }
955 852
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698