12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- body {
- }
- .endpointHoverClass {
- border:2px solid white;
- }
- .window { border:1px solid #346789;
- box-shadow: 2px 2px 19px #e0e0e0;
- -o-box-shadow: 2px 2px 19px #e0e0e0;
- -webkit-box-shadow: 2px 2px 19px #e0e0e0;
- -moz-box-shadow: 2px 2px 19px #e0e0e0;
- -moz-border-radius:0.5em;
- border-radius:0.5em;
- opacity:0.8;
- filter:alpha(opacity=80);
- width:5em; height:5em;
- line-height:5em;
- text-align:center;
- z-index:20; position:absolute;
- background-color:#eeeeef;
- color:black;
- font-family:helvetica;padding:0.5em;
- font-size:0.9em;
- top:50%;
- left:50%;
- }
- .window:hover {
- border:1px solid #123456;
- box-shadow: 2px 2px 19px #444;
- -o-box-shadow: 2px 2px 19px #444;
- -webkit-box-shadow: 2px 2px 19px #444;
- -moz-box-shadow: 2px 2px 19px #fff;
- opacity:0.9;
- filter:alpha(opacity=90);
- }
- #demo {
- width:70%;
- background-color:transparent;
- }
- path { cursor:pointer; }
- #window1 { top:5em;left:2em;}
- #window2 { top:8em; left:43em;}
- #window3 { top:28em;left:2em; }
- #window4 { top:16em; left:22em;}
- #window5 {top:34em;left:26em;}
- #window6 {top:23em;left:56em;}
- #window7 {top:18em;left:40em;}
- #window8 {left:63em;top:32em;}
- ._jsPlumb_connector { z-index:4; }
- ._jsPlumb_endpoint { z-index:5; }
- .hl { border:3px solid red; }
- #debug { position:absolute; background-color:black; color:red; z-index:5000 }
|