From 421409181deaa357ed0dbf8444255a8bef184a09 Mon Sep 17 00:00:00 2001
From: Knut Sveidqvist <knut@sveido.com>
Date: Mon, 2 Mar 2015 09:53:56 +0100
Subject: [PATCH] Added the css files

---
 dist/mermaid.css        | 256 ++++++++++++++++++++++++++++++++++++++++
 dist/mermaid.forest.css | 256 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 512 insertions(+)
 create mode 100644 dist/mermaid.css
 create mode 100644 dist/mermaid.forest.css

diff --git a/dist/mermaid.css b/dist/mermaid.css
new file mode 100644
index 000000000..25bcc408f
--- /dev/null
+++ b/dist/mermaid.css
@@ -0,0 +1,256 @@
+/* Flowchart variables */
+/* Sequence Diagram variables */
+/* Gantt chart variables */
+.mermaid .label {
+  color: #333333;
+}
+.node rect,
+.node circle,
+.node polygon {
+  fill: #ececff;
+  stroke: #ccccff;
+  stroke-width: 1px;
+}
+.edgePath .path {
+  stroke: #333333 !important;
+}
+.cluster rect {
+  fill: #ffffde;
+  rx: 40;
+  stroke: #aaaa33;
+  stroke-width: 1px;
+}
+.cluster text {
+  fill: #333333;
+}
+.actor {
+  stroke: #ccccff;
+  fill: #ececff;
+}
+text.actor {
+  fill: #000000;
+  stroke: none;
+}
+.actor-line {
+  stroke: #808080;
+}
+.messageLine0 {
+  stroke-width: 1.5;
+  stroke-dasharray: "2 2";
+  marker-end: "url(#arrowhead)";
+  stroke: #333333;
+}
+.messageLine1 {
+  stroke-width: 1.5;
+  stroke-dasharray: "2 2";
+  stroke: #333333;
+}
+#arrowhead {
+  fill: #333333;
+}
+#crosshead path {
+  fill: #333333 !important;
+  stroke: #333333 !important;
+}
+.messageText {
+  fill: #333333;
+  stroke: none;
+}
+.labelBox {
+  stroke: #ccccff;
+  fill: #ececff;
+}
+.labelText {
+  fill: #000000;
+  stroke: none;
+}
+.loopText {
+  fill: #000000;
+  stroke: none;
+}
+.loopLine {
+  stroke-width: 2;
+  stroke-dasharray: "2 2";
+  marker-end: "url(#arrowhead)";
+  stroke: #ccccff;
+}
+.note {
+  stroke: #aaaa33;
+  fill: #fff5ad;
+}
+.noteText {
+  fill: black;
+  stroke: none;
+  font-family: 'trebuchet ms', verdana, arial;
+  font-size: 14px;
+}
+/** Section styling */
+.section {
+  stroke: none;
+  opacity: 0.2;
+}
+.section0 {
+  fill: rgba(102, 102, 255, 0.49);
+}
+.section2 {
+  fill: #fff400;
+}
+.section1,
+.section3 {
+  fill: #ffffff;
+  opacity: 0.2;
+}
+.sectionTitle0 {
+  fill: #333333;
+}
+.sectionTitle1 {
+  fill: #333333;
+}
+.sectionTitle2 {
+  fill: #333333;
+}
+.sectionTitle3 {
+  fill: #333333;
+}
+.sectionTitle {
+  text-anchor: start;
+  font-size: 11px;
+  text-height: 14px;
+}
+/* Grid and axis */
+.grid .tick {
+  stroke: #d3d3d3;
+  opacity: 0.3;
+  shape-rendering: crispEdges;
+}
+.grid path {
+  stroke-width: 0;
+}
+/* Today line */
+.today {
+  fill: none;
+  stroke: #ff0000;
+  stroke-width: 2px;
+}
+/* Task styling */
+/* Default task */
+.task {
+  stroke-width: 2;
+}
+.taskText {
+  text-anchor: middle;
+  font-size: 11px;
+}
+.taskTextOutsideRight {
+  fill: #000000;
+  text-anchor: start;
+  font-size: 11px;
+}
+.taskTextOutsideLeft {
+  fill: #000000;
+  text-anchor: end;
+  font-size: 11px;
+}
+/* Specific task settings for the sections*/
+.taskText0,
+.taskText1,
+.taskText2,
+.taskText3 {
+  fill: #ffffff;
+}
+.task0,
+.task1,
+.task2,
+.task3 {
+  fill: #8a90dd;
+  stroke: #534fbc;
+}
+.taskTextOutside0,
+.taskTextOutside2 {
+  fill: #000000;
+}
+.taskTextOutside1,
+.taskTextOutside3 {
+  fill: #000000;
+}
+/* Active task */
+.active0,
+.active1,
+.active2,
+.active3 {
+  fill: #bfc7ff;
+  stroke: #534fbc;
+}
+.activeText0,
+.activeText1,
+.activeText2,
+.activeText3 {
+  fill: #000000 !important;
+}
+/* Completed task */
+.done0,
+.done1,
+.done2,
+.done3 {
+  stroke: #808080;
+  fill: #d3d3d3;
+  stroke-width: 2;
+}
+.doneText0,
+.doneText1,
+.doneText2,
+.doneText3 {
+  fill: #000000 !important;
+}
+/* Tasks on the critical line */
+.crit0,
+.crit1,
+.crit2,
+.crit3 {
+  stroke: #ff8888;
+  fill: #ff0000;
+  stroke-width: 2;
+}
+.activeCrit0,
+.activeCrit1,
+.activeCrit2,
+.activeCrit3 {
+  stroke: #ff8888;
+  fill: #bfc7ff;
+  stroke-width: 2;
+}
+.doneCrit0,
+.doneCrit1,
+.doneCrit2,
+.doneCrit3 {
+  stroke: #ff8888;
+  fill: #d3d3d3;
+  stroke-width: 2;
+  cursor: pointer;
+  shape-rendering: crispEdges;
+}
+.doneCritText0,
+.doneCritText1,
+.doneCritText2,
+.doneCritText3 {
+  fill: #000000 !important;
+}
+.activeCritText0,
+.activeCritText1,
+.activeCritText2,
+.activeCritText3 {
+  fill: #000000 !important;
+}
+.titleText {
+  text-anchor: middle;
+  font-size: 18px;
+  fill: #000000;
+}
+/*
+
+
+*/
+text {
+  font-family: 'trebuchet ms', verdana, arial;
+  font-size: 14px;
+}
diff --git a/dist/mermaid.forest.css b/dist/mermaid.forest.css
new file mode 100644
index 000000000..375d48d62
--- /dev/null
+++ b/dist/mermaid.forest.css
@@ -0,0 +1,256 @@
+/* Flowchart variables */
+/* Sequence Diagram variables */
+/* Gantt chart variables */
+.mermaid .label {
+  color: #333333;
+}
+.node rect,
+.node circle,
+.node polygon {
+  fill: #cde498;
+  stroke: #13540c;
+  stroke-width: 1px;
+}
+.edgePath .path {
+  stroke: #1a3318 !important;
+}
+.cluster rect {
+  fill: #cdffb2;
+  rx: 40;
+  stroke: #6eaa49;
+  stroke-width: 1px;
+}
+.cluster text {
+  fill: #333333;
+}
+.actor {
+  stroke: #13540c;
+  fill: #cde498;
+}
+text.actor {
+  fill: #000000;
+  stroke: none;
+}
+.actor-line {
+  stroke: #808080;
+}
+.messageLine0 {
+  stroke-width: 1.5;
+  stroke-dasharray: "2 2";
+  marker-end: "url(#arrowhead)";
+  stroke: #333333;
+}
+.messageLine1 {
+  stroke-width: 1.5;
+  stroke-dasharray: "2 2";
+  stroke: #333333;
+}
+#arrowhead {
+  fill: #333333;
+}
+#crosshead path {
+  fill: #333333 !important;
+  stroke: #333333 !important;
+}
+.messageText {
+  fill: #333333;
+  stroke: none;
+}
+.labelBox {
+  stroke: #326932;
+  fill: #cde498;
+}
+.labelText {
+  fill: #000000;
+  stroke: none;
+}
+.loopText {
+  fill: #000000;
+  stroke: none;
+}
+.loopLine {
+  stroke-width: 2;
+  stroke-dasharray: "2 2";
+  marker-end: "url(#arrowhead)";
+  stroke: #326932;
+}
+.note {
+  stroke: #6eaa49;
+  fill: #fff5ad;
+}
+.noteText {
+  fill: black;
+  stroke: none;
+  font-family: 'trebuchet ms', verdana, arial;
+  font-size: 14px;
+}
+/** Section styling */
+.section {
+  stroke: none;
+  opacity: 0.2;
+}
+.section0 {
+  fill: #6eaa49;
+}
+.section2 {
+  fill: #6eaa49;
+}
+.section1,
+.section3 {
+  fill: #ffffff;
+  opacity: 0.2;
+}
+.sectionTitle0 {
+  fill: #333333;
+}
+.sectionTitle1 {
+  fill: #333333;
+}
+.sectionTitle2 {
+  fill: #333333;
+}
+.sectionTitle3 {
+  fill: #333333;
+}
+.sectionTitle {
+  text-anchor: start;
+  font-size: 11px;
+  text-height: 14px;
+}
+/* Grid and axis */
+.grid .tick {
+  stroke: #d3d3d3;
+  opacity: 0.3;
+  shape-rendering: crispEdges;
+}
+.grid path {
+  stroke-width: 0;
+}
+/* Today line */
+.today {
+  fill: none;
+  stroke: #ff0000;
+  stroke-width: 2px;
+}
+/* Task styling */
+/* Default task */
+.task {
+  stroke-width: 2;
+}
+.taskText {
+  text-anchor: middle;
+  font-size: 11px;
+}
+.taskTextOutsideRight {
+  fill: #000000;
+  text-anchor: start;
+  font-size: 11px;
+}
+.taskTextOutsideLeft {
+  fill: #000000;
+  text-anchor: end;
+  font-size: 11px;
+}
+/* Specific task settings for the sections*/
+.taskText0,
+.taskText1,
+.taskText2,
+.taskText3 {
+  fill: #ffffff;
+}
+.task0,
+.task1,
+.task2,
+.task3 {
+  fill: #487e3a;
+  stroke: #13540c;
+}
+.taskTextOutside0,
+.taskTextOutside2 {
+  fill: #000000;
+}
+.taskTextOutside1,
+.taskTextOutside3 {
+  fill: #000000;
+}
+/* Active task */
+.active0,
+.active1,
+.active2,
+.active3 {
+  fill: #cde498;
+  stroke: #13540c;
+}
+.activeText0,
+.activeText1,
+.activeText2,
+.activeText3 {
+  fill: #000000 !important;
+}
+/* Completed task */
+.done0,
+.done1,
+.done2,
+.done3 {
+  stroke: #808080;
+  fill: #d3d3d3;
+  stroke-width: 2;
+}
+.doneText0,
+.doneText1,
+.doneText2,
+.doneText3 {
+  fill: #000000 !important;
+}
+/* Tasks on the critical line */
+.crit0,
+.crit1,
+.crit2,
+.crit3 {
+  stroke: #ff8888;
+  fill: #ff0000;
+  stroke-width: 2;
+}
+.activeCrit0,
+.activeCrit1,
+.activeCrit2,
+.activeCrit3 {
+  stroke: #ff8888;
+  fill: #cde498;
+  stroke-width: 2;
+}
+.doneCrit0,
+.doneCrit1,
+.doneCrit2,
+.doneCrit3 {
+  stroke: #ff8888;
+  fill: #d3d3d3;
+  stroke-width: 2;
+  cursor: pointer;
+  shape-rendering: crispEdges;
+}
+.doneCritText0,
+.doneCritText1,
+.doneCritText2,
+.doneCritText3 {
+  fill: #000000 !important;
+}
+.activeCritText0,
+.activeCritText1,
+.activeCritText2,
+.activeCritText3 {
+  fill: #000000 !important;
+}
+.titleText {
+  text-anchor: middle;
+  font-size: 18px;
+  fill: #000000;
+}
+/*
+
+
+*/
+text {
+  font-family: 'trebuchet ms', verdana, arial;
+  font-size: 14px;
+}