stateMachineDemo.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. #demo {
  2. margin-top:5em;
  3. }
  4. .w {
  5. width:5em;
  6. padding:1em;
  7. position:absolute;
  8. border: 1px solid black;
  9. z-index:4;
  10. border-radius:1em;
  11. border:1px solid #346789;
  12. box-shadow: 2px 2px 19px #e0e0e0;
  13. -o-box-shadow: 2px 2px 19px #e0e0e0;
  14. -webkit-box-shadow: 2px 2px 19px #e0e0e0;
  15. -moz-box-shadow: 2px 2px 19px #e0e0e0;
  16. -moz-border-radius:0.5em;
  17. border-radius:0.5em;
  18. opacity:0.8;
  19. filter:alpha(opacity=80);
  20. cursor:move;
  21. }
  22. .aLabel {
  23. background-color:white;
  24. opacity:0.8;
  25. padding:0.3em;
  26. }
  27. .ep {
  28. float:right;
  29. width:1em;
  30. height:1em;
  31. background-color:#994466;
  32. cursor:pointer;
  33. }
  34. ._jsPlumb_endpoint {
  35. z-index:3;
  36. }
  37. /* ._jsPlumb_connector { border:1px solid red; }*/
  38. #opened {
  39. left:10em;
  40. top:5em;
  41. }
  42. #olga {
  43. left:10em;
  44. top:12em;
  45. width:7em;
  46. }
  47. #nicola {
  48. left:13em;
  49. top:25em;
  50. }
  51. #inperson {
  52. left:27em;
  53. top:22em;
  54. }
  55. #rejected {
  56. left:10em;
  57. top:35em;
  58. }
  59. .dragHover { border:1px dotted red; }
  60. path { cursor:pointer; }