Initial commit

ui/gemeinsam.css

@@ -0,0 +1,74 @@
+/* Gemeinsames Aussehen der Dialoge. Bewusst zurückhaltend, damit sie sich
+   in die Oberfläche von Thunderbird einfügen statt sich abzuheben. */
+:root {
+  --gruen: #175420;
+  --rand: #c8ccd0;
+  --hell: #f6f6f4;
+  color-scheme: light dark;
+}
+* { box-sizing: border-box; }
+body {
+  font: message-box;
+  font-size: 13px;
+  margin: 0;
+  padding: 12px 14px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  height: 100vh;
+}
+h1 { font-size: 14px; margin: 0 0 2px; font-weight: 600; }
+fieldset {
+  border: 1px solid var(--rand);
+  border-radius: 4px;
+  margin: 0;
+  padding: 8px 10px 10px;
+  min-width: 0;
+}
+legend { padding: 0 4px; font-weight: 600; }
+label { display: block; margin: 4px 0 2px; }
+input[type=text], input[type=password], input[type=number], select {
+  width: 100%;
+  padding: 4px 6px;
+  border: 1px solid var(--rand);
+  border-radius: 3px;
+  background: Field;
+  color: FieldText;
+}
+.zeile { display: flex; gap: 8px; align-items: center; }
+.zeile > input[type=text] { flex: 1; }
+.wahl { display: flex; gap: 6px; align-items: center; margin: 3px 0; }
+.wahl input { width: auto; margin: 0; }
+button {
+  padding: 5px 14px;
+  border: 1px solid var(--rand);
+  border-radius: 3px;
+  background: ButtonFace;
+  color: ButtonText;
+  cursor: pointer;
+}
+button.haupt { background: var(--gruen); color: #fff; border-color: var(--gruen); }
+button:disabled { opacity: .5; cursor: default; }
+.fuss { display: flex; justify-content: flex-end; gap: 8px; margin-top: auto; }
+.liste {
+  border: 1px solid var(--rand);
+  border-radius: 3px;
+  overflow: auto;
+  background: Field;
+  flex: 1;
+  min-height: 90px;
+}
+table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
+th, td { padding: 3px 8px; text-align: left; white-space: nowrap; }
+th {
+  position: sticky; top: 0;
+  background: var(--hell);
+  border-bottom: 1px solid var(--rand);
+  font-weight: 600;
+}
+td.zahl, th.zahl { text-align: right; }
+tr.gewaehlt { background: SelectedItem; color: SelectedItemText; }
+tbody tr { cursor: default; }
+.hinweis { color: GrayText; font-size: 12px; }
+.fehler { color: #b32; }
+.wachsen { flex: 1; display: flex; flex-direction: column; gap: 6px; min-height: 0; }