Seregon/zftpd

Zero-copy FTP/HTTP Daemon compatible with all POSIX systems

C/11.0 KB/No license
web/css/context-menu.css
zftpd / web / css / context-menu.css
1/* ══ CONTEXT MENU ═════════════════════════════════════════════════════════ */
2 
3.ctx {
4 position: fixed;
5 z-index: 9999;
6 background: var(--sf);
7 border: 1px solid var(--bd2);
8 border-radius: 12px;
9 padding: 6px;
10 min-width: 194px;
11 box-shadow: 0 20px 60px rgba(0, 0, 0, .75);
12 display: none;
13}
14 
15.ctx.on {
16 display: block;
17 animation: popIn .12s ease;
18}
19 
20.ci {
21 display: flex;
22 align-items: center;
23 gap: 9px;
24 padding: 8px 10px;
25 border-radius: 7px;
26 cursor: pointer;
27 font-size: 12px;
28 font-weight: 500;
29 color: var(--tx2);
30 transition: background .1s, color .1s;
31}
32 
33.ci:hover {
34 background: var(--sf2);
35 color: var(--tx);
36}
37 
38.ci.red:hover {
39 background: rgba(255, 95, 87, .1);
40 color: var(--er);
41}
42 
43.ci-i {
44 width: 18px;
45 height: 18px;
46 display: flex;
47 align-items: center;
48 justify-content: center;
49 flex-shrink: 0;
50}
51 
52.ci-l { flex: 1; }
53 
54.c-sec {
55 padding: 4px 10px 5px;
56 font-size: 9px;
57 color: var(--tx3);
58 text-transform: uppercase;
59 letter-spacing: .1em;
60 white-space: nowrap;
61 overflow: hidden;
62 text-overflow: ellipsis;
63 max-width: 192px;
64}
65 
66.c-sep {
67 height: 1px;
68 background: var(--bd);
69 margin: 4px 0;
70}
71