dynamicAnchorsDemo.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. body {
  2. }
  3. .endpointHoverClass {
  4. border:2px solid white;
  5. }
  6. .window { border:1px solid #346789;
  7. box-shadow: 2px 2px 19px #e0e0e0;
  8. -o-box-shadow: 2px 2px 19px #e0e0e0;
  9. -webkit-box-shadow: 2px 2px 19px #e0e0e0;
  10. -moz-box-shadow: 2px 2px 19px #e0e0e0;
  11. -moz-border-radius:0.5em;
  12. border-radius:0.5em;
  13. opacity:0.8;
  14. filter:alpha(opacity=80);
  15. width:5em; height:5em;
  16. line-height:5em;
  17. text-align:center;
  18. z-index:20; position:absolute;
  19. background-color:#eeeeef;
  20. color:black;
  21. font-family:helvetica;padding:0.5em;
  22. font-size:0.9em;
  23. top:50%;
  24. left:50%;
  25. }
  26. .window:hover {
  27. border:1px solid #123456;
  28. box-shadow: 2px 2px 19px #444;
  29. -o-box-shadow: 2px 2px 19px #444;
  30. -webkit-box-shadow: 2px 2px 19px #444;
  31. -moz-box-shadow: 2px 2px 19px #fff;
  32. opacity:0.9;
  33. filter:alpha(opacity=90);
  34. }
  35. #demo {
  36. width:70%;
  37. background-color:transparent;
  38. }
  39. path { cursor:pointer; }
  40. #window1 { top:5em;left:2em;}
  41. #window2 { top:8em; left:43em;}
  42. #window3 { top:28em;left:2em; }
  43. #window4 { top:16em; left:22em;}
  44. #window5 {top:34em;left:26em;}
  45. #window6 {top:23em;left:56em;}
  46. #window7 {top:18em;left:40em;}
  47. #window8 {left:63em;top:32em;}
  48. ._jsPlumb_connector { z-index:4; }
  49. ._jsPlumb_endpoint { z-index:5; }
  50. .hl { border:3px solid red; }
  51. #debug { position:absolute; background-color:black; color:red; z-index:5000 }