makeTargetDemo.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. .window {
  2. width:25em;
  3. height:5.5em;
  4. position:absolute;
  5. background-color:#FEFEFE;
  6. padding:0.5em;
  7. color:black;
  8. border-radius:0.4em;
  9. z-index:1;
  10. opacity:0.8;
  11. filter:alpha(opacity=80);
  12. text-align:center;
  13. font-family:Tahoma;
  14. }
  15. ._jsPlumb_connection {
  16. z-index:0;
  17. }
  18. ._jsPlumb_endpoint {
  19. z-index:2;
  20. cursor:pointer;
  21. }
  22. #window1 {
  23. top:4em;
  24. left:4em;
  25. }
  26. #window2 {
  27. top:24em;
  28. left:4em;
  29. }
  30. #window3 {
  31. top:4em;
  32. left:46em;
  33. }
  34. #window3Target {
  35. background-color:blue;
  36. height:2em;
  37. }
  38. #window4 {
  39. top:39em;
  40. left:46em;
  41. }
  42. #window5 {
  43. top:20em;
  44. left:35em;
  45. }
  46. #w5Source {
  47. background-color:#056;
  48. border:1px dotted #bbb;
  49. position:absolute;
  50. z-index:2;
  51. width:1.5em;
  52. height:1.5em;
  53. left:11.75em;
  54. top:6em;
  55. box-shadow: 2px 2px 19px #456;
  56. -o-box-shadow: 2px 2px 19px #456;
  57. -webkit-box-shadow: 2px 2px 19px #456;
  58. -moz-box-shadow: 2px 2px 19px #456;
  59. }
  60. .active {
  61. box-shadow: 2px 2px 19px green;
  62. -o-box-shadow: 2px 2px 19px green;
  63. -webkit-box-shadow: 2px 2px 19px green;
  64. -moz-box-shadow: 2px 2px 19px green;
  65. }
  66. .hover {
  67. box-shadow: 2px 2px 19px red;
  68. -o-box-shadow: 2px 2px 19px red;
  69. -webkit-box-shadow: 2px 2px 19px red;
  70. -moz-box-shadow: 2px 2px 19px red;
  71. }