|
1 | 1 | @font-face {
|
2 |
| - font-family: "Monaspace Neon"; |
3 |
| - src: url("/MonaspaceNeon-Regular.woff"); |
4 |
| - font-display: swap; |
| 2 | + font-family: "Monaspace Neon"; |
| 3 | + src: url("/MonaspaceNeon-Regular.woff"); |
| 4 | + font-display: swap; |
5 | 5 | }
|
6 | 6 |
|
7 | 7 | body {
|
8 |
| - text-align: center; |
9 |
| - background: hsl(200, 4%, 10%); |
10 |
| - font-family: "Monaspace Neon", "Courier New", "Courier", monospace; |
11 |
| - color: #ffffff; |
12 |
| - min-height: 99vh; |
13 |
| - display: grid; |
14 |
| - grid-template-rows: auto 1fr auto; |
15 |
| - overflow-x: hidden; |
16 |
| - margin: 0px; |
17 |
| - padding: 0px; |
| 8 | + text-align: center; |
| 9 | + background: hsl(200, 4%, 10%); |
| 10 | + font-family: "Monaspace Neon", "Courier New", "Courier", monospace; |
| 11 | + color: #ffffff; |
| 12 | + min-height: 99vh; |
| 13 | + display: grid; |
| 14 | + grid-template-rows: auto 1fr auto; |
| 15 | + overflow-x: hidden; |
| 16 | + margin: 0px; |
| 17 | + padding: 0px; |
18 | 18 | }
|
19 | 19 |
|
20 | 20 | body#apiBody {
|
21 |
| - margin-left: 20%; |
22 |
| - margin-right: 20%; |
| 21 | + margin-left: 20%; |
| 22 | + margin-right: 20%; |
23 | 23 | }
|
24 | 24 |
|
25 | 25 | input {
|
26 |
| - background: hsl(192, 2%, 40%); |
27 |
| - border: #1b8b77; |
28 |
| - color: #ffffff; |
29 |
| - padding: 20px; |
30 |
| - border-radius: 3px; |
| 26 | + background: hsl(192, 2%, 40%); |
| 27 | + border: #1b8b77; |
| 28 | + color: #ffffff; |
| 29 | + padding: 20px; |
| 30 | + border-radius: 3px; |
31 | 31 | }
|
32 | 32 |
|
33 | 33 | input::placeholder {
|
34 |
| - color: hsl(192, 2%, 70%); |
| 34 | + color: hsl(192, 2%, 70%); |
35 | 35 | }
|
36 | 36 |
|
37 | 37 | a {
|
38 |
| - color: #43baf4; |
| 38 | + color: #43baf4; |
39 | 39 | }
|
40 | 40 |
|
41 | 41 | img {
|
42 |
| - image-rendering: pixelated; |
| 42 | + image-rendering: pixelated; |
43 | 43 | }
|
44 | 44 |
|
45 | 45 | button {
|
46 |
| - border: none; |
47 |
| - border-radius: 5px; |
48 |
| - padding: 15px; |
49 |
| - color: white; |
50 |
| - cursor: pointer; |
51 |
| - display: inline-block; |
52 |
| - background-color: #43baf4; |
53 |
| - text-align: center; |
54 |
| - text-decoration: none; |
| 46 | + border: none; |
| 47 | + border-radius: 5px; |
| 48 | + padding: 15px; |
| 49 | + color: white; |
| 50 | + cursor: pointer; |
| 51 | + display: inline-block; |
| 52 | + background-color: #43baf4; |
| 53 | + text-align: center; |
| 54 | + text-decoration: none; |
55 | 55 | }
|
56 | 56 |
|
57 | 57 | footer {
|
58 |
| - min-height: 50px; |
59 |
| - margin-top: 10px; |
60 |
| - width: 100%; |
| 58 | + min-height: 50px; |
| 59 | + margin-top: 10px; |
| 60 | + width: 100%; |
61 | 61 | }
|
62 | 62 |
|
63 | 63 | pre > code {
|
64 |
| - text-align: left; |
65 |
| - display: inline-block; |
| 64 | + text-align: left; |
| 65 | + display: inline-block; |
66 | 66 | }
|
67 | 67 |
|
68 | 68 | .java {
|
69 |
| - background-color: chartreuse; |
70 |
| - color: black; |
| 69 | + background-color: chartreuse; |
| 70 | + color: black; |
71 | 71 | }
|
72 | 72 |
|
73 | 73 | .bedrock {
|
74 |
| - background-color: black; |
| 74 | + background-color: black; |
75 | 75 | }
|
76 | 76 |
|
77 | 77 | .response {
|
78 |
| - font-size: 20pt; |
| 78 | + font-size: 20pt; |
79 | 79 | }
|
80 | 80 |
|
81 | 81 | .ip {
|
82 |
| - cursor: pointer; |
| 82 | + cursor: pointer; |
83 | 83 | }
|
84 | 84 |
|
85 | 85 | .root-api-status {
|
86 |
| - display: flex; |
87 |
| - justify-content: center; |
88 |
| - align-items: center; |
89 |
| - width: 100%; |
| 86 | + display: flex; |
| 87 | + justify-content: center; |
| 88 | + align-items: center; |
| 89 | + width: 100%; |
90 | 90 | }
|
91 | 91 |
|
92 | 92 | @media (max-width: 110ch) {
|
93 |
| - .root-api-status { |
94 |
| - flex-direction: column; |
95 |
| - } |
| 93 | + .root-api-status { |
| 94 | + flex-direction: column; |
| 95 | + } |
96 | 96 | }
|
97 | 97 |
|
98 | 98 | .api-status-container {
|
99 |
| - margin: 2px 1ch; |
100 |
| - padding: 2px 4px; |
101 |
| - border-color: white; |
102 |
| - border-style: solid; |
103 |
| - border-width: 1px; |
104 |
| - border-radius: 4px; |
105 |
| - width: fit-content; |
| 99 | + margin: 2px 1ch; |
| 100 | + padding: 2px 4px; |
| 101 | + border-color: white; |
| 102 | + border-style: solid; |
| 103 | + border-width: 1px; |
| 104 | + border-radius: 4px; |
| 105 | + width: fit-content; |
106 | 106 | }
|
107 | 107 |
|
108 | 108 | .green {
|
109 |
| - color: #00ff00; |
| 109 | + color: #00ff00; |
110 | 110 | }
|
111 | 111 |
|
112 | 112 | .yellow {
|
113 |
| - color: #ffff00; |
| 113 | + color: #ffff00; |
114 | 114 | }
|
115 | 115 |
|
116 | 116 | .red {
|
117 |
| - color: #ff0000; |
| 117 | + color: #ff0000; |
118 | 118 | }
|
119 | 119 |
|
120 | 120 | .blue {
|
121 |
| - color: #44aaff; |
| 121 | + color: #44aaff; |
122 | 122 | }
|
0 commit comments