arimelody.space
home to your local SPACEGIRL 馃挮
arimelody.space
1main {
2 width: min(1080px, calc(100% - 2em))!important
3}
4
5form#search-form {
6 width: calc(100% - 2em);
7 margin: 1em 0;
8 padding: 1em;
9 border-radius: 16px;
10 color: var(--fg-0);
11 background-color: var(--bg-2);
12 box-shadow: var(--shadow-md);
13}
14
15div#search {
16 display: flex;
17}
18
19#search input {
20 margin: 0;
21 padding: .3em .8em;
22 flex-grow: 1;
23 border: none;
24 border-radius: 16px;
25 color: var(--fg-1);
26 background-color: var(--bg-0);
27 box-shadow: var(--shadow-sm);
28}
29
30#search button {
31 margin-left: .5em;
32 padding: 0 .8em;
33}
34
35form #filters p {
36 margin: .5em 0 0 0;
37}
38form #filters label {
39 color: inherit;
40 display: inline;
41}
42form #filters input {
43 margin-right: 1em;
44 display: inline;
45}
46
47#logs {
48 width: 100%;
49 overflow: scroll;
50}
51@media screen and (max-width: 720px) {
52 #logs {
53 font-size: 12px;
54 }
55}
56
57#logs table{
58 border-collapse: collapse;
59}
60
61#logs tr {
62}
63
64#logs tr td {
65 border-bottom: 1px solid #8888;
66}
67
68#logs tr td:nth-child(even) {
69 background: #00000004;
70}
71
72#logs th, #logs td {
73 padding: .4em .8em;
74}
75
76#logs .log {
77 color: var(--fg-2);
78}
79
80td, th {
81 width: 1%;
82 text-align: left;
83 white-space: nowrap;
84}
85td.log-level,
86th.log-level,
87td.log-type,
88th.log-type {
89 text-align: center;
90}
91td.log-content,
92td.log-content {
93 width: 100%;
94 white-space: collapse;
95}
96
97#logs .log:hover {
98 background: color-mix(in srgb, var(--fg-3) 10%, transparent);
99}
100
101#logs .log.warn {
102 color: var(--col-on-warn);
103 background-color: var(--col-warn);
104}
105#logs .log.warn:hover {
106 background-color: var(--col-warn-hover);
107}