bookclub-advr

DSLC Advanced R Book Club
git clone https://git.eamoncaddigan.net/bookclub-advr.git
Log | Files | Refs | README | LICENSE

mermaid.css (4745B)

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