draggableConnectorsDemo.css 983 B

1234567891011121314151617181920
  1. #window1 { top:6em;left:15%; }
  2. #window2 { top:6em; right:25%; }
  3. #window3 { top:24em; left:15%; }
  4. #window4 { top:24em; right:25%}
  5. .window { border:1px dotted gray; width:9.7em; height:8em; z-index:20; position:absolute; color:gray;font-family:serif;font-style:italic;
  6. padding-top:0.9em; font-size:0.9em;text-align:center;z-index:40;background-color:white;
  7. -o-box-shadow: 0px 0px 17px #044;-webkit-box-shadow: 0px 0px 17px #044; -moz-box-shadow: 0px 0px 17px #044;box-shadow: 0px 0px 17px #044;
  8. }
  9. .demo { position:relative; }
  10. .drag-locked { border:1px solid red; }
  11. ._jsPlumb_endpoint { z-index:50; }
  12. ._jsPlumb_connector { z-index:1; }
  13. .dropHover { border:1px dotted red; }
  14. .dragActive { border:2px dotted orange; }
  15. .cmdLink { font-size:0.80em;}
  16. #clear { padding:0.3em; }
  17. #clear:hover { background-color:yellow; }
  18. #list { display:none; border-bottom:1px dotted grey; padding-bottom:1.5em; font-size:90%;}
  19. #list table { width:100%; text-align:left;}
  20. #explanation { text-align:center; }