Skip to content

Commit de43593

Browse files
tfootetfoote
committed
add support for mermaid rendering
1 parent dceaa04 commit de43593

File tree

5 files changed

+41072
-2
lines changed

5 files changed

+41072
-2
lines changed

‎Makefile

+1-1
Original file line numberDiff line numberDiff line change
@@ -27,4 +27,4 @@ clean:
2727
-rm rep-0000.rst
2828

2929
upload: all
30-
rsync -r README.txt *.html rep.css style.css rep-0000.rst $(SUBDIRS) [email protected]:/var/www/www.ros.org/reps
30+
rsync -r README.txt *.html mermaid.css mermaid.js rep.css style.css rep-0000.rst $(SUBDIRS) [email protected]:/var/www/www.ros.org/reps

‎mermaid.css

+274
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,274 @@
1+
/* Flowchart variables */
2+
/* Sequence Diagram variables */
3+
/* Gantt chart variables */
4+
.mermaid .label {
5+
color: #333;
6+
}
7+
.node rect,
8+
.node circle,
9+
.node ellipse,
10+
.node polygon {
11+
fill: #ECECFF;
12+
stroke: #CCCCFF;
13+
stroke-width: 1px;
14+
}
15+
.edgePath .path {
16+
stroke: #333333;
17+
}
18+
.edgeLabel {
19+
background-color: #e8e8e8;
20+
}
21+
.cluster rect {
22+
fill: #ffffde !important;
23+
rx: 4 !important;
24+
stroke: #aaaa33 !important;
25+
stroke-width: 1px !important;
26+
}
27+
.cluster text {
28+
fill: #333;
29+
}
30+
.actor {
31+
stroke: #CCCCFF;
32+
fill: #ECECFF;
33+
}
34+
text.actor {
35+
fill: black;
36+
stroke: none;
37+
}
38+
.actor-line {
39+
stroke: grey;
40+
}
41+
.messageLine0 {
42+
stroke-width: 1.5;
43+
stroke-dasharray: "2 2";
44+
marker-end: "url(#arrowhead)";
45+
stroke: #333;
46+
}
47+
.messageLine1 {
48+
stroke-width: 1.5;
49+
stroke-dasharray: "2 2";
50+
stroke: #333;
51+
}
52+
#arrowhead {
53+
fill: #333;
54+
}
55+
#crosshead path {
56+
fill: #333 !important;
57+
stroke: #333 !important;
58+
}
59+
.messageText {
60+
fill: #333;
61+
stroke: none;
62+
}
63+
.labelBox {
64+
stroke: #CCCCFF;
65+
fill: #ECECFF;
66+
}
67+
.labelText {
68+
fill: black;
69+
stroke: none;
70+
}
71+
.loopText {
72+
fill: black;
73+
stroke: none;
74+
}
75+
.loopLine {
76+
stroke-width: 2;
77+
stroke-dasharray: "2 2";
78+
marker-end: "url(#arrowhead)";
79+
stroke: #CCCCFF;
80+
}
81+
.note {
82+
stroke: #aaaa33;
83+
fill: #fff5ad;
84+
}
85+
.noteText {
86+
fill: black;
87+
stroke: none;
88+
font-family: 'trebuchet ms', verdana, arial;
89+
font-size: 14px;
90+
}
91+
/** Section styling */
92+
/* Commented out @tfoote due to conflicting definition
93+
.section {
94+
stroke: none;
95+
opacity: 0.2;
96+
}*/
97+
.section0 {
98+
fill: rgba(102, 102, 255, 0.49);
99+
}
100+
.section2 {
101+
fill: #fff400;
102+
}
103+
.section1,
104+
.section3 {
105+
fill: white;
106+
opacity: 0.2;
107+
}
108+
.sectionTitle0 {
109+
fill: #333;
110+
}
111+
.sectionTitle1 {
112+
fill: #333;
113+
}
114+
.sectionTitle2 {
115+
fill: #333;
116+
}
117+
.sectionTitle3 {
118+
fill: #333;
119+
}
120+
.sectionTitle {
121+
text-anchor: start;
122+
font-size: 11px;
123+
text-height: 14px;
124+
}
125+
/* Grid and axis */
126+
.grid .tick {
127+
stroke: lightgrey;
128+
opacity: 0.3;
129+
shape-rendering: crispEdges;
130+
}
131+
.grid path {
132+
stroke-width: 0;
133+
}
134+
/* Today line */
135+
.today {
136+
fill: none;
137+
stroke: red;
138+
stroke-width: 2px;
139+
}
140+
/* Task styling */
141+
/* Default task */
142+
.task {
143+
stroke-width: 2;
144+
}
145+
.taskText {
146+
text-anchor: middle;
147+
font-size: 11px;
148+
}
149+
.taskTextOutsideRight {
150+
fill: black;
151+
text-anchor: start;
152+
font-size: 11px;
153+
}
154+
.taskTextOutsideLeft {
155+
fill: black;
156+
text-anchor: end;
157+
font-size: 11px;
158+
}
159+
/* Specific task settings for the sections*/
160+
.taskText0,
161+
.taskText1,
162+
.taskText2,
163+
.taskText3 {
164+
fill: white;
165+
}
166+
.task0,
167+
.task1,
168+
.task2,
169+
.task3 {
170+
fill: #8a90dd;
171+
stroke: #534fbc;
172+
}
173+
.taskTextOutside0,
174+
.taskTextOutside2 {
175+
fill: black;
176+
}
177+
.taskTextOutside1,
178+
.taskTextOutside3 {
179+
fill: black;
180+
}
181+
/* Active task */
182+
.active0,
183+
.active1,
184+
.active2,
185+
.active3 {
186+
fill: #bfc7ff;
187+
stroke: #534fbc;
188+
}
189+
.activeText0,
190+
.activeText1,
191+
.activeText2,
192+
.activeText3 {
193+
fill: black !important;
194+
}
195+
/* Completed task */
196+
.done0,
197+
.done1,
198+
.done2,
199+
.done3 {
200+
stroke: grey;
201+
fill: lightgrey;
202+
stroke-width: 2;
203+
}
204+
.doneText0,
205+
.doneText1,
206+
.doneText2,
207+
.doneText3 {
208+
fill: black !important;
209+
}
210+
/* Tasks on the critical line */
211+
.crit0,
212+
.crit1,
213+
.crit2,
214+
.crit3 {
215+
stroke: #ff8888;
216+
fill: red;
217+
stroke-width: 2;
218+
}
219+
.activeCrit0,
220+
.activeCrit1,
221+
.activeCrit2,
222+
.activeCrit3 {
223+
stroke: #ff8888;
224+
fill: #bfc7ff;
225+
stroke-width: 2;
226+
}
227+
.doneCrit0,
228+
.doneCrit1,
229+
.doneCrit2,
230+
.doneCrit3 {
231+
stroke: #ff8888;
232+
fill: lightgrey;
233+
stroke-width: 2;
234+
cursor: pointer;
235+
shape-rendering: crispEdges;
236+
}
237+
.doneCritText0,
238+
.doneCritText1,
239+
.doneCritText2,
240+
.doneCritText3 {
241+
fill: black !important;
242+
}
243+
.activeCritText0,
244+
.activeCritText1,
245+
.activeCritText2,
246+
.activeCritText3 {
247+
fill: black !important;
248+
}
249+
.titleText {
250+
text-anchor: middle;
251+
font-size: 18px;
252+
fill: black;
253+
}
254+
/*
255+
256+
257+
*/
258+
.node text {
259+
font-family: 'trebuchet ms', verdana, arial;
260+
font-size: 14px;
261+
}
262+
div.mermaidTooltip {
263+
position: absolute;
264+
text-align: center;
265+
max-width: 200px;
266+
padding: 2px;
267+
font-family: 'trebuchet ms', verdana, arial;
268+
font-size: 12px;
269+
background: #ffffde;
270+
border: 1px solid #aaaa33;
271+
border-radius: 2px;
272+
pointer-events: none;
273+
z-index: 100;
274+
}

0 commit comments

Comments
 (0)