alexveley
52 lines
1.2 KiB
CSS
52 lines
1.2 KiB
CSS
:root {
|
|
color-scheme: light dark;
|
|
font: 14px/1.45 system-ui, sans-serif;
|
|
}
|
|
body {
|
|
margin: 0;
|
|
color: CanvasText;
|
|
background: Canvas;
|
|
}
|
|
.popup {
|
|
width: 280px;
|
|
padding: 12px;
|
|
}
|
|
.page {
|
|
max-width: 720px;
|
|
margin: 0 auto;
|
|
padding: 24px;
|
|
}
|
|
h1, h2 { margin: 0 0 8px; font-size: 1.15rem; }
|
|
.lead { margin: 0 0 12px; }
|
|
.usage, .settings { margin: 0 0 16px; }
|
|
.usage p { margin: 0 0 8px; }
|
|
input[type="number"] {
|
|
width: 8rem;
|
|
padding: 6px 8px;
|
|
}
|
|
.process { margin: 0 0 16px; padding-left: 1.2rem; }
|
|
.process li { margin: 6px 0; }
|
|
.muted { color: GrayText; }
|
|
.row { display: flex; gap: 8px; margin: 16px 0; }
|
|
input[type="text"], textarea, button {
|
|
font: inherit;
|
|
}
|
|
input[type="text"], textarea {
|
|
flex: 1;
|
|
padding: 6px 8px;
|
|
}
|
|
textarea { width: 100%; box-sizing: border-box; }
|
|
button { padding: 6px 10px; }
|
|
table { width: 100%; border-collapse: collapse; }
|
|
th, td { text-align: left; padding: 8px 6px; border-bottom: 1px solid color-mix(in srgb, CanvasText 12%, Canvas); }
|
|
.error { color: #b00020; }
|
|
.hint { font-size: 0.9rem; }
|
|
.sr { position: absolute; left: -9999px; }
|
|
dialog {
|
|
border: 1px solid color-mix(in srgb, CanvasText 20%, Canvas);
|
|
border-radius: 8px;
|
|
padding: 16px;
|
|
max-width: 36rem;
|
|
}
|
|
code { font-size: 0.9em; }
|