MediaWiki:Common.css: Unterschied zwischen den Versionen

Zeile 756:

.ados-hit { border:1px solid #eee; border-radius:10px; padding:10px; background:#fafafa; }

.ados-hit b { display:block; margin-bottom:4px; }

/* ===== LabelScan UI ===== */

.ados-scan { border:1px solid #e6e6e6; border-radius:14px; padding:12px; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.04); }

.ados-scan h2 { margin:.2rem 0 .4rem; }

.ados-scan__uploader { display:flex; justify-content:center; }

.ados-scan__btn {

display:flex; flex-direction:column; align-items:center; gap:.35rem;

padding:18px 20px; border:2px dashed #cfcfcf; border-radius:16px; background:#fafafa;

cursor:pointer; width:100%; max-width:520px; text-align:center;

transition:background .15s, border-color .15s, transform .05s;

}

.ados-scan__btn:hover { background:#f6f6f6; border-color:#bbb; }

.ados-scan__btn:active { transform:scale(.99); }

.ados-scan__btn svg { width:44px; height:44px; fill:#ff7a00; opacity:.9; }

.ados-scan__btn span { font-weight:700; }

.ados-scan__btn small { color:#666; }

#ados-scan-drop.dragover .ados-scan__btn { border-color:#ff7a00; background:#fff8f1; }

.ados-scan__progress { margin:.6rem 0 .3rem; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }

.ados-scan__status { color:#555; font-size:90%; }

#ados-scan-progress { width:220px; height:10px; accent-color:#ff7a00; }

.ados-scan__preview { margin:.5rem 0; }

.ados-scan__preview img { max-width:100%; border-radius:10px; box-shadow:0 2px 10px rgba(0,0,0,.06); }

.ados-scan__actions { margin:.4rem 0 .6rem; }

.ados-scan__run {

padding:.55rem .9rem; border:1px solid #ddd; border-radius:999px; background:#fff;

cursor:pointer; font-weight:600;

}

.ados-scan__run[disabled] { opacity:.6; cursor:not-allowed; }

.ados-scan__results { display:grid; grid-template-columns:1fr; gap:8px; }

@media (min-width:700px){ .ados-scan__results { grid-template-columns:1fr 1fr; } }

.ados-hit { border:1px solid #eee; border-radius:10px; padding:10px; background:#fafafa; }

.ados-hit b { display:block; margin-bottom:4px; }

@media (prefers-color-scheme: dark){

.ados-scan { background:#1c1c1c; border-color:#313131; }

.ados-scan__btn { background:#181818; border-color:#343434; }

.ados-scan__btn:hover { background:#1b1b1b; border-color:#555; }

.ados-scan__status { color:#bbb; }

.ados-hit { background:#202020; border-color:#2e2e2e; }

}

@@ Zeile 756: / Zeile 756: @@
 .ados-hit { border:1px solid #eee; border-radius:10px; padding:10px; background:#fafafa; }
 .ados-hit b { display:block; margin-bottom:4px; }
+/* ===== LabelScan UI ===== */
+.ados-scan { border:1px solid #e6e6e6; border-radius:14px; padding:12px; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.04); }
+.ados-scan h2 { margin:.2rem 0 .4rem; }
+.ados-scan__uploader { display:flex; justify-content:center; }
+.ados-scan__btn {
+  display:flex; flex-direction:column; align-items:center; gap:.35rem;
+  padding:18px 20px; border:2px dashed #cfcfcf; border-radius:16px; background:#fafafa;
+  cursor:pointer; width:100%; max-width:520px; text-align:center;
+  transition:background .15s, border-color .15s, transform .05s;
+}
+.ados-scan__btn:hover { background:#f6f6f6; border-color:#bbb; }
+.ados-scan__btn:active { transform:scale(.99); }
+.ados-scan__btn svg { width:44px; height:44px; fill:#ff7a00; opacity:.9; }
+.ados-scan__btn span { font-weight:700; }
+.ados-scan__btn small { color:#666; }
+#ados-scan-drop.dragover .ados-scan__btn { border-color:#ff7a00; background:#fff8f1; }
+.ados-scan__progress { margin:.6rem 0 .3rem; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
+.ados-scan__status { color:#555; font-size:90%; }
+#ados-scan-progress { width:220px; height:10px; accent-color:#ff7a00; }
+.ados-scan__preview { margin:.5rem 0; }
+.ados-scan__preview img { max-width:100%; border-radius:10px; box-shadow:0 2px 10px rgba(0,0,0,.06); }
+.ados-scan__actions { margin:.4rem 0 .6rem; }
+.ados-scan__run {
+  padding:.55rem .9rem; border:1px solid #ddd; border-radius:999px; background:#fff;
+  cursor:pointer; font-weight:600;
+}
+.ados-scan__run[disabled] { opacity:.6; cursor:not-allowed; }
+.ados-scan__results { display:grid; grid-template-columns:1fr; gap:8px; }
+@media (min-width:700px){ .ados-scan__results { grid-template-columns:1fr 1fr; } }
+.ados-hit { border:1px solid #eee; border-radius:10px; padding:10px; background:#fafafa; }
+.ados-hit b { display:block; margin-bottom:4px; }
+@media (prefers-color-scheme: dark){
+  .ados-scan { background:#1c1c1c; border-color:#313131; }
+  .ados-scan__btn { background:#181818; border-color:#343434; }
+  .ados-scan__btn:hover { background:#1b1b1b; border-color:#555; }
+  .ados-scan__status { color:#bbb; }
+  .ados-hit { background:#202020; border-color:#2e2e2e; }
+}