:root {
--admonition-background-color--info: rgba(68, 138, 255, 0.2);
--admonition-background-color--note: rgba(0, 184, 212, 0.2);
--admonition-background-color--warning: rgba(255, 145, 0, 0.2);
--admonition-background-color--tip: rgba(0, 191, 165, 0.2);
--admonition-background-color--question: rgba(100, 221, 23, 0.2);
--admonition-border-color--info: rgb(68, 138, 255);
--admonition-border-color--note: rgb(0, 184, 212);
--admonition-border-color--warning: rgb(255, 145, 0);
--admonition-border-color--tip: rgb(0, 191, 165);
--admonition-border-color--question: rgb(100, 221, 23);
--admonition-icon--info: url('data:image/svg+xml;charset=utf-8,');
--admonition-icon--note: url('data:image/svg+xml;charset=utf-8,');
--admonition-icon--warning: url('data:image/svg+xml;charset=utf-8,');
--admonition-icon--tip: url('data:image/svg+xml;charset=utf-8,');
--admonition-icon--question: url('data:image/svg+xml;charset=utf-8,');
--admonition-icon-dimension: 20px;
--pagefind-ui-text: var(--bs-link-color) !important;
}
.content :not(img, pre) {
max-width: 80ch;
}
.content img {
border: 5px solid rgba(0, 0, 0, 0.2);
max-width: 100%;
height: auto;
}
.content blockquote {
margin: 0;
}
.content-title {
margin-top: 20px;
margin-bottom: 20px;
scroll-margin-block-start: 65px;
}
.content pre {
border-left: 5px solid #2185d0;
}
.dark-mode .content pre {
border-left: 5px solid #355379;
}
.content ol {
list-style: decimal outside;
}
.content ul {
list-style: outside;
}
.content ol,
.content ul {
margin-top: 10px;
padding-left: 2em;
}
a.header-anchor,
a.header-anchor:visited {
color: var(--lm-base-text-color) !important;
text-decoration: none;
}
.dark-mode a.header-anchor,
.dark-mode a.header-anchor:visited {
color: var(--dm-base-text-color) !important;
text-decoration: none;
}
a.header-anchor:hover {
text-decoration: underline;
}
code span .content {
margin: 0 !important;
}
/* Apply code style to generic code */
pre:not([class*='language-']) {
background: #2e3440;
color: #f8f8f2;
padding: 1em;
margin: 0.5em 0;
overflow: auto;
border-radius: 0.3em;
}
/* Apply halfmoon style to inline code */
code:not(pre > code) {
font-size: var(--code-font-size);
line-height: var(--code-line-height);
padding: var(--code-padding);
margin: var(--code-margin);
color: var(--lm-code-text-color);
background-color: var(--lm-code-bg-color);
border: var(--code-border-width) var(--lm-code-border-color);
border-radius: var(--code-border-radius);
}
.dark-mode code:not(pre > code) {
color: var(--dm-code-text-color);
background-color: var(--dm-code-bg-color);
border-color: var(--dm-code-border-color);
}
/* Custom Admonition boxes */
.admonition-icon::before {
content: '';
background-color: var(--admonition-border-color--info);
mask-position: center;
mask-repeat: no-repeat;
mask-size: contain;
mask-image: var(--admonition-icon--info);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
-webkit-mask-image: var(--admonition-icon--info);
display: inline-block;
margin-right: 0.4em;
vertical-align: bottom;
height: 1.5em;
width: 1.5em;
}
.admonition-icon.note::before {
background-color: var(--admonition-border-color--note);
mask-image: var(--admonition-icon--note);
-webkit-mask-image: var(--admonition-icon--note);
}
.admonition-icon.warning::before {
background-color: var(--admonition-border-color--warning);
mask-image: var(--admonition-icon--warning);
-webkit-mask-image: var(--admonition-icon--warning);
}
.admonition-icon.tip::before {
background-color: var(--admonition-border-color--tip);
mask-image: var(--admonition-icon--tip);
-webkit-mask-image: var(--admonition-icon--tip);
}
.admonition-icon.question::before {
background-color: var(--admonition-border-color--question);
mask-image: var(--admonition-icon--question);
-webkit-mask-image: var(--admonition-icon--question);
}
#search-results {
overflow: hidden;
word-wrap: anywhere;
white-space: break-spaces;
--pagefind-ui-background: var(--dm-sidebar-bg-color);
--pagefind-ui-primary: var(--dm-sidebar-link-text-color);
--pagefind-ui-border: var(--dm-sidebar-divider-bg-color);
}
#search-results li {
margin-bottom: 0;
gap: 0;
padding: 10px 0px;
}
.pagefind-modular-list-thumb {
display: none;
}
#search-input::placeholder {
--lm-input-placeholder-text-color: rgba(0, 0, 0, 0.8);
--dm-input-placeholder-text-color: rgba(255, 255, 255, 0.8);
}
#toc {
padding: 5px;
}
#toc ol {
padding-left: 1em;
}
#toc li {
list-style-type: none;
}
a.show-on-focus {
position: absolute;
left: -9999px;
top: -9999px;
font-size: 1.5em;
background-color: var(--lm-base-body-bg-color);
color: var(--lm-base-text-color);
z-index: 41;
}
.dark-mode a.show-on-focus {
background-color: var(--dm-base-body-bg-color);
color: var(--dm-base-text-color);
}
a.show-on-focus:focus {
left: 0;
top: 0;
}
.docs-navbar {
background-color: hsla(var(--bs-body-bg-hsl), 0.75);
backdrop-filter: blur(8px);
}
.sidebar .offcanvas-header,
.docs-navbar {
min-height: 55px;
border-bottom: var(--bs-border-width) solid var(--bs-content-border-color);
}
.filter-docs {
background-color: var(--bs-sidebar-bg);
}
.docs-footer {
background-color: var(--bs-secondary-bg);
border-top: var(--bs-border-width) solid var(--bs-content-border-color);
}
.simple-link {
color: hsla(var(--bs-emphasis-color-hsl), 0.75);
text-decoration: none;
}
.simple-link:hover {
color: hsla(var(--bs-emphasis-color-hsl), 0.9);
}
[data-bs-theme='light'] .sidebar-brand img,
[data-bs-theme='light'] .navbar-brand img {
content: url(https://design.codeberg.org/logo-kit/icon.svg);
}
.alert-heading {
margin-bottom: 0.5rem;
}
/* fix bottom margin in admonitions and cards */
.alert p:not(ul p):nth-last-child(2),
.alert p:not(ul p):last-child,
.alert li:last-child p,
.alert ul:last-child,
.card-text p:last-child {
margin-bottom: 0;
}