| 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 .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 Loading... |
| 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 Loading... |
| 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 Loading... |
| 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 Loading... |
| 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 Loading... |
| 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 Loading... |
| 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 Loading... |
| 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 Loading... |
| 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 Loading... |
| 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 Loading... |
| 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 Loading... |
| 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 |
| OLD | NEW |