:root {
--color-mimosa: #89a041;
--color-mimosa--light: #b3c675;
--color-mimosa--dark: #6e832e;
--color-mimosa-second: #2297d5;
--color-mimosa-second--light: #81c5e9;
--color-mimosa-second--dark: #1d7eb2;
--md-primary-fg-color: var(--color-mimosa);
--md-primary-fg-color--light: var(--color-mimosa--light);
--md-primary-fg-color--dark: var(--color-mimosa--dark);
--md-accent-fg-color: var(--color-mimosa-second);
--md-accent-fg-color--light: var(--color-mimosa-second--light);
--md-accent-fg-color--dark: var(--color-mimosa-second--dark);
--md-external-link-icon: url('data:image/svg+xml;charset=utf-8,')
}
.md-typeset .md-button {
margin: 2px 0;
}
nav.md-nav a[target=_blank]::after {
background-color: gray;
-webkit-mask-image: var(--md-external-link-icon);
mask-image: var(--md-external-link-icon);
width: 16px;
height: 16px;
margin-top: 1px;
margin-left: -2px;
content: ""
}
.md-nav__link svg {
width: 20px;
}
.param_group .param_content {
padding-left: 30px;
border-left: 3px solid #f0f0f0;
}
.param_group .param_group_breadcrumbs {
color: #CCC;
}
[data-md-color-scheme="slate"] {
.param_group {
.param_content {
border-left-color: #555;
}
.param_group_breadcrumbs {
color: #666;
}
}
}
.param_anchor {
margin-top: -3em;
padding-top: 2em;
display: block;
}
.param-enum-option {
display: inline-flex;
align-items: center;
gap: 0.35em;
}
.param-enum-option > .md-clipboard {
opacity: 0;
transition: opacity 0.15s, color 0.25s;
}
.param-enum-option:hover > .md-clipboard,
.param-enum-option:focus-within > .md-clipboard {
opacity: 1;
}
/* Match the theme's :target specificity and leave room for the entry title. */
.md-typeset .variable_anchor {
display: block;
scroll-margin-top: 6rem;
}
.modebar {
display: none !important;
}
.md-typeset h5.no-nav {
margin-top: -7px;
}
/********** Custom admonition **********/
:root {
--md-admonition-icon--variable: url('data:image/svg+xml;charset=utf-8,');
--md-admonition-icon--parameter: url('data:image/svg+xml;charset=utf-8,');
--md-admonition-icon--regional-fct: url('data:image/svg+xml;charset=utf-8,');
}
/* Parameter admonition */
.md-typeset .admonition.parameter,
.md-typeset details.parameter,
.md-typeset .admonition.variable,
.md-typeset details.variable {
border-color: rgba(120, 155, 43, 0.1);
}
.md-typeset .parameter>.admonition-title,
.md-typeset .parameter>summary,
.md-typeset .variable>.admonition-title,
.md-typeset .variable>summary {
background-color: rgba(120, 155, 43, 0.1);
}
.md-typeset .parameter>.admonition-title::before,
.md-typeset .parameter>summary::before,
.md-typeset .variable>.admonition-title::before,
.md-typeset .variable>summary::before {
background-color: var(--color-mimosa);
-webkit-mask-image: var(--md-admonition-icon--parameter);
mask-image: var(--md-admonition-icon--parameter);
}
.md-typeset .admonition.parameter:focus-within,
.md-typeset details.parameter:focus-within,
.md-typeset .admonition.variable:focus-within,
.md-typeset details.variable:focus-within {
box-shadow: 0 0 0 .2rem rgba(120, 155, 43, 0.05)
}
.md-typeset .variable>.admonition-title::before,
.md-typeset .variable>summary::before {
background-color: var(--color-mimosa);
-webkit-mask-image: var(--md-admonition-icon--variable);
mask-image: var(--md-admonition-icon--variable);
}
/* Regional functions admonition */
.md-typeset .admonition.regional-fct,
.md-typeset details.regional-fct {
border-color: #BBB;
}
.md-typeset .regional-fct > .admonition-title,
.md-typeset .regional-fct > summary {
background-color: rgba(80, 80, 80, 0.05);
}
.md-typeset .regional-fct > .admonition-title::before,
.md-typeset .regional-fct > summary::before {
background-color: #999;
-webkit-mask-image: var(--md-admonition-icon--regional-fct);
mask-image: var(--md-admonition-icon--regional-fct);
}
a[href*="parameters/#"] code,
a[href*="parameters/#"]:not(:has(code)),
a[href*="param__"] code,
a[href*="param__"]:not(:has(code)),
a[href*="variables/#"] code,
a[href*="variables/#"]:not(:has(code)),
a[href^="#var__"] code,
a[href^="#var__"]:not(:has(code)) {
position: relative;
padding: 0.1rem .2rem 0.1rem 1.3rem;
white-space: nowrap;
}
a[href*="parameters/#"] code::before,
a[href*="parameters/#"]:not(:has(code))::before,
a[href*="param__"] code::before,
a[href*="param__"]:not(:has(code))::before {
content: "";
height: .9rem;
width: .9rem;
mask-size: contain;
position: absolute;
top: .1em;
left: 0.3em;
background-color: currentcolor;
mask-image: var(--md-admonition-icon--parameter)
}
a[href*="variables/#"] code::before,
a[href*="variables/#"]:not(:has(code))::before,
a[href^="#var__"] code::before,
a[href^="#var__"]:not(:has(code))::before {
content: "";
height: .9rem;
width: .9rem;
mask-size: contain;
position: absolute;
top: .1em;
left: 0.3em;
background-color: currentcolor;
mask-image: var(--md-admonition-icon--variable)
}
/* Equation links keep their mathematical spacing, without reference icons. */
mjx-container a[href*="#var__"],
mjx-container a[href*="param__"],
mjx-container a[href*="parameters/#"] {
padding: 0;
&::before { content: none; }
}
.center_align_plotly .plot-container.plotly .svg-container {
margin: 0 auto;
}
/* Tiny table: less margins */
.regional-parameter-values table {
white-space: nowrap;
}
.tiny_table {
table th,
table td {
padding-top: .3em !important;
padding-bottom: .3em !important;
}
}
.table_first_col_header {
table td:first-child {
font-weight: bold;
}
}
.table_scrollable {
overflow-y: auto;
max-height: 300px;
--top-mask-size: 40px;
--bottom-mask-size: 40px;
/* Use one scroll container so the header sticks to this table's viewport. */
.md-typeset__scrollwrap {
overflow: visible;
margin: 0;
}
.md-typeset__table {
display: block;
padding: 0;
}
thead {
position: sticky;
top: 0;
z-index: 1;
background: var(--md-default-bg-color);
}
/* Fade the rows below the header, keeping the header itself readable. */
thead::after {
content: "";
position: absolute;
top: 100%;
left: 0;
right: 0;
height: var(--top-mask-size);
background: linear-gradient(var(--md-default-bg-color), transparent);
pointer-events: none;
opacity: 0;
}
&.is-scrolled thead::after {
opacity: 1;
}
&::after {
content: "";
display: block;
position: sticky;
bottom: 0;
height: var(--bottom-mask-size);
margin-top: calc(-1 * var(--bottom-mask-size));
background: linear-gradient(transparent, var(--md-default-bg-color));
pointer-events: none;
opacity: 0;
}
&.has-more-below::after {
opacity: 1;
}
&.extra_small {
max-height: 200px;
}
}
.md-typeset .admonition.question,
.md-typeset details.question {
border-color: var(--color-mimosa);
}
.md-typeset .question>.admonition-title:before,
.md-typeset .question>summary:before {
background-color: var(--color-mimosa);
}
.md-typeset .question>.admonition-title,
.md-typeset .question>summary {
background-color: #89a0411a;
}
.md-typeset .admonition.tip,
.md-typeset details.tip {
border-color: var(--color-mimosa-second);
}
.md-typeset .tip>.admonition-title:before,
.md-typeset .tip>summary:before {
background-color: var(--color-mimosa-second);
}
.md-typeset .tip>.admonition-title,
.md-typeset .tip>summary {
background-color: color-mix(in srgb, var(--color-mimosa-second) 10%, transparent);
}
.grey-bg {
background: #f5f5f5;
padding: 5px 5px;
}
.dependency-graph-modal {
width: calc(100vw - 2rem);
max-width: 90rem;
height: 90vh;
max-height: 90vh;
padding: 1rem;
border: 1px solid var(--md-default-fg-color--lightest);
border-radius: .4rem;
background: var(--md-default-bg-color);
color: var(--md-default-fg-color);
&[open] { display: flex; flex-direction: column; }
&::backdrop { background: rgb(0 0 0 / 55%); }
header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-bottom: .8rem;
h2 { margin: 0; font-size: 1rem; }
button { cursor: pointer; font-size: 1.4rem; padding: 0 .4rem; }
}
.dependency-graph {
display: flex;
flex-direction: column;
flex: 1;
min-height: 0;
border: 0;
padding: 0;
}
.dependency-graph-viewport { flex: 1; height: auto; min-height: 0; }
}
.slr-coefficient-anchor {
display: inline-block;
scroll-margin-top: 4rem;
}
.slr-coefficient-card {
padding: .5rem;
table { margin: 0 !important; }
}
.reference-tooltip {
position: fixed;
z-index: 10;
width: min(30rem, calc(100vw - 3rem));
max-height: min(65vh, 32rem);
overflow: auto;
border-radius: .3rem;
background: var(--md-default-bg-color);
box-shadow: 0 .2rem .8rem rgb(0 0 0 / 25%);
user-select: text;
.admonition, details { margin: 0; }
}
/* Interactive dependency graph. */
.dependency-graph {
border: 1px solid var(--md-default-fg-color--lightest);
border-radius: .4rem;
padding: .8rem;
background: var(--md-default-bg-color);
.dependency-graph-header {
display: flex;
flex-wrap: wrap;
flex-shrink: 0;
align-items: flex-start;
gap: .6rem 1rem;
}
.dependency-graph-toolbar,
.dependency-graph-parameters {
flex: 1 1 24rem;
min-width: 0;
}
.dependency-graph-parameters-title {
margin: 0 0 .25rem;
font-size: .65rem;
font-weight: 600;
}
.dependency-graph-configuration {
margin: 0;
font-size: .65rem;
.highlight { margin: 0; }
pre { margin: 0; max-height: 25vh; overflow: auto; }
}
.dependency-graph-message {
margin-bottom: .6rem;
padding: .5rem;
border: 1px solid var(--md-default-fg-color--lighter);
border-radius: .2rem;
font-size: .7rem;
p { margin: 0 0 .4rem; }
select { max-width: 100%; }
select, button {
padding: .25rem;
border: 1px solid var(--md-default-fg-color--lighter);
background: var(--md-default-bg-color);
color: var(--md-default-fg-color);
}
button { cursor: pointer; }
}
.dependency-graph-controls {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: .3rem;
margin-bottom: .6rem;
font-size: .65rem;
label { display: flex; align-items: center; gap: .3rem; max-width: 100%; }
select, button {
border: 1px solid var(--md-default-fg-color--lighter);
border-radius: .2rem;
background: var(--md-default-bg-color);
color: var(--md-default-fg-color);
padding: .25rem .4rem;
}
select { min-width: 0; max-width: min(16rem, 65vw); }
button { cursor: pointer; }
button:hover { border-color: var(--md-accent-fg-color); }
button:disabled { opacity: .4; cursor: default; }
output { min-width: 2rem; text-align: center; }
}
.dependency-graph-legend {
display: flex;
flex-wrap: wrap;
gap: .4rem 1rem;
font-size: .65rem;
span::before {
content: "";
display: inline-block;
width: .5rem;
height: .5rem;
margin-right: .3rem;
border-radius: 50%;
background: var(--color-mimosa);
}
.dependency-control-key::before { background: #ed6a2f; }
.dependency-selected-key::before {
background: transparent;
border: 2px solid var(--md-default-fg-color);
}
.dependency-incoming-key::before,
.dependency-outgoing-key::before,
.dependency-previous-key::before {
width: .8rem;
height: 0;
background: none;
border-radius: 0;
border-top: 2px solid #2297d5;
vertical-align: middle;
}
.dependency-outgoing-key::before { border-color: #ed6a2f; }
.dependency-previous-key::before { border-color: #999; border-top-style: dashed; }
}
.dependency-graph-viewport {
overflow: auto;
cursor: grab;
user-select: none;
height: min(65vh, 600px);
margin-top: .5rem;
border: 1px solid var(--md-default-fg-color--lightest);
border-radius: .2rem;
&.is-panning, &.is-panning * { cursor: grabbing; }
}
svg { display: block; max-width: none; }
.dependency-edge {
color: #999;
opacity: .5;
path { fill: none; stroke: currentColor; stroke-width: 1.5; }
polygon { fill: currentColor; stroke: currentColor; }
}
.dependency-edge.is-muted { opacity: .15; }
.dependency-edge.incoming { color: #2297d5; opacity: 1; }
.dependency-edge.outgoing { color: #ed6a2f; opacity: 1; }
.dependency-edge.incoming path, .dependency-edge.outgoing path { stroke-width: 2.5; }
&.is-overview .dependency-edge.normal { opacity: .5; }
&.is-overview .dependency-node.is-muted { opacity: 1; }
.dependency-edge.previous-time,
&.is-overview .dependency-edge.previous-time {
opacity: .35;
path { stroke-dasharray: 5 5; stroke-width: 1; }
}
.dependency-edge.previous-time.incoming,
.dependency-edge.previous-time.outgoing { opacity: .4; }
.dependency-node {
cursor: pointer;
path {
fill: color-mix(in srgb, var(--color-mimosa) 18%, var(--md-default-bg-color));
stroke: var(--color-mimosa);
stroke-width: 2;
}
&.control path {
fill: color-mix(in srgb, #ed6a2f 18%, var(--md-default-bg-color));
stroke: #ed6a2f;
}
text {
fill: var(--md-default-fg-color);
font-family: sans-serif;
font-size: 13px;
}
&.is-selected path {
stroke: var(--md-default-fg-color);
stroke-width: 4;
}
&.is-selected text { font-weight: bold; }
&.is-incoming path { stroke: #2297d5; }
&.is-outgoing path { stroke: #ed6a2f; }
&.is-muted { opacity: .3; }
&:hover path, &:focus-within path { stroke-width: 4; }
a:focus-visible, a:focus { outline: none; }
}
}