-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathflowchart.css
More file actions
186 lines (184 loc) · 18.3 KB
/
flowchart.css
File metadata and controls
186 lines (184 loc) · 18.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
.flowchart{font:12px/24px 'Microsoft YaHei','Tahoma','Verdana','Arial','\5b8b\4f53';-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;border:1px #95B8E7 solid;background:#E0ECFF;}
.flowchart .msie-min-height-fix{font-size:0;line-height:0;}
.flowchart .blurred{stroke:black;stroke-width:2;}
.flowchart .focused,.flowchart .highlight{stroke:red;stroke-width:2;}
.flowchart .crosshair,.flowchart .highlight v\:roundrect{cursor:crosshair;}
.flowchart .move{cursor:move;}
.flowchart .hide{display:none;}
.flowchart .no-top-border{border-top:none;}
.flowchart svg{display:block;position:absolute;pointer-events:all;}
.flowchart svg svg{stroke:inherit;stroke-width:inherit;}
.flowchart svg use{pointer-events:all;}
.flowchart svg text{cursor:text;fill:black;stroke:none;stroke-width:1;text-anchor:start;}
.flowchart svg tspan{cursor:text;}
.flowchart svg use.e-resize{cursor:e-resize;}
.flowchart svg use.s-resize{cursor:s-resize;}
.flowchart svg use.w-resize{cursor:w-resize;}
.flowchart svg use.n-resize{cursor:n-resize;}
.flowchart svg use.ne-resize{cursor:ne-resize;}
.flowchart svg use.nw-resize{cursor:nw-resize;}
.flowchart svg use.se-resize{cursor:se-resize;}
.flowchart svg use.sw-resize{cursor:sw-resize;}
.flowchart .line0 line{cursor:crosshair;fill:none;stroke-width:1.4;stroke-linecap:round;pointer-events:none;}
.flowchart .line1 line.mainline,.flowchart .line1 polyline.mainline{visibility:hidden;cursor:pointer;fill:none;stroke-width:10;stroke:transparent;pointer-events:stroke;}
.flowchart .line1 line.subline,.flowchart .line1 polyline.subline{fill:none;stroke-width:1.4;stroke-linecap:round;pointer-events:none;}
.flowchart v\:group{position:absolute;display:inline-block;background:url(0) fixed;}
.flowchart v\:shape,v\:rect,v\:roundrect,v\:oval,v\:line,v\:polyline{position:absolute;display:inline-block;cursor:default;background:url(0) fixed;}
.flowchart v\:group v\:line,.flowchart v\:group v\:polyline{overflow:visible;background:none;}
.flowchart v\:group v\:fill,.flowchart v\:group v\:stroke,.flowchart v\:group v\:shadow{behavior:url(#default#vml);}
.flowchart v\:group div{display:inline-block;float:left;position:absolute;white-space:nowrap;overflow:visible;}
.flowchart-editor{position:absolute;border:1px #95B8E7 solid;display:none;padding:0;font-size:12px;overflow-x:hidden;overflow-y:auto;width:100px;z-index:9999}
.flowchart-blockUI{position:absolute;display:none;overflow:hidden;text-align:center;z-index:9999;cursor:progress;}
.flowchart-blockUI div{width:100%;height:100%;opacity:0.4;-moz-opacity:0.4;filter:alpha(opacity=40);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);background:#DDD;}
.flowchart-blockUI span{position:absolute;top:0;font-size:14px;}
.flowchart-snapshot{position:absolute;z-index:9998;display:none;overflow:visible;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px #8EA4C1 dashed;background:#D9E8FB;opacity:0.7;-moz-opacity:0.7;filter:alpha(opacity=70);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
.flowchart-knob{position:absolute;z-index:9999;display:none;overflow:hidden;cursor:crosshair;width:12px;height:12px;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);background:#333;}
.flowchart-marquee{position:absolute;display:none;overflow:hidden;left:0;top:0;width:0;height:0;border:1px blue dashed;}
.flowchart-controller{position:fixed;display:none;height:26px;border:1px #7DA2CE solid;background-color:#D8E8FC;padding-right:4px;}
.flowchart-controller i{float:left;display:block;width:24px;height:24px;margin:1px 0 1px 4px;border:none;cursor:pointer;}
.flowchart-rulerX{position:absolute;z-index:9998;top:0;left:0;height:11px;border-bottom:1px #CCC solid;}
.flowchart-rulerX div,.flowchart-rulerX span{float:left;display:block;font:10px/24px 'Microsoft YaHei','Tahoma','Verdana','Arial','\5b8b\4f53';width:9px;height:4px;border-left:1px #999 solid;}
.flowchart-rulerX span{text-indent:-11px;height:6px;border-left:1px red solid;}
.flowchart-rulerX .half-scaleX{border-left:1px red solid;}
.flowchart-rulerY{position:absolute;z-index:9998;top:0;left:0;width:11px;border-right:1px #CCC solid;}
.flowchart-rulerY div,.flowchart-rulerY span{display:block;font:10px/24px 'Microsoft YaHei','Tahoma','Verdana','Arial','\5b8b\4f53';width:4px;height:9px;border-top:1px #999 solid;}
.flowchart-rulerY span{width:6px;border-top:1px red solid;}
.flowchart-rulerY span .rotate0{writing-mode:tb-rl;top:-10px;left:0;}
.flowchart-rulerY span .rotate1{position:relative;display:block;top:-20px;left:10px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.flowchart-rulerY .half-scaleY{border-top:1px red solid;}
.flowchart-axisX{position:absolute;z-index:9999;display:none;top:0;height:11px;border-left:1px red solid;}
.flowchart-axisY{position:absolute;z-index:9999;display:none;left:0;width:11px;border-top:1px red solid;}
.flowchart-radar-xline{position:absolute;z-index:9999;display:none;overflow:hidden;left:0;width:100%;height:0;border-top:1px red dashed;}
.flowchart-radar-yline{position:absolute;z-index:9999;display:none;overflow:hidden;top:0;height:100%;width:0;border-right:1px red dashed;}
.flowchart-splitter{position:absolute;overflow:hidden;z-index:9999;background:url(0) no-repeat;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
.flowchart-widget{position:absolute;z-index:9999;display:none;overflow:hidden;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;width:184px;height:28px;border:1px #7DA2CE solid;background-color:#D8E8FC;opacity:0.7;-moz-opacity:0.7;filter:alpha(opacity=70);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
.flowchart-widget i,.flowchart-widget small{float:left;display:block;width:24px;height:24px;margin:1px 0 2px 4px;border-top:3px #D8E8FC solid;cursor:pointer;}
.flowchart-widget i:hover,.flowchart-widget small:hover{border-top-color:#ED6B75;}
.flowchart-widget span{float:left;display:block;overflow:hidden;margin:2px 0 2px 4px;width:0;height:24px;border-left:#95B8E7 1px solid;border-right:#FFF 1px solid;}
.flowchart-widget .selected{margin-top:1px;border-top:3px #D12610 solid !important;cursor:not-allowed;}
.flowchart-widget .icon-sl{background:url(images/sl.png);}
.flowchart-widget .icon-b2t{background:url(images/bottom2top.png);}
.flowchart-widget .icon-l2r{background:url(images/left2right.png);}
.flowchart-widget .icon-solid{background:url(images/solid.png);}
.flowchart-widget .icon-dashed{background:url(images/dashed.png);}
.flowchart-widget .icon-remove{margin-top:2px;border-top:none;background:url(images/remove2.png);}
.flowchart-menubar{height:28px;padding:4px;clear:both;}
.flowchart-menubar big,.flowchart-menubar tt{display:none;position:absolute;z-index:99999;padding:0 4px;width:256px;height:28px;line-height:28px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.flowchart-menubar big{background-color:red;color:white;}
.flowchart-menubar tt{line-height:1;}
.flowchart-menubar label{float:left;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:28px;line-height:28px;padding:0 38px;background-image:url(images/flowchart.png);background-repeat:no-repeat;background-position:6px 2px;}
.flowchart-menubar span{float:right;display:block;overflow:hidden;margin-left:4px;width:0;height:28px;border-left:#95B8E7 1px solid;border-right:#FFF 1px solid;}
.flowchart-menu0{float:right;display:block;cursor:default;width:24px;height:24px;line-height:24px;padding:2px;margin-left:4px;outline:none;border:none;}
.flowchart-menu0:hover{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;padding:0;width:26px;height:26px;border:1px #8B7654 solid;background:#FC8F3C;}
.flowchart-menu0:hover i{border-radius:1px;-moz-border-radius:1px;-webkit-border-radius:1px;border:1px #F6A32D solid;}
.flowchart-menu0 i{display:inline-block;overflow:hidden;width:24px;height:24px;border:none;}
.flowchart-menu1{float:right;display:block;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;cursor:default;padding:0;margin-left:4px;width:26px;height:26px;border:1px #8B7654 solid;background:#FC8F3C;}
.flowchart-menu1 i{display:inline-block;overflow:hidden;width:24px;height:24px;border-radius:1px;-moz-border-radius:1px;-webkit-border-radius:1px;border:1px #F6A32D solid;}
.flowchart-contextmenu{position:absolute;display:none;overflow:visible;z-index:9999;border:1px #979797 solid;box-shadow:1px 1px 2px 0 #999;-webkit-box-shadow:1px 1px 2px 0 #999;-moz-box-shadow:1px 1px 2px 0 #999;}
.flowchart-contextmenu{filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=135,Color='#999999');}
.flowchart-contextmenu dl{padding:2px 0;margin:0;background:#fff;}
.flowchart-contextmenu dl dt{padding:0 26px 0 24px;cursor:default;white-space:nowrap;min-width:64px;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;user-select:none;}
.flowchart-contextmenu dl dt:hover{background:#99CCFF;}
.flowchart-contextmenu dl dt.dt1{color:#ccc;cursor:not-allowed;}
.flowchart-contextmenu dl dt.dt1:hover{background:#F5F5F5;}
.flowchart-contextmenu dl dd{padding:0;margin:2px 0;border-bottom:1px #ccc solid;}
.flowchart-contextmenu dt dl{position:absolute;display:none;border:1px #979797 solid;}
.flowchart-contextmenu dt span{position:absolute;float:right;right:8px;font-weight:bold;letter-spacing:1px;}
.flowchart-buttonbar{float:left;clear:left;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;margin:0 4px;overflow:hidden;border:1px #B7C8D7 solid;}
.flowchart-buttonbar b{position:absolute;display:none;margin:4px 2px;padding:1px 0;text-align:center;width:28px;height:8px;line-height:8px;background:#F3F3F3;border:1px solid #C2C2C2;cursor:default;}
.flowchart-buttonbar b:hover{border:1px solid #AAA;}
.flowchart-buttonbar-panel{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px #E9F4FA solid;overflow:hidden;width:34px;}
.flowchart-buttonbar-panel span{height:0;overflow:hidden;border-bottom:#9AC6FF 1px solid;border-top:1px #FFF solid;margin:4px 2px;display:block;clear:both;}
.flowchart-button0{display:block;border:none;cursor:default;width:24px;height:24px;padding:2px;margin:4px 3px;outline:none;}
.flowchart-button0:hover{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;padding:0;border:1px #8E9DA6 solid;width:26px;height:26px;}
.flowchart-button0:hover i{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px #F5FAFC solid;}
.flowchart-button0 i{display:block;overflow:hidden;border:none;width:24px;height:24px;}
.flowchart-button1{display:block;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;cursor:default;padding:1px 0 0 1px;border:1px #8B7654 solid;background:#FC8F3C;width:25px;height:25px;margin:4px 3px;outline:none;}
.flowchart-button1 i{display:block;overflow:hidden;border:none;width:24px;height:24px;}
.flowchart-canvas,.flowchart-property-grid{float:right;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;overflow:scroll;position:relative;margin:0 4px 0 0;border:1px #B7C8D7 solid;}
.flowchart-property-grid{background:#FFF;overflow:hidden;}
.flowchart-property-grid .header{position:relative;float:left;display:block;overflow:hidden;margin:0;padding:0;cursor:default;text-align:center;width:100%;border-bottom:1px #A0A0A0 solid;background:#DCDCDC;}
.flowchart-property-grid .content{position:relative;float:left;display:block;overflow-x:hidden;overflow-y:scroll;margin:0;padding:0 0 4px 0;height:480px;width:100%;border:none;}
.flowchart-property-grid .content table{width:100%;table-layout:fixed;padding:0;margin:0;border-bottom:1px #D8E8FC solid;}
.flowchart-property-grid .content table col:first-child{width:73px;}
.flowchart-property-grid .content table caption{background:#DCDCDC;cursor:default;}
.flowchart-property-grid .content thead tr th{padding:4px;width:100%;font-weight:normal;color:red;}
.flowchart-property-grid .content tbody tr th,.flowchart-property-grid .content tbody tr td{padding:0;margin:0;border-top:1px #D8E8FC solid;border-right:1px #D8E8FC solid;}
.flowchart-property-grid .content tbody tr th{text-indent:4px;text-align:left;font-weight:bold;background:#F4F7FC;}
.flowchart-property-grid .content tbody tr td div{text-indent:4px;width:73px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000;cursor:default;}
.flowchart-property-grid .content tbody tr td input{float:left;text-indent:4px;width:100%;height:24px;line-height:24px;border:none;}
.flowchart-property-grid .content tbody tr td .w16h16{width:16px;height:16px;margin:0 4px;padding:0;}
.flowchart-property-grid .content tbody tr td textarea{float:left;padding:1px 0;width:100%;+width:expression(this.parentNode.offsetWidth-(_scrollbarWidth||17)+'px');height:24px;line-height:24px;border:none;resize:none;}
.flowchart-property-grid .content tbody tr td select{width:100%;+width:expression(this.parentNode.offsetWidth-(_scrollbarWidth||17)+'px');height:24px;line-height:24px;padding:0;margin:0;border:none;}
.flowchart-property-grid .content tbody tr td button{position:absolute;right:0;padding:0 0 7px 0;text-align:center;margin:5px 2px;line-height:0;font-weight:bold;width:16px;height:16px;cursor:pointer;}
.flowchart-property-grid .footer{position:relative;float:left;display:block;overflow:hidden;margin:0;padding:0 4px;width:100%;height:48px;border-top:1px #A0A0A0 solid;background:#DCDCDC;}
.flowchart-canvas-panel{overflow:hidden;position:relative;background-image:url(images/grid.png);}
.flowchart-canvas-vml{position:relative;}
.flowchart-dialog{position:absolute;display:block;overflow:hidden;z-index:10000;width:600px;height:400px;border:1px solid #95B8E7;background:#FFF;}
.flowchart-dialog .dialog-header{padding:0 5px;height:28px;line-height:28px;background:#E0ECFF;border-bottom:1px solid #95B8E7;}
.flowchart-dialog .dialog-header .title{float:left;display:block;}
.flowchart-dialog .dialog-header .action{float:right;display:block;padding-top:2px;}
.flowchart-dialog .dialog-header .action i{display:inline-block;overflow:hidden;width:24px;height:24px;border:none;cursor:pointer;}
.flowchart-dialog .dialog-content{display:block;width:100%;height:auto;overflow:auto;}
.flowchart-dialog .dialog-content .json-viewer{padding:5px;margin:0;border:none;box-sizing:border-box;resize:none;}
.flowchart-dialog .dialog-content span{display:block;padding:0 5px;height:28px;line-height:28px;border-bottom:1px solid #95B8E7;cursor:pointer;}
.flowchart-dialog .dialog-content span:hover{background:#99CCFF;}
.flowchart-dialog .dialog-content .data-filter{padding:5px;height:24px;border-bottom:1px solid #95B8E7;}
.flowchart-dialog .dialog-content .data-filter input{float:right;margin:0;padding:1px 1px 1px 24px;width:264px;height:20px;line-height:20px;background:url(images/search.png) 4px no-repeat;border:1px solid #ccc;}
.flowchart-dialog .dialog-content .data-filter button{float:right;margin:0 5px 0 0;width:24px;height:24px;border:1px solid #ccc;cursor:pointer;}
.flowchart-dialog .dialog-content .data-filter button:hover{border:1px solid #aaa;}
.flowchart-dialog .dialog-content .data-filter .prev{background:url(images/prev.png) center no-repeat;}
.flowchart-dialog .dialog-content .data-filter .next{background:url(images/next.png) center no-repeat;}
.flowchart-dialog .dialog-content .data-filter .reload{background:url(images/reload2.png) center no-repeat;}
.flowchart-dialog .dialog-content form{padding:0;margin:0;}
.flowchart-dialog .dialog-content table{margin:8px auto;width:auto;height:auto;}
.flowchart-dialog .dialog-content table col:first-child{width:96px;background:#FAFAFA;}
.flowchart-dialog .dialog-content tbody tr td div{text-align:right;padding-right:8px;}
.flowchart-dialog .dialog-content tbody tr td input{height:24px;}
.flowchart-dialog .dialog-content tbody tr td select{width:100%;height:24px;line-height:24px;}
.flowchart-dialog .dialog-content tbody tr td textarea{width:434px;height:96px;resize:vertical;}
.flowchart-dialog .dialog-footer{height:32px;background:#F4F4F4;border-top:1px solid #DDD;text-align:right;}
.flowchart-dialog .dialog-footer button{height:24px;line-height:18px\9;padding-left:24px;padding-right:24px;position:relative;top:4px;right:8px;margin-right:9px;}
.flowchart-dialog #datacntr{min-width:440px;+width:440px;}
.flowchart-dialog #actors,.flowchart-dialog #datalist{float:left;width:45%;height:96px;}
.flowchart-dialog #datatool{float:left;width:10%;height:96px;padding:0;margin:0;text-align:center;border:none;}
.flowchart-dialog #datatool button{width:32px;}
.flowchart-dialog #tips{margin:0 0 4px;padding:4px 8px;width:422px;background-color:#FCF8E3;border:1px solid #FAEBCC;color:#8A6D3B;}
.flowchart-dialog #datafilter{position:absolute;width:104px;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
/* IE6-IE7 CSS HACK */
@media screen\9{
}
/* IE6-IE8 CSS HACK */
@media \0screen\,screen\9{
}
/* IE10+ CSS HACK */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){
.flowchart-dialog .dialog-footer button{line-height:18px;}
}
.icon-new{background:url(images/new.png);}
.icon-open{background:url(images/open.png);}
.icon-save{background:url(images/save.png);}
.icon-reload{background:url(images/reload.png);}
.icon-json{background:url(images/json.png);}
.icon-undo{background:url(images/undo.png);}
.icon-redo{background:url(images/redo.png);}
.icon-lock{background:url(images/lock.png);}
.icon-unlock{background:url(images/unlock.png);}
.icon-pin{background:url(images/pin.png);}
.icon-unpin{background:url(images/unpin.png);}
.icon-cursor{background:url(images/cursor.png);}
.icon-marquee{background:url(images/marquee.png);}
.icon-line{background:url(images/line.png);}
.icon-note{background:url(images/note.png);}
.icon-group{background:url(images/group.png);}
.icon-action{background:url(images/action.png);}
.icon-process{background:url(images/process.png);}
.icon-decision{background:url(images/decision.png);}
.icon-initial{background:url(images/initial.png);}
.icon-final{background:url(images/final.png);}
.icon-fork{background:url(images/fork.png);}
.icon-join{background:url(images/join.png);}
.icon-maximize{background:url(images/maximize.png);}
.icon-restore{background:url(images/restore.png);}
.icon-close{background:url(images/close.png);}
.icon-search{background:url(images/search.png);}