mirror of
https://github.com/lxsang/antos-frontend.git
synced 2025-04-08 09:36:45 +02:00
353 lines
9.6 KiB
CSS
353 lines
9.6 KiB
CSS
/* Flowchart variables */
|
|
/* Sequence Diagram variables */
|
|
/* Gantt chart variables */
|
|
afx-app-window[data-id="graph_editor_win"] .mermaid .label {
|
|
font-family: 'trebuchet ms', verdana, arial;
|
|
color: #333;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .node rect,
|
|
afx-app-window[data-id="graph_editor_win"] .node circle,
|
|
afx-app-window[data-id="graph_editor_win"] .node ellipse,
|
|
afx-app-window[data-id="graph_editor_win"] .node polygon {
|
|
fill: #cde498;
|
|
stroke: #13540c;
|
|
stroke-width: 1px;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .edgePath .path {
|
|
stroke: green;
|
|
stroke-width: 1.5px;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .edgeLabel {
|
|
background-color: #e8e8e8;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .cluster rect {
|
|
fill: #cdffb2 !important;
|
|
rx: 4 !important;
|
|
stroke: #6eaa49 !important;
|
|
stroke-width: 1px !important;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .cluster text {
|
|
fill: #333;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .actor {
|
|
stroke: #13540c;
|
|
fill: #cde498;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] text.actor {
|
|
fill: black;
|
|
stroke: none;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .actor-line {
|
|
stroke: grey;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .messageLine0 {
|
|
stroke-width: 1.5;
|
|
stroke-dasharray: "2 2";
|
|
marker-end: "url(#arrowhead)";
|
|
stroke: #333;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .messageLine1 {
|
|
stroke-width: 1.5;
|
|
stroke-dasharray: "2 2";
|
|
stroke: #333;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] #arrowhead {
|
|
fill: #333;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] #crosshead path {
|
|
fill: #333 !important;
|
|
stroke: #333 !important;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .messageText {
|
|
fill: #333;
|
|
stroke: none;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .labelBox {
|
|
stroke: #326932;
|
|
fill: #cde498;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .labelText {
|
|
fill: black;
|
|
stroke: none;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .loopText {
|
|
fill: black;
|
|
stroke: none;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .loopLine {
|
|
stroke-width: 2;
|
|
stroke-dasharray: "2 2";
|
|
marker-end: "url(#arrowhead)";
|
|
stroke: #326932;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .note {
|
|
stroke: #6eaa49;
|
|
fill: #fff5ad;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .noteText {
|
|
fill: black;
|
|
stroke: none;
|
|
font-family: 'trebuchet ms', verdana, arial;
|
|
font-size: 14px;
|
|
}
|
|
/** Section styling */
|
|
afx-app-window[data-id="graph_editor_win"] .section {
|
|
stroke: none;
|
|
opacity: 0.2;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .section0 {
|
|
fill: #6eaa49;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .section2 {
|
|
fill: #6eaa49;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .section1,
|
|
afx-app-window[data-id="graph_editor_win"] .section3 {
|
|
fill: white;
|
|
opacity: 0.2;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .sectionTitle0 {
|
|
fill: #333;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .sectionTitle1 {
|
|
fill: #333;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .sectionTitle2 {
|
|
fill: #333;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .sectionTitle3 {
|
|
fill: #333;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .sectionTitle {
|
|
text-anchor: start;
|
|
font-size: 11px;
|
|
text-height: 14px;
|
|
}
|
|
/* Grid and axis */
|
|
afx-app-window[data-id="graph_editor_win"] .grid .tick {
|
|
stroke: lightgrey;
|
|
opacity: 0.3;
|
|
shape-rendering: crispEdges;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .grid path {
|
|
stroke-width: 0;
|
|
}
|
|
/* Today line */
|
|
afx-app-window[data-id="graph_editor_win"] .today {
|
|
fill: none;
|
|
stroke: red;
|
|
stroke-width: 2px;
|
|
}
|
|
/* Task styling */
|
|
/* Default task */
|
|
afx-app-window[data-id="graph_editor_win"] .task {
|
|
stroke-width: 2;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .taskText {
|
|
text-anchor: middle;
|
|
font-size: 11px;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .taskTextOutsideRight {
|
|
fill: black;
|
|
text-anchor: start;
|
|
font-size: 11px;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .taskTextOutsideLeft {
|
|
fill: black;
|
|
text-anchor: end;
|
|
font-size: 11px;
|
|
}
|
|
/* Specific task settings for the sections*/
|
|
afx-app-window[data-id="graph_editor_win"] .taskText0,
|
|
afx-app-window[data-id="graph_editor_win"] .taskText1,
|
|
afx-app-window[data-id="graph_editor_win"] .taskText2,
|
|
afx-app-window[data-id="graph_editor_win"] .taskText3 {
|
|
fill: white;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .task0,
|
|
afx-app-window[data-id="graph_editor_win"] .task1,
|
|
afx-app-window[data-id="graph_editor_win"] .task2,
|
|
afx-app-window[data-id="graph_editor_win"] .task3 {
|
|
fill: #487e3a;
|
|
stroke: #13540c;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .taskTextOutside0,
|
|
afx-app-window[data-id="graph_editor_win"] .taskTextOutside2 {
|
|
fill: black;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .taskTextOutside1,
|
|
afx-app-window[data-id="graph_editor_win"] .taskTextOutside3 {
|
|
fill: black;
|
|
}
|
|
/* Active task */
|
|
afx-app-window[data-id="graph_editor_win"] .active0,
|
|
afx-app-window[data-id="graph_editor_win"] .active1,
|
|
afx-app-window[data-id="graph_editor_win"] .active2,
|
|
afx-app-window[data-id="graph_editor_win"] .active3 {
|
|
fill: #cde498;
|
|
stroke: #13540c;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .activeText0,
|
|
afx-app-window[data-id="graph_editor_win"] .activeText1,
|
|
afx-app-window[data-id="graph_editor_win"] .activeText2,
|
|
afx-app-window[data-id="graph_editor_win"] .activeText3 {
|
|
fill: black !important;
|
|
}
|
|
/* Completed task */
|
|
afx-app-window[data-id="graph_editor_win"] .done0,
|
|
afx-app-window[data-id="graph_editor_win"] .done1,
|
|
afx-app-window[data-id="graph_editor_win"] .done2,
|
|
afx-app-window[data-id="graph_editor_win"] .done3 {
|
|
stroke: grey;
|
|
fill: lightgrey;
|
|
stroke-width: 2;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .doneText0,
|
|
afx-app-window[data-id="graph_editor_win"] .doneText1,
|
|
afx-app-window[data-id="graph_editor_win"] .doneText2,
|
|
afx-app-window[data-id="graph_editor_win"] .doneText3 {
|
|
fill: black !important;
|
|
}
|
|
/* Tasks on the critical line */
|
|
afx-app-window[data-id="graph_editor_win"] .crit0,
|
|
afx-app-window[data-id="graph_editor_win"] .crit1,
|
|
afx-app-window[data-id="graph_editor_win"] .crit2,
|
|
afx-app-window[data-id="graph_editor_win"] .crit3 {
|
|
stroke: #ff8888;
|
|
fill: red;
|
|
stroke-width: 2;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .activeCrit0,
|
|
afx-app-window[data-id="graph_editor_win"] .activeCrit1,
|
|
afx-app-window[data-id="graph_editor_win"] .activeCrit2,
|
|
afx-app-window[data-id="graph_editor_win"] .activeCrit3 {
|
|
stroke: #ff8888;
|
|
fill: #cde498;
|
|
stroke-width: 2;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .doneCrit0,
|
|
afx-app-window[data-id="graph_editor_win"] .doneCrit1,
|
|
afx-app-window[data-id="graph_editor_win"] .doneCrit2,
|
|
afx-app-window[data-id="graph_editor_win"] .doneCrit3 {
|
|
stroke: #ff8888;
|
|
fill: lightgrey;
|
|
stroke-width: 2;
|
|
cursor: pointer;
|
|
shape-rendering: crispEdges;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .doneCritText0,
|
|
afx-app-window[data-id="graph_editor_win"] .doneCritText1,
|
|
afx-app-window[data-id="graph_editor_win"] .doneCritText2,
|
|
afx-app-window[data-id="graph_editor_win"] .doneCritText3 {
|
|
fill: black !important;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .activeCritText0,
|
|
afx-app-window[data-id="graph_editor_win"] .activeCritText1,
|
|
afx-app-window[data-id="graph_editor_win"] .activeCritText2,
|
|
afx-app-window[data-id="graph_editor_win"] .activeCritText3 {
|
|
fill: black !important;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .titleText {
|
|
text-anchor: middle;
|
|
font-size: 18px;
|
|
fill: black;
|
|
}
|
|
/*
|
|
|
|
|
|
*/
|
|
afx-app-window[data-id="graph_editor_win"] g.classGroup text {
|
|
fill: #13540c;
|
|
stroke: none;
|
|
font-family: 'trebuchet ms', verdana, arial;
|
|
font-size: 14px;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] g.classGroup rect {
|
|
fill: #cde498;
|
|
stroke: #13540c;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] g.classGroup line {
|
|
stroke: #13540c;
|
|
stroke-width: 1;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] svg .classLabel .box {
|
|
stroke: none;
|
|
stroke-width: 0;
|
|
fill: #cde498;
|
|
opacity: 0.5;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] svg .classLabel .label {
|
|
fill: #13540c;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .relation {
|
|
stroke: #13540c;
|
|
stroke-width: 1;
|
|
fill: none;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .composition {
|
|
fill: #13540c;
|
|
stroke: #13540c;
|
|
stroke-width: 1;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] #compositionStart {
|
|
fill: #13540c;
|
|
stroke: #13540c;
|
|
stroke-width: 1;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] #compositionEnd {
|
|
fill: #13540c;
|
|
stroke: #13540c;
|
|
stroke-width: 1;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .aggregation {
|
|
fill: #cde498;
|
|
stroke: #13540c;
|
|
stroke-width: 1;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] #aggregationStart {
|
|
fill: #cde498;
|
|
stroke: #13540c;
|
|
stroke-width: 1;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] #aggregationEnd {
|
|
fill: #cde498;
|
|
stroke: #13540c;
|
|
stroke-width: 1;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] #dependencyStart {
|
|
fill: #13540c;
|
|
stroke: #13540c;
|
|
stroke-width: 1;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] #dependencyEnd {
|
|
fill: #13540c;
|
|
stroke: #13540c;
|
|
stroke-width: 1;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] #extensionStart {
|
|
fill: #13540c;
|
|
stroke: #13540c;
|
|
stroke-width: 1;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] #extensionEnd {
|
|
fill: #13540c;
|
|
stroke: #13540c;
|
|
stroke-width: 1;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] .node text {
|
|
font-family: 'trebuchet ms', verdana, arial;
|
|
font-size: 14px;
|
|
}
|
|
afx-app-window[data-id="graph_editor_win"] div.mermaidTooltip {
|
|
position: absolute;
|
|
text-align: center;
|
|
max-width: 200px;
|
|
padding: 2px;
|
|
font-family: 'trebuchet ms', verdana, arial;
|
|
font-size: 12px;
|
|
background: #cdffb2;
|
|
border: 1px solid #6eaa49;
|
|
border-radius: 2px;
|
|
pointer-events: none;
|
|
z-index: 100;
|
|
} |