diff --git a/index.html b/index.html index b520d01..89357c3 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,5 @@ - +
@@ -9,7 +9,7 @@ .dark{--bg:#0b1120;--fg:#e2e8f0;--sidebar:#0f172a;--brd:#1e293b;--brd2:#1e293b;--muted:#64748b;--txt:#94a3b8;--title:#f1f5f9;--hover:#1e293b;--alt:#151e30;--actbg:#3b82f6;--actfg:#fff;--boxbg:#1e293b} *{box-sizing:border-box;margin:0;padding:0} body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--fg);line-height:1.5;transition:background .2s,color .2s} -.sbar{width:14rem;border-right:1px solid var(--brd);background:var(--sidebar);display:flex;flex-direction:column;min-height:100vh;padding:12px 0;overflow-y:auto;flex-shrink:0;transition:border .2s,background .2s} +.sbar{width:14rem;border-right:1px solid var(--brd);background:var(--sidebar);display:flex;flex-direction:column;min-height:100vh;padding:12px 0;overflow-y:auto;flex-shrink:0} .main{flex:1;padding:24px;max-width:960px} .tree{flex:1;overflow-y:auto} .grp{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:8px 12px 4px} @@ -33,11 +33,10 @@ body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;b .scmd .t:hover .cp{opacity:1} .cp{opacity:0;width:14px;height:14px;flex-shrink:0;color:var(--muted);transition:opacity .12s} .alt{background:var(--alt)} -.orig{background:#fcfce0} .stab{padding:4px 10px;border-radius:5px;font-size:11px;font-weight:500;cursor:pointer;border:1px solid var(--brd);color:var(--txt);white-space:nowrap;transition:all .12s} .stab.a{background:var(--actbg);color:var(--actfg);border-color:var(--actbg)} .stab:hover:not(.a){background:var(--hover)} -.si{width:100%;padding:7px 12px 7px 34px;border-radius:8px;font-size:13px;outline:none;border:1.5px solid var(--brd);background:var(--boxbg);color:var(--fg);transition:border-color .12s,background .2s,color .2s} +.si{width:100%;padding:7px 12px 7px 34px;border-radius:8px;font-size:13px;outline:none;border:1.5px solid var(--brd);background:var(--boxbg);color:var(--fg);transition:border-color .12s,.2s} .si:focus{border-color:var(--actbg)} .si::placeholder{color:var(--muted)} .oc{border-radius:10px;border:1px solid var(--brd);background:var(--boxbg);cursor:pointer;transition:all .15s;padding:16px} @@ -47,22 +46,18 @@ body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;b .oc.ph{opacity:.6}.oc.ph:hover{opacity:.8} .emp{padding:40px 16px;max-width:360px;margin:0 auto;text-align:center} .emp h3{font-weight:600;font-size:15px;margin-bottom:4px;color:var(--title)} -.emp p{font-size:13px;color:var(--muted);line-height:1.5} -.sb{border:1px solid var(--brd);border-radius:10px;background:var(--boxbg);text-align:center;padding:12px;transition:background .2s,border .2s} +.emp p{font-size:13px;color:var(--muted)} +.sb{border:1px solid var(--brd);border-radius:10px;background:var(--boxbg);text-align:center;padding:12px} .sb .n{font-size:20px;font-weight:700;color:var(--title)} .sb .l{font-size:11px;color:var(--muted)} .cl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-top:8px;margin-bottom:4px;grid-column:1/-1} .gp{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:12px} .lr{display:flex;gap:12px;align-items:center;margin-bottom:12px;font-size:11px;color:var(--txt)} .p8{padding:24px;font-size:13px;color:var(--muted)} -.cmdbox{background:var(--boxbg);border:1px solid var(--brd);border-radius:12px;overflow:hidden;transition:background .2s,border .2s} +.cmdbox{background:var(--boxbg);border:1px solid var(--brd);border-radius:12px;overflow:hidden} .cmdbox .s{font-size:11px;color:var(--muted);padding:8px 12px;border-bottom:1px solid var(--brd2)} -.lbtn{padding:3px 8px;border-radius:5px;font-size:10px;font-weight:600;cursor:pointer;border:1.5px solid var(--brd);background:transparent;color:var(--muted);transition:all .12s;font-family:inherit} -.lbtn.a{background:var(--actbg);color:var(--actfg);border-color:var(--actbg)} -.lbtn:hover:not(.a){background:var(--hover);color:var(--title)} .dbtn{padding:3px;border-radius:5px;cursor:pointer;border:none;background:transparent;color:var(--muted);font-size:14px;line-height:1;transition:all .12s;display:flex;align-items:center;justify-content:center;width:28px;height:28px} .dbtn:hover{background:var(--hover);color:var(--title)} -.sep{color:var(--brd2);font-size:11px;padding:0 4px} @@ -72,10 +67,6 @@ body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;b SysCmd -Multi-platform command reference. Click an OS to browse its commands.
+Multi-platform command reference. Click an OS to browse its commands.