aboutsummaryrefslogtreecommitdiff
path: root/docs/style.css
blob: 8e84beff0f14fe135c0ec3e4a1dd4fd3054f0c9d (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
* {
  box-sizing: border-box;
}

body, input {
  color: #0a0a0a;
}
body {
  margin: 1em auto;
  max-width: 46em;
  padding: 0 0.62em;
  line-height: 1.6;
}
.nav {
  text-align: right;
  margin-bottom: -2em;
}
h1, h2, h3 {
  line-height: 1.2;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
  margin: 0.4em;
}
table td, th {
  padding: 0.4em 0.9em;
  border: 1px solid #939b97;
}
table th {
  background-color: #eaeeee;
  border-bottom-color: #5a5f5d;
}

pre, code, textarea {
  background-color: #e3e7e7;
  color: #292929;
}
pre, code, textarea, .kb {
  border: 1px solid #bdcac4;
  letter-spacing: 0.2;
}
code {
  padding: 0.15em 0.1em 0.05em;
  white-space: nowrap;
  border-width: 0.3px;
}
pre, textarea, .kb {
  font-family: monospace;
  font-size: 1.16em;
  line-height: 1.2;
}
pre { margin: 1.6em 0.4em; }
pre, textarea { padding: 0.8em; }
textarea { width:100%; outline:none; resize:vertical; }
.cont { margin:1.3em 0; }
.rslt { background:none; border-top:none; margin:0; }
.rslt.err { color:#d11; }
.kb {
  line-height:1.5;
  width:100%;
  padding:0.3em 0;
}
.kb span {
  cursor:default;
  padding:1px;
}

.Value        { color: #1f2020; }
.Function     { color: #1f7229; }
.Modifier     { color: #7b3b60; }
.Modifier2    { color: #857614; }
.Gets         { color: #16170a; }
.Paren        { color: #585f5b; }
.Ligature,
.Separator,
.Bracket      { color: #30241f; }
.Brace        { color: #9130ad; }
.Nothing,
.Number       { color: #6f251f; }
.Comment      { color: #32328b; }
.String       { color: #2d7583; }

a:link        { color: #0b39dc; text-decoration-color:#0b39dc91; }
a:visited     { color: #3d155f; }

.kb span:hover{ background-color:#bce; }
.kb.backslash { background-color:#cee; }

@media (prefers-color-scheme: dark) {
  body, input { color: #d6d7d9; background-color: #141515; }
  input       { border-color: #0c0d0e; }
  textarea, pre, code      { color: #969698; background-color: #0c0d0e; }
  textarea, pre, code, .kb { border-color: #040509; }
  code        { border-color: #0c0d0e; background-color: #0f1011; }
  table td, th{ border-color: #636967; }
  table th    { border-color: #88918c; background-color: #292a2b; }
  .kb span:hover { background-color:#237; }
  .kb.backslash  { background-color:#1e2430; }

  .Value      { color: #b2b9bb; }
  .Function   { color: #3aa548; }
  .Modifier   { color: #93428b; }
  .Modifier2  { color: #998819; }
  .Gets       { color: #cccdcb; }
  .Paren      { color: #5a524a; }
  .Ligature,
  .Separator,
  .Bracket    { color: #9c7dc1; }
  .Brace      { color: #862f9e; }
  .Nothing,
  .Number     { color: #a73227; }
  .Comment    { color: #3f3daa; }
  .String     { color: #3e99ab; }

  a:link      { color: #5592d9; text-decoration-color:#508dd978; }
  a:visited   { color: #8781c1; }
}