path: root/aleteoryx.css

/* 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;
  width: 80ch;
}

* {
  font-size: 13px !important;
  padding: 0px;
  margin: 0px;
}

a {
  color: #d93345;
  font-weight: bold;
}
a:visited {
  color: #eb569e;
}

span.rss-source a {
  color: black;
  background-color: var(--brand-color);

  padding-left: 1ch;
  padding-right: 1ch;
  border-radius: 2ch;
}
span.rss-source.disabled a {
  color: var(--brand-color);
  background-color: black;

  border: 1px solid var(--brand-color);
}

main {
  padding-top: 1em;
}

article {
  padding-top: 1em;
  padding-bottom: 1em;
}

div.rss-content {
  border-left: 1px solid var(--brand-color);
  padding-left: 1ch;

  margin-bottom: 1em;
}

[data-source="Dreamwidth"] {
  --brand-color: #a42226;
}
[data-source="Status.Cafe"] {
  --brand-color: azure;
}
[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;
}