extra/websites/concatenative/page.css

   1 html {
   2     box-sizing: border-box;
   3 }
   4
   5 *, *:before, *:after {
   6     box-sizing: inherit;
   7 }
   8
   9 html, body {
  10     margin: 0;
  11     padding: 0;
  12 }
  13
  14 body, button {
  15     font-size: 12pt;
  16     font-family: sans-serif;
  17 }
  18
  19 textarea {
  20     font-size: 12pt;
  21 }
  22
  23 table {
  24     border-spacing: 0;
  25     border-collapse: collapse;
  26 }
  27
  28 pre {
  29     overflow: auto;
  30     font-size: smaller;
  31     line-height: 125%;
  32 }
  33
  34 .link-button {
  35     padding: 0;
  36     background: none;
  37     border: none;
  38 }
  39
  40 a, .link { color: #2A5DB0; }
  41 a:link, a:visited, a:active, .link { text-decoration: none; }
  42 a:hover, .link:hover { text-decoration: underline; }
  43
  44 .error { color: #a00; }
  45
  46 .errors li { color: #a00; }
  47
  48 .field-label {
  49     text-align: right;
  50 }
  51
  52 .inline {
  53     display: inline;
  54 }
  55
  56 nav {
  57     border-bottom: 1px solid #ccc;
  58     background-color: #f5f5f5;
  59     padding-top: 10px;
  60     padding-bottom: 10px;
  61     padding-left: calc(max(50% - 500px, 0px) + 15px);
  62     padding-right: calc(max(50% - 500px, 0px) + 15px);
  63 }
  64
  65 nav a, nav .link {
  66     margin-right: 10px;
  67 }
  68
  69 nav img {
  70     vertical-align: middle;
  71 }
  72
  73 .page {
  74     max-width: 1000px;
  75     position: relative;
  76     left: calc(max(-500px,-50%) + 50%);
  77     padding: 15px;
  78 }
  79
  80 .big-field-label {
  81     vertical-align: top;
  82 }
  83
  84 /* Dark mode */
  85 @media (prefers-color-scheme: dark) {
  86     body {
  87         background-color: #202124;
  88         color: #bdc1c6;
  89     }
  90
  91     title, h1, h2, h3, h4, h5, h6 {
  92         color: white;
  93     }
  94
  95     a, .link {
  96         color: #8ab4f8;
  97     }
  98
  99     nav {
 100         background-color: #373e48;
 101         border-bottom: 1px solid #666;
 102     }
 103 }