keyboard-previewkeyset.css 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. /* basic previewKeyset setup - modify as desired */
  2. .ui-keyboard-keyset .ui-keyboard-button {
  3. position: relative;
  4. }
  5. /* show mini-shift keyset with normal keyset */
  6. .ui-keyboard-keyset-normal .ui-keyboard-button::after {
  7. content: attr(data-shift);
  8. font-size: 0.6em;
  9. color: #999;
  10. position: absolute;
  11. top: -1em;
  12. left: 2px;
  13. z-index: 200;
  14. }
  15. /* show mini-normal keyset with shift keyset */
  16. .ui-keyboard-keyset-shift .ui-keyboard-button::after {
  17. content: attr(data-normal);
  18. font-size: 0.6em;
  19. color: #999;
  20. position: absolute;
  21. top: -1em;
  22. left: 2px;
  23. z-index: 200;
  24. }
  25. /* show mini-normal keyset with alt keyset */
  26. .ui-keyboard-keyset-alt .ui-keyboard-button::after {
  27. content: attr(data-alt-shift);
  28. font-size: 0.6em;
  29. color: #999;
  30. position: absolute;
  31. top: -1em;
  32. left: 2px;
  33. z-index: 200;
  34. }
  35. /* show mini-alt-shift keyset with alt-shift keyset */
  36. .ui-keyboard-keyset-alt-shift .ui-keyboard-button::after {
  37. content: attr(data-alt);
  38. font-size: 0.6em;
  39. color: #999;
  40. position: absolute;
  41. top: -1em;
  42. left: 2px;
  43. z-index: 200;
  44. }