Add styles for delimiting LLM quotes to the default theme

Might be useful, who knows :3

Change-Id: I9f2886575cfa3ab0c89a074a494d97b5b2547e5c

1 files changed, 19 insertions, 0 deletions

diff --git a/templates/assets/style.css b/templates/assets/style.css
index a06bf23..6139288 100644
--- a/templates/assets/style.css
+++ b/templates/assets/style.css
@@ -300,3 +300,22 @@ body > a#skip-to-content:focus {
   white-space: nowrap; 
   width: 1px;
 }
+
+figure.llm-quote {
+  background: #ddd;
+  border-left: 0.5em solid black;
+  border-image: repeating-linear-gradient(45deg, #000000, #000000 0.75em, #FFFF00 0.75em, #FFFF00 1.5em) 8;
+  padding: 0.5em;
+  padding-left: 0.75em;
+  margin-left: 3em;
+}
+figure.llm-quote > figcaption {
+  font-size: 0.95em;
+  font-style: italic;
+}
+@media (prefers-color-scheme: dark) {
+  figure.llm-quote {
+    color: #f0f0f0;
+    background-color: #242424;
+  }
+}