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