/*
* Materialize links that open in a new window/tab with a right-up arrow icon
*/
.md-main a[target="_blank"]::after,
.document a[target="_blank"]::after {
content: "↗";
display: inline-block;
margin-left: 0.2em;
width: 1em;
height: 1em;
}
/*
* Add admonition type: important (red exclamation sign)
* See: https://squidfunk.github.io/mkdocs-material/reference/admonitions/#custom-admonitions
*/
:root {
--md-admonition-icon--important: url('data:image/svg+xml;charset=utf-8,');
}
.md-typeset .admonition.important,
.md-typeset details.important {
border-color: rgb(245, 0, 87);
}
.md-typeset .important > .admonition-title,
.md-typeset .important > summary {
background-color: rgba(245, 0, 87, 0.1);
}
.md-typeset .important > .admonition-title::before,
.md-typeset .important > summary::before {
background-color: rgb(245, 0, 87);
-webkit-mask-image: var(--md-admonition-icon--important);
mask-image: var(--md-admonition-icon--important);
}
/*
* Add admonition type: plain (grey box with simple "i" icon)
*/
:root {
--md-admonition-icon--plain: url('data:image/svg+xml;charset=utf-8,');
}
.md-typeset .admonition.plain,
.md-typeset details.plain {
border-color: #575757;
}
.md-typeset .plain > .admonition-title,
.md-typeset details.plain > summary {
background-color: #808080;
}
.md-typeset .plain > .admonition-title::before,
.md-typeset .plain > summary::before {
background-color: #575757;
-webkit-mask-image: var(--md-admonition-icon--plain);
mask-image: var(--md-admonition-icon--plain);
}
/*
* Add admonition type: main (grey box with similar icon used for Main/Home Screen)
*/
:root {
--md-admonition-icon--main: url('data:image/svg+xml;charset=utf-8,');
}
.md-typeset .admonition.main,
.md-typeset details.main {
border-color: #575757;
}
.md-typeset .main > .admonition-title,
.md-typeset details.main > summary {
background-color: #808080;
}
.md-typeset .main > .admonition-title::before,
.md-typeset .main > summary::before {
background-color: #575757;
-webkit-mask-image: var(--md-admonition-icon--main);
mask-image: var(--md-admonition-icon--main);
}
/*
* Add admonition type: history (grey box with similar icon used for History)
*/
:root {
--md-admonition-icon--history: url('data:image/svg+xml;charset=utf-8,');
}
.md-typeset .admonition.history,
.md-typeset details.history {
border-color: #575757;
}
.md-typeset .history > .admonition-title,
.md-typeset details.history > summary {
background-color: #808080;
}
.md-typeset .history > .admonition-title::before,
.md-typeset .history > summary::before {
background-color: #575757;
-webkit-mask-image: var(--md-admonition-icon--history);
mask-image: var(--md-admonition-icon--history);
}
/*
* Add admonition type: treatments (grey box with purple icon used for Bolus Calculator)
*/
:root {
--md-admonition-icon--treatments: url('data:image/svg+xml;charset=utf-8,');
}
.md-typeset .admonition.treatments,
.md-typeset details.treatments {
border-color: #575757;
}
.md-typeset .treatments > .admonition-title,
.md-typeset details.treatments > summary {
background-color: #808080;
}
.md-typeset .treatments > .admonition-title::before,
.md-typeset .treatments > summary::before {
background-color: #7d8cf2;
-webkit-mask-image: var(--md-admonition-icon--treatments);
mask-image: var(--md-admonition-icon--treatments);
}
/*
* Add admonition type: adjustments (grey box with similar icon used for Adjustments)
*/
:root {
--md-admonition-icon--adjustments: url('data:image/svg+xml;charset=utf-8,');
}
.md-typeset .admonition.adjustments,
.md-typeset details.adjustments {
border-color: #575757;
}
.md-typeset .adjustments > .admonition-title,
.md-typeset details.adjustments > summary {
background-color: #808080;
}
.md-typeset .adjustments > .admonition-title::before,
.md-typeset .adjustments > summary::before {
background-color: #575757;
-webkit-mask-image: var(--md-admonition-icon--adjustments);
mask-image: var(--md-admonition-icon--adjustments);
}
/*
* Add admonition type: settings (grey box with similar icon used for Settings)
*/
:root {
--md-admonition-icon--settings: url('data:image/svg+xml;charset=utf-8,');
}
.md-typeset .admonition.settings,
.md-typeset details.settings {
border-color: #575757;
}
.md-typeset .settings > .admonition-title,
.md-typeset details.settings > summary {
background-color: #808080;
}
.md-typeset .settings > .admonition-title::before,
.md-typeset .settings > summary::before {
background-color: #575757;
-webkit-mask-image: var(--md-admonition-icon--settings);
mask-image: var(--md-admonition-icon--settings);
}
/*
* Add admonition type: temptarget (grey box with similar icon used for Temp Targets)
*/
:root {
--md-admonition-icon--temptarget: url('data:image/svg+xml;charset=utf-8,');
}
.md-typeset .admonition.temptarget,
.md-typeset details.temptarget {
border-color: #575757;
}
.md-typeset .temptarget > .admonition-title,
.md-typeset details.temptarget > summary {
background-color: #808080;
}
.md-typeset .temptarget > .admonition-title::before,
.md-typeset .temptarget > summary::before {
background-color: #6ecf97;
-webkit-mask-image: var(--md-admonition-icon--temptarget);
mask-image: var(--md-admonition-icon--temptarget);
}
/*
* Add admonition type: override (grey box with similar icon used for Overrides)
*/
:root {
--md-admonition-icon--override: url('data:image/svg+xml;charset=utf-8,');
}
.md-typeset .admonition.override,
.md-typeset details.override {
border-color: #575757;
}
.md-typeset .override > .admonition-title,
.md-typeset details.override > summary {
background-color: #808080;
}
.md-typeset .override > .admonition-title::before,
.md-typeset .override > summary::before {
background-color: #ae51dd;
-webkit-mask-image: var(--md-admonition-icon--override);
mask-image: var(--md-admonition-icon--override);
}
/* Add custom Trio colors */
.trioPink {
color: #d12bf7;
}
.trioTeal {
color: #31f1fc;
}
.trioBlue {
color: #608bf4;
}
.trioPurple {
color: #7d8cf2;
}
.loopYellow {
color: #EB5757;
}
.loopRed {
color: #FFC145;
}
.loopGreen {
color: #6FCE96
}
/*
* Video
*/
.video-center {
text-align: center;
}
.video-center video {
max-width: 100%;
}