💾 Archived View for iich.space › src › gateway › style.css captured on 2022-03-01 at 15:59:57.

View Raw

More Information

⬅️ Previous capture (2021-12-03)

🚧 View Differences

-=-=-=-=-=-=-

/* heavily derived from https://gmi.skyjake.fi/lagrange/ */

body {
  font-family: Nunito, sans-serif;
  font-weight: 400;
  font-size: 15pt;
  margin: 0;
  padding: 0;
}

.container {
  margin: auto;
  max-width: 34em;
  padding: 0 1em;
}

.content {
  padding: 2em 1em;
}

#header a {
  font-weight: 200;
  font-size: 150%;
  line-height: 3;
  margin: 0;
}

h1 {
  font-size: 225%;
  margin: 0;
}

h2 {
  font-size: 150%;
  margin: 0;
}

h3 {
  font-size: 125%;
  font-weight: normal;
  margin: 0;
}

a {
  text-decoration: none;
  display: block;
  line-height: 1.8;
  font-weight: 600;
  color: inherit;
  margin-left: 1.5em;
}

.content a::before {
  content: '➤';
  display: inline-block;
  width: 0;
  text-indent: -1.5em;
}

p {
  margin-left: 1.5em;
  margin-top: 0;
  margin-bottom: 0;
  word-break: break-word;
}

p:empty {
  padding-bottom: 1.4em;
}

pre {
  font-family: 'Fira Mono', monospace;
  font-size: 75%;
  margin: 0 0 0 2em;
  max-width: 100%;
  overflow: auto;
  padding: 1em 0;
}

img {
  max-width: 100%;
  display: block;
  margin: 1em auto;
}

body {
  background: var(--background);
  color: var(--foreground);
}

#header {
  background: var(--foreground);
  color: var(--background);
  opacity: 0.5;
}

#header a {
  color: inherit;
}

h1 {
  color: var(--primary);
}

h2 {
  color: var(--secondary);
}

h3 {
  color: var(--secondary);
}

a::before {
  color: var(--primary);
}

a:hover {
  color: var(--primary);
}

@media only screen and (max-width: 499px) and (orientation: portrait) {
  body {
    font-size: 12pt;
    -webkit-text-size-adjust: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (orientation: landscape) and (max-width: 850px) {
  body {
    font-size: 12pt;
    -webkit-text-size-adjust: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

:root {
  --background: #f2f0ec;
  --foreground: #393939;
  --primary: #598dc0;
  --secondary: #b9454c;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #393939;
    --foreground: #f2f0ec;
    --primary: #598dc0;
    --secondary: #f87c7f;
  }
}