diff --git a/Theme/strahd.css b/Theme/strahd.css index 7befc2d..3341229 100644 --- a/Theme/strahd.css +++ b/Theme/strahd.css @@ -1,3 +1,62 @@ +/* Handwritten notes */ +@import url('https://fonts.googleapis.com/css2?family=Rock+Salt&family=Nanum+Pen+Script&display=swap'); + + :root { + --base-text-color:maroon; + --greeting-color:inherit; + --note-color:inherit; + --signature-color:inherit; + + --base-text-font:'rock salt'; + --greeting-font:inherit; + --note-font:inherit; + --signature-font:inherit; + + --base-text-size:12px; + } + + .flavor { + font-family:var(--base-text-font); + color:var(--base-text-color); + margin-bottom:10px; + font-size:var(--base-text-size); + } + + .flavor p { + text-align:center; + font-family:var(--note-font); + transform:rotate(0deg); + color:var(--note-color); + font-size:inherit; + } + + .flavor.greeting p:first-child { + font-family:var(--greeting-font); + text-align:left; + transform:rotate(0deg); + font-size:inherit; + padding-top:0; + height:auto; + color:var(--greeting-color); + font-weight:unset; + } + + .flavor.sig p:last-child { + font-family:var(--signature-font); + text-align:right; + transform:rotate(-4deg); + font-size:inherit; + padding-top:0; + height:auto; + font-weight:unset; + border:none; + color:var(--signature-color); + } + + .flavor.sig.wide p:last-child { + margin-top:8px + } + /***** V3 *********/ @@ -214,61 +273,4 @@ border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAyAAAAFKCAMAAAD padding: 0.13cm 0.16cm; filter: drop-shadow(1px 4px 6px #888); } -/* Handwritten notes */ -@import url('https://fonts.googleapis.com/css2?family=Rock+Salt&family=Nanum+Pen+Script&display=swap'); - :root { - --base-text-color:maroon; - --greeting-color:inherit; - --note-color:inherit; - --signature-color:inherit; - - --base-text-font:'rock salt'; - --greeting-font:inherit; - --note-font:inherit; - --signature-font:inherit; - - --base-text-size:12px; - } - - .flavor { - font-family:var(--base-text-font); - color:var(--base-text-color); - margin-bottom:10px; - font-size:var(--base-text-size); - } - - .flavor p { - text-align:center; - font-family:var(--note-font); - transform:rotate(0deg); - color:var(--note-color); - font-size:inherit; - } - - .flavor.greeting p:first-child { - font-family:var(--greeting-font); - text-align:left; - transform:rotate(0deg); - font-size:inherit; - padding-top:0; - height:auto; - color:var(--greeting-color); - font-weight:unset; - } - - .flavor.sig p:last-child { - font-family:var(--signature-font); - text-align:right; - transform:rotate(-4deg); - font-size:inherit; - padding-top:0; - height:auto; - font-weight:unset; - border:none; - color:var(--signature-color); - } - - .flavor.sig.wide p:last-child { - margin-top:8px - }