PageRenderTime 47ms CodeModel.GetById 23ms RepoModel.GetById 0ms app.codeStats 0ms

/wwwroot/widgets/whiteboard/whiteboard.css

http://github.com/AF83/ucengine
CSS | 79 lines | 65 code | 14 blank | 0 comment | 0 complexity | cf8289dc22e57a2ea15f528d56fad06a MD5 | raw file
  1. .ui-whiteboard .ui-whiteboard-drawing {
  2. padding: 12px;
  3. }
  4. .ui-whiteboard canvas {
  5. position: relative;
  6. background-color: #FFF;
  7. width: 100%;
  8. border: 1px solid #AAAAAA;
  9. }
  10. .ui-whiteboard-button {
  11. overflow: hidden;
  12. width: 70px;
  13. height: 20px;
  14. cursor: pointer;
  15. padding-left: 3px;
  16. margin-bottom: 2px;
  17. border:1px solid #AAAAAA;
  18. background-color:#FFFFFF;
  19. }
  20. .ui-whiteboard-button:hover {
  21. background-color: #EEEEEE;
  22. }
  23. .ui-whiteboard-button.ui-state-active,
  24. .ui-whiteboard-button:active {
  25. background-color: #CCCCCC;
  26. }
  27. .ui-whiteboard .ui-whiteboard-toolbar {
  28. padding: 6px;
  29. background-color: #EBEBEB;
  30. height: 24px;
  31. }
  32. .ui-whiteboard .ui-whiteboard-toolbar .ui-toolbar-button {
  33. background-color: #EBEBEB;
  34. width: 24px;
  35. height: 24px;
  36. }
  37. .ui-whiteboard .ui-whiteboard-toolbar .ui-toolbar-button.ui-button-left.ui-state-highlight {
  38. background-color: #CCCCCC;
  39. border-style: solid;
  40. border-color: #AAAAAA;
  41. border-width: 1px;
  42. }
  43. .ui-whiteboard .ui-whiteboard-toolbar .ui-toolbar-button.ui-button-left {
  44. float: left;
  45. }
  46. .ui-whiteboard .ui-whiteboard-toolbar .ui-toolbar-button.ui-button-right {
  47. float: right;
  48. }
  49. .ui-whiteboard .ui-whiteboard-toolbar .ui-toolbar-button.ui-button-color {
  50. border: 1px solid #424242;
  51. width: 20px;
  52. height: 16px;
  53. margin-top: 4px;
  54. margin-right: 0.5em;
  55. }
  56. .ui-whiteboard .ui-whiteboard-toolbar .ui-toolbar-button.ui-button-color.ui-state-highlight {
  57. border-width: 2px;
  58. margin-top: 3px;
  59. }
  60. .ui-whiteboard .ui-whiteboard-icon-circle {
  61. background-image: url(images/circle.png);
  62. }
  63. .ui-whiteboard .ui-whiteboard-icon-rectangle {
  64. background-image: url(images/rectangle.png);
  65. }