sigrunixia

[data-task=A] {
  --checkbox-icon-color: var(--halcyon-palette-salmon, #ef6b73);
  --checkbox-icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtc3dvcmQiPjxwb2x5bGluZSBwb2ludHM9IjE0LjUgMTcuNSAzIDYgMyAzIDYgMyAxNy41IDE0LjUiLz48bGluZSB4MT0iMTMiIHgyPSIxOSIgeTE9IjE5IiB5Mj0iMTMiLz48bGluZSB4MT0iMTYiIHgyPSIyMCIgeTE9IjE2IiB5Mj0iMjAiLz48bGluZSB4MT0iMTkiIHgyPSIyMSIgeTE9IjIxIiB5Mj0iMTkiLz48L3N2Zz4=");
}
[data-task=A] > input[type=checkbox]:checked, [data-task=A] > p > input[type=checkbox]:checked, [data-task=A][type=checkbox]:checked {
  pointer-events: auto;
  border: none;
  background: none;
}
[data-task=A] > input[type=checkbox]:checked:after, [data-task=A] > p > input[type=checkbox]:checked:after, [data-task=A][type=checkbox]:checked:after {

sigrunixia

[data-task]:is(B,C,G,F,I,O,S,W)>input[type=checkbox]:checked,[data-task]:is(B,C,G,F,I,O,S,W)>p>input[type=checkbox]:checked,[data-task]:is(B,C,G,F,I,O,S,W)[type=checkbox]:checked{pointer-events:auto;border:none;background:none}[data-task]:is(B,C,G,F,I,O,S,W)>input[type=checkbox]:checked:after,[data-task]:is(B,C,G,F,I,O,S,W)>p>input[type=checkbox]:checked:after,[data-task]:is(B,C,G,F,I,O,S,W)[type=checkbox]:checked:after{background-color:var(--checkbox-icon-color, transparent);-webkit-mask-image:var(--checkbox-icon-mask-image, none);-webkit-mask-size:var(--checkbox-icon-mask-size, 100%)}[data-task=B]{--checkbox-icon-color: var(--color-orange, #e9973f);--checkbox-icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyLjI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWJ1Zy1vZmYiPjxwYXRoIGQ9Ik0xNSA3Lj

sigrunixia

/* Change yourlayoutnamehere to the name of your layout in Fantasy Statblocks. */
/* If your name has spaces, there must be dashes between each word. */
/* i love pie becomes i-love-pie */
/* This snippet affects all images in the statblock */

.statblock.yourlayoutnamehere .image img {
    object-position: center top;
}

sigrunixia

/* Instructions!

1. Replacing The Background-Image:
  a. Pick a SVG icon from lucide, font-awesome, what-have-you.
  b. Customize the icon as you will.
  c. Copy the SVG code.
  d. Paste the SVG code into box 1 of  https://yoksel.github.io/url-encoder/ and copy the result from box 3.
  e. Replace the existing background-image: with your new one.
2. Changing the color of the background-image.
  a. If using from lucide, and certain fontawesome icons, you can change the color directly within the background-image url.

sigrunixia

/* 
Instructions:
You must use this by specifying either the Admonition name you are linking with ^blockname
or the Statblock Layout Name you plan to link with ^blockname.

Add new entries for each Admonition and Statblock. 


We will keep this in case we ever have to go back to normal.
These are the default Variables for Popover

sigrunixia

.cm-tag-active,
a.tag[href^="#active"] {
    --tag-color: var(--color-orange);
    --tag-border-color: var(--color-orange);
    --tag-border-color-hover: var(--color-orange);
}

.cm-tag-inactive,
a.tag[href^="#inactive"] {
    --tag-color: var(--color-red);