/** DISABLE TEXT SELECTION (SET ON BODY WHEN DRAGGING IS OCCURRING) **/ ._jsPlumb_drag_select * { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none } body { padding:0; margin:0; background-color:white; font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; background-color:#eaedef; } #topoRegion { margin-top:44px; position: relative; font-size: 80%; } .node, .label { text-align:center; z-index:24; cursor:pointer; box-shadow: 2px 2px 19px #aaa; -o-box-shadow: 2px 2px 19px #aaa; -webkit-box-shadow: 2px 2px 19px #aaa; -moz-box-shadow: 2px 2px 19px #aaa; } path, ._jsPlumb_endpoint { cursor:pointer; } .label { font-size:13px; padding:8px; padding:8px; } .node { border:1px solid #346789; box-shadow: 2px 2px 19px #aaa; -o-box-shadow: 2px 2px 19px #aaa; -webkit-box-shadow: 2px 2px 19px #aaa; -moz-box-shadow: 2px 2px 19px #aaa; -moz-border-radius:0.5em; border-radius:0.5em; opacity:0.8; filter:alpha(opacity=80); width: 100px; height: 40px; line-height: 1.5em; text-align:center; z-index:20; position:absolute; background-color:#eeeeef; color:black; font-family:helvetica;padding:0.5em; font-size:0.9em; } .node:hover { 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 #444; opacity:0.6; filter:alpha(opacity=60); } /** Z-INDEX **/ ._jsPlumb_connector { z-index:18; } ._jsPlumb_endpoint { z-index:19; } ._jsPlumb_overlay { z-index:20; } ._jsPlumb_connector._jsPlumb_hover { z-index:21 !important; } ._jsPlumb_endpoint._jsPlumb_hover { z-index:22 !important; } ._jsPlumb_overlay._jsPlumb_hover { z-index:23 !important; } .active { border:1px dotted green; } .hover { border:1px dotted red; } ._jsPlumb_connector { z-index:4; } ._jsPlumb_endpoint, .endpointTargetLabel, .endpointSourceLabel{ z-index:21;cursor:pointer; } .hl { border:3px solid red; } ._jsPlumb_dragging { z-index:4000; } /* .aLabel { background-color:white; padding:0.4em; font:12px sans-serif; color:#444; z-index:21; border:1px dotted gray; opacity:0.8; filter:alpha(opacity=80); cursor: pointer; } */ .aLabel._jsPlumb_hover { background-color:#5C96BC; color:white; border:1px solid white; }