flowchartDemo.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. .window { border:1px solid #346789;
  2. box-shadow: 2px 2px 19px #aaa;
  3. -o-box-shadow: 2px 2px 19px #aaa;
  4. -webkit-box-shadow: 2px 2px 19px #aaa;
  5. -moz-box-shadow: 2px 2px 19px #aaa;
  6. -moz-border-radius:0.5em;
  7. border-radius:0.5em;
  8. opacity:0.8;
  9. filter:alpha(opacity=80);
  10. width:5em; height:5em;
  11. line-height:5em;
  12. text-align:center;
  13. z-index:20; position:absolute;
  14. background-color:#eeeeef;
  15. color:black;
  16. font-family:helvetica;padding:0.5em;
  17. font-size:0.9em;}
  18. .window:hover {
  19. box-shadow: 2px 2px 19px #444;
  20. -o-box-shadow: 2px 2px 19px #444;
  21. -webkit-box-shadow: 2px 2px 19px #444;
  22. -moz-box-shadow: 2px 2px 19px #444;
  23. opacity:0.6;
  24. filter:alpha(opacity=60);
  25. }
  26. .active {
  27. border:1px dotted green;
  28. }
  29. .hover {
  30. border:1px dotted red;
  31. }
  32. #window1 { top:30em;left:10em;}
  33. #window2 { top:-2em; left:36em;}
  34. #window3 { top:20em;left:45em; }
  35. #window4 { top:17em; left:22em;}
  36. ._jsPlumb_connector { z-index:4; }
  37. ._jsPlumb_endpoint, .endpointTargetLabel, .endpointSourceLabel{ z-index:21;cursor:pointer; }
  38. .hl { border:3px solid red; }
  39. #debug { position:absolute; background-color:black; color:red; z-index:5000 }
  40. .aLabel {
  41. background-color:white;
  42. padding:0.4em;
  43. font:12px sans-serif;
  44. color:#444;
  45. z-index:21;
  46. border:1px dotted gray;
  47. opacity:0.8;
  48. filter:alpha(opacity=80);
  49. }