refine article styling

2 files changed, 12 insertions, 4 deletions

diff --git a/clams-server/src/main/resources/public/css/article.css b/clams-server/src/main/resources/public/css/article.css
index 2ba2b18..318df62 100644
--- a/clams-server/src/main/resources/public/css/article.css
+++ b/clams-server/src/main/resources/public/css/article.css
@@ -13,6 +13,13 @@ h1 {
     text-align: left;
 }
 
+blockquote {
+    border-left: 4px solid var(--accent-color);
+    padding-left: 1rem;
+    margin-left: 0;
+    font-style: italic;
+}
+
 .article-content {
     line-height: 1.8;
     font-size: var(--font-size-body);
diff --git a/clams-server/src/main/resources/public/css/common.css b/clams-server/src/main/resources/public/css/common.css
index 431d62e..89748f0 100644
--- a/clams-server/src/main/resources/public/css/common.css
+++ b/clams-server/src/main/resources/public/css/common.css
@@ -4,9 +4,10 @@
     --bg-color: #f4f4f0;
     --text-color: #363737;
     --border-color: #ccc;
+    --accent-color: #8fae8f;
     --font-serif: "Spectral", Georgia, serif;
     --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-    --font-size-body: 1.05rem;
+    --font-size-body: 1.2rem;
     --font-size-small: 0.9rem;
     --font-size-caption: 0.85rem;
 }
@@ -85,11 +86,11 @@ a {
     color: var(--text-color);
     text-decoration: underline;
     font-weight: bold;
-    transition: opacity 0.2s;
+    transition: color 0.2s ease;
 }
 
 a:hover {
-    opacity: 0.7;
+    color: var(--accent-color);
 }
 
 footer {
@@ -172,7 +173,7 @@ footer p {
     text-decoration: none;
     font-weight: bold;
     opacity: 0.7;
-    transition: opacity 0.2s;
+    transition: color 0.2s ease;
 }
 
 .back-link-top:hover {