/* 待处理节点的颜色 */ #canvas g .djs-visual rect, #canvas g .djs-visual polygon, #canvas g[data-element-id^='EndEvent'] circle{ fill:#a8a8a8; stroke:#a8a8a8; } /* 待处理节点的文字颜色 */ #canvas g text{ fill:#fff; font-family: Microsoft YaHei !important; } /* 待处理连线的颜色 */ #markerUnhandle path{ fill:#dfdfdf } /* 待处理连线的箭头颜色 */ #canvas g .djs-visual path{ stroke: #dfdfdf; marker-end:url("#markerUnhandle") !important; } /* 已处理节点的颜色 */ #canvas g.handled .djs-visual rect, #canvas g.handled .djs-visual polygon, #canvas g.handled circle, #canvas g[data-element-id^='StartEvent'] circle{ fill:#a4beff; stroke:#a4beff; } /* 已处理节点 */ #canvas g.handled text, #canvas g[data-element-id^='StartEvent'] text, #canvas g[data-element-id^='EndEvent'] text{ fill:#333; } /* 待处理连线的文字颜色 */ #canvas g[data-element-id^='SequenceFlow'] text{ fill:#333; font-family: Microsoft YaHei !important; } /* 已处理连线的颜色 */ #markerHandle path{ fill:#6f72fa } /* 已处理连线的箭头颜色 */ #canvas g.handled .djs-visual path{ stroke: #6f72fa; marker-end:url("#markerHandle") !important; } /* 当前节点的颜色 */ #canvas g.currentNode .djs-visual rect, #canvas g.currentNode .djs-visual polygon, #canvas g.currentNode circle{ fill:#dbf9de; stroke:#dbf9de; } /* 当前节点的选中框样式 */ .showTop1,.showTop2,.showBottom1,.showBottom2{ border:1px solid #ff6600; height: 15px; width: 15px; text-align: center; } .showTop1 { border-bottom:none; border-right:none; padding: -5px; } .showTop2 { border-bottom:none; border-left:none; padding: -5px; } .showBottom1 { border-top:none; border-right:none; padding: -5px; } .showBottom2 { border-top:none; border-left:none; padding: -5px; } /* 时间轴播放器:已处理的连线颜色 */ .cd-horizontal-timeline .filling-line, .cd-horizontal-timeline .events a.selected::after{ background-color: #7f82ff; } .cd-horizontal-timeline .events a.older-event::after, .cd-horizontal-timeline .events a.selected::after{ border-color: #7f82ff; } /* 时间轴播放器:翻页的箭头图片 */ .cd-timeline-navigation a::after{ background:url(../img/cd-arrow.png) no-repeat 0 0; } /* 时间轴播放器:文字 */ a{ color: #4c4fab; font-family: Microsoft YaHei; }