static/doors.css
doors version 2.5 · 2 KB
| 1 | /* Doors custom module - the Doors page. */ |
| 2 | .door-list{display:grid;gap:6px} |
| 3 | .door-row{background:var(--panel);border:1px solid var(--border);border-radius:10px;border-left:4px solid #5d6b7a} |
| 4 | .door-row>summary{display:grid;grid-template-columns:150px 120px minmax(120px,1fr) minmax(100px,.8fr) auto;gap:10px; |
| 5 | align-items:center;padding:9px 12px;cursor:pointer;list-style:none} |
| 6 | .door-row>summary::-webkit-details-marker{display:none} |
| 7 | .door-time{color:var(--muted);font-size:13px} |
| 8 | .door-badge{font-size:12px;font-weight:700;padding:2px 8px;border-radius:99px;background:#222b35;justify-self:start} |
| 9 | .door-name{font-weight:600}.door-user{color:#cfd8e2} |
| 10 | .door-cams{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end} |
| 11 | .door-row.k-forced{border-left-color:#ff5d5d}.k-forced .door-badge{background:#4a1d1d;color:#ff9a9a} |
| 12 | .door-row.k-held{border-left-color:#e4a83a}.k-held .door-badge{background:#4a3814;color:#f4c56b} |
| 13 | .door-row.k-denied{border-left-color:#d77a3a}.k-denied .door-badge{background:#43291a;color:#f0a370} |
| 14 | .door-row.k-granted{border-left-color:#33c26b}.k-granted .door-badge{background:#163a25;color:#7fe3a5} |
| 15 | .door-raw{padding:0 12px 10px}.door-raw pre{white-space:pre-wrap;background:#07090b;padding:8px;border-radius:8px;margin:4px 0 0;font-size:12px} |
| 16 | .door-setup{margin-top:18px}.door-setup>summary{cursor:pointer}.door-setup h4{margin:16px 0 4px} |
| 17 | .copy-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.copy-row input{flex:1;min-width:220px} |
| 18 | .door-conn{display:grid;gap:10px} |
| 19 | .map-row{display:flex;gap:8px;align-items:center;margin-bottom:6px;flex-wrap:wrap}.map-row .m-match{flex:1;min-width:200px} |
| 20 | @media(max-width:900px){.door-row>summary{grid-template-columns:1fr auto;}.door-time{grid-column:1/-1}.door-cams{grid-column:1/-1;justify-content:flex-start}} |
| 21 | |
| 22 | .door-del{opacity:.5;margin-left:4px} |
| 23 | .door-del:hover{opacity:1;background:#4a1d1d;color:#ff9a9a;border-color:#6a2a2a} |