res/doap2html.css

   1 html {
   2   font-family: sans-serif;
   3   background:  hsl(30, 50%, 93%);
   4   color:       hsl(30, 50%, 44%);
   5 }
   6 body {
   7   margin: auto;
   8   max-width: 43rem;
   9 }
  10 a, a:visited {
  11   color: hsl(115, 50%, 35%);
  12   text-decoration: none;
  13 }
  14 h1 > a, h2 > a {
  15   font-size:   60%;
  16   vertical-align: baseline;
  17   position:   relative;
  18   top:        -0.7em;
  19 }
  20 #sep {
  21   text-align: center;
  22 }
  23 #poweredby {
  24   font-size:  80%;
  25   color:      #888;
  26   border-top: 2px solid darkgrey;
  27   padding-top: 1ex;
  28 }
  29 p[lang="en"]::after { content: "🇬🇧"; }
  30 pre[lang="en"]::before { content: "🇬🇧"; }
  31 p[lang="fr"]::after { content: "🇫🇷"; }
  32
  33 @media (prefers-color-scheme: dark) {
  34   html {
  35     background: hsl(30, 20%, 23%);
  36   }
  37 }
  38