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: 15px;
  60     padding-left: calc(max(50% - 500px, 15px));
  61 }
  62
  63 nav a, nav .link {
  64     margin-right: 5px;
  65 }
  66
  67 nav img {
  68     vertical-align: middle;
  69 }
  70
  71 .page {
  72     max-width: 1000px;
  73     position: relative;
  74     left: calc(max(-500px,-50%) + 50%);
  75     padding: 15px;
  76 }
  77
  78 .big-field-label {
  79     vertical-align: top;
  80 }
  81
  82 /* Dark mode */
  83 @media (prefers-color-scheme: dark) {
  84     body {
  85         background-color: #202124;
  86         color: #bdc1c6;
  87     }
  88
  89     title, h1, h2, h3, h4, h5, h6 {
  90         color: white;
  91     }
  92
  93     a, .link {
  94         color: #8ab4f8;
  95     }
  96
  97     .page nav {
  98         border-top: 1px solid #666;
  99     }
 100
 101     nav {
 102         background-color: #373e48;
 103         border-bottom: 1px solid #666;
 104     }
 105 }