88 lines
6.4 KiB
CSS
88 lines
6.4 KiB
CSS
/* Source module: complex-dialog.css */
|
|
.preset-stage { height:calc(100% - 46px);padding:14px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.18); }
|
|
.preset-window { width:1280px;height:574px;display:flex;flex-direction:column;background:rgba(4,5,5,.82); }
|
|
.preset-window > .window-titlebar { flex:0 0 31px; }
|
|
.preset-body-shell { flex:1;min-height:0;padding:9px;display:flex;flex-direction:column;gap:8px;background:rgba(4,5,5,.82); }
|
|
.preset-intro { flex:0 0 68px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.45;color:#b7a467; }
|
|
.preset-intro.dialog-content-well { min-height:68px; }
|
|
.preset-main { flex:1;min-height:0;display:grid;grid-template-columns:.46fr .54fr;gap:10px; }
|
|
.preset-column { min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid #30332f;background:#000; }
|
|
.preset-section-head { flex:0 0 32px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #504329;background:#171916;color:#d2ba6f;font-size:13px; }
|
|
.preset-row { flex:0 0 33px;padding:0 9px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;border-bottom:1px solid #272823;background:#090a09;color:#a9965e; }
|
|
.preset-row:nth-child(3) { background:#1d1e1c; }
|
|
.preset-row.selected { color:#f1d46d;box-shadow:inset 0 0 0 1px #3d99d0;background:#07121b; }
|
|
.preset-radio { width:14px;height:14px;image-rendering:auto; }
|
|
.preset-row-actions { display:flex;gap:5px; }
|
|
.preset-row-actions img { max-width:13px;max-height:13px;image-rendering:pixelated; }
|
|
.preset-row-action { appearance:none;width:20px;height:20px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;cursor:pointer; }
|
|
.preset-row-action img { filter:brightness(1);transform:translateY(0); }
|
|
.preset-row-action:hover img,.preset-row-action:focus-visible img,.preset-row-action:active img,.preset-row-action[aria-pressed="true"] img { filter:brightness(1.28); }
|
|
.preset-row-action:focus-visible { outline:1px solid rgba(225,204,135,.72);outline-offset:-2px; }
|
|
.preset-row-action:active img { transform:translateY(1px); }
|
|
.preset-row.is-renaming .preset-name { color:#fff0a5;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px; }
|
|
.preset-row.is-demo-deleted { opacity:.46; }
|
|
.preset-row.is-demo-deleted .preset-name { text-decoration:line-through; }
|
|
.preset-add { appearance:none;flex:0 0 35px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-bottom:1px solid #242520;color:#d5b04c;background:#030403;font:inherit;cursor:pointer; }
|
|
.preset-add:hover,.preset-add:focus-visible,.preset-add:active { color:#ffe28a;background:#11130f;outline:none; }
|
|
.preset-add:active { transform:translateY(1px); }
|
|
.preset-add img,.button-glyph { max-width:12px;max-height:12px;image-rendering:pixelated; }
|
|
.preset-spacer { flex:1;background:#020302; }
|
|
.preset-actions { flex:0 0 auto;padding:9px 0 8px;display:grid;gap:5px;justify-content:center;border-top:1px solid #292a26;background:#030403; }
|
|
.preset-actions .btn-shell { padding:2px;border-radius:0; }
|
|
.preset-actions .dnf-btn { width:270px;height:28px; }
|
|
.preset-separator { height:1px;margin:3px -38px;background:#2b2d29; }
|
|
.show-all { appearance:none;padding:2px 3px;display:flex;align-items:center;gap:5px;border:0;background:none;color:inherit;font:inherit;cursor:pointer; }
|
|
.show-all:hover,.show-all:focus-visible,.show-all:active { color:#f1dc91;outline:none; }
|
|
.show-all:active { transform:translateY(1px); }
|
|
.show-all img { image-rendering:pixelated; }
|
|
.preset-diff-scroll { flex:1;min-height:0;display:grid;grid-template-columns:1fr 15px;background:#020403; }
|
|
.preset-diff-list { min-width:0;padding:4px 9px;overflow:hidden; }
|
|
.preset-group-title { height:28px;display:flex;align-items:center;border-bottom:1px solid #26333a;color:#ba9d51;font-size:13px; }
|
|
.diff-row { height:28px;display:grid;grid-template-columns:1fr 64px 28px 64px;align-items:center;border-bottom:1px solid #222c30;color:#b49f67; }
|
|
.diff-row em { color:#777b77;font-style:normal;text-align:center; }
|
|
.diff-row b { color:#747a76;font-weight:400;text-align:center; }
|
|
.diff-row strong { color:var(--selected);font-weight:500;text-align:center; }
|
|
.diff-row.muted strong { color:#888b84; }
|
|
.compact-scroll { width:15px;height:100%; }
|
|
.preset-footer { flex:0 0 42px;position:relative;justify-content:center; }
|
|
.preset-footer .dialog-status { position:absolute;left:112px;max-width:270px;overflow:hidden;text-overflow:ellipsis; }
|
|
.preset-footer .back-action { position:absolute;left:8px; }
|
|
.footer-actions { display:flex;gap:8px; }
|
|
.preset-footer .dnf-btn { min-width:78px; }
|
|
|
|
.anatomy {
|
|
display:grid;
|
|
grid-template-columns:120px 1fr;
|
|
gap:18px;
|
|
align-items:center;
|
|
}
|
|
.asset-tile { min-height:78px;display:flex;align-items:center;justify-content:center;background:#262726;border:1px dashed #5f5e58; }
|
|
.asset-tile img { image-rendering:pixelated; }
|
|
.anatomy-list { display:grid;gap:7px; }
|
|
.anatomy-line { display:grid;grid-template-columns:76px 1fr;gap:9px;color:var(--text-3);font-size:11px; }
|
|
.anatomy-line strong { color:var(--gold);font-weight:500; }
|
|
|
|
.slice-demo {
|
|
position:relative;
|
|
height:64px;
|
|
border:5px solid transparent;
|
|
border-radius:2px;
|
|
background:
|
|
linear-gradient(180deg, #1f355e 0%, #1d2f53 55%, #1a2849 100%) padding-box,
|
|
linear-gradient(180deg, #684f2d 0%, #483423 100%) border-box;
|
|
}
|
|
.slice-demo .cut { position:absolute;top:-6px;bottom:-6px;width:1px;border-left:1px dashed var(--focus); }
|
|
.slice-demo .cut.left { left:7px; }.slice-demo .cut.right { right:7px; }
|
|
.slice-demo .slice-label { position:absolute;top:69px;color:var(--text-3);font-size:9px; }
|
|
|
|
.nine-grid { display:grid;grid-template-columns:22px 1fr 22px;grid-template-rows:22px 76px 22px;width:260px;height:120px; }
|
|
.nine-grid > div { border:1px dashed rgba(75,167,211,.55);background:linear-gradient(#242b31,#0b0e10); }
|
|
.nine-grid .center { background:linear-gradient(#15191c,#090a0b); }
|
|
|
|
.callout-list { margin:0;padding:0;list-style:none;display:grid;gap:9px;color:var(--text-2);font-size:12px; }
|
|
.callout-list li { display:flex;align-items:flex-start;gap:8px; }
|
|
.callout-list li::before { content:"";width:5px;height:5px;margin-top:6px;background:var(--selected);box-shadow:0 0 6px rgba(218,164,29,.4); }
|
|
|
|
.footer-note { position:absolute;left:46px;right:46px;bottom:20px;display:flex;justify-content:space-between;color:#767773;font-size:10px;letter-spacing:.4px; }
|
|
.token-label { color:var(--text-3);font:10px/1.35 Consolas,monospace; }
|