Documentation/assets/css/codeberg-docs.css

: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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 7.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-3 3.75a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 .75.75v4.25h.75a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h.75V12h-.75a.75.75 0 0 1-.75-.75Z"></path><path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1ZM2.5 12a9.5 9.5 0 0 0 9.5 9.5 9.5 9.5 0 0 0 9.5-9.5A9.5 9.5 0 0 0 12 2.5 9.5 9.5 0 0 0 2.5 12Z"></path></svg>');
  --admonition-icon--note: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17.263 2.177a1.75 1.75 0 0 1 2.474 0l2.586 2.586a1.75 1.75 0 0 1 0 2.474L19.53 10.03l-.012.013L8.69 20.378a1.753 1.753 0 0 1-.699.409l-5.523 1.68a.748.748 0 0 1-.747-.188.748.748 0 0 1-.188-.747l1.673-5.5a1.75 1.75 0 0 1 .466-.756L14.476 4.963ZM4.708 16.361a.26.26 0 0 0-.067.108l-1.264 4.154 4.177-1.271a.253.253 0 0 0 .1-.059l10.273-9.806-2.94-2.939-10.279 9.813ZM19 8.44l2.263-2.262a.25.25 0 0 0 0-.354l-2.586-2.586a.25.25 0 0 0-.354 0L16.061 5.5Z"></path></svg>');
  --admonition-icon--warning: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 17.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-.25-8.25a.75.75 0 0 0-1.5 0v4.5a.75.75 0 0 0 1.5 0v-4.5Z"></path><path d="M9.836 3.244c.963-1.665 3.365-1.665 4.328 0l8.967 15.504c.963 1.667-.24 3.752-2.165 3.752H3.034c-1.926 0-3.128-2.085-2.165-3.752Zm3.03.751a1.002 1.002 0 0 0-1.732 0L2.168 19.499A1.002 1.002 0 0 0 3.034 21h17.932a1.002 1.002 0 0 0 .866-1.5L12.866 3.994Z"></path></svg>');
  --admonition-icon--tip: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.596 2.043c1.075.076 2.059.281 2.743.956.698.688.92 1.696.92 2.941 0 .432-.057.955-.117 1.438-.026.2-.051.392-.076.572l-.056.429h2.05c.752 0 1.446.108 2.036.404.612.306 1.062.787 1.355 1.431.551 1.214.542 3.008.223 5.394l-.051.39c-.134 1.01-.248 1.872-.396 2.58-.166.795-.394 1.496-.816 2.05-.89 1.168-2.395 1.372-4.583 1.372-2.331 0-4.08-.418-5.544-.824l-.602-.17c-1.023-.29-1.852-.526-2.69-.586A1.75 1.75 0 0 1 5.25 22h-1.5A1.75 1.75 0 0 1 2 20.25V9.75C2 8.784 2.784 8 3.75 8h1.5a1.75 1.75 0 0 1 1.746 1.633 1.85 1.85 0 0 0 .523-.131c.961-.415 2.774-1.534 2.774-4.2V4.249c0-1.22 1.002-2.298 2.303-2.206ZM7 18.918c1.059.064 2.079.355 3.118.652l.568.16c1.406.39 3.006.77 5.142.77 2.277 0 3.004-.274 3.39-.781.216-.283.388-.718.54-1.448.136-.65.242-1.45.379-2.477l.05-.384c.32-2.4.253-3.795-.102-4.575-.16-.352-.375-.568-.66-.711-.305-.153-.74-.245-1.365-.245h-2.37c-.681 0-1.293-.57-1.211-1.328.026-.243.065-.537.105-.834l.07-.527c.06-.482.105-.921.105-1.25 0-1.125-.213-1.617-.473-1.873-.275-.27-.774-.455-1.795-.528-.351-.024-.698.274-.698.71v1.053c0 3.55-2.488 5.063-3.68 5.577-.372.16-.754.232-1.113.26ZM3.75 20.5h1.5a.25.25 0 0 0 .25-.25V9.75a.25.25 0 0 0-.25-.25h-1.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25Z"></path></svg>');
  --admonition-icon--question: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M10.97 8.265a1.45 1.45 0 0 0-.487.57.75.75 0 0 1-1.341-.67c.2-.402.513-.826.997-1.148C10.627 6.69 11.244 6.5 12 6.5c.658 0 1.369.195 1.934.619a2.45 2.45 0 0 1 1.004 2.006c0 1.033-.513 1.72-1.027 2.215-.19.183-.399.358-.579.508l-.147.123a4.329 4.329 0 0 0-.435.409v1.37a.75.75 0 1 1-1.5 0v-1.473c0-.237.067-.504.247-.736.22-.28.486-.517.718-.714l.183-.153.001-.001c.172-.143.324-.27.47-.412.368-.355.569-.676.569-1.136a.953.953 0 0 0-.404-.806C12.766 8.118 12.384 8 12 8c-.494 0-.814.121-1.03.265ZM13 17a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path><path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1ZM2.5 12a9.5 9.5 0 0 0 9.5 9.5 9.5 9.5 0 0 0 9.5-9.5A9.5 9.5 0 0 0 12 2.5 9.5 9.5 0 0 0 2.5 12Z"></path></svg>');

  --admonition-icon-dimension: 20px;
}

.content :not(img, pre) {
  max-width: 80ch;
}
.content img {
  border: 5px solid rgba(0, 0, 0, 0.2);
  max-width: 100%;
}
.content blockquote {
  margin: 0;
}
.content-title {
  margin-top: 20px !important;
}

.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;
}

.codeberg-design .card,
.codeberg-design hr {
  margin-left: 0;
}

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;
}

/* Override sidebar link style */
.codeberg-design .sidebar-title a {
  color: var(--sidebar-title-text-color);
}
.codeberg-design .sidebar-title .dark-mode a {
  color: var(--dm-sidebar-title-text-color);
}

/* 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 {
  background-color: var(--admonition-background-color--info);
  border: 0.2rem solid var(--admonition-border-color--info);
  border-radius: 0.3rem;

  border-left-width: 0.5rem;

  padding: 1em 1.5em;
}

.admonition-title {
  font-weight: bold;
  font-size: 1.2em;
}

.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.note {
  background-color: var(--admonition-background-color--note);
  border-color: var(--admonition-border-color--note);
}

.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.warning {
  background-color: var(--admonition-background-color--warning);
  border-color: var(--admonition-border-color--warning);
}

.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.tip {
  background-color: var(--admonition-background-color--tip);
  border-color: var(--admonition-border-color--tip);
}

.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.question {
  background-color: var(--admonition-background-color--question);
  border-color: var(--admonition-border-color--question);
}

.admonition-icon.question::before {
  background-color: var(--admonition-border-color--question);

  mask-image: var(--admonition-icon--question);
  -webkit-mask-image: var(--admonition-icon--question);
}

.admonition-content > *:last-child {
  margin-bottom: 0;
}

#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: 5px;
  margin: 0;
}

#toc li {
  list-style-type: none;
  margin-bottom: 0;
}

#toc a {
  display: block;
  height: auto;
}

#toc-side {
  margin-top: 50px;
}

#toc-side span {
  font-weight: 500;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

#toc-side ol:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}

.dark-mode #toc-side ol:first-child {
  border-left: 1px solid rgba(255, 255, 255, 0.15);
}

#toc-side a {
  padding-left: 10px;
}