github.com/mweagle/Sparta@v1.15.0/docs_source/themes/hugo-theme-learn/static/mermaid/mermaid.css (about)

     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  .section {
    93    stroke: none;
    94    opacity: 0.2;
    95  }
    96  .section0 {
    97    fill: rgba(102, 102, 255, 0.49);
    98  }
    99  .section2 {
   100    fill: #fff400;
   101  }
   102  .section1,
   103  .section3 {
   104    fill: white;
   105    opacity: 0.2;
   106  }
   107  .sectionTitle0 {
   108    fill: #333;
   109  }
   110  .sectionTitle1 {
   111    fill: #333;
   112  }
   113  .sectionTitle2 {
   114    fill: #333;
   115  }
   116  .sectionTitle3 {
   117    fill: #333;
   118  }
   119  .sectionTitle {
   120    text-anchor: start;
   121    font-size: 11px;
   122    text-height: 14px;
   123  }
   124  /* Grid and axis */
   125  .grid .tick {
   126    stroke: lightgrey;
   127    opacity: 0.3;
   128    shape-rendering: crispEdges;
   129  }
   130  .grid path {
   131    stroke-width: 0;
   132  }
   133  /* Today line */
   134  .today {
   135    fill: none;
   136    stroke: red;
   137    stroke-width: 2px;
   138  }
   139  /* Task styling */
   140  /* Default task */
   141  .task {
   142    stroke-width: 2;
   143  }
   144  .taskText {
   145    text-anchor: middle;
   146    font-size: 11px;
   147  }
   148  .taskTextOutsideRight {
   149    fill: black;
   150    text-anchor: start;
   151    font-size: 11px;
   152  }
   153  .taskTextOutsideLeft {
   154    fill: black;
   155    text-anchor: end;
   156    font-size: 11px;
   157  }
   158  /* Specific task settings for the sections*/
   159  .taskText0,
   160  .taskText1,
   161  .taskText2,
   162  .taskText3 {
   163    fill: white;
   164  }
   165  .task0,
   166  .task1,
   167  .task2,
   168  .task3 {
   169    fill: #8a90dd;
   170    stroke: #534fbc;
   171  }
   172  .taskTextOutside0,
   173  .taskTextOutside2 {
   174    fill: black;
   175  }
   176  .taskTextOutside1,
   177  .taskTextOutside3 {
   178    fill: black;
   179  }
   180  /* Active task */
   181  .active0,
   182  .active1,
   183  .active2,
   184  .active3 {
   185    fill: #bfc7ff;
   186    stroke: #534fbc;
   187  }
   188  .activeText0,
   189  .activeText1,
   190  .activeText2,
   191  .activeText3 {
   192    fill: black !important;
   193  }
   194  /* Completed task */
   195  .done0,
   196  .done1,
   197  .done2,
   198  .done3 {
   199    stroke: grey;
   200    fill: lightgrey;
   201    stroke-width: 2;
   202  }
   203  .doneText0,
   204  .doneText1,
   205  .doneText2,
   206  .doneText3 {
   207    fill: black !important;
   208  }
   209  /* Tasks on the critical line */
   210  .crit0,
   211  .crit1,
   212  .crit2,
   213  .crit3 {
   214    stroke: #ff8888;
   215    fill: red;
   216    stroke-width: 2;
   217  }
   218  .activeCrit0,
   219  .activeCrit1,
   220  .activeCrit2,
   221  .activeCrit3 {
   222    stroke: #ff8888;
   223    fill: #bfc7ff;
   224    stroke-width: 2;
   225  }
   226  .doneCrit0,
   227  .doneCrit1,
   228  .doneCrit2,
   229  .doneCrit3 {
   230    stroke: #ff8888;
   231    fill: lightgrey;
   232    stroke-width: 2;
   233    cursor: pointer;
   234    shape-rendering: crispEdges;
   235  }
   236  .doneCritText0,
   237  .doneCritText1,
   238  .doneCritText2,
   239  .doneCritText3 {
   240    fill: black !important;
   241  }
   242  .activeCritText0,
   243  .activeCritText1,
   244  .activeCritText2,
   245  .activeCritText3 {
   246    fill: black !important;
   247  }
   248  .titleText {
   249    text-anchor: middle;
   250    font-size: 18px;
   251    fill: black;
   252  }
   253  /*
   254  
   255  
   256  */
   257  .node text {
   258    font-family: 'trebuchet ms', verdana, arial;
   259    font-size: 14px;
   260  }
   261  .node.clickable {
   262    cursor: pointer;
   263  }
   264  div.mermaidTooltip {
   265    position: absolute;
   266    text-align: center;
   267    max-width: 200px;
   268    padding: 2px;
   269    font-family: 'trebuchet ms', verdana, arial;
   270    font-size: 12px;
   271    background: #ffffde;
   272    border: 1px solid #aaaa33;
   273    border-radius: 2px;
   274    pointer-events: none;
   275    z-index: 100;
   276  }
   277