MetabolismGraph/styles.css at main · allierc/MetabolismGraph · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
/* Custom styles for MetabolismGraph documentation */

/* Equation styling */
.math {
    font-size: 1.1em;
}

/* Code block styling */
pre code {
    font-size: 0.9em;
}

/* Table styling */
table {
    margin: 1em 0;
}

table th {
    background-color: #f8f9fa;
}

/* Mermaid diagram styling */
.mermaid {
    margin: 2em 0;
    text-align: center;
}

/* Force white backgrounds on all Mermaid elements */
.mermaid .cluster rect,
.mermaid .cluster-label,
.mermaid .flowchart-label,
.mermaid .node rect,
.mermaid .node circle,
.mermaid .node ellipse,
.mermaid .node polygon,
.mermaid .label-container,
.mermaid .edgeLabel,
.mermaid rect.actor,
.mermaid .loopLine {
    fill: #ffffff !important;
}

.mermaid .cluster rect {
    stroke: #333333 !important;
}

.mermaid .edgeLabel rect {
    fill: #ffffff !important;
    opacity: 1 !important;
}

/* Header styling */
h2 {
    border-bottom: 1px solid #eee;
    padding-bottom: 0.5em;
    margin-top: 2em;
}

/* Callout boxes */
.callout-note {
    border-left-color: #0d6efd;
}

.callout-warning {
    border-left-color: #ffc107;
}

.callout-tip {
    border-left-color: #198754;
}