index.css 1.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. /* this CSS is not part of the widget, it is here just as an example of the demo page styling.... Don't copy this one, roll your own. One
  2. * of the key things about the widget is that it allows you to do your own styling!
  3. */
  4. #editor {
  5. max-height: 250px;
  6. height: 250px;
  7. background-color: white;
  8. border-collapse: separate;
  9. border: 1px solid rgb(204, 204, 204);
  10. padding: 4px;
  11. box-sizing: content-box;
  12. -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
  13. box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
  14. border-top-right-radius: 3px; border-bottom-right-radius: 3px;
  15. border-bottom-left-radius: 3px; border-top-left-radius: 3px;
  16. overflow: scroll;
  17. outline: none;
  18. }
  19. #voiceBtn {
  20. width: 20px;
  21. color: transparent;
  22. background-color: transparent;
  23. transform: scale(2.0, 2.0);
  24. -webkit-transform: scale(2.0, 2.0);
  25. -moz-transform: scale(2.0, 2.0);
  26. border: transparent;
  27. cursor: pointer;
  28. box-shadow: none;
  29. -webkit-box-shadow: none;
  30. }
  31. div[data-role="editor-toolbar"] {
  32. -webkit-user-select: none;
  33. -moz-user-select: none;
  34. -ms-user-select: none;
  35. user-select: none;
  36. }
  37. .dropdown-menu a {
  38. cursor: pointer;
  39. }