1 |
|
2 |
|
3 |
|
4 | .mermaid .label {
|
5 | font-family: 'trebuchet ms', verdana, arial;
|
6 | color: #333;
|
7 | }
|
8 | .node rect,
|
9 | .node circle,
|
10 | .node ellipse,
|
11 | .node polygon {
|
12 | fill: #cde498;
|
13 | stroke: #13540c;
|
14 | stroke-width: 1px;
|
15 | }
|
16 | .arrowheadPath {
|
17 | fill: green;
|
18 | }
|
19 | .edgePath .path {
|
20 | stroke: green;
|
21 | stroke-width: 1.5px;
|
22 | }
|
23 | .edgeLabel {
|
24 | background-color: #e8e8e8;
|
25 | }
|
26 | .cluster rect {
|
27 | fill: #cdffb2 !important;
|
28 | rx: 4 !important;
|
29 | stroke: #6eaa49 !important;
|
30 | stroke-width: 1px !important;
|
31 | }
|
32 | .cluster text {
|
33 | fill: #333;
|
34 | }
|
35 | .actor {
|
36 | stroke: #13540c;
|
37 | fill: #cde498;
|
38 | }
|
39 | text.actor {
|
40 | fill: black;
|
41 | stroke: none;
|
42 | }
|
43 | .actor-line {
|
44 | stroke: grey;
|
45 | }
|
46 | .messageLine0 {
|
47 | stroke-width: 1.5;
|
48 | stroke-dasharray: "2 2";
|
49 | marker-end: "url(#arrowhead)";
|
50 | stroke: #333;
|
51 | }
|
52 | .messageLine1 {
|
53 | stroke-width: 1.5;
|
54 | stroke-dasharray: "2 2";
|
55 | stroke: #333;
|
56 | }
|
57 | #arrowhead {
|
58 | fill: #333;
|
59 | }
|
60 | #crosshead path {
|
61 | fill: #333 !important;
|
62 | stroke: #333 !important;
|
63 | }
|
64 | .messageText {
|
65 | fill: #333;
|
66 | stroke: none;
|
67 | }
|
68 | .labelBox {
|
69 | stroke: #326932;
|
70 | fill: #cde498;
|
71 | }
|
72 | .labelText {
|
73 | fill: black;
|
74 | stroke: none;
|
75 | }
|
76 | .loopText {
|
77 | fill: black;
|
78 | stroke: none;
|
79 | }
|
80 | .loopLine {
|
81 | stroke-width: 2;
|
82 | stroke-dasharray: "2 2";
|
83 | marker-end: "url(#arrowhead)";
|
84 | stroke: #326932;
|
85 | }
|
86 | .note {
|
87 | stroke: #6eaa49;
|
88 | fill: #fff5ad;
|
89 | }
|
90 | .noteText {
|
91 | fill: black;
|
92 | stroke: none;
|
93 | font-family: 'trebuchet ms', verdana, arial;
|
94 | font-size: 14px;
|
95 | }
|
96 |
|
97 | .section {
|
98 | stroke: none;
|
99 | opacity: 0.2;
|
100 | }
|
101 | .section0 {
|
102 | fill: #6eaa49;
|
103 | }
|
104 | .section2 {
|
105 | fill: #6eaa49;
|
106 | }
|
107 | .section1,
|
108 | .section3 {
|
109 | fill: white;
|
110 | opacity: 0.2;
|
111 | }
|
112 | .sectionTitle0 {
|
113 | fill: #333;
|
114 | }
|
115 | .sectionTitle1 {
|
116 | fill: #333;
|
117 | }
|
118 | .sectionTitle2 {
|
119 | fill: #333;
|
120 | }
|
121 | .sectionTitle3 {
|
122 | fill: #333;
|
123 | }
|
124 | .sectionTitle {
|
125 | text-anchor: start;
|
126 | font-size: 11px;
|
127 | text-height: 14px;
|
128 | }
|
129 |
|
130 | .grid .tick {
|
131 | stroke: lightgrey;
|
132 | opacity: 0.3;
|
133 | shape-rendering: crispEdges;
|
134 | }
|
135 | .grid path {
|
136 | stroke-width: 0;
|
137 | }
|
138 |
|
139 | .today {
|
140 | fill: none;
|
141 | stroke: red;
|
142 | stroke-width: 2px;
|
143 | }
|
144 |
|
145 |
|
146 | .task {
|
147 | stroke-width: 2;
|
148 | }
|
149 | .taskText {
|
150 | text-anchor: middle;
|
151 | font-size: 11px;
|
152 | }
|
153 | .taskTextOutsideRight {
|
154 | fill: black;
|
155 | text-anchor: start;
|
156 | font-size: 11px;
|
157 | }
|
158 | .taskTextOutsideLeft {
|
159 | fill: black;
|
160 | text-anchor: end;
|
161 | font-size: 11px;
|
162 | }
|
163 |
|
164 | .taskText0,
|
165 | .taskText1,
|
166 | .taskText2,
|
167 | .taskText3 {
|
168 | fill: white;
|
169 | }
|
170 | .task0,
|
171 | .task1,
|
172 | .task2,
|
173 | .task3 {
|
174 | fill: #487e3a;
|
175 | stroke: #13540c;
|
176 | }
|
177 | .taskTextOutside0,
|
178 | .taskTextOutside2 {
|
179 | fill: black;
|
180 | }
|
181 | .taskTextOutside1,
|
182 | .taskTextOutside3 {
|
183 | fill: black;
|
184 | }
|
185 |
|
186 | .active0,
|
187 | .active1,
|
188 | .active2,
|
189 | .active3 {
|
190 | fill: #cde498;
|
191 | stroke: #13540c;
|
192 | }
|
193 | .activeText0,
|
194 | .activeText1,
|
195 | .activeText2,
|
196 | .activeText3 {
|
197 | fill: black !important;
|
198 | }
|
199 |
|
200 | .done0,
|
201 | .done1,
|
202 | .done2,
|
203 | .done3 {
|
204 | stroke: grey;
|
205 | fill: lightgrey;
|
206 | stroke-width: 2;
|
207 | }
|
208 | .doneText0,
|
209 | .doneText1,
|
210 | .doneText2,
|
211 | .doneText3 {
|
212 | fill: black !important;
|
213 | }
|
214 |
|
215 | .crit0,
|
216 | .crit1,
|
217 | .crit2,
|
218 | .crit3 {
|
219 | stroke: #ff8888;
|
220 | fill: red;
|
221 | stroke-width: 2;
|
222 | }
|
223 | .activeCrit0,
|
224 | .activeCrit1,
|
225 | .activeCrit2,
|
226 | .activeCrit3 {
|
227 | stroke: #ff8888;
|
228 | fill: #cde498;
|
229 | stroke-width: 2;
|
230 | }
|
231 | .doneCrit0,
|
232 | .doneCrit1,
|
233 | .doneCrit2,
|
234 | .doneCrit3 {
|
235 | stroke: #ff8888;
|
236 | fill: lightgrey;
|
237 | stroke-width: 2;
|
238 | cursor: pointer;
|
239 | shape-rendering: crispEdges;
|
240 | }
|
241 | .doneCritText0,
|
242 | .doneCritText1,
|
243 | .doneCritText2,
|
244 | .doneCritText3 {
|
245 | fill: black !important;
|
246 | }
|
247 | .activeCritText0,
|
248 | .activeCritText1,
|
249 | .activeCritText2,
|
250 | .activeCritText3 {
|
251 | fill: black !important;
|
252 | }
|
253 | .titleText {
|
254 | text-anchor: middle;
|
255 | font-size: 18px;
|
256 | fill: black;
|
257 | }
|
258 | g.classGroup text {
|
259 | fill: #13540c;
|
260 | stroke: none;
|
261 | font-family: 'trebuchet ms', verdana, arial;
|
262 | font-size: 10px;
|
263 | }
|
264 | g.classGroup rect {
|
265 | fill: #cde498;
|
266 | stroke: #13540c;
|
267 | }
|
268 | g.classGroup line {
|
269 | stroke: #13540c;
|
270 | stroke-width: 1;
|
271 | }
|
272 | svg .classLabel .box {
|
273 | stroke: none;
|
274 | stroke-width: 0;
|
275 | fill: #cde498;
|
276 | opacity: 0.5;
|
277 | }
|
278 | svg .classLabel .label {
|
279 | fill: #13540c;
|
280 | font-size: 10px;
|
281 | }
|
282 | .relation {
|
283 | stroke: #13540c;
|
284 | stroke-width: 1;
|
285 | fill: none;
|
286 | }
|
287 | .composition {
|
288 | fill: #13540c;
|
289 | stroke: #13540c;
|
290 | stroke-width: 1;
|
291 | }
|
292 | #compositionStart {
|
293 | fill: #13540c;
|
294 | stroke: #13540c;
|
295 | stroke-width: 1;
|
296 | }
|
297 | #compositionEnd {
|
298 | fill: #13540c;
|
299 | stroke: #13540c;
|
300 | stroke-width: 1;
|
301 | }
|
302 | .aggregation {
|
303 | fill: #cde498;
|
304 | stroke: #13540c;
|
305 | stroke-width: 1;
|
306 | }
|
307 | #aggregationStart {
|
308 | fill: #cde498;
|
309 | stroke: #13540c;
|
310 | stroke-width: 1;
|
311 | }
|
312 | #aggregationEnd {
|
313 | fill: #cde498;
|
314 | stroke: #13540c;
|
315 | stroke-width: 1;
|
316 | }
|
317 | #dependencyStart {
|
318 | fill: #13540c;
|
319 | stroke: #13540c;
|
320 | stroke-width: 1;
|
321 | }
|
322 | #dependencyEnd {
|
323 | fill: #13540c;
|
324 | stroke: #13540c;
|
325 | stroke-width: 1;
|
326 | }
|
327 | #extensionStart {
|
328 | fill: #13540c;
|
329 | stroke: #13540c;
|
330 | stroke-width: 1;
|
331 | }
|
332 | #extensionEnd {
|
333 | fill: #13540c;
|
334 | stroke: #13540c;
|
335 | stroke-width: 1;
|
336 | }
|
337 | .node text {
|
338 | font-family: 'trebuchet ms', verdana, arial;
|
339 | font-size: 14px;
|
340 | }
|
341 | div.mermaidTooltip {
|
342 | position: absolute;
|
343 | text-align: center;
|
344 | max-width: 200px;
|
345 | padding: 2px;
|
346 | font-family: 'trebuchet ms', verdana, arial;
|
347 | font-size: 12px;
|
348 | background: #cdffb2;
|
349 | border: 1px solid #6eaa49;
|
350 | border-radius: 2px;
|
351 | pointer-events: none;
|
352 | z-index: 100;
|
353 | }
|