znote-editor-acp.css

main 132 lines · 2.7 KB Raw
Alex Alex Commit Initial commit 01/10/2026 09:20
1.znote-editor-wrap {
2 max-width: 100%;
3 margin: 0 0 6px;
4}
5
6div.sceditor-container {
7 width: 100% !important;
8 max-width: 100%;
9 border: 1px solid var(--acp-line, #d7dce2);
10 border-radius: var(--acp-radius, 4px);
11 background: var(--acp-panel, #fff);
12 font-family: inherit;
13 resize: vertical;
14 overflow: hidden;
15}
16
17div.sceditor-container.sourceMode textarea,
18div.sceditor-container iframe {
19 background: var(--acp-panel, #fff) !important;
20 color: var(--acp-fg, #15191f);
21}
22
23div.sceditor-container.sourceMode textarea {
24 font-family: Consolas, "Courier New", monospace;
25 font-size: 13px;
26 padding: 6px 8px;
27 border: 0;
28}
29
30div.sceditor-toolbar {
31 background: var(--acp-bg, #ececec);
32 border-bottom: 1px solid var(--acp-line, #d7dce2);
33 padding: 3px;
34}
35
36div.sceditor-group {
37 background: transparent;
38 margin: 1px 3px 1px 0;
39 padding: 0;
40 border-radius: 3px;
41}
42
43a.sceditor-button {
44 border-radius: 3px;
45 opacity: .8;
46 padding: 4px;
47 width: 24px;
48 height: 24px;
49 transition: background .12s, opacity .12s;
50}
51
52a.sceditor-button.disabled { opacity: .3; }
53
54a.sceditor-button:hover,
55a.sceditor-button.active {
56 opacity: 1;
57 background: var(--acp-line-soft, rgba(128, 128, 128, .18));
58}
59
60/* The material icon pack draws SVG, so the theme's sprite background would
61 only produce a 404 for famfamfam.png. */
62.sceditor-button div {
63 background-image: none !important;
64 width: 16px;
65 height: 16px;
66}
67
68.sceditor-button svg {
69 fill: var(--acp-muted, #5d6878);
70 stroke: var(--acp-muted, #5d6878);
71}
72
73a.sceditor-button:hover svg,
74a.sceditor-button.active svg {
75 fill: var(--acp-fg, #15191f);
76 stroke: var(--acp-fg, #15191f);
77}
78
79div.sceditor-grip { background-image: none; }
80
81div.sceditor-dropdown {
82 background: var(--acp-panel, #fff);
83 border: 1px solid var(--acp-line, #d7dce2);
84 color: var(--acp-fg, #15191f);
85 border-radius: var(--acp-radius, 4px);
86 box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
87}
88
89div.sceditor-dropdown a,
90div.sceditor-dropdown label { color: var(--acp-fg, #15191f); }
91
92div.sceditor-dropdown input,
93div.sceditor-dropdown textarea {
94 background: var(--acp-bg, #ececec);
95 border: 1px solid var(--acp-line, #d7dce2);
96 color: var(--acp-fg, #15191f);
97 border-radius: 3px;
98 padding: 4px 6px;
99}
100
101div.sceditor-dropdown input[type=button] {
102 background: var(--acp-green, #2f9d68);
103 color: #fff;
104 border: 0;
105 cursor: pointer;
106 padding: 5px 12px;
107 border-radius: 3px;
108}
109
110.znote-editor-note {
111 font-size: 12px;
112 color: var(--acp-muted, #5d6878);
113 margin: 4px 0 0;
114}
115
116.znote-editor-warning {
117 color: var(--acp-red, #d64b4b);
118 font-size: 13px;
119 margin: 6px 0 0;
120}
121
122.znote-editor-count {
123 font-size: 12px;
124 color: var(--acp-muted, #5d6878);
125 margin: 4px 0 0;
126}
127
128.znote-editor-count.is-over {
129 color: var(--acp-red, #d64b4b);
130 font-weight: 600;
131}
132
Top