update aleteoryx.css

1 files changed, 38 insertions, 5 deletions

diff --git a/aleteoryx.css b/aleteoryx.css
index b9201a8..6f7af56 100644
--- a/aleteoryx.css
+++ b/aleteoryx.css
@@ -10,6 +10,7 @@ body {
   font-family: monospace;
   padding: 0px;
   margin: 8px;
+  width: 80ch;
 }
 
 * {
@@ -26,7 +27,7 @@ a:visited {
   color: #eb569e;
 }
 
-span.source a {
+span.rss-source a {
   color: black;
   background-color: var(--brand-color);
 
@@ -34,7 +35,7 @@ span.source a {
   padding-right: 1ch;
   border-radius: 2ch;
 }
-span.source.disabled a {
+span.rss-source.disabled a {
   color: var(--brand-color);
   background-color: black;
 
@@ -47,14 +48,46 @@ main {
 
 article {
   padding-top: 1em;
+  padding-bottom: 1em;
 }
 
-span[data-source="Dreamwidth"] a {
+div.rss-content {
+  border-left: 1px solid var(--brand-color);
+  padding-left: 1ch;
+
+  margin-bottom: 1em;
+}
+
+[data-source="Dreamwidth"] {
   --brand-color: #a42226;
 }
-span[data-source="Status.Cafe"] a {
+[data-source="Status.Cafe"] {
   --brand-color: azure;
 }
-span[data-source="Tumblr"] a {
+[data-source="Tumblr"] {
   --brand-color: #00b8ff;
 }
+
+/* styling the content */
+
+blockquote {
+  border-left: solid 1ch grey;
+  padding-left: 1ch;
+  margin-left: 1ch;
+}
+
+ul, ol {
+  padding-left: 3ch;
+}
+
+p:not(:last-child) {
+  padding-bottom: 1em;
+}
+
+img {
+  max-width: 60ch;
+}
+
+.tmblr-alt-text-helper {
+  display: none;
+}