example css

2 files changed, 68 insertions, 1 deletions

diff --git a/README.md b/README.md
index 8395b98..133f0b6 100644
--- a/README.md
+++ b/README.md
@@ -8,7 +8,7 @@ embedded into a website via an <iframe>.
 
 ## Usage
 
-To use this tool, just download the main rss.php file and edit it.
+To use this tool, just download the main [`rss.php`][php] file and edit it.
 Each entry in the `$feeds` array corresponds to a feed that will be
 displayed. The key of the entry is the name.
 
@@ -28,3 +28,10 @@ The cache uses PHP's builtin `serialize`/`unserialize` functions, and stores ent
 `{$config["cache_dir"]}/{md5($feed["url"])}`. Only one cache file will ever exist for
 a feed, and it is safe for multiple instances to share a cache directory, even if feed
 URLs overlap.
+
+## Styling
+
+[`aleteoryx.css`][css] contains an example stylesheet.
+
+[php]: https://git.aleteoryx.me/cgit/rss_dot_php/tree/rss.php
+[css]: https://git.aleteoryx.me/cgit/rss_dot_php/tree/aleteoryx.css
diff --git a/aleteoryx.css b/aleteoryx.css
new file mode 100644
index 0000000..b9201a8
--- /dev/null
+++ b/aleteoryx.css
@@ -0,0 +1,60 @@
+/* This is the CSS in use at <https://rss.aleteoryx.me/index.php>. */
+
+:root {
+  color: white;
+  background-color: black;
+}
+
+body {
+  white-space: normal;
+  font-family: monospace;
+  padding: 0px;
+  margin: 8px;
+}
+
+* {
+  font-size: 13px !important;
+  padding: 0px;
+  margin: 0px;
+}
+
+a {
+  color: #d93345;
+  font-weight: bold;
+}
+a:visited {
+  color: #eb569e;
+}
+
+span.source a {
+  color: black;
+  background-color: var(--brand-color);
+
+  padding-left: 1ch;
+  padding-right: 1ch;
+  border-radius: 2ch;
+}
+span.source.disabled a {
+  color: var(--brand-color);
+  background-color: black;
+
+  border: 1px solid var(--brand-color);
+}
+
+main {
+  padding-top: 1em;
+}
+
+article {
+  padding-top: 1em;
+}
+
+span[data-source="Dreamwidth"] a {
+  --brand-color: #a42226;
+}
+span[data-source="Status.Cafe"] a {
+  --brand-color: azure;
+}
+span[data-source="Tumblr"] a {
+  --brand-color: #00b8ff;
+}