v\:group,v\:rect,v\:imagedata,v\:oval,v\:line,v\:polyline,v\:stroke,v\:textbox { display:inline-block;background:transparent } .GooFlow{ overflow:auto;font: 12px Arial, Helvetica, sans-serif; -moz-user-select:none;-webkit-user-select:none; } body{/* background-image:url(img/pattern.png) !important;*/background-position: right top !important; background-repeat: repeat-y !important;background-color:#f7f7f7 !important;} .GooFlow_head{clear:both;height:22px;padding:1px} .GooFlow_head label{ font-weight:bold; text-indent:18px;display:block inline;height:14px;margin:2px;border:#B7C8D7 1px solid;border-right:#E9F4FA 1px solid;border-bottom:#E9F4FA 1px solid;padding:1px;width:160px;text-align:center; background: url(img/gooflow_icon.png) no-repeat -137px 1px;float:left;color:#15428B;-moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px;overflow:hidden; } .GooFlow_head span{float:left;height:22px;width:0px;overflow:hidden;border-left:#9AC6FF 1px solid;border-right:#FFFFFF 1px solid;margin:0px 1px;} .GooFlow_head_btn{display:block;border:0px;height:18px;width:18px;cursor:default;padding:2px;margin:0px 1px;float:left;outline:none;blr:expression(this.onFocus=this.blur)} .GooFlow_head_btn b{display:inline-block;overflow:hidden;width:18px;height:18px;border:0px;} .GooFlow_head_btn:hover{ -moz-border-radius:2px; -webkit-border-radius:2px;border-radius:2px;border:#8E9DA6 1px solid; padding:0px;border:#8B7654 1px solid; background:url(img/gooflow_btn_bg.png) repeat-x;width:20px;height:20px; } .GooFlow_head_btn:hover b{border:#F6A32D 1px solid;border-top-color:#B1905D;margin:0px;-moz-border-radius:1px; -webkit-border-radius:1px;border-radius:1px;} .GooFlow_tool{ float:left;clear:left;background-color: #efefef;margin-top: 0px !important; } .GooFlow_tool_div{overflow:auto;-moz-border-radius:2px; -webkit-border-radius:2px;border-radius:2px;} .GooFlow_tool span{height:0px;overflow:hidden;border-bottom:#9AC6FF 1px solid;border-top:#FFFFFF 1px solid;margin:1px;clear:both;display:block;} .GooFlow_tool_btn{display:block;border:0px;height:18px;width:18px;cursor:default;padding:2px;margin:1px;outline:none;blr:expression(this.onFocus=this.blur);} .GooFlow_tool_btn b{display:block;overflow:hidden;width:18px;height:18px;border:0px} .GooFlow_tool_btn:hover{-moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px;padding:0px;border:#8E9DA6 1px solid;width:20px;height:20px;} .GooFlow_tool_btn:hover b{border:#F5FAFC 1px solid;-moz-border-radius:2px; -webkit-border-radius:2px;border-radius:2px} .GooFlow_tool_btndown{ width:20px;height:20px;cursor:default;margin:1px;outline:none;blr:expression(this.onFocus=this.blur); -moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px;border:#8E9DA6 1px solid;border:0px; padding:0px;border:#8B7654 1px solid; background:url(img/gooflow_btn_bg.png) repeat-x;display:block; } .GooFlow_tool_btndown b{ display:block;overflow:hidden;width:14px;height:14px;border:#F6A32D 1px solid; border-top-color:#B1905D;margin:0px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; } .GooFlow_work{float:right;margin:0px 3px 3px 0px;/*border-left:#ddd 1px solid;*/position:relative; margin-top: 0px !important;} .GooFlow_work .GooFlow_work_inner{/* background-image:url(/env/js/GooFlow/codebase/img/pattern.png);background-position: 850px top; background-repeat: repeat-y; */ position:relative;} .GooFlow_work .GooFlow_work_group{position:absolute;overflow:hidden;top:0px;left:0px} .GooFlow_area{position:absolute;overflow:hidden;} .GooFlow_area .lock{cursor:default;} .GooFlow_area .bg{cursor:move;filter:Alpha(Opacity=30);-moz-opacity:0.3;opacity: 0.3;} .GooFlow_work .lock .bg{cursor:default;} .GooFlow_area label{cursor:text;top:1px;left:1px;position:absolute;display:block;font-size:12px;text-indent:18px;height:18px;line-height:18px} .GooFlow_work .lock label{cursor:default;} .GooFlow_area b{display:block;height:18px;widht:18px;top:0px;left:0px;position:absolute;cursor:pointer} .GooFlow_work .area_red .bg{border:1px solid red;background-color:#FF7865} .GooFlow_work .area_red label{color:red;background:url(img/gooflow_bullet.png) no-repeat 1px 1px} .GooFlow_work .area_yellow .bg{border:1px solid #CD925A;background-color:#FFD564} .GooFlow_work .area_yellow label{color:#FFBA1D;background:url(img/gooflow_bullet.png) no-repeat 1px -16px} .GooFlow_work .area_blue .bg{border:1px solid #347BB1;background-color:#549CDE} .GooFlow_work .area_blue label{color:#347BB1;background:url(img/gooflow_bullet.png) no-repeat 1px -33px} .GooFlow_work .area_green .bg{border:1px solid green;background-color:#84CA04} .GooFlow_work .area_green label{color:green;background:url(img/gooflow_bullet.png) no-repeat 1px -50px} .GooFlow_work svg{display:block;position:absolute} .GooFlow_work v\:group{position:relative;display:block} .GooFlow_work v\:group v\:line{overflow:visible} .GooFlow_work v\:group v\:polyline{overflow:visible} .GooFlow_work v\:group div{cursor:text;position:absolute;overflow:visible;display:inline;float:left;white-space: nowrap} .GooFlow_work .draw{color:#ff3300} .GooFlow_item.node_foreach, /* 并行，增加背景色、方角，抄自 .GooFlow.node_decision。Lin .GooFlow_item.node_fork{border:none;} */ .GooFlow_item.node_fork{border: none; border-radius: 3px; background-color:#e4cdfd;} /* 汇合，增加大圆角、去掉边框。Lin .GooFlow_item.node_join, .GooFlow_item.node_join{background-color:#fce6c8;} */ .GooFlow_item.node_join{border: none; border-radius: 100px; background-color:#fce6c8;} /* 分支，去掉背景色、大圆角 -- 改用图片 fork1.png 作为背景色。Lin .GooFlow_item.node_decision{background-color:#e4cdfd;} .GooFlow_item.node_decision{ border: none; border-radius: 100px; } */ .GooFlow_item.node_decision{ border: none; } /* .GooFlow_work_inner .GooFlow_item.node_foreach .span, .GooFlow_work_inner .GooFlow_item.node_fork .span, .GooFlow_work_inner .GooFlow_item.node_decision .span, .GooFlow_work_inner .GooFlow_item.node_join .span{ top: 47px !important } */ /* 再改，独立指定 node_fork.span、node_foreach .span 的 top -- 把 .GooFlow.ico_fork2、.GooFlow.ico_foreach2 高度降低了。Lin * 相应的，在 GooFlow.addNode( 里，去掉 )、"汇合"、"并行" 放到框里 .GooFlow_work_inner .GooFlow_item.node_fork .span, .GooFlow_work_inner .GooFlow_item.node_decision .span, .GooFlow_work_inner .GooFlow_item.node_join .span, .GooFlow_work_inner .GooFlow_item.node_foreach .span{ word-wrap: break-word;top: 40px!important; transform: none !important } */ .GooFlow_work_inner .GooFlow_item.node_fork .span, .GooFlow_work_inner .GooFlow_item.node_foreach .span {word-wrap:break-word; top:8px!important; transform:none !important} .GooFlow_work_inner .GooFlow_item.node_decision .span, .GooFlow_work_inner .GooFlow_item.node_join .span {word-wrap: break-word;top: 12px!important; transform: none !important} .GooFlow .GooFlow_item.node_foreach .rs_opener, .GooFlow .GooFlow_item.node_fork .rs_opener, .GooFlow .GooFlow_item.node_decision .rs_opener, .GooFlow .GooFlow_item.node_join .rs_opener{top:-19px;} .GooFlow_item.item_round.item_focus{ background-color: transparent !important; } .GooFlow_item{ position:absolute; border:2px solid #333; border-radius:3px; color:#333; font-weight: bold; z-index: 1000; } .GooFlow_item:not(.item_round) .span{ width: 100%; left: 0 !important; top: 50% !important; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); text-align: center } .GooFlow table{border:0px #EBF4FD solid;padding:0px;border-radius:2px} .GooFlow td{ vertical-align:middle;text-align:center;padding:0px;cursor:default;word-wrap: break-word;word-break:break-all} .GooFlow .ico{width:18px;} .GooFlow b{display:block;width:20px;height:20px;overflow:visible; position: relative; } .GooFlow_tool b:after{content:''; position: absolute;width: 100%;height:100%;left:-2px;top:-2px;border-radius: 5px; } .GooFlow_tool_div > div:hover b:after, .elementListSelected b:after{ /* background:url(img/gooflow_btn_bg.png) repeat-x; */ border: 2px solid #bd1f16 !important; } .GooFlow_tool_div > div:hover b, .elementListSelected b{ background-color:#f4dadb ; } .GooFlow .item_round{ border-radius:30px; overflow:visible;border:0;} .GooFlow .item_round table{border:0px;padding:0px;width:22px;height:22px} .GooFlow .item_round .span{ display:block;text-align:center; position:absolute;width:40px;left:-10px;overflow:visible;text-align:center; padding:0px;cursor:default;word-wrap: break-word;word-break:break-all } .GooFlow .item_complex{background:#C2DB4E;} .GooFlow div .rs_right{overflow:hidden;position:absolute;right:-1px;top:-1px;height:100%;width:6px;cursor:w-resize} .GooFlow div .rs_bottom{overflow:hidden;position:absolute;left:-1px;bottom:-1px;width:100%;height:6px;cursor:n-resize} .GooFlow div .rs_rb{ position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;overflow:hidden;cursor:nw-resize;/*background:url(img/gooflow_tip.png) no-repeat 0px -8px;*/ } .GooFlow div .rs_control{ /* 换图标。Lin position:relative;left:0px;top:0px;width:15px;height:15px;overflow:hidden;cursor:pointer;background:url(img/gooflow_opener.png) no-repeat 0px -30px; */ position:relative;left:0px;top:0px;width:15px;height:15px;overflow:hidden;cursor:pointer;background:url(img/gooflow_icon.png) no-repeat -137px -47px; } .GooFlow div .rs_rejectline{ position:relative;left:-20px;top:-27px;width:15px;height:15px;overflow:hidden;cursor:pointer;color: #333; } .GooFlow div .rs_close{ /* 换图标。Lin position:relative;left:0px;top:0px;width:15px;height:15px;overflow:hidden;cursor:pointer;background:url(img/gooflow_opener.png) no-repeat 0px -15px */ position:relative;left:0px;top:0px;width:15px;height:15px;overflow:hidden;cursor:pointer;background:url(img/gooflow_icon.png) no-repeat -119px -0px } .GooFlow_item.item_round .rs_opener{top:167%;right: 2px; } .GooFlow div .rs_opener{ border: solid 1px #7DA2CE; position: absolute; width: auto; /*height: 15px;*/ background-color: #D8E8FC; opacity: 0.5; right: 0; top: -19px; display: flex; } .GooFlow .rs_ghost{ position:absolute;display:none;overflow:hidden;border:#8EA4C1 1px dashed; background:#D9E8FB; filter:Alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;z-index:10 } .GooFlow .item_focus{border-color:#bd1f16 ;margin:1px;background-color:#f4dadb !important;} .GooFlow .item_mark{border:#bd1f16 2px solid;margin: 2px;} .GooFlow .item_mark td{cursor:hand} .GooFlow textarea{position:absolute;border:#5068AE 1px solid;display:none;font-size:12px;overflow-y:visible;width:100px;z-index:10001} /*线选框*/ .GooFlow .GooFlow_line_oper{ width:70px;height:15px;background-color:#D8E8FC;border:#7DA2CE 1px solid;position:absolute; filter:Alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;z-index:10000; } .GooFlow .GooFlow_line_move{filter:Alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5;overflow:hidden;position:absolute;z-index:9999;background:url(0) no-repeat} .GooFlow .GooFlow_line_oper b{display:inline-block;width:15px;height:15px;margin-left:0px;cursor:pointer} .GooFlow .GooFlow_line_oper .b_l1{background:url(img/GooFlow_line_oper.png) no-repeat 1px 1px} .GooFlow .GooFlow_line_oper .b_l2{background:url(img/GooFlow_line_oper.png) no-repeat 1px -14px} .GooFlow .GooFlow_line_oper .b_l3{background:url(img/GooFlow_line_oper.png) no-repeat 1px -29px} .GooFlow .GooFlow_line_oper .b_x{background:url(img/GooFlow_line_oper.png) no-repeat 1px -44px;margin-left:10px} /*节点选框*/ .GooFlow .GooFlow_node_oper{ width:15px;height:15px;background-color:#D8E8FC;border:#7DA2CE 1px solid;position:absolute; filter:Alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;z-index:10000;display: block; } .GooFlow .GooFlow_node_move{filter:Alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5;overflow:hidden;position:absolute;z-index:9999;background:url(0) no-repeat} .GooFlow .GooFlow_node_oper b{display:inline-block;width:15px;height:15px;margin-left:0px;cursor:pointer} .GooFlow .GooFlow_node_oper .b_l1{background:url(img/gooflow_icon.png) no-repeat -135px -45px} .GooFlow .ico_cursor{background:url(img/gooflow_icon.png) no-repeat 2px -20px} .GooFlow .ico_start{background:url(img/gooflow_icon.png) no-repeat -19px -20px} .GooFlow .ico_end{background:url(img/gooflow_icon.png) no-repeat -39px -20px} .GooFlow .ico_fork{background:url(img/gooflow_icon.png) no-repeat -59px -20px} .GooFlow .ico_join{background:url(img/gooflow_icon.png) no-repeat -78px -20px} .GooFlow .ico_direct{background:url(img/gooflow_icon.png) no-repeat -137px -20px} .GooFlow .ico_group{background:url(img/gooflow_icon.png) no-repeat -96px -20px} .GooFlow .ico_complex{background:url(img/gooflow_icon.png) no-repeat -116px -20px} .GooFlow .ico_node{background:url(img/gooflow_icon.png) no-repeat -19px -45px} .GooFlow .ico_task{background:url(img/gooflow_icon.png) no-repeat 2px -45px} .GooFlow .ico_chat{background:url(img/gooflow_icon.png) no-repeat -38px -45px} .GooFlow .ico_state{background:url(img/gooflow_icon.png) no-repeat -59px -45px} .GooFlow .ico_plug{background:url(img/gooflow_icon.png) no-repeat -135px -45px} /*另外一份图标*/ .GooFlow .ico2_task, .GooFlow .ico2_start, .GooFlow .ico2_end, .GooFlow .icon2_decision, .GooFlow .ico2_fork, .GooFlow .ico2_join , .GooFlow .ico2_direct,.GooFlow .ico2_cursor{ display:block; width: 36px; height: 36px; border: 1px solid #ddd; border-radius: 5px; background-image :url(img/icons.png); background-repeat: no-repeat; background-position: 1px 1px; } .GooFlow .ico2_cursor{background-position: center -144px;} .GooFlow .ico2_start{background-position: 6px -36px; } .GooFlow .ico2_end{background-position: 5px -80px;} .GooFlow .ico2_fork{background-position: center -35px;} .GooFlow .ico2_join{background-position: center -72px;} .GooFlow .ico2_direct{background-position: center -108px;} .GooFlow .icon2_decision{ background-position: 1px -133px; } .GooFlow .icon2_decision{ background-position: 1px -133px; } .GooFlow .ico2_group{background:url(img/gooflow_icon.png) no-repeat -96px -20px} .GooFlow .ico2_complex{background:url(img/gooflow_icon.png) no-repeat -116px -20px} .GooFlow .ico2_node{background:url(img/gooflow_icon.png) no-repeat -19px -45px} .GooFlow .ico2_chat{background:url(img/gooflow_icon.png) no-repeat -38px -45px} .GooFlow .ico2_state{background:url(img/gooflow_icon.png) no-repeat -59px -45px} .GooFlow .ico2_plug{background:url(img/gooflow_icon.png) no-repeat -135px -45px} .GooFlow_tool_div > div{ box-sizing: border-box; /*text-align: center;*/ text-align: left; width: 150px; /* width: 64px;*/ padding: 5px 12px 0; position: relative; cursor: hand; margin: 7px 0px; color: #333; /*border: #15428B solid 1px;*/ display: inline-block; } .GooFlow_item.item_focus{top:0;} .GooFlow_tool p{margin-top: 2px;} .GooFlow .ico_open{background:url(img/gooflow_icon.png) no-repeat -19px 1px} .GooFlow .ico_new{background:url(img/gooflow_icon.png) no-repeat 2px 1px} .GooFlow .ico_reload{background:url(img/gooflow_icon.png) no-repeat -97px 1px} .GooFlow .ico_save{background:url(img/gooflow_icon.png) no-repeat -39px 1px} .GooFlow .ico_undo{background:url(img/gooflow_icon.png) no-repeat -58px 1px} .GooFlow .ico_redo{background:url(img/gooflow_icon.png) no-repeat -78px 1px} /*面板显示画面*/ .GooFlow .ico_cursor2{background:url(img/gooflow_icon.png) } .GooFlow .ico_start2{background:url(img/start_new.png) no-repeat center center; width: 21px;height: 21px;} .GooFlow .ico_end2{background:url(img/end_new.png) no-repeat center center;width: 21px;height: 21px;} /* 并行，去掉图标，缩小宽度、高度。Lin .GooFlow .ico_fork2{background:url(img/fork1.png) no-repeat center center;width: 62px;height: 38px;} */ .GooFlow .ico_fork2{background: no-repeat center center;width: 38px;height: 28px;} /* 汇合，去掉图标，腾出空间显示分支字典描述。Lin .GooFlow .ico_join2{background:url(img/join_new.png) no-repeat center center;width: 38px;height: 38px;} */ .GooFlow .ico_join2{background: no-repeat center center;width: 38px;height: 38px;} /* 并行，去掉图标，缩小宽度、高度。Lin .GooFlow .ico_foreach2{background:url(img/fork1.png) no-repeat center center;width: 62px;height: 38px;} */ .GooFlow .ico_foreach2{background: no-repeat center center;width: 38px;height: 28px;} /* 分支，改为菱形、增加宽度。Lin .GooFlow .ico_node2{background:url(img/decision_new.png) no-repeat center center;width: 38px;height: 38px;} */ .GooFlow .ico_node2{background: url(img/fork1.png) no-repeat center center;width: 62px;height: 38px;} .GooFlow .ico_direct2{background:url(img/gooflow_icon.png)} .GooFlow .ico_group2{background:url(img/gooflow_icon.png)} .GooFlow .ico_complex2{background:url(img/gooflow_icon.png)} .GooFlow .ico_task2{background:url(img/task.svg) no-repeat;background-size:100% 100%;width:100%;height:100%} .GooFlow .ico_chat2{background:url(img/gooflow_icon.png)} .GooFlow .ico_state2{background:url(img/gooflow_icon.png)} .GooFlow .ico_plug2{background:url(img/gooflow_icon.png)} .GooFlow .ico_open2{background:url(img/gooflow_icon.png)} .GooFlow .ico_new2{background:url(img/gooflow_icon.png)} .GooFlow .ico_reload2{background:url(img/gooflow_icon.png)} .GooFlow .ico_save2{background:url(img/gooflow_icon.png)} .GooFlow .ico_undo2{background:url(img/gooflow_icon.png)} .GooFlow .ico_redo2{background:url(img/gooflow_icon.png)} #closeBtn{ cursor:pointer; height:21px; width:21px; border-radius:20px; background-image:url(/env/js/GooFlow/codebase/img/cross.png); background-repeat:no-repeat; background-position:center center; background-color:#b2b2b2; display:inline-block; position:absolute; right:-9px;top:-9px; transition:all .2s ease-in-out ; -webkit-transition:all .2s ease-in-out;} #closeBtn:hover{background-color:#bd1f16 !important; transition:all .2s ease-in-out; } #control table{ font-size:12px;font-weight:bold} #control tr:last-child th{background-color: #fff; border-right: none;} #control tr:last-child{border:none;} #control tr{ line-height:29px;height:29px;border:1px solid #e4e4e4;} #control th{background-color:#f0f0f0;border-right:1px solid #e4e4e4;} #control input[type=text], #control input[type=number]{height:17px;width:138px;border:1px solid #eaeaea;margin-left:10px;margin-right:8px;font-weight:bold;padding-left:10px;font-size:12px;} #control input[type=checkbox]{margin-left: 10px;} #control select{margin-left:10px;border:1px solid #ececec;border-radius:4px;background-color:#f1f1f1;font-size:12px;font-weight:bold;} #floatDiv{ z-index: 99999; height: 300px!important; overflow: scroll!important; width: 250px!important; /* display: none!important; */ } #floatDiv table{ font-size:12px;font-weight:bold} #floatDiv tr:last-child th{background-color: #fff; border-right: none;} #floatDiv tr:last-child{border:none;} #floatDiv tr:odd{ line-height:29px;height:29px;border:1px solid #e4e4e4;} #floatDiv th{background-color:#f0f0f0;line-height:29px;border-right:1px solid #e4e4e4;width: 100px;height:29px;border:1px solid #e4e4e4;} #floatDiv td{width: 150px;height:29px;line-height:29px;border:1px solid #e4e4e4;padding-left: 5px;} #floatDiv input[type=text], #floatDiv input[type=number]{height:17px;width:138px;border:1px solid #eaeaea;margin-left:10px;margin-right:8px;font-weight:bold;padding-left:10px;font-size:12px;} #floatDiv input[type=checkbox]{margin-left: 10px;} #floatDiv select{margin-left:10px;border:1px solid #ececec;border-radius:4px;background-color:#f1f1f1;font-size:12px;font-weight:bold;} #floatDiv tr:even{ height:0px!important; } #floatDiv h4{ text-align: center; padding: 5px; } #demo{ background-image: url(img/pattern.jpg) !important; }