0
|
1 :root {
|
|
2 --sans-serif: "Segoe UI", "Nunito", "Noto Sans", "Ubuntu", system-ui, sans-serif;
|
|
3 --monospace: "Consolas", "Hack", "Ubuntu Mono", monospace;
|
|
4 }
|
|
5 /* FreeBSD: pkg install google-fonts */
|
|
6
|
|
7
|
|
8 /*#region Colors Dark*/
|
|
9 html.dark {
|
|
10 color-scheme: dark; /*Scroll*/
|
|
11 /*Colors*/
|
|
12 /*Backgrounds Universal*/
|
|
13 --bg-2: #111111;
|
|
14 --bg-3: #1e1d1d;
|
|
15 --bg-4: #383433;
|
|
16 --bg-5: #171717;
|
|
17
|
|
18 /*Border Mediateka*/
|
|
19 --w-1: #000000;
|
|
20 --br-3: #333333;
|
|
21 --br-active: #a79080;
|
|
22 --file-input: #1e1d1d;
|
|
23 --file-border: #383433;
|
|
24 --font-bg: #1e1d1d;
|
|
25 --ext: #ffe3cf;
|
|
26 /*End*/
|
|
27
|
|
28 /*Colors*/
|
|
29 --white: #ffffff;
|
|
30 --black: #000000;
|
|
31 --orange: #ff4e00;
|
|
32 --green-3: #5d7d25;
|
|
33 --changes: #00ffff;
|
|
34
|
|
35 --focus-orange: #ff4d0021;
|
|
36 --saved-bg: #405200;
|
|
37 /*End*/
|
|
38
|
|
39 --windows: #2e2b2b;
|
|
40 --windows-hover: #282525;
|
|
41 --windows-font: #d5bfae;
|
|
42
|
|
43 --input-bg: var(--bg-3);
|
|
44 --input-border: var(--bg-4);
|
|
45 --input-font: var(--text);
|
|
46 --button-bg: var(--bg-3);
|
|
47 --button-border: var(--bg-3);
|
|
48 /*End*/
|
|
49
|
|
50 /*Modules Universal Properties*/
|
|
51 --buttons-font: #a79080;
|
|
52 --buttons-hover: #e9c3a6;
|
|
53 --buttons-open: #e4845a;
|
|
54
|
|
55 --link: #d09074;
|
|
56 --link-hover: #ffcab3;
|
|
57 --link-none: #d5bdac;
|
|
58
|
|
59 --names: #b98675;
|
|
60 --text: #cccccc;
|
|
61
|
|
62 --add-page-btn-br: #383433;
|
|
63 --add-page-btn-font: #9b8b84;
|
|
64 /*End*/
|
|
65
|
|
66 /*Admin-Header*/
|
|
67 --header-menu-hover: #f0743f;
|
|
68 --menu-icon-span: #d09074;
|
|
69
|
|
70 /*Admin-Info-Notice*/
|
|
71 --info-success: #e9e0ddcc;
|
|
72 --info-error: #940002c4;
|
|
73 --info-fonts-success: #000000;
|
|
74 --info-fonts-error: #ffffff;
|
|
75
|
|
76 /*Admin-Aside*/
|
|
77 --aside-section-div: #8f786f;
|
|
78 --aside-section-a: #eabca9;
|
|
79 --aside-section-a-hover: #38343340;
|
|
80 --aside-section-a-active: #38343373;
|
|
81 --aside-section-a-red: #9f2624;
|
|
82
|
|
83 /*Admin-Modul-Auth*/
|
|
84 --setup-auth: #b5978e;
|
|
85 --sess-table-font: #b3aaa3;
|
|
86 --sess-table-current: #78ca78;
|
|
87 --auth-del-sess-hover: var(--bg-4);
|
|
88
|
|
89 /*Milk*/
|
|
90 --mobile-menu-open-milk: #18101071;
|
|
91
|
|
92 /*Template*/
|
|
93 --template-files-file: #a38174;
|
|
94 --template-files-file-hover: #c49b8c;
|
|
95
|
|
96 /*Admin Menu*/
|
|
97
|
|
98
|
|
99 /*PHP Info*/
|
|
100 --phpinfo-font: #a38173;
|
|
101 --phpinfo-h-bg: #373434;
|
|
102 --phpinfo-v-i-font: #b39393;
|
|
103 --phpinfo-hr-bg: #615858;
|
|
104
|
|
105 /*Pages*/
|
|
106 --page-search: #1b1a1a;
|
|
107
|
|
108 --add-page-btn-hover: var(--bg-4);
|
|
109 --add-page-btn-svg-b-plus: #9b8b84;
|
|
110 --saved: #87d94f;
|
|
111 --error: #a00000;
|
|
112 --hidden: #a71a1a;
|
|
113
|
|
114 --del-pages-btn-svg: #9b8b84;
|
|
115
|
|
116 --pages-grid-div-open: #181717;
|
|
117 --pages-grid-div-open-shadow: #b26044;
|
|
118
|
|
119 --page-date: #9b8b84;
|
|
120 --page-date-planned: #ffe4c4;
|
|
121
|
|
122 --main-footer-pager-div-hover: #d09074;
|
|
123 --main-footer-pager-div-active-font: #ffcab3;
|
|
124 --pages-main-footer-pager-div-bg-active: #e875432e;
|
|
125
|
|
126 --lbox-window: #000000dd;
|
|
127 --shadows: 0 2px 2px 0 #00000033;
|
|
128
|
|
129 /*Tags*/
|
|
130 --tags-bg: #282525;
|
|
131 --tags-font: darkgray;
|
|
132
|
|
133 /*Codemirror*/
|
|
134 --codemirror-bg: #302c2c;
|
|
135 --codemirror-text: #d5d0cc;
|
|
136 --codemirror-numbeslines: #897067;
|
|
137 --codemirror-numbes-bg: #343232;
|
|
138
|
|
139 /*Menu*/
|
|
140 --open-menu: #191919;
|
|
141 --menu-menu-open-prop: var(--buttons-open);
|
|
142 --save-menu: #8bc34a;
|
|
143
|
|
144
|
|
145 --menu-input-bg: var(--bg-3);
|
|
146 --menu-input-border: var(--bg-4);
|
|
147
|
|
148 --menu-item-bg-hover-open: var(--windows);
|
|
149
|
|
150 --menu-item-a: var(--link);
|
|
151 --menu-item-a-hover: var(--link-hover);
|
|
152 --menu-item-a-none-link: var(--link-none);
|
|
153
|
|
154 --menu-item-open-prop: var(--buttons-open);
|
|
155
|
|
156 --menu-menu-buttons-div: var(--buttons-font);
|
|
157 --menu-menu-buttons-div-hover: var(--buttons-hover);
|
|
158
|
|
159 --menu-input-select-font-disabled: #746c6a;
|
|
160
|
|
161 --menu-item-select-dropdown-font: #d7c0b6;
|
|
162 --menu-item-field-search-input-bg: #101010;
|
|
163 --menu-item-field-search-input-focus: #786050;
|
|
164 --menu-item-list-search-li-hover-active: #101010;
|
|
165
|
|
166 --sub-line: #00c0d8;
|
|
167
|
|
168
|
|
169 /*Modules*/
|
|
170 --modules-grid-div-disabled: #2a2828;
|
|
171 --modules-grid-div-disabled-hover: #2a2828;
|
|
172 --disabled-module: #6c6565;
|
|
173 --enabled-module-description: #a08c81;
|
|
174 --disabled-module-sw-btn: #89d3be;
|
|
175 --shadow: #00000073;
|
|
176 --blur-bg: #1e1d1d73;
|
|
177 --blur-font: #d5bfae;
|
|
178
|
|
179 /*Individual*/
|
|
180 --category-parents: #726a6a;
|
|
181
|
|
182 /*Icons*/
|
|
183 --search-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 489.68 489.68'%3E%3Cdefs%3E%3Cstyle%3E.a-search%7Bfill:%23d09074;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a-search' d='M0,196.4C0,304.9,88,392.83,196.5,392.8A196.53,196.53,0,0,0,320.1,349l135,135A20.44,20.44,0,0,0,484,455.1l-135-135c68.29-84.31,55.3-208-29-276.3A196.42,196.42,0,0,0,196.4,0C88,0,0,87.9,0,196.4Zm40.8,0A155.6,155.6,0,1,1,196.4,352h0A155.66,155.66,0,0,1,40.8,196.4Z'/%3E%3C/svg%3E");
|
|
184
|
|
185 --select-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23888888' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
|
|
186
|
|
187 --pages-pin-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 16.46'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:none;stroke:%23b26044;stroke-miterlimit:10;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='a' points='1 0 1 14.72 7 11.22 13 14.72 13 0 1 0'/%3E%3Cpolyline class='b' points='1 0 1 14.72 7 11.22 13 14.72 13 0'/%3E%3C/svg%3E");
|
|
188
|
|
189 --pages-pin-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 16.46'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23b26044;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='a' points='14 16.46 7 12.38 0 16.46 0 0 14 0 14 16.46'/%3E%3C/svg%3E");
|
|
190
|
|
191 --check-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
|
|
192
|
|
193 --eye-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111 111'%3E%3Cdefs%3E%3Cstyle%3E.a,.c%7Bfill:none;%7D.b%7Bfill:%23beafa2;%7D.c%7Bstroke:%23beafa2;stroke-miterlimit:10;stroke-width:7px;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='111' height='111'/%3E%3Cpath class='b' d='M55.61,93A57.36,57.36,0,0,1,2,56.45l-.5-1.28L2,53.88A57.36,57.36,0,0,1,55.61,17.37h0a57.36,57.36,0,0,1,53.65,36.51l.49,1.27-.48,1.27C101,77.94,79,93,55.61,93ZM9,55.17A50.39,50.39,0,0,0,55.61,86c20.06,0,39-12.6,46.61-30.8A50.37,50.37,0,0,0,55.61,24.37h0A50.37,50.37,0,0,0,9,55.17Z' transform='translate(-0.11)'/%3E%3Cpath class='b' d='M55.61,80.17a25,25,0,1,1,25-25A25,25,0,0,1,55.61,80.17Zm0-41.55A16.55,16.55,0,1,0,72.16,55.17,16.57,16.57,0,0,0,55.61,38.62Z' transform='translate(-0.11)'/%3E%3Cpath class='c' d='M103.77,88.28' transform='translate(-0.11)'/%3E%3Cpath class='c' d='M19.55,7.34' transform='translate(-0.11)'/%3E%3C/svg%3E");
|
|
194
|
|
195 --eye-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111 111'%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:none;%7D.b%7Bstroke:%23beafa2;stroke-miterlimit:10;stroke-width:7px;%7D.c%7Bfill:%23beafa2;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='111' height='111'/%3E%3Cpath class='b' d='M103.77,88.28' transform='translate(-0.11)'/%3E%3Cpath class='b' d='M19.55,7.34' transform='translate(-0.11)'/%3E%3Cpath class='c' d='M78.12,66A25,25,0,0,0,44.75,32.66l6.55,6.55A16.49,16.49,0,0,1,71.57,59.48Z' transform='translate(-0.11)'/%3E%3Cpath class='c' d='M109.26,53.88A57.36,57.36,0,0,0,55.61,17.37h0a58.11,58.11,0,0,0-21.89,4.26l5.44,5.44a51.16,51.16,0,0,1,16.45-2.7,50.37,50.37,0,0,1,46.61,30.81A49.46,49.46,0,0,1,87,74.93l5,5a56.18,56.18,0,0,0,17.29-23.47l.48-1.27Z' transform='translate(-0.11)'/%3E%3Cpath class='c' d='M86.21,84l-5.08-5.08h0l-7-7-6-6L44.83,42.64l-6-6L32.22,30h0l-5.16-5.17h0L12.17,10,7.22,14.93,21.07,28.78A57.62,57.62,0,0,0,2,53.88l-.5,1.29L2,56.45A57.36,57.36,0,0,0,55.61,93,57,57,0,0,0,79.79,87.5L97,104.67l5-5L86.2,84ZM62.5,70.21a16.37,16.37,0,0,1-6.89,1.51A16.56,16.56,0,0,1,39.06,55.17a16.3,16.3,0,0,1,1.52-6.88ZM55.61,86A50.39,50.39,0,0,1,9,55.17,50.55,50.55,0,0,1,26.09,33.8l8.26,8.26a24.73,24.73,0,0,0-3.74,13.11A25,25,0,0,0,68.73,76.44l5.76,5.76A49.74,49.74,0,0,1,55.61,86Z' transform='translate(-0.11)'/%3E%3C/svg%3E");
|
|
196
|
|
197
|
|
198 --inter-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.5 31.5'%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:none;%7D.a%7Bstroke:%23d09074;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M404.15,357.31l6-6-6-6' transform='translate(-386.5 -335.5)'/%3E%3Cline class='a' x1='7.75' y1='15.75' x2='22.75' y2='15.75'/%3E%3Ccircle class='a' cx='15.75' cy='15.75' r='14'/%3E%3Crect class='b' width='31.5' height='31.5'/%3E%3C/svg%3E");
|
|
199
|
|
200 --icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37.47 37.61'%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:none;stroke:%23d09074;stroke-linecap:round;stroke-width:5px;%7D.b%7Bstroke-linejoin:round;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M4.17,18.91H35.22' transform='translate(-0.25 -0.1)'/%3E%3Cpolyline class='b' points='18.81 35.12 2.5 18.81 18.81 2.5'/%3E%3C/svg%3E");
|
|
201
|
|
202 --icon-sub-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39.97 37.62'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%23d09074;stroke-linecap:round;stroke-linejoin:round;stroke-width:5px;%7D%3C/style%3E%3C/defs%3E%3Cpolyline class='a' points='18.81 35.13 2.5 18.82 18.81 2.5'/%3E%3Cpolyline class='a' points='37.47 35.12 21.16 18.81 37.47 2.5'/%3E%3C/svg%3E");
|
|
203
|
|
204 --icon-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36.86 18.94'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%23d09074;stroke-linecap:round;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M22.06,10.83H27.7a8,8,0,0,1,8,8h0a8,8,0,0,1-8,8H22.06' transform='translate(-0.3 -9.33)'/%3E%3Cpath class='a' d='M15.41,26.78H9.77a8,8,0,0,1-8-8h0a8,8,0,0,1,8-8h5.64' transform='translate(-0.3 -9.33)'/%3E%3Cline class='a' x1='8.31' y1='9.47' x2='28.56' y2='9.47'/%3E%3C/svg%3E");
|
|
205
|
|
206 --icon-clear: url("data:image/svg+xml,%0A%3Csvg version='1.1' viewBox='0 0 37.819 37.819' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.a-clear%7Bfill:none;stroke-linecap:round;stroke-width:5;stroke:%23d09074%7D%3C/style%3E%3Cg transform='translate(-32.072 -86.124)'%3E%3Cpath class='a-clear' d='m32.34 86.392 37.284 37.284'/%3E%3Cpath class='a-clear' d='m69.624 86.392-37.284 37.284'/%3E%3C/g%3E%3C/svg%3E");
|
|
207
|
|
208 --icon-clear-wb: url("data:image/svg+xml,%0A%3Csvg version='1.1' viewBox='0 0 37.819 37.819' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.a-clear%7Bfill:none;stroke-linecap:round;stroke-width:5;stroke:%23ffffff%7D%3C/style%3E%3Cg transform='translate(-32.072 -86.124)'%3E%3Cpath class='a-clear' d='m32.34 86.392 37.284 37.284'/%3E%3Cpath class='a-clear' d='m69.624 86.392-37.284 37.284'/%3E%3C/g%3E%3C/svg%3E");
|
|
209
|
|
210 --icon-save: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 769.83 769.83'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%23d09074;stroke-miterlimit:10;stroke-width:55px;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='a' cx='384.91' cy='384.91' r='102.48'/%3E%3Cpath class='a' d='M750.91,258.62V687.83a63.08,63.08,0,0,1-63.08,63.08H89.17a63.08,63.08,0,0,1-63.08-63.08h0V89.17A63.08,63.08,0,0,1,89.17,26.09H518.38A98.74,98.74,0,0,1,588.17,55L722,188.83A98.74,98.74,0,0,1,750.91,258.62Z' transform='translate(-3.59 -3.59)'/%3E%3Cpath class='a' d='M464.15,26.09V129.44A46.11,46.11,0,0,1,418,175.55H187.48a46.11,46.11,0,0,1-46.11-46.11V26.09' transform='translate(-3.59 -3.59)'/%3E%3C/svg%3E");
|
|
211
|
|
212 --icon-trash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 35'%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:none;%7D.a%7Bstroke:%239b8b84;stroke-miterlimit:10;stroke-width:1.7px;%7D%3C/style%3E%3C/defs%3E%3Cline class='a' x1='9.63' y1='12.04' x2='25.38' y2='12.04'/%3E%3Cline class='a' x1='15.14' y1='8.75' x2='19.86' y2='8.75'/%3E%3Cpath class='a' d='M23.87,14.77v8.84a2.68,2.68,0,0,1-2.68,2.64H13.82a2.68,2.68,0,0,1-2.64-2.64V14.77'/%3E%3Cline class='a' x1='15.33' y1='15.89' x2='15.33' y2='21.96'/%3E%3Cline class='a' x1='19.69' y1='15.89' x2='19.69' y2='21.96'/%3E%3Crect class='b' width='35' height='35'/%3E%3C/svg%3E");
|
|
213
|
|
214 --noise: url(../img/noise-dark.png);
|
|
215 }
|
|
216 /*#endregion Color Dark*/
|
|
217
|
|
218 /*#region Colors Light*/
|
|
219 html.light {
|
|
220 color-scheme: light; /*Scroll*/
|
|
221 /*Colors*/
|
|
222 /*Backgrounds Universal*/
|
|
223 --bg-2: #f8f2f2;
|
|
224 --bg-3: #e9e0dd;
|
|
225 --bg-4: #fffbfb;
|
|
226 --bg-5: #e9e0dd;
|
|
227
|
|
228 /*Border Mediateka*/
|
|
229 --w-1: #ffffff;
|
|
230 --br-3: #fbf0ed;
|
|
231 --br-active: #a79080;
|
|
232 --file-input: #1e1d1d;
|
|
233 --file-border: #383433;
|
|
234 --font-bg: #e9e0dd;
|
|
235 --ext: #8f572f;
|
|
236 /*End*/
|
|
237
|
|
238 /*Colors*/
|
|
239 --white: #ffffff;
|
|
240 --black: #000000;
|
|
241 --orange: #ff4e00;
|
|
242 --green-3: #71b300;
|
|
243 --changes: #ea8000;
|
|
244
|
|
245 --focus-orange: #ff4d0021;
|
|
246 --saved-bg: #ddffab;
|
|
247 /*End*/
|
|
248
|
|
249 --windows: #f7efee;
|
|
250 --windows-hover: #fbf5f5;
|
|
251 --windows-font: #604c44;
|
|
252
|
|
253 --input-bg: var(--bg-4);
|
|
254 --input-border: #c9bfbc;
|
|
255 --input-font: var(--text);
|
|
256 --button-bg: var(--bg-4);
|
|
257 --button-border: var(--bg-4);
|
|
258 /*End*/
|
|
259
|
|
260 /*Modules Universal Properties*/
|
|
261 --buttons-font: #604c44;
|
|
262 --buttons-hover: #93614e;
|
|
263 --buttons-open: #c12a1b;
|
|
264
|
|
265 --link: #764646;
|
|
266 --link-hover: #bb381a;
|
|
267 --link-none: #7a7a7a;
|
|
268
|
|
269 --names: #4f3b58;
|
|
270 --text: #333333;
|
|
271
|
|
272 --add-page-btn-br: #c9bfbc;
|
|
273 --add-page-btn-font: #534e4c;
|
|
274 /*End*/
|
|
275
|
|
276 /*Admin-Header*/
|
|
277 --header-menu-hover: #9b2e00;
|
|
278 --menu-icon-span: #c33b00;
|
|
279
|
|
280 /*Admin-Info-Notice*/
|
|
281 --info-success: #4c3a36bf;
|
|
282 --info-error: #940002c4;
|
|
283 --info-fonts-success: #ffffff;
|
|
284 --info-fonts-error: #ffffff;
|
|
285
|
|
286 /*Admin-Aside*/
|
|
287 --aside-section-div: #8f786f;
|
|
288 --aside-section-a: #382218;
|
|
289 --aside-section-a-hover: #fffbfb4d;
|
|
290 --aside-section-a-active: #fffbfb91;
|
|
291 --aside-section-a-red: #ff8585;
|
|
292
|
|
293 /*Admin-Modul-Auth*/
|
|
294 --setup-auth: #b5978e;
|
|
295 --sess-table-font: #52473d;
|
|
296 --sess-table-current: #008917;
|
|
297 --auth-del-sess-hover: var(--bg-4);
|
|
298
|
|
299 /*Milk*/
|
|
300 --mobile-menu-open-milk: #18101071;
|
|
301
|
|
302 /*Template*/
|
|
303 --template-files-file: #563d40;
|
|
304 --template-files-file-hover: #9b4d4d;
|
|
305
|
|
306 /*Admin Menu*/
|
|
307
|
|
308
|
|
309 /*PHP Info*/
|
|
310 --phpinfo-font: #563939;
|
|
311 --phpinfo-h-bg: #d7cac7;
|
|
312 --phpinfo-v-i-font: #b39393;
|
|
313 --phpinfo-hr-bg: #615858;
|
|
314
|
|
315 /*Pages*/
|
|
316 --page-search: #f7efee;
|
|
317
|
|
318 --add-page-btn-hover: var(--bg-4);
|
|
319 --add-page-btn-svg-b-plus: #9b8b84;
|
|
320 --saved: #157800;
|
|
321 --error: #e20000;
|
|
322 --hidden: #dd10c7;
|
|
323
|
|
324 --del-pages-btn-svg: #9b8b84;
|
|
325
|
|
326 --pages-grid-div-open: #e9e0dd;
|
|
327 --pages-grid-div-open-shadow: #ff8562;
|
|
328
|
|
329 --page-date: #8d5f4b;
|
|
330 --page-date-planned: #cf390c;
|
|
331
|
|
332 --main-footer-pager-div-hover: #bb381a;
|
|
333 --main-footer-pager-div-active-font: #bb381a;
|
|
334 --pages-main-footer-pager-div-bg-active: #d5bfaeeb;
|
|
335
|
|
336 --lbox-window: #000000dd;
|
|
337 --shadows:0 2px 2px 0 #00000012;
|
|
338
|
|
339 /*Tags*/
|
|
340 --tags-bg: #f9f4f4;
|
|
341 --tags-font: #958484;
|
|
342
|
|
343 /*Codemirror*/
|
|
344 --codemirror-bg: white;
|
|
345 --codemirror-text: #454545;
|
|
346 --codemirror-numbeslines: #897067;
|
|
347 --codemirror-numbes-bg: #343232;
|
|
348
|
|
349 /*Menu*/
|
|
350 --open-menu: #e1d6d2;
|
|
351 --menu-menu-open-prop: var(--buttons-open);
|
|
352 --save-menu: #008203;
|
|
353
|
|
354 --menu-input-bg: var(--w-1);
|
|
355 --menu-input-border: var(--bg-3);
|
|
356
|
|
357 --menu-item-bg-hover-open: var(--windows);
|
|
358
|
|
359 --menu-item-a: var(--link);
|
|
360 --menu-item-a-hover: var(--link-hover);
|
|
361 --menu-item-a-none-link: var(--link-none);
|
|
362
|
|
363 --menu-item-open-prop: var(--buttons-open);
|
|
364
|
|
365 --menu-menu-buttons-div: var(--buttons-font);
|
|
366 --menu-menu-buttons-div-hover: var(--buttons-hover);
|
|
367
|
|
368 --menu-input-select-font-disabled: #746c6a;
|
|
369
|
|
370 --menu-item-select-dropdown-font: #333333;
|
|
371 --menu-item-field-search-input-bg: var(--bg-4);
|
|
372 --menu-item-field-search-input-focus: #786050;
|
|
373 --menu-item-list-search-li-hover-active: var(--bg-4);
|
|
374
|
|
375 --sub-line: #0000ee;
|
|
376
|
|
377
|
|
378 /*Modules*/
|
|
379 --modules-grid-div-disabled: #f3f3f3;
|
|
380 --modules-grid-div-disabled-hover: #f3f3f3;
|
|
381 --disabled-module: #a39595;
|
|
382 --disabled-module-description: #a39595;
|
|
383 --disabled-module-sw-btn: #009468;
|
|
384 --shadow: #00000030;
|
|
385 --blur-bg: #ffffff00;
|
|
386 --blur-font: #1c1313;
|
|
387
|
|
388 /*Individual*/
|
|
389 --category-parents: #918383;
|
|
390
|
|
391 /*Icons*/
|
|
392 --search-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 489.68 489.68'%3E%3Cdefs%3E%3Cstyle%3E.a-search%7Bfill:%239b8b84;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a-search' d='M0,196.4C0,304.9,88,392.83,196.5,392.8A196.53,196.53,0,0,0,320.1,349l135,135A20.44,20.44,0,0,0,484,455.1l-135-135c68.29-84.31,55.3-208-29-276.3A196.42,196.42,0,0,0,196.4,0C88,0,0,87.9,0,196.4Zm40.8,0A155.6,155.6,0,1,1,196.4,352h0A155.66,155.66,0,0,1,40.8,196.4Z'/%3E%3C/svg%3E");
|
|
393
|
|
394 --select-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23b9a097' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
|
|
395
|
|
396 --pages-pin-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 16.46'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:none;stroke:%23ff8562;stroke-miterlimit:10;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='a' points='1 0 1 14.72 7 11.22 13 14.72 13 0 1 0'/%3E%3Cpolyline class='b' points='1 0 1 14.72 7 11.22 13 14.72 13 0'/%3E%3C/svg%3E");
|
|
397
|
|
398 --pages-pin-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 16.46'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23ff8562;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='a' points='14 16.46 7 12.38 0 16.46 0 0 14 0 14 16.46'/%3E%3C/svg%3E");
|
|
399
|
|
400 --check-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
|
|
401
|
|
402 --eye-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111 111'%3E%3Cdefs%3E%3Cstyle%3E.a,.c%7Bfill:none;%7D.b%7Bfill:%239b8b84;%7D.c%7Bstroke:%239b8b84;stroke-miterlimit:10;stroke-width:7px;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='111' height='111'/%3E%3Cpath class='b' d='M55.61,93A57.36,57.36,0,0,1,2,56.45l-.5-1.28L2,53.88A57.36,57.36,0,0,1,55.61,17.37h0a57.36,57.36,0,0,1,53.65,36.51l.49,1.27-.48,1.27C101,77.94,79,93,55.61,93ZM9,55.17A50.39,50.39,0,0,0,55.61,86c20.06,0,39-12.6,46.61-30.8A50.37,50.37,0,0,0,55.61,24.37h0A50.37,50.37,0,0,0,9,55.17Z' transform='translate(-0.11)'/%3E%3Cpath class='b' d='M55.61,80.17a25,25,0,1,1,25-25A25,25,0,0,1,55.61,80.17Zm0-41.55A16.55,16.55,0,1,0,72.16,55.17,16.57,16.57,0,0,0,55.61,38.62Z' transform='translate(-0.11)'/%3E%3Cpath class='c' d='M103.77,88.28' transform='translate(-0.11)'/%3E%3Cpath class='c' d='M19.55,7.34' transform='translate(-0.11)'/%3E%3C/svg%3E");
|
|
403
|
|
404 --eye-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111 111'%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:none;%7D.b%7Bstroke:%239b8b84;stroke-miterlimit:10;stroke-width:7px;%7D.c%7Bfill:%239b8b84;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='111' height='111'/%3E%3Cpath class='b' d='M103.77,88.28' transform='translate(-0.11)'/%3E%3Cpath class='b' d='M19.55,7.34' transform='translate(-0.11)'/%3E%3Cpath class='c' d='M78.12,66A25,25,0,0,0,44.75,32.66l6.55,6.55A16.49,16.49,0,0,1,71.57,59.48Z' transform='translate(-0.11)'/%3E%3Cpath class='c' d='M109.26,53.88A57.36,57.36,0,0,0,55.61,17.37h0a58.11,58.11,0,0,0-21.89,4.26l5.44,5.44a51.16,51.16,0,0,1,16.45-2.7,50.37,50.37,0,0,1,46.61,30.81A49.46,49.46,0,0,1,87,74.93l5,5a56.18,56.18,0,0,0,17.29-23.47l.48-1.27Z' transform='translate(-0.11)'/%3E%3Cpath class='c' d='M86.21,84l-5.08-5.08h0l-7-7-6-6L44.83,42.64l-6-6L32.22,30h0l-5.16-5.17h0L12.17,10,7.22,14.93,21.07,28.78A57.62,57.62,0,0,0,2,53.88l-.5,1.29L2,56.45A57.36,57.36,0,0,0,55.61,93,57,57,0,0,0,79.79,87.5L97,104.67l5-5L86.2,84ZM62.5,70.21a16.37,16.37,0,0,1-6.89,1.51A16.56,16.56,0,0,1,39.06,55.17a16.3,16.3,0,0,1,1.52-6.88ZM55.61,86A50.39,50.39,0,0,1,9,55.17,50.55,50.55,0,0,1,26.09,33.8l8.26,8.26a24.73,24.73,0,0,0-3.74,13.11A25,25,0,0,0,68.73,76.44l5.76,5.76A49.74,49.74,0,0,1,55.61,86Z' transform='translate(-0.11)'/%3E%3C/svg%3E");
|
|
405
|
|
406 --inter-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.5 31.5'%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:none;%7D.a%7Bstroke:%23d09074;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M404.15,357.31l6-6-6-6' transform='translate(-386.5 -335.5)'/%3E%3Cline class='a' x1='7.75' y1='15.75' x2='22.75' y2='15.75'/%3E%3Ccircle class='a' cx='15.75' cy='15.75' r='14'/%3E%3Crect class='b' width='31.5' height='31.5'/%3E%3C/svg%3E");
|
|
407
|
|
408 --icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37.47 37.61'%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:none;stroke:%239b8b84;stroke-linecap:round;stroke-width:5px;%7D.b%7Bstroke-linejoin:round;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M4.17,18.91H35.22' transform='translate(-0.25 -0.1)'/%3E%3Cpolyline class='b' points='18.81 35.12 2.5 18.81 18.81 2.5'/%3E%3C/svg%3E");
|
|
409
|
|
410 --icon-sub-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39.97 37.62'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%239b8b84;stroke-linecap:round;stroke-linejoin:round;stroke-width:5px;%7D%3C/style%3E%3C/defs%3E%3Cpolyline class='a' points='18.81 35.13 2.5 18.82 18.81 2.5'/%3E%3Cpolyline class='a' points='37.47 35.12 21.16 18.81 37.47 2.5'/%3E%3C/svg%3E");
|
|
411
|
|
412 --icon-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36.86 18.94'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%239b8b84;stroke-linecap:round;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M22.06,10.83H27.7a8,8,0,0,1,8,8h0a8,8,0,0,1-8,8H22.06' transform='translate(-0.3 -9.33)'/%3E%3Cpath class='a' d='M15.41,26.78H9.77a8,8,0,0,1-8-8h0a8,8,0,0,1,8-8h5.64' transform='translate(-0.3 -9.33)'/%3E%3Cline class='a' x1='8.31' y1='9.47' x2='28.56' y2='9.47'/%3E%3C/svg%3E");
|
|
413
|
|
414 --icon-clear: url("data:image/svg+xml,%0A%3Csvg version='1.1' viewBox='0 0 37.819 37.819' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.a-clear%7Bfill:none;stroke-linecap:round;stroke-width:5;stroke:%239b8b84%7D%3C/style%3E%3Cg transform='translate(-32.072 -86.124)'%3E%3Cpath class='a-clear' d='m32.34 86.392 37.284 37.284'/%3E%3Cpath class='a-clear' d='m69.624 86.392-37.284 37.284'/%3E%3C/g%3E%3C/svg%3E");
|
|
415
|
|
416 --icon-clear-wb: url("data:image/svg+xml,%0A%3Csvg version='1.1' viewBox='0 0 37.819 37.819' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.a-clear%7Bfill:none;stroke-linecap:round;stroke-width:5;stroke:%23ffffff%7D%3C/style%3E%3Cg transform='translate(-32.072 -86.124)'%3E%3Cpath class='a-clear' d='m32.34 86.392 37.284 37.284'/%3E%3Cpath class='a-clear' d='m69.624 86.392-37.284 37.284'/%3E%3C/g%3E%3C/svg%3E");
|
|
417
|
|
418 --icon-save: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 769.83 769.83'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%239b8b84;stroke-miterlimit:10;stroke-width:55px;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='a' cx='384.91' cy='384.91' r='102.48'/%3E%3Cpath class='a' d='M750.91,258.62V687.83a63.08,63.08,0,0,1-63.08,63.08H89.17a63.08,63.08,0,0,1-63.08-63.08h0V89.17A63.08,63.08,0,0,1,89.17,26.09H518.38A98.74,98.74,0,0,1,588.17,55L722,188.83A98.74,98.74,0,0,1,750.91,258.62Z' transform='translate(-3.59 -3.59)'/%3E%3Cpath class='a' d='M464.15,26.09V129.44A46.11,46.11,0,0,1,418,175.55H187.48a46.11,46.11,0,0,1-46.11-46.11V26.09' transform='translate(-3.59 -3.59)'/%3E%3C/svg%3E");
|
|
419
|
|
420 --icon-trash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 35'%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:none;%7D.a%7Bstroke:%239b8b84;stroke-miterlimit:10;stroke-width:1.7px;%7D%3C/style%3E%3C/defs%3E%3Cline class='a' x1='9.63' y1='12.04' x2='25.38' y2='12.04'/%3E%3Cline class='a' x1='15.14' y1='8.75' x2='19.86' y2='8.75'/%3E%3Cpath class='a' d='M23.87,14.77v8.84a2.68,2.68,0,0,1-2.68,2.64H13.82a2.68,2.68,0,0,1-2.64-2.64V14.77'/%3E%3Cline class='a' x1='15.33' y1='15.89' x2='15.33' y2='21.96'/%3E%3Cline class='a' x1='19.69' y1='15.89' x2='19.69' y2='21.96'/%3E%3Crect class='b' width='35' height='35'/%3E%3C/svg%3E");
|
|
421
|
|
422 --noise: url(../img/noise-light.png);
|
|
423 }
|
|
424 /*#endregion Colors Light*/
|
|
425
|
|
426
|
|
427
|
|
428 *, *::before, *::after {
|
|
429 box-sizing: border-box;
|
|
430 padding: 0;
|
|
431 margin: 0;
|
|
432 }
|
|
433
|
|
434 @media (max-width: 1024px) {
|
|
435 .classic * {
|
|
436 -webkit-tap-highlight-color: transparent;
|
|
437 }
|
|
438 }
|
|
439
|
|
440 input, textarea {
|
|
441 font-family: var(--sans-serif);
|
|
442 }
|
|
443 input[type="date"], input[type="time"] {
|
|
444 font-family: revert;
|
|
445 }
|
|
446
|
|
447 :active, :hover, :focus {
|
|
448 outline: none; /* firefox fix */
|
|
449 }
|
|
450
|
|
451 html {
|
|
452 height: 100%;
|
|
453 overflow: hidden; /* disable swipe */
|
|
454 }
|
|
455
|
|
456 body {
|
|
457 display: grid;
|
|
458 height: 100%;
|
|
459 font-family: var(--sans-serif);
|
|
460 font-size: 1.04rem;
|
|
461 background-color: var(--bg-3);
|
|
462 background-image: var(--noise);
|
|
463 }
|
|
464 @media (max-width: 1023px) {
|
|
465 body {
|
|
466 grid-template-rows: 3rem 1fr;
|
|
467 grid-template-areas:
|
|
468 "header"
|
|
469 "main";
|
|
470 }
|
|
471 }
|
|
472 @media (min-width: 1024px) {
|
|
473 body {
|
|
474 grid-template-rows: 1.9rem 1fr;
|
|
475 }
|
|
476 body.login {
|
|
477 grid-template-areas:
|
|
478 "header"
|
|
479 "main";
|
|
480 }
|
|
481 body.logged {
|
|
482 grid-template-columns: 14rem 1fr;
|
|
483 grid-template-areas:
|
|
484 "aside header"
|
|
485 "aside main";
|
|
486 }
|
|
487 }
|
|
488
|
|
489 header {
|
|
490 grid-area: header;
|
|
491 display: grid;
|
|
492 z-index: 777;
|
|
493 }
|
|
494
|
|
495 @media (max-width: 1023px) {
|
|
496 body.logged header {
|
|
497 grid-template-columns: 3rem 1fr;
|
|
498 gap: 0.3rem;
|
|
499 }
|
|
500 body.mobile-menu-open header {
|
|
501 background-color: var(--bg-3);
|
|
502 }
|
|
503 }
|
|
504
|
|
505
|
|
506 @media (max-width: 1023px) {
|
|
507 header .burger {
|
|
508 display: flex;
|
|
509 justify-content: center;
|
|
510 align-items: center;
|
|
511 position: relative;
|
|
512 }
|
|
513
|
|
514 .menu-icon {
|
|
515 width: 1.7rem;
|
|
516 height: 0.75rem;
|
|
517 position: relative;
|
|
518 z-index:7;
|
|
519 }
|
|
520 .menu-icon span {
|
|
521 display: block;
|
|
522 position: absolute;
|
|
523 left: 0;
|
|
524 width: 100%;
|
|
525 height: 0.13rem;
|
|
526 transform: rotate(0);
|
|
527 transition: transform 0.1s ease;
|
|
528 background-color: var(--menu-icon-span);
|
|
529 }
|
|
530 .menu-icon span.line-1 {
|
|
531 top: 0;
|
|
532 }
|
|
533 .menu-icon span.line-2 {
|
|
534 bottom: 0;
|
|
535 }
|
|
536 .mobile-menu-open .menu-icon span.line-1 {
|
|
537 top: 5px;
|
|
538 transform: rotate(45deg);
|
|
539 }
|
|
540 .mobile-menu-open .menu-icon span.line-2 {
|
|
541 top: 5px;
|
|
542 transform: rotate(-45deg);
|
|
543 }
|
|
544 }
|
|
545 @media (min-width: 1024px) {
|
|
546 header .burger {
|
|
547 display: none;
|
|
548 }
|
|
549 }
|
|
550
|
|
551 header .menu {
|
|
552 display: flex;
|
|
553 justify-content: right;
|
|
554 }
|
|
555
|
|
556 header .menu > * {
|
|
557 display: flex;
|
|
558 align-items: center;
|
|
559 height: 100%;
|
|
560 cursor: pointer;
|
|
561 text-decoration: none;
|
|
562 user-select: none;
|
|
563 padding: 0 0.7rem 0 0.7rem;
|
|
564 color: var(--link);
|
|
565 }
|
|
566
|
|
567 @media (max-width: 1023px) {
|
|
568 header .menu > *:active {
|
|
569 color: var(--header-menu-hover);
|
|
570 }
|
|
571 }
|
|
572 @media (min-width: 1024px) {
|
|
573 header .menu > *:hover {
|
|
574 color: var(--header-menu-hover);
|
|
575 }
|
|
576 }
|
|
577
|
|
578 /* Auth. Start */
|
|
579 .setup-auth {
|
|
580 text-align: center;
|
|
581 padding: 5px;
|
|
582 font-size: 1rem;
|
|
583 }
|
|
584 .setup-error {
|
|
585 display: flex;
|
|
586 align-items: center;
|
|
587 text-align: center;
|
|
588 padding: 5px;
|
|
589 font-size: 0.9rem;
|
|
590 min-height: 4rem;
|
|
591 color: red;
|
|
592 }
|
|
593
|
|
594 .aside-main {
|
|
595 grid-area: main;
|
|
596 display: grid;
|
|
597 grid-template-areas: ". center-box .";
|
|
598 grid-template-columns: 1fr minmax(auto,19rem) 1fr;
|
|
599 overflow-y: auto;
|
|
600 }
|
|
601 .center-box {
|
|
602 display: grid;
|
|
603 grid-template-rows:auto auto auto auto 1fr auto;
|
|
604 grid-area: center-box;
|
|
605 gap: 1rem;
|
|
606 }
|
|
607
|
|
608 /* Select */
|
|
609 .lang-selector {
|
|
610 padding: 0.5rem;
|
|
611 box-shadow: 0 2px 3px 0 #00000033;
|
|
612 border-radius: 0.3rem;
|
|
613 background-color: var(--bg-4);
|
|
614 }
|
|
615
|
|
616 .login .lang-select-grid {
|
|
617 text-align: left;
|
|
618 position: relative;
|
|
619 user-select: none;
|
|
620 cursor: pointer;
|
|
621 -webkit-tap-highlight-color: transparent; /* Del blue click in Chrome Mobile */
|
|
622 }
|
|
623 .login .field-select {
|
|
624 display: grid;
|
|
625 grid-template-columns: 1fr 26px;
|
|
626 background-color: var(--bg-3);
|
|
627 border-radius: 0.2rem;
|
|
628 line-height: 2;
|
|
629 height: 100%;
|
|
630 }
|
|
631 .login .field-select .value {
|
|
632 line-height: 2;
|
|
633 font-size: 0.875rem;
|
|
634 color: var(--windows-font);
|
|
635 padding: 0 0.54rem;
|
|
636 }
|
|
637 .login .field-select .icon {
|
|
638 background-repeat: no-repeat;
|
|
639 background-position: center;
|
|
640 background-size: 12px;
|
|
641 background-image: var(--select-icon);
|
|
642 }
|
|
643
|
|
644
|
|
645 .login .lang-select-grid .field-options {
|
|
646 display: grid;
|
|
647 position: absolute;
|
|
648 height: 0;
|
|
649 overflow: hidden;
|
|
650 width: 100%;
|
|
651 border-radius: 0.25rem;
|
|
652 box-shadow: 0 2px 3px 0 #00000033;
|
|
653 max-height: 17rem;
|
|
654 z-index: 777;
|
|
655 }
|
|
656 .login .lang-select-grid .field-options.open {
|
|
657 background-color: var(--bg-3);
|
|
658 border: 2px solid var(--bg-4);
|
|
659 color: var(--text);
|
|
660 overflow: auto;
|
|
661 height: auto;
|
|
662 }
|
|
663 .login .lang-select-grid .field-options .option {
|
|
664 padding: 0.4rem 0.44rem;
|
|
665 cursor: pointer;
|
|
666 font-size: 0.9rem;
|
|
667 }
|
|
668 .login .lang-select-grid .field-options .option:hover {
|
|
669 background-color: var(--bg-2);
|
|
670 }
|
|
671
|
|
672
|
|
673 .setup-auth {
|
|
674 display: flex;
|
|
675 justify-content: center;
|
|
676 font-size: 0.9rem;
|
|
677 color: var(--setup-auth);
|
|
678 }
|
|
679
|
|
680 .login-and-password {
|
|
681 display: grid;
|
|
682 gap: 2px;
|
|
683 padding: 10px 10px 10px 10px;
|
|
684 background-color: var(--bg-4);
|
|
685 box-shadow: 0 2px 3px 0 #00000033;
|
|
686 border-radius: 0.25rem;
|
|
687 }
|
|
688 .login-and-password .login {
|
|
689 position: relative;
|
|
690 }
|
|
691 .login-and-password .password {
|
|
692 display: grid;
|
|
693 grid-template-columns: 1fr auto auto;
|
|
694 gap: 5px;
|
|
695 position: relative;
|
|
696 }
|
|
697 .login-and-password .login input, .login-and-password .password input {
|
|
698 width: 100%;
|
|
699 background-color: var(--bg-3);
|
|
700 border: none;
|
|
701 font-size: 1rem;
|
|
702 color: var(--windows-font);
|
|
703 font-family: var(--monospace);
|
|
704 line-height: 2;
|
|
705 min-height: 34px;
|
|
706 position: relative;
|
|
707 }
|
|
708
|
|
709 .login-and-password .login input {
|
|
710 height: 34px;
|
|
711 border-radius: 0.25rem 0.25rem 0 0;
|
|
712 padding: 0 8px 0 8px;
|
|
713 }
|
|
714 .login-and-password .password input {
|
|
715 grid-row: 1/2;
|
|
716 grid-column: 1/-1;
|
|
717 height: 34px;
|
|
718 padding: 0 85px 0 8px;
|
|
719 border-radius: 0 0 0.25rem 0.25rem;
|
|
720 }
|
|
721 .login-and-password .login input:autofill, .login-and-password .password input:autofill {
|
|
722 background-image: none;
|
|
723 }
|
|
724
|
|
725
|
|
726 .login-and-password .password-eye {
|
|
727 grid-row: 1/2;
|
|
728 grid-column: 2/3;
|
|
729 height: 33px;
|
|
730 width: 33px;
|
|
731 cursor: pointer;
|
|
732 background-size: 20px;
|
|
733 background-position: center;
|
|
734 background-repeat: no-repeat;
|
|
735 background-image: var(--eye-off);
|
|
736 z-index: 1;
|
|
737 }
|
|
738 .login-and-password .password-eye.showed {
|
|
739 background-image: var(--eye-on);
|
|
740 }
|
|
741
|
|
742 .login-and-password .password button {
|
|
743 grid-row: 1/2;
|
|
744 grid-column: 3/4;
|
|
745 cursor: pointer;
|
|
746 height: 33px;
|
|
747 width: 33px;
|
|
748 min-height: unset;
|
|
749 z-index: 7;
|
|
750 border: transparent;
|
|
751 background-color: transparent;
|
|
752 background-size: 22px;
|
|
753 background-position: center center;
|
|
754 background-repeat: no-repeat;
|
|
755 background-image: var(--inter-icon);
|
|
756 }
|
|
757
|
|
758 .support-box {
|
|
759 display: flex;
|
|
760 justify-content: center;
|
|
761 padding-bottom: 2rem;
|
|
762 }
|
|
763 .support-box a {
|
|
764 font-size: 0.9rem;
|
|
765 padding: 0.2rem 0.8rem 0.3rem 0.8rem;
|
|
766 color: var(--windows-font);
|
|
767 text-decoration: none;
|
|
768 }
|
|
769 /* Auth. End */
|
|
770
|
|
771 aside {
|
|
772 overflow-y: auto;
|
|
773 scrollbar-width: none; /* FireFox */
|
|
774 }
|
|
775 @media (max-width: 1023px) {
|
|
776 aside {
|
|
777 position: fixed;
|
|
778 width: 14rem;
|
|
779 min-height: 100%;
|
|
780 left: 0;
|
|
781 top: 0;
|
|
782 bottom: 0;
|
|
783 transform: translate3d(-270px, 0, 0);
|
|
784 transition: transform 0.25s ease;
|
|
785 z-index: 700;
|
|
786 padding: 3rem 0 3rem 0;
|
|
787 background-color: var(--bg-3);
|
|
788 background-image: var(--noise);
|
|
789 }
|
|
790
|
|
791 .mobile-menu-open aside {
|
|
792 transform: translate3d(0, 0, 0);
|
|
793 }
|
|
794 }
|
|
795 @media (min-width: 1024px) {
|
|
796 aside {
|
|
797 grid-area: aside;
|
|
798 padding: 1.9rem 0 1.9rem 0;
|
|
799 }
|
|
800 }
|
|
801
|
|
802 aside::-webkit-scrollbar {
|
|
803 width: 0;
|
|
804 }
|
|
805
|
|
806
|
|
807 aside section {
|
|
808 padding:9px 0 10px 0;
|
|
809 }
|
|
810 aside section div {
|
|
811 padding: 5px 5px 5px 20px;
|
|
812 font-size: 0.94rem;
|
|
813 color: var(--aside-section-div);
|
|
814 }
|
|
815 aside section a {
|
|
816 padding: 5px 5px 5px 36px;
|
|
817 text-decoration: none;
|
|
818 display: block;
|
|
819 font-size: 0.94rem;
|
|
820 color: var(--aside-section-a);
|
|
821 }
|
|
822 @media (min-width: 1024px) {
|
|
823 aside section a {
|
|
824 border-radius: 0 0.3rem 0.3rem 0;
|
|
825 }
|
|
826 }
|
|
827 aside section a:hover {
|
|
828 background-color: var(--aside-section-a-hover);
|
|
829 }
|
|
830 aside section a.active {
|
|
831 background-color: var(--aside-section-a-active);
|
|
832 }
|
|
833 aside section a.red {
|
|
834 background-color: var(--aside-section-a-red);
|
|
835
|
|
836 }
|
|
837
|
|
838 main {
|
|
839 grid-area: main;
|
|
840 overflow: hidden;
|
|
841 }
|
|
842
|
|
843 body > main > section:not(:target) {
|
|
844 display: none !important;
|
|
845 }
|
|
846
|
|
847 /* Start Secion */
|
|
848 #start {
|
|
849 overflow-y: auto;
|
|
850 max-height: 100%;
|
|
851 }
|
|
852 @media (max-width: 1023px) {
|
|
853 #start {
|
|
854 padding: 1rem 0.4rem 1rem 0.4rem;
|
|
855 }
|
|
856 }
|
|
857 @media (min-width: 1024px) {
|
|
858 #start {
|
|
859 padding: 1rem;
|
|
860 }
|
|
861 }
|
|
862 #start > div {
|
|
863 display: grid;
|
|
864 gap: 1rem;
|
|
865 box-shadow: 0 2px 3px 0 #00000033;
|
|
866 border-radius: 0.3rem;
|
|
867 background-color: var(--windows);
|
|
868 }
|
|
869 @media (max-width: 1023px) {
|
|
870 #start > div {
|
|
871 padding: 1rem 0.7rem 1.4rem 0.7rem;
|
|
872 }
|
|
873 }
|
|
874 @media (min-width: 1024px) {
|
|
875 #start > div {
|
|
876 padding: 1rem;
|
|
877 }
|
|
878 }
|
|
879 #start div > div {
|
|
880 color: var(--windows-font);
|
|
881 }
|
|
882 #start div > p {
|
|
883 color: var(--text);
|
|
884 }
|
|
885 #start div > p a {
|
|
886 color: var(--link);
|
|
887 }
|
|
888 /* End */
|
|
889
|
|
890 /* Auth Start */
|
|
891 #auth {
|
|
892 display: grid;
|
|
893 height: 100%;
|
|
894 overflow-y: auto;
|
|
895 row-gap: 1rem;
|
|
896 grid-auto-rows: max-content;
|
|
897 }
|
|
898 @media (max-width: 1023px) {
|
|
899 #auth {
|
|
900 padding: 1rem 0.4rem 1rem 0.4rem;
|
|
901 }
|
|
902 }
|
|
903 @media (min-width: 1024px) {
|
|
904 #auth {
|
|
905 padding: 1rem;
|
|
906 }
|
|
907 }
|
|
908 #auth form {
|
|
909 display: grid;
|
|
910 background-color: var(--windows);
|
|
911 background-image: var(--noise);
|
|
912 border-radius: 0.3rem;
|
|
913 box-shadow: var(--shadows);
|
|
914 }
|
|
915 @media (max-width: 1370px) {
|
|
916 #auth form {
|
|
917 row-gap: 10px;
|
|
918 padding: 1rem 0.7rem 1.4rem 0.7rem;
|
|
919 }
|
|
920 }
|
|
921 @media (min-width: 1371px) {
|
|
922 #auth form {
|
|
923 grid-auto-columns: max-content;
|
|
924 grid-auto-flow: column;
|
|
925 grid-column-gap: 1rem;
|
|
926 justify-content: center;
|
|
927 padding: 1rem;
|
|
928 }
|
|
929 }
|
|
930
|
|
931 #auth form > div {
|
|
932 position: relative;
|
|
933 }
|
|
934 #auth form .password-widget {
|
|
935 display: grid;
|
|
936 grid-template-columns: 1fr auto;
|
|
937 gap: 5px;
|
|
938 }
|
|
939
|
|
940 #auth form input {
|
|
941 border-radius: 4px;
|
|
942 font-size: 0.875rem;
|
|
943 font-family: var(--monospace);
|
|
944 padding: 0 0.54rem;
|
|
945 min-height: 35px;
|
|
946 width: 100%;
|
|
947 color: var(--input-font);
|
|
948 background-color: var(--input-bg);
|
|
949 border: 2px solid var(--input-border);
|
|
950 }
|
|
951 html:not(.classic) #auth form input[name="admin_password"] {
|
|
952 padding-right: 2.2rem;
|
|
953 grid-column: 1 / -1;
|
|
954 grid-row: 1 / 2;
|
|
955 }
|
|
956
|
|
957 #auth input[type="submit"] {
|
|
958 cursor: pointer;
|
|
959 }
|
|
960
|
|
961
|
|
962 #auth form .admin-url, #auth form .login-title, #auth form .passwd-title {
|
|
963 color: var(--windows-font);
|
|
964 }
|
|
965 @media (min-width: 1024px) {
|
|
966 #auth form .admin-url, #auth form .login-title, #auth form .passwd-title {
|
|
967 display: grid;
|
|
968 align-items: center;
|
|
969 padding-bottom: 3px;
|
|
970 }
|
|
971 }
|
|
972
|
|
973 #auth form .password-eye {
|
|
974 grid-column: 2 / 3;
|
|
975 grid-row: 1 / 2;
|
|
976 width: 34px;
|
|
977 height: 34px;
|
|
978 cursor: pointer;
|
|
979 background-size: 20px;
|
|
980 background-position: center;
|
|
981 background-repeat: no-repeat;
|
|
982 background-image: var(--eye-off);
|
|
983 }
|
|
984 #auth form .password-eye.showed {
|
|
985 background-image: var(--eye-on);
|
|
986 }
|
|
987 @media (max-width: 1023px) {
|
|
988 .current-sess {
|
|
989 padding: 1rem 0 1rem 0;
|
|
990 }
|
|
991 .history-sess {
|
|
992 padding: 1rem 0 1rem 0;
|
|
993 }
|
|
994 }
|
|
995 #auth .table-title {
|
|
996 padding: 0 0.5rem 0.5rem 0.7rem;
|
|
997 color: var(--windows-font);
|
|
998 }
|
|
999 .sess-table {
|
|
1000 display: grid;
|
|
1001 gap: 5px;
|
|
1002 }
|
|
1003 .sess-table > div {
|
|
1004 color: var(--sess-table-font);
|
|
1005 background-color: var(--windows);
|
|
1006 background-image: var(--noise);
|
|
1007 border-radius: 0.3rem;
|
|
1008 }
|
|
1009 @media (max-width: 1023px) {
|
|
1010 .sess-table > div {
|
|
1011 display: block;
|
|
1012 padding: 0.4rem 0.3125rem 0.5rem 0.7rem;
|
|
1013 }
|
|
1014 }
|
|
1015 @media (min-width: 1024px) {
|
|
1016 .sess-table > div {
|
|
1017 display: grid;
|
|
1018 grid-auto-flow: column;
|
|
1019 column-gap: 3px;
|
|
1020 grid-template-columns: 2rem 10rem 8rem auto;
|
|
1021 padding: 0.3125rem;
|
|
1022 }
|
|
1023 }
|
|
1024 .sess-table .current {
|
|
1025 color: var(--sess-table-current);
|
|
1026 }
|
|
1027 #auth .del-sess {
|
|
1028 width: 1.6rem;
|
|
1029 height: 1.6rem;
|
|
1030 justify-self: center;
|
|
1031 cursor: pointer;
|
|
1032 border-radius: 4px;
|
|
1033 float: right;
|
|
1034 background-repeat: no-repeat;
|
|
1035 background-position: center center;
|
|
1036 background-size: 44%;
|
|
1037 background-image: var(--icon-clear);
|
|
1038 }
|
|
1039 #auth .del-sess:hover {
|
|
1040 background-color: var(--auth-del-sess-hover);
|
|
1041 }
|
|
1042 .sess-table > div > div {
|
|
1043 padding: 2px;
|
|
1044 font-size: 0.875rem;
|
|
1045 }
|
|
1046 /* End */
|
|
1047
|
|
1048 /* PHP Info Start */
|
|
1049 #phpinfo {color: var(--phpinfo-font); font-family: var(--sans-serif); overflow-y: scroll; height: 100%; padding: 1rem;}
|
|
1050 @media (max-width: 1023px) {
|
|
1051 #phpinfo {padding: 0 0.4rem 0.4rem 0.4rem;}
|
|
1052 #phpinfo .e {word-break: break-word; min-width: 100px; max-width: 33%;}
|
|
1053 #phpinfo .h {word-break: break-word;}
|
|
1054 #phpinfo .v {word-break: break-word;}
|
|
1055 }
|
|
1056 @media (min-width: 1024px) {
|
|
1057 #phpinfo .e {min-width: 200px;width: 33%;}
|
|
1058 #phpinfo .v {word-break: break-word;}
|
|
1059 }
|
|
1060 #phpinfo td a img { display: none; }
|
|
1061 #phpinfo pre {margin: 0; font-family: monospace;}
|
|
1062 #phpinfo table {border-collapse: collapse; border: 0; width: 100%;}
|
|
1063 #phpinfo .center {text-align: center;}
|
|
1064 @media (min-width: 1024px) {#phpinfo .center table:first-child {margin-top: 0;}}
|
|
1065 #phpinfo .center table {margin: 1rem auto; text-align: left;}
|
|
1066 #phpinfo td, th {border: 1px solid var(--bg-4); font-size: 75%; vertical-align: baseline; padding: 4px 5px;}
|
|
1067 #phpinfo th {position: sticky; top: 0; background-color: inherit;}
|
|
1068 #phpinfo h1 {font-size: 150%;}
|
|
1069 #phpinfo h2 {font-size: 125%;}
|
|
1070 #phpinfo .p {text-align: left; margin: 0;}
|
|
1071 #phpinfo .e {background-color: var(--bg-3); font-weight: bold; }
|
|
1072 #phpinfo .h {background-color: var(--phpinfo-h-bg); font-weight: bold; }
|
|
1073 #phpinfo .v {background-color: var(--bg-3); overflow-x: auto; }
|
|
1074 #phpinfo .v i {color: var(--phpinfo-v-i-font);}
|
|
1075 #phpinfo img {float: right; border: 0;}
|
|
1076 #phpinfo hr {width: 100%; background-color: var(--phpinfo-hr-bg); border: 0; height: 1px;}
|
|
1077 #phpinfo th { border-color: transparent;}
|
|
1078 #phpinfo tr:hover td {background-color: var(--bg-2);}
|
|
1079 /* End */
|
|
1080
|
|
1081
|
|
1082 /* Modules */
|
|
1083 #modules {
|
|
1084 display: grid;
|
|
1085 height: 100%;
|
|
1086 overflow-y: auto;
|
|
1087 grid-auto-rows: max-content;
|
|
1088 row-gap: 1rem;
|
|
1089 }
|
|
1090
|
|
1091 @media (max-width: 1023px) {
|
|
1092 #modules {
|
|
1093 padding: 1rem 0.4rem 1rem 0.4rem;
|
|
1094 display: flex; /*Samsung Browser - padding-bottom*/
|
|
1095 flex-direction: column; /*Samsung Browser - padding-bottom*/
|
|
1096 }
|
|
1097
|
|
1098 }
|
|
1099 @media (min-width: 1024px) {
|
|
1100 #modules {
|
|
1101 padding: 1rem;
|
|
1102 }
|
|
1103 }
|
|
1104
|
|
1105 #modules > div {
|
|
1106 display: grid;
|
|
1107 row-gap: 0.5rem;
|
|
1108 }
|
|
1109
|
|
1110 #modules .upload_dnd {
|
|
1111 height: 40px;
|
|
1112 position: relative;
|
|
1113 margin-top: 0.5rem;
|
|
1114 padding: 9px 11px 5px 11px;
|
|
1115 border-radius: 0.3rem;
|
|
1116 color: var(--windows-font);
|
|
1117 background-color: var(--bg-4);
|
|
1118 white-space: nowrap;
|
|
1119 width: max-content;
|
|
1120 font-size: 0.9rem;
|
|
1121 user-select: none;
|
|
1122 }
|
|
1123 #modules .upload_dnd #module-upload {
|
|
1124 width: 100%;
|
|
1125 height: 100%;
|
|
1126 left: 0;
|
|
1127 right: 0;
|
|
1128 top: 0;
|
|
1129 bottom: 0;
|
|
1130 opacity: 0;
|
|
1131 overflow: hidden;
|
|
1132 position: absolute;
|
|
1133 z-index: 7;
|
|
1134 cursor: pointer;
|
|
1135 }
|
|
1136
|
|
1137 label[for=module-upload] {
|
|
1138 display: block;
|
|
1139 white-space: nowrap;
|
|
1140 width: max-content;
|
|
1141 font-size: 0.9rem;
|
|
1142 user-select: none;
|
|
1143 }
|
|
1144
|
|
1145 input[type="file" i]::-webkit-file-upload-button {
|
|
1146 cursor: pointer;
|
|
1147 }
|
|
1148
|
|
1149 #modules .modules-grid > div {
|
|
1150 display: grid;
|
|
1151 grid-template-areas:
|
|
1152 "module-name module-version"
|
|
1153 "module-description module-description"
|
|
1154 "module-sw-btn module-del-btn";
|
|
1155 grid-template-columns: 1fr auto;
|
|
1156 overflow: hidden;
|
|
1157 border-radius: 0.3rem;
|
|
1158 padding: 0.7rem;
|
|
1159 column-gap: 0.7rem;
|
|
1160 box-shadow: var(--shadows);
|
|
1161 row-gap: 0.1rem;
|
|
1162 background-image: var(--noise);
|
|
1163 }
|
|
1164
|
|
1165 #modules .modules-grid > div.enabled {
|
|
1166 background-color: var(--windows);
|
|
1167 }
|
|
1168 @media (min-width: 1024px) {
|
|
1169 #modules .modules-grid > div.enabled:hover {
|
|
1170 background-color: var(--windows-hover);
|
|
1171 }
|
|
1172 }
|
|
1173
|
|
1174 #modules .modules-grid > div.disabled {
|
|
1175 background-color: var(--modules-grid-div-disabled);
|
|
1176 }
|
|
1177 @media (min-width: 1024px) {
|
|
1178 #modules .modules-grid > div.disabled:hover {
|
|
1179 background-color: var(--modules-grid-div-disabled-hover);
|
|
1180 }
|
|
1181 }
|
|
1182
|
|
1183 #modules .module-name {
|
|
1184 grid-area: module-name;
|
|
1185 margin-top: -5px;
|
|
1186 font-size: 1rem;
|
|
1187 font-weight: 600;
|
|
1188 }
|
|
1189 #modules .enabled .module-name {
|
|
1190 color: var(--windows-font);
|
|
1191 }
|
|
1192 #modules .disabled .module-name {
|
|
1193 color: var(--disabled-module);
|
|
1194 }
|
|
1195
|
|
1196 #modules .module-version {
|
|
1197 grid-area: module-version;
|
|
1198 margin-top: -5px;
|
|
1199 font-size: 1rem;
|
|
1200 color: var(--text);
|
|
1201 }
|
|
1202 #modules .module-description {
|
|
1203 grid-area: module-description;
|
|
1204 font-size: 0.9rem;
|
|
1205 }
|
|
1206 #modules .enabled .module-description {
|
|
1207 color: var(--enabled-module-description);
|
|
1208 }
|
|
1209 #modules .enabled .module-description a {
|
|
1210 color: var(--link);
|
|
1211 text-decoration: none;
|
|
1212 }
|
|
1213 #modules .disabled .module-description {
|
|
1214 color: var(--disabled-module);
|
|
1215 }
|
|
1216
|
|
1217 #modules .module-del-btn {
|
|
1218 grid-area: module-del-btn;
|
|
1219 font-size: 0.9rem;
|
|
1220 color: var(--link);
|
|
1221 cursor: pointer;
|
|
1222 text-align: right;
|
|
1223 user-select: none;
|
|
1224 }
|
|
1225
|
|
1226 #modules .module-sw-btn {
|
|
1227 grid-area: module-sw-btn;
|
|
1228 width: max-content;
|
|
1229 font-size: 0.9rem;
|
|
1230 user-select: none;
|
|
1231 cursor: pointer;
|
|
1232 }
|
|
1233 #modules .enabled .module-sw-btn {
|
|
1234 color: var(--link);
|
|
1235 }
|
|
1236 #modules .disabled .module-sw-btn {
|
|
1237 color: var(--disabled-module-sw-btn);
|
|
1238 }
|
|
1239 /* End */
|
|
1240
|
|
1241
|
|
1242
|
|
1243 /* Admin Menu */
|
|
1244 #admin_menu {
|
|
1245 display: grid;
|
|
1246 height: 100%;
|
|
1247 overflow-y: auto;
|
|
1248 grid-auto-rows: max-content;
|
|
1249 }
|
|
1250
|
|
1251 #admin_menu .main-main {
|
|
1252 display: grid;
|
|
1253 gap: 1rem;
|
|
1254 }
|
|
1255 @media (max-width: 1023px) {
|
|
1256 #admin_menu .main-main {
|
|
1257 padding: 1rem 0.7rem 0.3rem 0.7rem;
|
|
1258 }
|
|
1259 }
|
|
1260 @media (min-width: 1024px) {
|
|
1261 #admin_menu .main-main {
|
|
1262 padding: 1rem 1rem 0.3rem 1rem;
|
|
1263 }
|
|
1264 }
|
|
1265
|
|
1266
|
|
1267 @media (max-width: 1023px) {
|
|
1268 #admin_menu .main-footer {
|
|
1269 padding: 1rem 0.7rem 1rem 0.7rem;
|
|
1270 }
|
|
1271 }
|
|
1272 @media (min-width: 1024px) {
|
|
1273 #admin_menu .main-footer {
|
|
1274 padding: 1rem;
|
|
1275 }
|
|
1276 }
|
|
1277
|
|
1278
|
|
1279
|
|
1280 #admin_menu [data-am-type="section"] {
|
|
1281 display: grid;
|
|
1282 grid-template-areas:
|
|
1283 "title sort"
|
|
1284 "buttons buttons";
|
|
1285 grid-template-columns: 1fr auto;
|
|
1286 column-gap: 1rem;
|
|
1287 row-gap: 0.7rem;
|
|
1288 background-color: var(--windows);
|
|
1289 background-image: var(--noise);
|
|
1290 border-radius: 0.3rem;
|
|
1291 position: relative;
|
|
1292 min-height: 4rem;
|
|
1293 overflow: hidden;
|
|
1294 padding: 0.7rem;
|
|
1295 }
|
|
1296
|
|
1297 #admin_menu [data-am-type="section"].hidden::before {
|
|
1298 content: "";
|
|
1299 position: absolute;
|
|
1300 right: 2px;
|
|
1301 bottom: 2px;
|
|
1302 z-index: 1;
|
|
1303 width: 7px;
|
|
1304 height: 7px;
|
|
1305 border-radius: 50%;
|
|
1306 background-color: var(--orange);
|
|
1307 }
|
|
1308
|
|
1309 #admin_menu .items-grid {
|
|
1310 display: grid;
|
|
1311 row-gap: 0.3rem;
|
|
1312 padding: 0.8rem 0 0.5rem 0.5rem;
|
|
1313 margin-top: -5px;
|
|
1314 background-color: var(--windows);
|
|
1315 border-radius: 0 0 0.3rem 0.3rem;
|
|
1316 }
|
|
1317
|
|
1318 #admin_menu [data-am-type="section"] input[name=title] {
|
|
1319 grid-area: title;
|
|
1320 width: 100%;
|
|
1321 background-color: var(--menu-input-bg);
|
|
1322 border: 2px solid var(--menu-input-border);
|
|
1323 }
|
|
1324
|
|
1325 #admin_menu [data-am-type="section"] input[name=sort] {
|
|
1326 grid-area: sort;
|
|
1327 width: 4rem;
|
|
1328 justify-self: right;
|
|
1329 text-align: center;
|
|
1330 background-color: var(--menu-input-bg);
|
|
1331 border: 2px solid var(--menu-input-border);
|
|
1332 }
|
|
1333 #admin_menu input {
|
|
1334 border-radius: 4px;
|
|
1335 min-height: 30px;
|
|
1336 height: 100%;
|
|
1337 background-color: var(--bg-4);
|
|
1338 border: 1px solid var(--bg-4);
|
|
1339 color: var(--text);
|
|
1340 }
|
|
1341 #admin_menu input {
|
|
1342 padding: 0 0.54rem;
|
|
1343 font-size: 0.94rem;
|
|
1344 }
|
|
1345
|
|
1346
|
|
1347 #admin_menu .section-select-grid {
|
|
1348 grid-area: select;
|
|
1349 position: relative;
|
|
1350 }
|
|
1351 #admin_menu .field-select {
|
|
1352 display: grid;
|
|
1353 grid-template-columns: 1fr 28px;
|
|
1354 height: 100%;
|
|
1355 min-height: 30px;
|
|
1356 cursor: pointer;
|
|
1357 background-color: var(--bg-4);
|
|
1358 border: 1px solid var(--bg-4);
|
|
1359 border-radius: 4px;
|
|
1360 user-select: none;
|
|
1361 }
|
|
1362 #admin_menu .field-select > .value {
|
|
1363 padding: 0 0.1rem 0 0.54rem;
|
|
1364 white-space: nowrap;
|
|
1365 overflow: hidden;
|
|
1366 line-height: 26px;
|
|
1367 font-size: 0.9rem;
|
|
1368 color: var(--text);
|
|
1369 }
|
|
1370 #admin_menu .field-select > .icon {
|
|
1371 background-image: var(--select-icon);
|
|
1372 background-repeat: no-repeat;
|
|
1373 background-position: center;
|
|
1374 background-size: 12px;
|
|
1375 }
|
|
1376
|
|
1377 #admin_menu .field-options {
|
|
1378 display: grid;
|
|
1379 position: absolute;
|
|
1380 height: 0;
|
|
1381 overflow: hidden;
|
|
1382 width: 100%;
|
|
1383 border-radius: 0.25rem;
|
|
1384 box-shadow: 0 2px 3px 0 #00000033;
|
|
1385 max-height: 17rem;
|
|
1386 z-index: 777;
|
|
1387 }
|
|
1388 #admin_menu .field-options.open {
|
|
1389 background-color: var(--bg-3);
|
|
1390 border: 2px solid var(--bg-4);
|
|
1391 color: var(--text);
|
|
1392 overflow: auto;
|
|
1393 height: auto;
|
|
1394 min-width: max-content;
|
|
1395 margin-top: 2px;
|
|
1396 }
|
|
1397 #admin_menu .field-options .option {
|
|
1398 padding: 0.4rem 0.44rem;
|
|
1399 cursor: pointer;
|
|
1400 font-size: 0.9rem;
|
|
1401 }
|
|
1402 #admin_menu .field-options .option:hover {
|
|
1403 background-color: var(--bg-2);
|
|
1404 }
|
|
1405
|
|
1406
|
|
1407
|
|
1408
|
|
1409
|
|
1410 #admin_menu .am-grid {
|
|
1411 display: grid;
|
|
1412 row-gap: 1rem;
|
|
1413 }
|
|
1414
|
|
1415 #admin_menu .am-grid > div {
|
|
1416 box-shadow: 0 0 3px 0 #00000096;
|
|
1417 border-radius: 0.3rem;
|
|
1418 }
|
|
1419
|
|
1420 #admin_menu .main-footer {
|
|
1421 grid-auto-flow: column;
|
|
1422 display: grid;
|
|
1423 justify-content: start;
|
|
1424 grid-column-gap: 1rem;
|
|
1425 }
|
|
1426
|
|
1427 #admin_menu .add-section, #admin_menu .reset-all {
|
|
1428 display: block;
|
|
1429 width: max-content;
|
|
1430 padding: 0.4rem 0.7rem 0.5rem 0.7rem;
|
|
1431 background-color: var(--bg-4);
|
|
1432 text-decoration: none;
|
|
1433 font-size: 0.9rem;
|
|
1434 color: var(--windows-font);
|
|
1435 border-radius: 0.3rem;
|
|
1436 user-select: none;
|
|
1437 cursor: pointer;
|
|
1438 }
|
|
1439
|
|
1440
|
|
1441 #admin_menu [data-am-type="item"] {
|
|
1442 display: grid;
|
|
1443 grid-template-areas:
|
|
1444 "item-name select sort"
|
|
1445 "buttons buttons buttons";
|
|
1446 grid-template-columns: 1fr auto auto;
|
|
1447 column-gap: 1rem;
|
|
1448 row-gap: 0.7rem;
|
|
1449 background-color: var(--bg-3);
|
|
1450 background-image: var(--noise);
|
|
1451 border-radius: 0.3rem 0 0 0.3rem;
|
|
1452 position: relative;
|
|
1453 min-height: 4rem;
|
|
1454 padding: 0.7rem;
|
|
1455 }
|
|
1456 #admin_menu [data-am-type="item"]:hover {
|
|
1457 background-color: var(--open-menu);
|
|
1458 }
|
|
1459 #admin_menu [data-am-type="item"].hidden::before {
|
|
1460 content: "";
|
|
1461 position: absolute;
|
|
1462 right: 2px;
|
|
1463 bottom: 2px;
|
|
1464 z-index: 1;
|
|
1465 width: 7px;
|
|
1466 height: 7px;
|
|
1467 border-radius: 50%;
|
|
1468 background-color: var(--orange);
|
|
1469 }
|
|
1470
|
|
1471 #admin_menu .item-name {
|
|
1472 grid-area: item-name;
|
|
1473 font-size: 1rem;
|
|
1474 align-self: center;
|
|
1475 margin-top: -5px;
|
|
1476 color: var(--aside-section-a);
|
|
1477 white-space: pre;
|
|
1478 overflow: hidden;
|
|
1479 text-overflow: ellipsis;
|
|
1480 }
|
|
1481 #admin_menu [data-am-type="item"].hidden .item-name {
|
|
1482 opacity: 0.3;
|
|
1483 user-select: none;
|
|
1484 }
|
|
1485
|
|
1486 #admin_menu select {
|
|
1487 grid-area: select;
|
|
1488 }
|
|
1489 #admin_menu [data-am-type] .buttons {
|
|
1490 grid-area: buttons;
|
|
1491 display: grid;
|
|
1492 grid-template-columns: auto auto auto;
|
|
1493 justify-content: right;
|
|
1494 column-gap: 1rem;
|
|
1495 font-size: 0.9rem;
|
|
1496 }
|
|
1497 #admin_menu [data-am-type] .buttons > a {
|
|
1498 cursor: pointer;
|
|
1499 color: var(--buttons-font);
|
|
1500 user-select: none;
|
|
1501 }
|
|
1502 #admin_menu [data-am-type] .buttons > a:hover {
|
|
1503 color: var(--buttons-hover);
|
|
1504 }
|
|
1505
|
|
1506 #admin_menu input[name="sort"] {
|
|
1507 width: 4rem;
|
|
1508 text-align: center;
|
|
1509 }
|
|
1510 /* End */
|
|
1511
|
|
1512
|
|
1513
|
|
1514 @media (max-width: 1023px) {
|
|
1515 .mobile-menu-open .milk {
|
|
1516 display: block;
|
|
1517 position: fixed;
|
|
1518 left: 0;
|
|
1519 right: 0;
|
|
1520 top: 0;
|
|
1521 bottom: 0;
|
|
1522 opacity: 0.7;
|
|
1523 z-index: 10;
|
|
1524 background-color: var(--mobile-menu-open-milk);
|
|
1525 }
|
|
1526 }
|
|
1527
|
|
1528 /* Service Messages */
|
|
1529 .log-info-box {
|
|
1530 position: fixed;
|
|
1531 z-index: 770;
|
|
1532 display: inline-grid;
|
|
1533 }
|
|
1534 @media (max-width: 1023px) {
|
|
1535 .log-info-box {
|
|
1536 top: 3rem;
|
|
1537 right: 0.3rem;
|
|
1538 }
|
|
1539 }
|
|
1540 @media (min-width: 1024px) {
|
|
1541 .log-info-box {
|
|
1542 top: 2.5rem;
|
|
1543 right: 0.3rem;
|
|
1544 }
|
|
1545 }
|
|
1546
|
|
1547 .log-info-box > div {
|
|
1548 padding: 15px;
|
|
1549 font-size: 0.875rem;
|
|
1550 margin-bottom: 10px;
|
|
1551 border-radius: 5px;
|
|
1552 justify-self: right;
|
|
1553 }
|
|
1554
|
|
1555 .info-success {
|
|
1556 background-color: var(--info-success);
|
|
1557 color: var(--info-fonts-success);
|
|
1558 box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
|
|
1559 }
|
|
1560 .info-success a {
|
|
1561 color: var(--info-fonts-success);
|
|
1562 }
|
|
1563
|
|
1564 .info-error {
|
|
1565 background-color: var(--info-error);
|
|
1566 color: var(--info-fonts-error);
|
|
1567 box-shadow: 0 2px 3px 0 #00000033;
|
|
1568 }
|
|
1569 .info-error a {
|
|
1570 color: var(--info-fonts-error);
|
|
1571 }
|
|
1572 .log-info-box > .timeout {
|
|
1573 overflow: hidden;
|
|
1574 height: 0 !important;
|
|
1575 transition: height 0.5s, opacity 0.2s, padding 0.5s, margin 0.5s;
|
|
1576 opacity: 0;
|
|
1577 padding-top: 0;
|
|
1578 padding-bottom: 0;
|
|
1579 margin-bottom: 0;
|
|
1580 }
|
|
1581
|
|
1582
|
|
1583 /* Checks */
|
|
1584 input[type="checkbox"] {
|
|
1585 width: 1.4rem;
|
|
1586 height: 1.4rem;
|
|
1587 border-radius: 0.25rem;
|
|
1588 background-repeat: no-repeat;
|
|
1589 background-position: center;
|
|
1590 background-size: contain;
|
|
1591 appearance: none;
|
|
1592 border: 2px solid;
|
|
1593 background-color: var(--bg-3);
|
|
1594 border-color: var(--bg-4);
|
|
1595 cursor: pointer;
|
|
1596 }
|
|
1597 input[type="checkbox"]:checked {
|
|
1598 background-color: var(--orange);
|
|
1599 border-color: var(--orange);
|
|
1600 box-shadow: 0 0 0 0.25rem var(--focus-orange);
|
|
1601 background-image: var(--check-icon);
|
|
1602 }
|
|
1603
|
|
1604 @-moz-document url-prefix()
|
|
1605 {
|
|
1606 .enable-cache {
|
|
1607 transform: translateY(-1px);
|
|
1608 }
|
|
1609 }
|
|
1610
|
|
1611 /* Buttons */
|
|
1612 button {
|
|
1613 display: flex;
|
|
1614 justify-content: center;
|
|
1615 min-height: 35px;
|
|
1616 padding: 5px 12px 0 12px;
|
|
1617 border-radius: 0.25rem;
|
|
1618 background-color: var(--button-bg);
|
|
1619 border: 1px solid var(--button-border);
|
|
1620 color: var(--windows-font);
|
|
1621 font-family: var(--sans-serif);
|
|
1622 font-size: 1rem;
|
|
1623 user-select: none;
|
|
1624 cursor: pointer;
|
|
1625 }
|
|
1626
|
|
1627 .CodeMirror-dialog button {
|
|
1628 display: grid;
|
|
1629 min-height: auto;
|
|
1630 margin: 4px 0;
|
|
1631 padding: 2px 10px 3px 10px;
|
|
1632 }
|
|
1633 .CodeMirror-search-label {
|
|
1634 align-self: center;
|
|
1635 }
|
|
1636 .CodeMirror-dialog-top {
|
|
1637 display: grid;
|
|
1638 grid-auto-flow: column;
|
|
1639 justify-content: left;
|
|
1640 gap: 7px;
|
|
1641 }
|
|
1642 .CodeMirror-dialog button {
|
|
1643 display: grid;
|
|
1644 background-color: var(--bg-3);
|
|
1645 }
|
|
1646
|
|
1647
|
|
1648 .CodeMirror-dialog button:active {
|
|
1649 margin: 4px 0;
|
|
1650 padding: 2px 10px 2px 10px;
|
|
1651 }
|
|
1652 .classic .CodeMirror-dialog button {
|
|
1653 height: 24px;
|
|
1654 padding: 2px 10px 0 10px;
|
|
1655 margin: 2px 0;
|
|
1656 border-bottom: 1px solid #0c0c0c;
|
|
1657 border-right: 1px solid #0c0c0c;
|
|
1658 border-top: 1px solid #4c4949;
|
|
1659 border-left: 1px solid #4c4949;
|
|
1660 outline: 1px solid #131313;
|
|
1661 outline-offset: 0px;
|
|
1662 }
|
|
1663 .classic .CodeMirror-dialog button:active {
|
|
1664 height: 24px;
|
|
1665 padding: 4px 10px 0 10px;
|
|
1666 margin: 2px 0;
|
|
1667 border-bottom: 1px solid #393737;
|
|
1668 border-right: 1px solid #393737;
|
|
1669 border-top: 1px solid #0c0c0c;
|
|
1670 border-left: 1px solid #0c0c0c;
|
|
1671 }
|
|
1672
|
|
1673
|
|
1674 /* Menu */
|
|
1675 .classic aside section a {
|
|
1676 padding: 3px 5px 3px 36px;
|
|
1677 border-color: transparent;
|
|
1678 border-style: solid;
|
|
1679 border-left-width: 0;
|
|
1680 border-right-width: 2px;
|
|
1681 border-top-width: 2px;
|
|
1682 border-bottom-width: 2px;
|
|
1683 border-radius: 0;
|
|
1684 }
|
|
1685 .classic aside section a:hover {
|
|
1686 border-color: #393737;
|
|
1687 }
|
|
1688 .classic section a.active {
|
|
1689 border-color: #393737;
|
|
1690 background-color: var(--bg-2);
|
|
1691 }
|
|
1692 .classic section a.red {
|
|
1693 border-color: red;
|
|
1694 }
|
|
1695 .classic section a.red:hover {
|
|
1696 border-color: red;
|
|
1697 }
|
|
1698
|
|
1699 /* Messages Info */
|
|
1700 .classic .log-info-box > div {
|
|
1701 border-width: 2px;
|
|
1702 border-color: #999999;
|
|
1703 border-style: solid;
|
|
1704 border-radius: 0;
|
|
1705 }
|
|
1706 .classic .log-info-box .timeout {
|
|
1707 border-width: 0;
|
|
1708 }
|
|
1709 .classic .info-success {
|
|
1710 background-color: #292827ed;
|
|
1711 color: #ffffff;
|
|
1712 box-shadow: 4px 5px 0px 0 #00000077;
|
|
1713 }
|
|
1714 .classic .info-error {
|
|
1715 box-shadow: 4px 5px 0px 0 #00000077;
|
|
1716 }
|
|
1717
|
|
1718 /* Update */
|
|
1719 #modules .dev-window.developers_only {
|
|
1720 display: none;
|
|
1721 }
|
|
1722 #modules > div {
|
|
1723 background-image: var(--noise);
|
|
1724 }
|
|
1725
|
|
1726
|
|
1727 #modules .update-window {
|
|
1728 display: grid;
|
|
1729 grid-auto-rows: max-content;
|
|
1730 row-gap: 0.7rem;
|
|
1731 box-shadow: var(--shadows);
|
|
1732 border-radius: 0.3rem;
|
|
1733 background-color: var(--windows);
|
|
1734 }
|
|
1735 #modules .update-window div p {
|
|
1736 font-size: 1rem;
|
|
1737 color: var(--text);
|
|
1738 }
|
|
1739 #modules .update-window div p:last-child {
|
|
1740 margin-bottom: 0.5rem;
|
|
1741 }
|
|
1742 #modules .update-window > div:first-child, #modules .dev-window > div:first-child {
|
|
1743 color: var(--windows-font);
|
|
1744 font-size: 1rem;
|
|
1745 font-weight: 600;
|
|
1746 }
|
|
1747 @media (max-width: 1023px) {
|
|
1748 #modules .update-window {
|
|
1749 padding: 1rem 0.7rem 1rem 0.7rem;
|
|
1750 }
|
|
1751 }
|
|
1752 @media (min-width: 1024px) {
|
|
1753 #modules .update-window {
|
|
1754 padding: 1rem;
|
|
1755 }
|
|
1756 }
|
|
1757
|
|
1758 #modules .dev-window {
|
|
1759 display: grid;
|
|
1760 grid-auto-rows: max-content;
|
|
1761 row-gap: 1rem;
|
|
1762 box-shadow: var(--shadows);
|
|
1763 border-radius: 0.3rem;
|
|
1764 background-color: var(--windows);
|
|
1765 }
|
|
1766 #modules > .dev-window > div {
|
|
1767 color: var(--windows-font);
|
|
1768 }
|
|
1769 #modules .dev-window p {
|
|
1770 font-size: 1rem;
|
|
1771 color: var(--text);
|
|
1772 }
|
|
1773 #modules .dev-window p a {
|
|
1774 color: var(--link);
|
|
1775 }
|
|
1776
|
|
1777 @media (max-width: 1023px) {
|
|
1778 #modules .dev-window {
|
|
1779 padding: 1rem 0.7rem 1rem 0.7rem;
|
|
1780 }
|
|
1781 }
|
|
1782 @media (min-width: 1024px) {
|
|
1783 #modules .dev-window {
|
|
1784 padding: 1rem;
|
|
1785 }
|
|
1786 }
|
|
1787
|
|
1788
|
|
1789 #modules .update-window .buttons, #modules .dev-window .buttons {
|
|
1790 gap: 1rem;
|
|
1791 }
|
|
1792 #modules .update-window .buttons a {
|
|
1793 width: fit-content; /* для моб */
|
|
1794 justify-self: center; /* для моб */
|
|
1795 color: var(--link);
|
|
1796 text-decoration: none;
|
|
1797 font-size: 0.9rem;
|
|
1798 }
|
|
1799 @media (max-width: 767px) {
|
|
1800 #modules .update-window .buttons, #modules .dev-window .buttons {
|
|
1801 display: grid;
|
|
1802 }
|
|
1803 }
|
|
1804 @media (min-width: 768px) {
|
|
1805 #modules .dev-window .buttons {
|
|
1806 display: flex;
|
|
1807 justify-content: start;
|
|
1808 }
|
|
1809 #modules .update-window .buttons {
|
|
1810 display: grid;
|
|
1811 grid-template-columns: auto auto 1fr [book] auto [dev] auto;
|
|
1812 }
|
|
1813 #modules .update-window .buttons a {
|
|
1814 grid-column-start: book;
|
|
1815 align-self: center;
|
|
1816 }
|
|
1817 #modules .update-window .buttons [data-show-dev] {
|
|
1818 grid-column-start: dev;
|
|
1819 }
|
|
1820 /*#modules .update-window .buttons > button {
|
|
1821 justify-self: right;
|
|
1822 }*/
|
|
1823 }
|
|
1824
|
|
1825
|
|
1826 #modules .update-window > div, #modules .dev-window > div {
|
|
1827 display: grid;
|
|
1828 row-gap: 0.5rem;
|
|
1829 }
|
|
1830
|
|
1831 #modules .changed-files {
|
|
1832 display: grid;
|
|
1833 grid-auto-rows: max-content;
|
|
1834 row-gap: 1rem;
|
|
1835 box-shadow: var(--shadows);
|
|
1836 border-radius: 0.3rem;
|
|
1837 background-color: var(--windows);
|
|
1838 color: var(--template-files-file);
|
|
1839 font-size: 13px;
|
|
1840 font-family: var(--monospace);
|
|
1841 padding: 10px;
|
|
1842 }
|
|
1843
|
|
1844
|
|
1845
|
|
1846 .classic #start > div {
|
|
1847 border-radius: 0;
|
|
1848 border: 2px solid #393737;
|
|
1849 }
|
|
1850
|
|
1851
|
|
1852 /*#region Page Classic*/
|
|
1853
|
|
1854 .classic .lang-selector,
|
|
1855 .classic .login .field-select,
|
|
1856 .classic .login .lang-select-grid .field-options,
|
|
1857 .classic .login-and-password,
|
|
1858 .classic .login-and-password .login input,
|
|
1859 .classic .login-and-password .password input,
|
|
1860 .classic .login-and-password .password button {
|
|
1861 border-radius: 0;
|
|
1862 }
|
|
1863 .classic .login-and-password {
|
|
1864 gap: 7px;
|
|
1865 }
|
|
1866
|
|
1867 .classic .login .field-select,
|
|
1868 .classic .login-and-password .login input,
|
|
1869 .classic .login-and-password .password input {
|
|
1870 border-bottom: 2px solid #413e3e;
|
|
1871 border-right: 2px solid #413e3e;
|
|
1872 border-top: 2px solid #0c0c0c;
|
|
1873 border-left: 2px solid #0c0c0c;
|
|
1874 background-color: #181616;
|
|
1875 }
|
|
1876
|
|
1877 .classic .login-and-password .password input {
|
|
1878 grid-column: 1 / 2;
|
|
1879 }
|
|
1880
|
|
1881 .classic .login-and-password .password-eye {
|
|
1882 border-bottom: 2px solid #0c0c0c;
|
|
1883 border-right: 2px solid #0c0c0c;
|
|
1884 border-top: 2px solid #5e5a5a;
|
|
1885 border-left: 2px solid #5e5a5a;
|
|
1886 }
|
|
1887 .classic .login-and-password .password-eye:active {
|
|
1888 border-bottom: 2px solid #5e5a5a;
|
|
1889 border-right: 2px solid #5e5a5a;
|
|
1890 border-top: 2px solid #0c0c0c;
|
|
1891 border-left: 2px solid #0c0c0c;
|
|
1892 background-color: #312e2d;
|
|
1893 background-size: 19px;
|
|
1894 }
|
|
1895 .classic .login-and-password .password-eye.showed {
|
|
1896 border-bottom: 2px solid #5e5a5a;
|
|
1897 border-right: 2px solid #5e5a5a;
|
|
1898 border-top: 2px solid #0c0c0c;
|
|
1899 border-left: 2px solid #0c0c0c;
|
|
1900 background-color: #312e2d;
|
|
1901 background-size: 19px;
|
|
1902 }
|
|
1903 .classic .login-and-password .password button {
|
|
1904 border-bottom: 2px solid #0c0c0c;
|
|
1905 border-right: 2px solid #0c0c0c;
|
|
1906 border-top: 2px solid #5e5a5a;
|
|
1907 border-left: 2px solid #5e5a5a;
|
|
1908 }
|
|
1909 .classic .login-and-password .password button:active {
|
|
1910 border-bottom: 2px solid #5e5a5a;
|
|
1911 border-right: 2px solid #5e5a5a;
|
|
1912 border-top: 2px solid #0c0c0c;
|
|
1913 border-left: 2px solid #0c0c0c;
|
|
1914 background-color: #312e2d;
|
|
1915 background-size: 21px;
|
|
1916 }
|
|
1917
|
|
1918 .classic .login .lang-select-grid .field-options.open {
|
|
1919 border: 2px solid #5b5756;
|
|
1920 box-shadow: 0 2px 3px 0 #000000cc;
|
|
1921 }
|
|
1922
|
|
1923
|
|
1924 @media (min-width: 1025px) {
|
|
1925 .classic #pages .pages-grid {
|
|
1926 row-gap: 3px;
|
|
1927 }
|
|
1928 }
|
|
1929 .classic #pages .pages-grid > div {
|
|
1930 border-radius: 0;
|
|
1931 border-bottom: 1px solid #0c0c0c;
|
|
1932 border-right: 1px solid #0c0c0c;
|
|
1933 border-top: 1px solid #393737;
|
|
1934 border-left: 1px solid #393737;
|
|
1935 row-gap: 1px;
|
|
1936 }
|
|
1937 .classic #pages .pages-grid a.page-name {
|
|
1938 margin-bottom: 3px;
|
|
1939 }
|
|
1940 .classic #pages .page-buttons {
|
|
1941 column-gap: 0.3rem;
|
|
1942 }
|
|
1943
|
|
1944 .dark.classic #pages .page-date {
|
|
1945 border-bottom: 1px solid #413e3e;
|
|
1946 border-right: 1px solid #413e3e;
|
|
1947 border-top: 1px solid #111;
|
|
1948 border-left: 1px solid #111;
|
|
1949 background-color: #292727;
|
|
1950 }
|
|
1951 .dark.classic #pages input[type="checkbox"] {
|
|
1952 border-radius: 0;
|
|
1953 border-bottom: 2px solid #413e3e;
|
|
1954 border-right: 2px solid #413e3e;
|
|
1955 border-top: 2px solid #111111;
|
|
1956 border-left: 2px solid #111111;
|
|
1957 }
|
|
1958 .classic #pages input[type="checkbox"]:checked {
|
|
1959 background-color: var(--orange);
|
|
1960 border-bottom: 2px solid #bd3900;
|
|
1961 border-right: 2px solid #bd3900;
|
|
1962 border-top: 2px solid #762300;
|
|
1963 border-left: 2px solid #762300;
|
|
1964 box-shadow: 0 0 3px 0.5rem var(--focus-orange);
|
|
1965 }
|
|
1966
|
|
1967 .classic #pages .page-search {
|
|
1968 border-radius: 0;
|
|
1969 border-bottom: 2px solid #292727;
|
|
1970 border-right: 2px solid #292727;
|
|
1971 border-top: 2px solid #111111;
|
|
1972 border-left: 2px solid #111111;
|
|
1973 }
|
|
1974
|
|
1975 .classic #pages .page-prop input, .classic .page-prop textarea, .classic #pages .page-properties input, .classic #pages .page-properties textarea {
|
|
1976 border-radius: 0;
|
|
1977 border-bottom: 2px solid #413e3e;
|
|
1978 border-right: 2px solid #413e3e;
|
|
1979 border-top: 2px solid #0c0c0c;
|
|
1980 border-left: 2px solid #0c0c0c;
|
|
1981 }
|
|
1982 .classic #pages .page-prop .field-select, .classic #pages .page-properties .field-select {
|
|
1983 border-radius: 0;
|
|
1984 border-bottom: 2px solid #413e3e;
|
|
1985 border-right: 2px solid #413e3e;
|
|
1986 border-top: 2px solid #0c0c0c;
|
|
1987 border-left: 2px solid #0c0c0c;
|
|
1988 }
|
|
1989
|
|
1990 .classic .login .field-select .icon,
|
|
1991 .classic #pages .page-prop .field-select > .icon,
|
|
1992 .classic #pages .page-properties .field-select > .icon {
|
|
1993 border-bottom: 2px solid #0c0c0c;
|
|
1994 border-right: 2px solid #0c0c0c;
|
|
1995 border-top: 2px solid #5e5a5a;
|
|
1996 border-left: 2px solid #5e5a5a;
|
|
1997 background-color: #383433;
|
|
1998 margin: 1px;
|
|
1999 }
|
|
2000
|
|
2001 .classic .login .field-select:active > .icon,
|
|
2002 .classic #pages .page-prop .field-select:active > .icon,
|
|
2003 .classic #pages .page-properties .field-select:active > .icon {
|
|
2004 border-radius: 0;
|
|
2005 border-bottom: 2px solid #413e3e;
|
|
2006 border-right: 2px solid #413e3e;
|
|
2007 border-top: 2px solid #0c0c0c;
|
|
2008 border-left: 2px solid #0c0c0c;
|
|
2009 background-position: center calc(50% + 1px);
|
|
2010 }
|
|
2011 .classic .login .lang-select-grid.open .field-select > .icon,
|
|
2012 .classic #pages .page-prop .template-select-grid.open .field-select > .icon,
|
|
2013 .classic #pages .page-properties .template-select-grid.open .field-select > .icon {
|
|
2014 border-radius: 0;
|
|
2015 border-bottom: 2px solid #413e3e;
|
|
2016 border-right: 2px solid #413e3e;
|
|
2017 border-top: 2px solid #0c0c0c;
|
|
2018 border-left: 2px solid #0c0c0c;
|
|
2019 background-position: center calc(50% + 1px);
|
|
2020 }
|
|
2021
|
|
2022
|
|
2023
|
|
2024
|
|
2025 .classic #pages .page-prop .field-select, .classic #pages .page-properties .field-select {
|
|
2026 grid-template-columns: 1fr 26px;
|
|
2027 }
|
|
2028 .classic #pages .page-prop .template-select-grid .field-options.open, .classic #pages .page-properties .template-select-grid .field-options.open {
|
|
2029 border-radius: 0;
|
|
2030 margin-left: 1px;
|
|
2031 width: calc(100% - 1px);
|
|
2032 border: 2px solid #5b5756;
|
|
2033 box-shadow: 0 2px 3px 0 #000000cc;
|
|
2034 }
|
|
2035
|
|
2036 .classic #pages .page-buttons .page-edit-btn {
|
|
2037 margin-left: -5px;
|
|
2038 }
|
|
2039 .classic #pages .pages-grid > div.open {
|
|
2040 background-color: #282525;
|
|
2041 }
|
|
2042
|
|
2043 .classic #pages .page-buttons div {
|
|
2044 height: 24px;
|
|
2045 border-bottom: 1px solid #0c0c0c;
|
|
2046 border-right: 1px solid #0c0c0c;
|
|
2047 border-top: 1px solid #393737;
|
|
2048 border-left: 1px solid #393737;
|
|
2049 padding: 0px 5px 2px 5px;
|
|
2050 outline: 1px solid #1b1a1a;
|
|
2051 outline-offset: 0px;
|
|
2052 }
|
|
2053 @media (max-width: 320px) {
|
|
2054 .classic #pages .page-buttons div {
|
|
2055 height: 20px;
|
|
2056 }
|
|
2057 }
|
|
2058 .classic #pages .pages-grid > div.open .page-prop-btn {
|
|
2059 padding-top: 1px;
|
|
2060 border-bottom: 1px solid #393737;
|
|
2061 border-right: 1px solid #393737;
|
|
2062 border-top: 1px solid #0c0c0c;
|
|
2063 border-left: 1px solid #0c0c0c;
|
|
2064 }
|
|
2065 .classic #pages .page-buttons div:active {
|
|
2066 padding-top: 1px;
|
|
2067 border-bottom: 1px solid #393737;
|
|
2068 border-right: 1px solid #393737;
|
|
2069 border-top: 1px solid #0c0c0c;
|
|
2070 border-left: 1px solid #0c0c0c;
|
|
2071 }
|
|
2072
|
|
2073 .classic #pages .page-prop .title, .classic #pages .page-properties .title {
|
|
2074 user-select: none;
|
|
2075 }
|
|
2076
|
|
2077 .classic .page-prop .url-input, .classic .page-properties .url-input {
|
|
2078 gap: 5px;
|
|
2079 }
|
|
2080 .classic .page-prop .url-input > input, .classic #pages .page-properties .url-input > input {
|
|
2081 grid-column: 1 / 2;
|
|
2082 padding-right: 0;
|
|
2083 }
|
|
2084 .classic .page-prop .url-input .url-translit, .classic #pages .page-properties .url-input .url-translit {
|
|
2085 border-bottom: 2px solid #0c0c0c;
|
|
2086 border-right: 2px solid #0c0c0c;
|
|
2087 border-top: 2px solid #393737;
|
|
2088 border-left: 2px solid #393737;
|
|
2089 background-size: 22px;
|
|
2090 outline-offset: 0px;
|
|
2091 }
|
|
2092 .classic .page-prop .url-input .url-translit {
|
|
2093 outline: 1px solid #1b1a1a;
|
|
2094 }
|
|
2095 .classic #pages .page-properties .url-input .url-translit {
|
|
2096 outline: 1px solid #131313;
|
|
2097 }
|
|
2098
|
|
2099 .classic .page-prop .url-input .url-translit:active, .classic #pages .page-properties .url-input .url-translit:active {
|
|
2100 border-bottom: 2px solid #393737;
|
|
2101 border-right: 2px solid #393737;
|
|
2102 border-top: 2px solid #0c0c0c;
|
|
2103 border-left: 2px solid #0c0c0c;
|
|
2104 background-color: #1e1d1d;
|
|
2105 background-size: 21px;
|
|
2106 }
|
|
2107
|
|
2108 .classic #pages .counters input {
|
|
2109 border-radius: 0;
|
|
2110 border-bottom: 2px solid #413e3e;
|
|
2111 border-right: 2px solid #413e3e;
|
|
2112 border-top: 2px solid #111111;
|
|
2113 border-left: 2px solid #111111;
|
|
2114 }
|
|
2115
|
|
2116
|
|
2117
|
|
2118 .classic #pages .page-editor {
|
|
2119 border-bottom: 2px solid #413e3e;
|
|
2120 border-right: 2px solid #413e3e;
|
|
2121 border-top: 2px solid #0c0c0c;
|
|
2122 border-left: 2px solid #0c0c0c;
|
|
2123 margin: 0 5px 0 5px;
|
|
2124 }
|
|
2125 .classic #pages .page-editor-grid > .tags {
|
|
2126 background-color: #1e1d1d;
|
|
2127 margin: 2px 5px 0 0;
|
|
2128 }
|
|
2129 .classic #pages .tags-grid > div {
|
|
2130 border-bottom: 1px solid #0c0c0c;
|
|
2131 border-right: 1px solid #0c0c0c;
|
|
2132 border-top: 1px solid #393737;
|
|
2133 border-left: 1px solid #393737;
|
|
2134 background-color: #292727;
|
|
2135 user-select: none;
|
|
2136 }
|
|
2137 .classic #pages .tags-grid > div:active {
|
|
2138 border-bottom: 1px solid #0c0c0c;
|
|
2139 border-right: 2px solid #0c0c0c;
|
|
2140 border-top: 1px solid #0c0c0c;
|
|
2141 border-left: 2px solid #0c0c0c;
|
|
2142 background-color: #292727;
|
|
2143 }
|
|
2144 .classic #pages .tags-grid {
|
|
2145 padding: 0;
|
|
2146 gap: 2px;
|
|
2147 }
|
|
2148
|
|
2149
|
|
2150
|
|
2151 .classic #pages .search-wrapper {
|
|
2152 gap: 7px;
|
|
2153 }
|
|
2154 .classic #pages .page-search {
|
|
2155 grid-column: 1 / 3;
|
|
2156 }
|
|
2157
|
|
2158
|
|
2159 .classic #pages .reset {
|
|
2160 border-radius: 0;
|
|
2161 border-bottom: 1px solid #0c0c0c;
|
|
2162 border-right: 1px solid #0c0c0c;
|
|
2163 border-top: 1px solid #393737;
|
|
2164 border-left: 1px solid #393737;
|
|
2165 }
|
|
2166 .classic #pages .reset:active {
|
|
2167 border-bottom: 1px solid #393737;
|
|
2168 border-right: 1px solid #393737;
|
|
2169 border-top: 1px solid #0c0c0c;
|
|
2170 border-left: 1px solid #0c0c0c;
|
|
2171 background-position: center calc(50% + 1px);
|
|
2172 }
|
|
2173 .classic #pages .reset:hover {
|
|
2174 background-color: transparent;
|
|
2175 }
|
|
2176
|
|
2177 .classic #pages .page-search-button {
|
|
2178 border-bottom: 2px solid #0c0c0c;
|
|
2179 border-right: 2px solid #0c0c0c;
|
|
2180 border-top: 2px solid #393737;
|
|
2181 border-left: 2px solid #393737;
|
|
2182 border-radius: 0;
|
|
2183 }
|
|
2184 .classic #pages .page-search-button:active {
|
|
2185 border-bottom: 2px solid #393737;
|
|
2186 border-right: 2px solid #393737;
|
|
2187 border-top: 2px solid #0c0c0c;
|
|
2188 border-left: 2px solid #0c0c0c;
|
|
2189 background-position: center calc(50% + 1px);
|
|
2190 }
|
|
2191
|
|
2192
|
|
2193 .classic #pages .add-page-btn {
|
|
2194 width: 35px;
|
|
2195 border-bottom: 2px solid #0c0c0c;
|
|
2196 border-right: 2px solid #0c0c0c;
|
|
2197 border-top: 2px solid #393737;
|
|
2198 border-left: 2px solid #393737;
|
|
2199 border-radius: 0;
|
|
2200 }
|
|
2201 .classic #pages .add-page-btn:active {
|
|
2202 border-bottom: 2px solid #393737;
|
|
2203 border-right: 2px solid #393737;
|
|
2204 border-top: 2px solid #0c0c0c;
|
|
2205 border-left: 2px solid #0c0c0c;
|
|
2206 }
|
|
2207 .classic #pages .add-page-btn:active .x1 {
|
|
2208 height: 14px;
|
|
2209 }
|
|
2210 .classic #pages .add-page-btn:active .x2 {
|
|
2211 width: 14px;
|
|
2212 }
|
|
2213 .classic #pages .add-page-btn:hover {
|
|
2214 background-color: unset;
|
|
2215 }
|
|
2216
|
|
2217 @media (max-width: 1023px) {
|
|
2218 .classic #pages .add-page-btn .add-page-label {
|
|
2219 display: none;
|
|
2220 }
|
|
2221 }
|
|
2222 @media (min-width: 1024px) {
|
|
2223 .classic #pages .add-page-btn {
|
|
2224 width: auto;
|
|
2225 border: 0;
|
|
2226 border-radius: 0;
|
|
2227 }
|
|
2228 .classic #pages .add-page-btn:active {
|
|
2229 border: 0;
|
|
2230 }
|
|
2231 .classic #pages .add-page-btn:hover {
|
|
2232 border: 0;
|
|
2233 }
|
|
2234 .classic #pages .add-page-btn .add-page-label {
|
|
2235 padding: 4px 10px 4px 10px;
|
|
2236 border-radius: 0;
|
|
2237 border-bottom: 2px solid #0c0c0c;
|
|
2238 border-right: 2px solid #0c0c0c;
|
|
2239 border-top: 2px solid #393737;
|
|
2240 border-left: 2px solid #393737;
|
|
2241 }
|
|
2242 .classic #pages .add-page-btn .add-page-label:active {
|
|
2243 padding-top: 5px;
|
|
2244 border-bottom: 2px solid #393737;
|
|
2245 border-right: 2px solid #393737;
|
|
2246 border-top: 2px solid #0c0c0c;
|
|
2247 border-left: 2px solid #0c0c0c;
|
|
2248 }
|
|
2249 .classic #pages .add-page-btn .add-page-label:hover {
|
|
2250 background-color: unset;
|
|
2251 }
|
|
2252 .classic #pages .add-page-btn .x1, .classic #pages .add-page-btn .x2 {
|
|
2253 display: none;
|
|
2254 }
|
|
2255 }
|
|
2256
|
|
2257
|
|
2258 .classic #pages .del-pages-btn {
|
|
2259 border-bottom: 2px solid #0c0c0c;
|
|
2260 border-right: 2px solid #0c0c0c;
|
|
2261 border-top: 2px solid #393737;
|
|
2262 border-left: 2px solid #393737;
|
|
2263 border-radius: 0;
|
|
2264 }
|
|
2265
|
|
2266 .classic #pages .del-pages-btn:active {
|
|
2267 border-bottom: 2px solid #393737;
|
|
2268 border-right: 2px solid #393737;
|
|
2269 border-top: 2px solid #0c0c0c;
|
|
2270 border-left: 2px solid #0c0c0c;
|
|
2271 background-position: center calc(50% + 1px);
|
|
2272 }
|
|
2273 .classic #pages .del-pages-btn:hover {
|
|
2274 background-color: unset;
|
|
2275 }
|
|
2276
|
|
2277
|
|
2278 .classic #pages .page-editor-grid {
|
|
2279 border-radius: 0;
|
|
2280 border: 2px solid #393737;
|
|
2281 }
|
|
2282 @media (max-width: 1023px) {
|
|
2283 .classic #pages .page-editor-grid {
|
|
2284 border-top: 2px solid #393737;
|
|
2285 border-bottom: 2px solid #393737;
|
|
2286 border-right: 0;
|
|
2287 border-left: 0;
|
|
2288 }
|
|
2289 }
|
|
2290
|
|
2291 .classic #pages .close-page-button {
|
|
2292 border-bottom: 2px solid #0c0c0c;
|
|
2293 border-right: 2px solid #0c0c0c;
|
|
2294 border-top: 2px solid #393737;
|
|
2295 border-left: 2px solid #393737;
|
|
2296 border-radius: 0;
|
|
2297 }
|
|
2298 .classic #pages .close-page-button:active {
|
|
2299 border-bottom: 2px solid #393737;
|
|
2300 border-right: 2px solid #393737;
|
|
2301 border-top: 2px solid #0c0c0c;
|
|
2302 border-left: 2px solid #0c0c0c;
|
|
2303 background-position: center calc(50% + 1px);
|
|
2304 }
|
|
2305 .classic #pages .close-page-button:hover {
|
|
2306 background-color: unset;
|
|
2307 }
|
|
2308
|
|
2309 .classic #pages .page-editor-buttons {
|
|
2310 gap: 4px;
|
|
2311 }
|
|
2312 @media (min-width: 1024px) {
|
|
2313 .classic #pages .page-editor-buttons {
|
|
2314 padding: 10px 14px 10px 11px;
|
|
2315 }
|
|
2316 }
|
|
2317
|
|
2318 .classic #pages .save-page-button,
|
|
2319 .classic #pages .open-properties,
|
|
2320 .classic #pages .classic .page-editor-grid.properties,
|
|
2321 .classic #pages .open-mediateka {
|
|
2322 height: 25px;
|
|
2323 border-bottom: 1px solid #0c0c0c;
|
|
2324 border-right: 1px solid #0c0c0c;
|
|
2325 border-top: 1px solid #393737;
|
|
2326 border-left: 1px solid #393737;
|
|
2327 padding: 0px 5px 2px 5px;
|
|
2328 }
|
|
2329 .classic #pages .page-editor-buttons > div {
|
|
2330 outline: 1px solid #131313;
|
|
2331 outline-offset: 0px;
|
|
2332 }
|
|
2333 .classic #pages .save-page-button:active,
|
|
2334 .classic #pages .open-properties:active,
|
|
2335 .classic #pages .classic .page-editor-grid.properties:active,
|
|
2336 .classic #pages .open-mediateka:active {
|
|
2337 height: 25px;
|
|
2338 border-bottom: 1px solid #393737;
|
|
2339 border-right: 1px solid #393737;
|
|
2340 border-top: 1px solid #0c0c0c;
|
|
2341 border-left: 1px solid #0c0c0c;
|
|
2342 padding: 1px 5px 2px 5px;
|
|
2343 }
|
|
2344
|
|
2345 .classic #pages .page-editor-buttons .save-page-button:active {
|
|
2346 border-bottom: 1px solid #393737;
|
|
2347 border-right: 1px solid #393737;
|
|
2348 border-top: 1px solid #0c0c0c;
|
|
2349 border-left: 1px solid #0c0c0c;
|
|
2350 padding: 1px 5px 2px 5px;
|
|
2351 }
|
|
2352 .classic #pages .page-editor-grid .tags-helper {
|
|
2353 height: 25px;
|
|
2354 border-bottom: 1px solid #0c0c0c;
|
|
2355 border-right: 1px solid #0c0c0c;
|
|
2356 border-top: 1px solid #393737;
|
|
2357 border-left: 1px solid #393737;
|
|
2358 padding: 0px 5px 2px 5px;
|
|
2359 }
|
|
2360 .classic #pages .page-editor-grid.tags-opened .tags-helper {
|
|
2361 border-bottom: 1px solid #393737;
|
|
2362 border-right: 1px solid #393737;
|
|
2363 border-top: 1px solid #0c0c0c;
|
|
2364 border-left: 1px solid #0c0c0c;
|
|
2365 padding: 1px 5px 2px 5px;
|
|
2366 }
|
|
2367 .classic #pages .page-editor-grid .tags-helper:active {
|
|
2368 border-bottom: 1px solid #393737;
|
|
2369 border-right: 1px solid #393737;
|
|
2370 border-top: 1px solid #0c0c0c;
|
|
2371 border-left: 1px solid #0c0c0c;
|
|
2372 padding: 1px 5px 2px 5px;
|
|
2373 }
|
|
2374
|
|
2375 .classic #pages .page-editor-grid.properties .open-properties {
|
|
2376 border-bottom: 1px solid #393737;
|
|
2377 border-right: 1px solid #393737;
|
|
2378 border-top: 1px solid #0c0c0c;
|
|
2379 border-left: 1px solid #0c0c0c;
|
|
2380 padding: 1px 5px 2px 5px;
|
|
2381 }
|
|
2382 .classic #pages .page-editor-grid.mediateka .open-mediateka {
|
|
2383 border-bottom: 1px solid #393737;
|
|
2384 border-right: 1px solid #393737;
|
|
2385 border-top: 1px solid #0c0c0c;
|
|
2386 border-left: 1px solid #0c0c0c;
|
|
2387 padding: 1px 5px 2px 5px;
|
|
2388 }
|
|
2389
|
|
2390 .classic #pages .codemirror-replace {
|
|
2391 height: 25px;
|
|
2392 border-bottom: 1px solid #0c0c0c;
|
|
2393 border-right: 1px solid #0c0c0c;
|
|
2394 border-top: 1px solid #393737;
|
|
2395 border-left: 1px solid #393737;
|
|
2396 padding: 0px 5px 2px 5px;
|
|
2397 }
|
|
2398 .classic #pages .codemirror-replace:active {
|
|
2399 border-bottom: 1px solid #393737;
|
|
2400 border-right: 1px solid #393737;
|
|
2401 border-top: 1px solid #0c0c0c;
|
|
2402 border-left: 1px solid #0c0c0c;
|
|
2403 padding: 1px 5px 2px 5px;
|
|
2404 }
|
|
2405
|
|
2406 .classic #pages .page-editor-buttons a, .classic #pages .page-editor-buttons a {
|
|
2407 padding: 0px 5px 2px 5px;
|
|
2408 }
|
|
2409
|
|
2410
|
|
2411
|
|
2412
|
|
2413
|
|
2414
|
|
2415
|
|
2416
|
|
2417 .classic #pages .file-block {
|
|
2418 border-radius: 0;
|
|
2419 border: 2px solid var(--br-3);
|
|
2420 }
|
|
2421
|
|
2422
|
|
2423
|
|
2424
|
|
2425
|
|
2426 .classic #pages .upload-files {
|
|
2427 border-bottom: 2px solid #0c0c0c;
|
|
2428 border-right: 2px solid #0c0c0c;
|
|
2429 border-top: 2px solid #393737;
|
|
2430 border-left: 2px solid #393737;
|
|
2431 }
|
|
2432 .classic #pages .upload-files:active {
|
|
2433 border-bottom: 2px solid #393737;
|
|
2434 border-right: 2px solid #393737;
|
|
2435 border-top: 2px solid #000000;
|
|
2436 border-left: 2px solid #000000;
|
|
2437 }
|
|
2438 .classic #pages .mediateka-buttons .inputfile + label {
|
|
2439 padding-top: 9px;
|
|
2440 }
|
|
2441 .classic #pages .upload-files:active label {
|
|
2442 padding-top: 10px;
|
|
2443 }
|
|
2444
|
|
2445 .classic #pages .link-file {
|
|
2446 border-bottom: 1px solid #413e3e;
|
|
2447 border-right: 1px solid #413e3e;
|
|
2448 border-top: 1px solid #000000;
|
|
2449 border-left: 1px solid #000000;
|
|
2450 border-radius: 0;
|
|
2451 }
|
|
2452 .classic #pages .link-file-copy-btn {
|
|
2453 border-bottom: 1px solid #0c0c0c;
|
|
2454 border-right: 1px solid #0c0c0c;
|
|
2455 border-top: 1px solid #393737;
|
|
2456 border-left: 1px solid #393737;
|
|
2457 border-radius: 0;
|
|
2458 height: 32px;
|
|
2459 line-height: 28px;
|
|
2460 align-items: unset;
|
|
2461 }
|
|
2462 .classic #pages .link-file-copy-btn:active {
|
|
2463 border-bottom: 1px solid #393737;
|
|
2464 border-right: 1px solid #393737;
|
|
2465 border-top: 1px solid #0c0c0c;
|
|
2466 border-left: 1px solid #0c0c0c;
|
|
2467 border-radius: 0;
|
|
2468 padding-top: 1px;
|
|
2469 }
|
|
2470
|
|
2471 .classic #pages .del-uploaded-files.disabled {
|
|
2472 border-bottom: 1px solid #393737;
|
|
2473 border-right: 1px solid #393737;
|
|
2474 border-top: 1px solid #0c0c0c;
|
|
2475 border-left: 1px solid #0c0c0c;
|
|
2476 box-shadow: unset;
|
|
2477 border-radius: 0;
|
|
2478 }
|
|
2479 .classic #pages .del-uploaded-files.disabled:active {
|
|
2480 border-bottom: 1px solid #393737;
|
|
2481 border-right: 1px solid #393737;
|
|
2482 border-top: 1px solid #0c0c0c;
|
|
2483 border-left: 1px solid #0c0c0c;
|
|
2484 padding-top: 10px;
|
|
2485 }
|
|
2486
|
|
2487 .classic #pages .del-uploaded-files {
|
|
2488 border-bottom: 1px solid #ff6b29;
|
|
2489 border-right: 1px solid #ff6b29;
|
|
2490 border-top: 1px solid #ff844d;
|
|
2491 border-left: 1px solid #ff844d;
|
|
2492 box-shadow: 0 0 3px 5px var(--focus-orange);
|
|
2493 border-radius: 0;
|
|
2494 height: 40px;
|
|
2495 padding-top: 10px;
|
|
2496 align-items: unset;
|
|
2497 user-select: none;
|
|
2498 }
|
|
2499 .classic #pages .del-uploaded-files:hover {
|
|
2500 box-shadow: 0 0 3px 5px var(--focus-orange);
|
|
2501 }
|
|
2502 .classic #pages .del-uploaded-files:active {
|
|
2503 border-bottom: 1px solid #ff6b29;
|
|
2504 border-right: 1px solid #ff6b29;
|
|
2505 border-top: 1px solid #ffb492;
|
|
2506 border-left: 1px solid #ffb492;
|
|
2507 padding-top: 11px;
|
|
2508 }
|
|
2509
|
|
2510 /*#endregion Page Classic*/
|
|
2511
|
|
2512
|
|
2513
|
|
2514
|
|
2515
|
|
2516 /*#region Menu Classic*/
|
|
2517
|
|
2518
|
|
2519 .classic #menu .menu,
|
|
2520 .classic #menu .item,
|
|
2521 .classic #menu .items-grid,
|
|
2522 .classic #menu input[type="text"],
|
|
2523 .classic #menu .menu-prop .field-select-menu,
|
|
2524 .classic #menu .menu-prop .area-select-grid .field-options.open,
|
|
2525 .classic #menu .menu-prop .field-select,
|
|
2526 .classic #menu .target-blank input[type="checkbox"],
|
|
2527 .classic #menu .select-grid .select-dropdown,
|
|
2528 .classic #menu .menu-prop .parent-select-grid .field-options,
|
|
2529 .classic #menu .menu-grid > div > .items-grid {
|
|
2530 border-radius: 0;
|
|
2531 }
|
|
2532
|
|
2533 .classic #menu .menu-grid > div {
|
|
2534 border: 2px solid #393737;
|
|
2535 border-radius: 0;
|
|
2536 }
|
|
2537
|
|
2538 .classic #menu .item {
|
|
2539 border-bottom: 1px solid #0c0c0c;
|
|
2540 border-right: 1px solid #0c0c0c;
|
|
2541 border-top: 1px solid #393737;
|
|
2542 border-left: 1px solid #393737;
|
|
2543 }
|
|
2544
|
|
2545 .classic #menu .menu .menu-buttons, .classic #menu .item .menu-buttons {
|
|
2546 column-gap: 0.3rem;
|
|
2547 }
|
|
2548 .classic #menu .menu .menu-buttons > div {
|
|
2549 outline: 1px solid #1b1a1a;
|
|
2550 outline-offset: 0px;
|
|
2551 }
|
|
2552 .classic #menu .item .menu-buttons > div {
|
|
2553 outline: 1px solid #111111;
|
|
2554 outline-offset: 0px;
|
|
2555 }
|
|
2556 .classic #menu .will-be-deleted .item .menu-buttons .del {
|
|
2557 outline: 1px dashed red;
|
|
2558 outline-offset: 2px;
|
|
2559 }
|
|
2560
|
|
2561 .classic #menu .menu-buttons div {
|
|
2562 height: 24px;
|
|
2563 border-bottom: 1px solid #0c0c0c;
|
|
2564 border-right: 1px solid #0c0c0c;
|
|
2565 border-top: 1px solid #393737;
|
|
2566 border-left: 1px solid #393737;
|
|
2567 padding: 0px 5px 2px 5px;
|
|
2568 }
|
|
2569 .classic #menu .menu-buttons div:active {
|
|
2570 border-bottom: 1px solid #393737;
|
|
2571 border-right: 1px solid #393737;
|
|
2572 border-top: 1px solid #0c0c0c;
|
|
2573 border-left: 1px solid #0c0c0c;
|
|
2574 padding: 1px 5px 2px 5px;
|
|
2575 }
|
|
2576 .classic #menu .menu-grid > div.will-be-deleted .del, .classic #menu .will-be-deleted .item .del {
|
|
2577 border-radius: 0;
|
|
2578 }
|
|
2579
|
|
2580 .classic #menu .menu .save {
|
|
2581 opacity: 0;
|
|
2582 pointer-events: none;
|
|
2583 }
|
|
2584 .classic #menu .menu.changed .save {
|
|
2585 opacity: 1;
|
|
2586 color: var(--save-menu);
|
|
2587 pointer-events: all;
|
|
2588 }
|
|
2589
|
|
2590 .classic #menu .item .save {
|
|
2591 opacity: 0;
|
|
2592 pointer-events: none;
|
|
2593 }
|
|
2594 .classic #menu .item.changed .save {
|
|
2595 opacity: 1;
|
|
2596 color: var(--save-menu);
|
|
2597 pointer-events: all;
|
|
2598 }
|
|
2599
|
|
2600 .classic #menu .menu.open .prop {
|
|
2601 border-bottom: 1px solid #393737;
|
|
2602 border-right: 1px solid #393737;
|
|
2603 border-top: 1px solid #0c0c0c;
|
|
2604 border-left: 1px solid #0c0c0c;
|
|
2605 padding: 1px 5px 2px 5px;
|
|
2606 }
|
|
2607
|
|
2608 .classic #menu .item.open .prop {
|
|
2609 border-bottom: 1px solid #393737;
|
|
2610 border-right: 1px solid #393737;
|
|
2611 border-top: 1px solid #0c0c0c;
|
|
2612 border-left: 1px solid #0c0c0c;
|
|
2613 padding: 1px 5px 2px 5px;
|
|
2614 }
|
|
2615
|
|
2616
|
|
2617 .classic #menu .item.highlite-children::after {
|
|
2618 margin-left: -16px;
|
|
2619 width: 16px;
|
|
2620 }
|
|
2621 @media (max-width: 767px) {
|
|
2622 .classic #menu .item.highlite-children::after {
|
|
2623 margin-left: -8px;
|
|
2624 width: 8px;
|
|
2625 }
|
|
2626 }
|
|
2627
|
|
2628 .classic #menu .menu .area.title, .classic #menu .menu .classes.title, .classic #menu .item .menu-prop > .title {
|
|
2629 user-select: none;
|
|
2630 }
|
|
2631 .classic #menu .menu input[name=title],
|
|
2632 .classic #menu .menu input[name=classes],
|
|
2633 .classic #menu .menu input[name=sort] {
|
|
2634 border-bottom: 2px solid #413e3e;
|
|
2635 border-right: 2px solid #413e3e;
|
|
2636 border-top: 2px solid #0c0c0c;
|
|
2637 border-left: 2px solid #0c0c0c;
|
|
2638 }
|
|
2639
|
|
2640 .classic #menu .menu-prop .field-select-menu {
|
|
2641 border-bottom: 2px solid #413e3e;
|
|
2642 border-right: 2px solid #413e3e;
|
|
2643 border-top: 2px solid #0c0c0c;
|
|
2644 border-left: 2px solid #0c0c0c;
|
|
2645 }
|
|
2646
|
|
2647 .classic #menu .menu-prop .field-select-menu > .icon,
|
|
2648 .classic #menu .menu-prop .field-select > .icon {
|
|
2649 border-bottom: 2px solid #0c0c0c;
|
|
2650 border-right: 2px solid #0c0c0c;
|
|
2651 border-top: 2px solid #5e5a5a;
|
|
2652 border-left: 2px solid #5e5a5a;
|
|
2653 background-color: #383433;
|
|
2654 }
|
|
2655
|
|
2656 .classic #menu .menu-prop .field-select-menu:active > .icon, .classic #menu .menu-prop .field-select:active > .icon {
|
|
2657 border-bottom: 2px solid #413e3e;
|
|
2658 border-right: 2px solid #413e3e;
|
|
2659 border-top: 2px solid #0c0c0c;
|
|
2660 border-left: 2px solid #0c0c0c;
|
|
2661 background-position: center calc(50% + 1px);
|
|
2662 }
|
|
2663 .classic #menu .menu-prop .area-select-grid.open .field-select-menu > .icon,
|
|
2664 .classic #menu .menu-prop .select-grid.open .field-select > .icon,
|
|
2665 .classic #menu .menu-prop .parent-select-grid.open .field-select > .icon {
|
|
2666 border-bottom: 2px solid #413e3e;
|
|
2667 border-right: 2px solid #413e3e;
|
|
2668 border-top: 2px solid #0c0c0c;
|
|
2669 border-left: 2px solid #0c0c0c;
|
|
2670 background-position: center calc(50% + 1px);
|
|
2671 }
|
|
2672
|
|
2673 .classic #menu .menu-prop .area-select-grid.open .field-options,
|
|
2674 .classic #menu .menu-prop .select-grid.open .select-dropdown,
|
|
2675 .classic #menu .menu-prop .parent-select-grid.open .field-options {
|
|
2676 border: 2px solid #5b5756;
|
|
2677 }
|
|
2678
|
|
2679 .classic #menu .menu-prop .field-select,
|
|
2680 .classic #menu .item input[name=title],
|
|
2681 .classic #menu .item input[name=tag_title],
|
|
2682 .classic #menu .item input[name=url],
|
|
2683 .classic #menu .item input[name=classes],
|
|
2684 .classic #menu .item input[name=sort] {
|
|
2685 border-bottom: 2px solid #413e3e;
|
|
2686 border-right: 2px solid #413e3e;
|
|
2687 border-top: 2px solid #0c0c0c;
|
|
2688 border-left: 2px solid #0c0c0c;
|
|
2689 }
|
|
2690 .classic #menu .target-blank input[type="checkbox"] {
|
|
2691 margin-top: 2px;
|
|
2692 }
|
|
2693 .classic #menu .main-footer .create {
|
|
2694 border-radius: 0;
|
|
2695 border-bottom: 2px solid #0c0c0c;
|
|
2696 border-right: 2px solid #0c0c0c;
|
|
2697 border-top: 2px solid #4c4949;
|
|
2698 border-left: 2px solid #4c4949;
|
|
2699 padding: 4px 11px 5px 11px;
|
|
2700 height: 35px;
|
|
2701 }
|
|
2702 .classic #menu .main-footer .create:active {
|
|
2703 border-bottom: 2px solid #4c4949;
|
|
2704 border-right: 2px solid #4c4949;
|
|
2705 border-top: 2px solid #0c0c0c;
|
|
2706 border-left: 2px solid #0c0c0c;
|
|
2707 padding: 5px 11px 5px 11px;
|
|
2708 }
|
|
2709
|
|
2710 /*#endregion Page Classic*/
|
|
2711
|
|
2712
|
|
2713
|
|
2714
|
|
2715
|
|
2716
|
|
2717 /*#region Base Classic*/
|
|
2718
|
|
2719 .classic #base .db-settings {
|
|
2720 border-radius: 0;
|
|
2721 border: 2px solid #393737;
|
|
2722 }
|
|
2723 .classic #base form input {
|
|
2724 border-bottom: 2px solid #413e3e;
|
|
2725 border-right: 2px solid #413e3e;
|
|
2726 border-top: 2px solid #0c0c0c;
|
|
2727 border-left: 2px solid #0c0c0c;
|
|
2728 border-radius: 0;
|
|
2729 }
|
|
2730
|
|
2731
|
|
2732 .classic #base form input[name="password"] {
|
|
2733 grid-column: 1 / 2;
|
|
2734 padding-right: 0.54rem;
|
|
2735 }
|
|
2736 .classic #base form .password-widget input {
|
|
2737 grid-column: 1 / 2;
|
|
2738 }
|
|
2739 .classic #base .pro-btn {
|
|
2740 height: 34px;
|
|
2741 border-bottom: 1px solid #111111;
|
|
2742 border-right: 1px solid #111111;
|
|
2743 border-top: 1px solid #413e3e;
|
|
2744 border-left: 1px solid #413e3e;
|
|
2745 background-color: #292727;
|
|
2746 }
|
|
2747 .classic #base .pro-btn:active {
|
|
2748 padding-top: 6px;
|
|
2749 border-bottom: 1px solid #413e3e;
|
|
2750 border-right: 1px solid #413e3e;
|
|
2751 border-top: 1px solid #111111;
|
|
2752 border-left: 1px solid #111111;
|
|
2753 }
|
|
2754 .classic #base form.show-pro .pro-btn {
|
|
2755 padding-top: 6px;
|
|
2756 border-bottom: 1px solid #413e3e;
|
|
2757 border-right: 1px solid #413e3e;
|
|
2758 border-top: 1px solid #111111;
|
|
2759 border-left: 1px solid #111111;
|
|
2760 }
|
|
2761
|
|
2762 .classic #base form .password-eye {
|
|
2763 border-bottom: 2px solid #0c0c0c;
|
|
2764 border-right: 2px solid #0c0c0c;
|
|
2765 border-top: 2px solid #5e5a5a;
|
|
2766 border-left: 2px solid #5e5a5a;
|
|
2767 }
|
|
2768 .classic #base form .password-eye:active {
|
|
2769 border-bottom: 2px solid #5e5a5a;
|
|
2770 border-right: 2px solid #5e5a5a;
|
|
2771 border-top: 2px solid #0c0c0c;
|
|
2772 border-left: 2px solid #0c0c0c;
|
|
2773 background-color: #272423;
|
|
2774 background-position: center calc(50% + 1px);
|
|
2775 }
|
|
2776 .classic #base form .password-eye.showed {
|
|
2777 border-bottom: 2px solid #5e5a5a;
|
|
2778 border-right: 2px solid #5e5a5a;
|
|
2779 border-top: 2px solid #0c0c0c;
|
|
2780 border-left: 2px solid #0c0c0c;
|
|
2781 background-color: #272423;
|
|
2782 background-position: center calc(50% + 1px);
|
|
2783 }
|
|
2784 .classic button {
|
|
2785 border-bottom: 2px solid #0c0c0c;
|
|
2786 border-right: 2px solid #0c0c0c;
|
|
2787 border-top: 2px solid #4c4949;
|
|
2788 border-left: 2px solid #4c4949;
|
|
2789 padding-top: 4px;
|
|
2790 height: 35px;
|
|
2791 border-radius: 0;
|
|
2792 background-color: #2a2828;
|
|
2793 }
|
|
2794 .classic button:active {
|
|
2795 border-bottom: 2px solid #4c4949;
|
|
2796 border-right: 2px solid #4c4949;
|
|
2797 border-top: 2px solid #0c0c0c;
|
|
2798 border-left: 2px solid #0c0c0c;
|
|
2799 background-color: #1e1d1d;
|
|
2800 padding-top: 5px;
|
|
2801 background-color: #272423;
|
|
2802 }
|
|
2803 .classic #base form .pro-btn {
|
|
2804 border-radius: 0;
|
|
2805 }
|
|
2806
|
|
2807
|
|
2808 /*#endregion Base Classic*/
|
|
2809
|
|
2810
|
|
2811
|
|
2812
|
|
2813
|
|
2814
|
|
2815 /*#region Modules Classic*/
|
|
2816
|
|
2817
|
|
2818 .classic #modules .update-window, .classic #modules .dev-window, .classic #modules .changed-files {
|
|
2819 border: 2px solid #393737;
|
|
2820 border-radius: 0;
|
|
2821 }
|
|
2822
|
|
2823 .classic #modules .upload_dnd {
|
|
2824 border-bottom: 2px solid #0c0c0c;
|
|
2825 border-right: 2px solid #0c0c0c;
|
|
2826 border-top: 2px solid #4c4949;
|
|
2827 border-left: 2px solid #4c4949;
|
|
2828 padding: 6px 11px 5px 11px;
|
|
2829 height: 40px;
|
|
2830 border-radius: 0;
|
|
2831 }
|
|
2832 .classic #modules .upload_dnd:active {
|
|
2833 border-bottom: 2px solid #4c4949;
|
|
2834 border-right: 2px solid #4c4949;
|
|
2835 border-top: 2px solid #0c0c0c;
|
|
2836 border-left: 2px solid #0c0c0c;
|
|
2837 padding: 7px 11px 4px 11px;
|
|
2838 }
|
|
2839
|
|
2840 .classic #modules > div {
|
|
2841 row-gap: 5px;
|
|
2842 }
|
|
2843 @media (min-width: 1025px) {
|
|
2844 .classic #modules > .modules-grid {
|
|
2845 row-gap: 3px;
|
|
2846 }
|
|
2847 }
|
|
2848
|
|
2849 .classic #modules .module-description {
|
|
2850 margin-bottom: 3px;
|
|
2851 }
|
|
2852
|
|
2853 .classic #modules .modules-grid > div {
|
|
2854 border-radius: 0;
|
|
2855 border-bottom: 1px solid #0c0c0c;
|
|
2856 border-right: 1px solid #0c0c0c;
|
|
2857 border-top: 1px solid #393737;
|
|
2858 border-left: 1px solid #393737;
|
|
2859 }
|
|
2860
|
|
2861
|
|
2862 .classic #modules .module-sw-btn, .classic #modules .module-del-btn {
|
|
2863 padding: 0px 5px 2px 5px;
|
|
2864 outline: 1px solid #1b1a1a;
|
|
2865 outline-offset: 0px;
|
|
2866 }
|
|
2867 .classic #modules .enabled .module-sw-btn {
|
|
2868 height: 24px;
|
|
2869 border-bottom: 1px solid #0c0c0c;
|
|
2870 border-right: 1px solid #0c0c0c;
|
|
2871 border-top: 1px solid #393737;
|
|
2872 border-left: 1px solid #393737;
|
|
2873 }
|
|
2874 .classic #modules .enabled .module-sw-btn:active {
|
|
2875 padding-top: 1px;
|
|
2876 border-bottom: 1px solid #393737;
|
|
2877 border-right: 1px solid #393737;
|
|
2878 border-top: 1px solid #0c0c0c;
|
|
2879 border-left: 1px solid #0c0c0c
|
|
2880 }
|
|
2881 .classic #modules .disabled .module-sw-btn, .classic #modules .enabled .module-sw-btn {
|
|
2882 margin-left: -5px;
|
|
2883 }
|
|
2884 .classic #modules .disabled .module-sw-btn {
|
|
2885 height: 24px;
|
|
2886 border-bottom: 1px solid #0c0c0c;
|
|
2887 border-right: 1px solid #0c0c0c;
|
|
2888 border-top: 1px solid #393737;
|
|
2889 border-left: 1px solid #393737;
|
|
2890 }
|
|
2891 .classic #modules .disabled .module-sw-btn:active {
|
|
2892 padding-top: 1px;
|
|
2893 border-bottom: 1px solid #393737;
|
|
2894 border-right: 1px solid #393737;
|
|
2895 border-top: 1px solid #0c0c0c;
|
|
2896 border-left: 1px solid #0c0c0c
|
|
2897 }
|
|
2898
|
|
2899 .classic #modules .module-del-btn {
|
|
2900 height: 24px;
|
|
2901 border-bottom: 1px solid #0c0c0c;
|
|
2902 border-right: 1px solid #0c0c0c;
|
|
2903 border-top: 1px solid #393737;
|
|
2904 border-left: 1px solid #393737;
|
|
2905 }
|
|
2906 .classic #modules .module-del-btn:active {
|
|
2907 padding-top: 1px;
|
|
2908 border-bottom: 1px solid #393737;
|
|
2909 border-right: 1px solid #393737;
|
|
2910 border-top: 1px solid #0c0c0c;
|
|
2911 border-left: 1px solid #0c0c0c;
|
|
2912 }
|
|
2913 .classic #modules .module-version {
|
|
2914 text-align: center;
|
|
2915 padding: 0 5px 1px 5px;
|
|
2916 border-bottom: 1px solid #413e3e;
|
|
2917 border-right: 1px solid #413e3e;
|
|
2918 border-top: 1px solid #111;
|
|
2919 border-left: 1px solid #111;
|
|
2920 background-color: #292727;
|
|
2921 }
|
|
2922
|
|
2923 /*#endregion Modules Classic*/
|
|
2924
|
|
2925
|
|
2926
|
|
2927
|
|
2928
|
|
2929
|
|
2930 /*#region Admin_Menu Classic*/
|
|
2931
|
|
2932 .classic #admin_menu .field-select {
|
|
2933 grid-template-columns: 1fr 26px;
|
|
2934 }
|
|
2935
|
|
2936 .classic #admin_menu .am-grid > div,
|
|
2937 .classic #admin_menu [data-am-type="section"],
|
|
2938 .classic #admin_menu .items-grid,
|
|
2939 .classic #admin_menu [data-am-type="item"],
|
|
2940 .classic #admin_menu input,
|
|
2941 .classic #admin_menu .field-select,
|
|
2942 .classic #admin_menu .field-options,
|
|
2943 .classic #admin_menu .add-section,
|
|
2944 .classic #admin_menu .reset-all {
|
|
2945 border-radius: 0;
|
|
2946 }
|
|
2947 .classic #admin_menu .am-grid > div {
|
|
2948 border: 2px solid #393737;
|
|
2949 }
|
|
2950 .classic #admin_menu [data-am-type="item"] {
|
|
2951 border-bottom: 1px solid #0c0c0c;
|
|
2952 border-right: 1px solid #0c0c0c;
|
|
2953 border-top: 1px solid #393737;
|
|
2954 border-left: 1px solid #393737;
|
|
2955 }
|
|
2956
|
|
2957
|
|
2958 .classic #admin_menu .items-grid {
|
|
2959 padding: 13px 3px 8px 8px;
|
|
2960 }
|
|
2961
|
|
2962
|
|
2963 .classic #admin_menu [data-am-type="section"] input[name=title], .classic #admin_menu [data-am-type="section"] input[name=sort] {
|
|
2964 border-bottom: 2px solid #413e3e;
|
|
2965 border-right: 2px solid #413e3e;
|
|
2966 border-top: 2px solid #0c0c0c;
|
|
2967 border-left: 2px solid #0c0c0c;
|
|
2968 }
|
|
2969
|
|
2970 .classic #admin_menu input {
|
|
2971 border-bottom: 2px solid #413e3e;
|
|
2972 border-right: 2px solid #413e3e;
|
|
2973 border-top: 2px solid #0c0c0c;
|
|
2974 border-left: 2px solid #0c0c0c;
|
|
2975 }
|
|
2976
|
|
2977
|
|
2978 .classic #admin_menu .field-select {
|
|
2979 gap: 7px;
|
|
2980 border-bottom: 2px solid #413e3e;
|
|
2981 border-right: 2px solid #413e3e;
|
|
2982 border-top: 2px solid #0c0c0c;
|
|
2983 border-left: 2px solid #0c0c0c;
|
|
2984 }
|
|
2985 .classic #admin_menu .field-select > .icon {
|
|
2986 border-bottom: 2px solid #0c0c0c;
|
|
2987 border-right: 2px solid #0c0c0c;
|
|
2988 border-top: 2px solid #5e5a5a;
|
|
2989 border-left: 2px solid #5e5a5a;
|
|
2990 background-color: #383433;
|
|
2991 margin: 1px;
|
|
2992 }
|
|
2993 .classic #admin_menu .field-select:active > .icon {
|
|
2994 border-bottom: 2px solid #5e5a5a;
|
|
2995 border-right: 2px solid #5e5a5a;
|
|
2996 border-top: 2px solid #0c0c0c;
|
|
2997 border-left: 2px solid #0c0c0c;
|
|
2998 background-position: center calc(50% + 1px);
|
|
2999 }
|
|
3000 .classic #admin_menu .section-select-grid.open .field-select > .icon {
|
|
3001 border-bottom: 2px solid #5e5a5a;
|
|
3002 border-right: 2px solid #5e5a5a;
|
|
3003 border-top: 2px solid #0c0c0c;
|
|
3004 border-left: 2px solid #0c0c0c;
|
|
3005 background-position: center calc(50% + 1px);
|
|
3006 }
|
|
3007 .classic #admin_menu .section-select-grid.open .field-options {
|
|
3008 border: 2px solid #5b5756;
|
|
3009 }
|
|
3010
|
|
3011 .classic #admin_menu [data-am-type] .buttons {
|
|
3012 gap: 10px;
|
|
3013 }
|
|
3014
|
|
3015 .classic #admin_menu [data-am-type] .buttons > a {
|
|
3016 height: 24px;
|
|
3017 border-bottom: 1px solid #0c0c0c;
|
|
3018 border-right: 1px solid #0c0c0c;
|
|
3019 border-top: 1px solid #393737;
|
|
3020 border-left: 1px solid #393737;
|
|
3021 padding: 0px 5px 2px 5px;
|
|
3022 outline: 1px solid #1b1a1a;
|
|
3023 outline-offset: 0px;
|
|
3024 }
|
|
3025 .classic #admin_menu [data-am-type] .buttons > a:active {
|
|
3026 border-bottom: 1px solid #393737;
|
|
3027 border-right: 1px solid #393737;
|
|
3028 border-top: 1px solid #0c0c0c;
|
|
3029 border-left: 1px solid #0c0c0c;
|
|
3030 padding: 1px 5px 2px 5px;
|
|
3031 }
|
|
3032 .classic #admin_menu .items-grid [data-am-type] .buttons > a {
|
|
3033 outline: 1px solid #111111;
|
|
3034 }
|
|
3035
|
|
3036 .classic #admin_menu .add-section, .classic #admin_menu .reset-all {
|
|
3037 border-bottom: 2px solid #0c0c0c;
|
|
3038 border-right: 2px solid #0c0c0c;
|
|
3039 border-top: 2px solid #4c4949;
|
|
3040 border-left: 2px solid #4c4949;
|
|
3041 padding: 4px 11px 5px 11px;
|
|
3042 height: 35px;
|
|
3043 }
|
|
3044 .classic #admin_menu .add-section:active, .classic #admin_menu .reset-all:active {
|
|
3045 border-bottom: 2px solid #4c4949;
|
|
3046 border-right: 2px solid #4c4949;
|
|
3047 border-top: 2px solid #0c0c0c;
|
|
3048 border-left: 2px solid #0c0c0c;
|
|
3049 padding: 5px 11px 5px 11px;
|
|
3050 }
|
|
3051
|
|
3052
|
|
3053
|
|
3054 /*#endregion Admin_Menu Classic*/
|
|
3055
|
|
3056
|
|
3057
|
|
3058
|
|
3059
|
|
3060 /*#region Pages Classic*/
|
|
3061
|
|
3062 .classic #pages .main-footer .pager > div {
|
|
3063 height: 22px;
|
|
3064 border-bottom: 1px solid #0c0c0c;
|
|
3065 border-right: 1px solid #0c0c0c;
|
|
3066 border-top: 1px solid #393737;
|
|
3067 border-left: 1px solid #393737;
|
|
3068 outline: 1px solid #0b0b0b;
|
|
3069 outline-offset: 0px;
|
|
3070 border-radius: 0;
|
|
3071 align-items: unset;
|
|
3072 }
|
|
3073 .classic #pages .main-footer .pager > div:active {
|
|
3074 border-bottom: 1px solid #393737;
|
|
3075 border-right: 1px solid #393737;
|
|
3076 border-top: 1px solid #0c0c0c;
|
|
3077 border-left: 1px solid #0c0c0c;
|
|
3078 outline: 1px solid #0b0b0b;
|
|
3079 outline-offset: 0px;
|
|
3080 padding-top: 1px;
|
|
3081 }
|
|
3082
|
|
3083 .classic #pages .main-footer .pager > div.active {
|
|
3084 border-bottom: 1px solid #393737;
|
|
3085 border-right: 1px solid #393737;
|
|
3086 border-top: 1px solid #0c0c0c;
|
|
3087 border-left: 1px solid #0c0c0c;
|
|
3088 padding-top: 1px;
|
|
3089 }
|
|
3090
|
|
3091 /*#endregion Pages Classic*/
|
|
3092
|
|
3093
|
|
3094
|
|
3095
|
|
3096
|
|
3097 /*#region Auth Classic*/
|
|
3098
|
|
3099 .classic #auth form {
|
|
3100 border-radius: 0;
|
|
3101 border: 2px solid #393737;
|
|
3102 }
|
|
3103
|
|
3104 .classic #auth form input {
|
|
3105 border-bottom: 2px solid #413e3e;
|
|
3106 border-right: 2px solid #413e3e;
|
|
3107 border-top: 2px solid #0c0c0c;
|
|
3108 border-left: 2px solid #0c0c0c;
|
|
3109 border-radius: 0;
|
|
3110 }
|
|
3111
|
|
3112 .classic #auth form input[name="admin_password"] {
|
|
3113 grid-column: 1 / 2;
|
|
3114 }
|
|
3115 .classic #auth form .password-eye {
|
|
3116 border-bottom: 2px solid #0c0c0c;
|
|
3117 border-right: 2px solid #0c0c0c;
|
|
3118 border-top: 2px solid #5e5a5a;
|
|
3119 border-left: 2px solid #5e5a5a;
|
|
3120 background-color: var(--windows);
|
|
3121 }
|
|
3122 .classic #auth form .password-eye:active {
|
|
3123 border-bottom: 2px solid #5e5a5a;
|
|
3124 border-right: 2px solid #5e5a5a;
|
|
3125 border-top: 2px solid #0c0c0c;
|
|
3126 border-left: 2px solid #0c0c0c;
|
|
3127 background-position: center calc(50% + 1px);
|
|
3128 }
|
|
3129 .classic #auth form .password-eye.showed {
|
|
3130 border-bottom: 2px solid #5e5a5a;
|
|
3131 border-right: 2px solid #5e5a5a;
|
|
3132 border-top: 2px solid #0c0c0c;
|
|
3133 border-left: 2px solid #0c0c0c;
|
|
3134 background-position: center calc(50% + 1px);
|
|
3135 }
|
|
3136 .classic #auth .sess-table > div {
|
|
3137 padding: 5px 5px 5px 2px;
|
|
3138 }
|
|
3139 @media (min-width: 1025px) {
|
|
3140 .classic #auth .sess-table {
|
|
3141 row-gap: 0;
|
|
3142 }
|
|
3143 }
|
|
3144 @media (max-width: 1024px) {
|
|
3145 .classic #auth .sess-table > div {
|
|
3146 display: grid;
|
|
3147 grid-template-columns: 1fr auto;
|
|
3148 gap: 5px;
|
|
3149 }
|
|
3150 .classic #auth .sess-table .date {
|
|
3151 grid-column: 1/2;
|
|
3152 grid-row: 1/2;
|
|
3153 }
|
|
3154 .classic #auth .sess-table .del-sess {
|
|
3155 grid-column: 2/3;
|
|
3156 grid-row: 1/2;
|
|
3157 float: unset;
|
|
3158 }
|
|
3159 .classic #auth .sess-table .ip {
|
|
3160 grid-column: 1/2;
|
|
3161 }
|
|
3162 .classic #auth .sess-table .agent {
|
|
3163 grid-column: 1/-1;
|
|
3164 }
|
|
3165 .classic #auth .sess-table > div {
|
|
3166 padding: 5px 5px 5px 5px;
|
|
3167 }
|
|
3168 }
|
|
3169
|
|
3170 .classic #auth .sess-table > div, .classic #auth .del-sess {
|
|
3171 border-radius: 0;
|
|
3172 border-bottom: 1px solid #0c0c0c;
|
|
3173 border-right: 1px solid #0c0c0c;
|
|
3174 border-top: 1px solid #393737;
|
|
3175 border-left: 1px solid #393737;
|
|
3176 align-items: start;
|
|
3177 }
|
|
3178
|
|
3179
|
|
3180
|
|
3181 .classic #auth .del-sess {
|
|
3182 width: 24px;
|
|
3183 height: 24px;
|
|
3184 border-bottom: 1px solid #0c0c0c;
|
|
3185 border-right: 1px solid #0c0c0c;
|
|
3186 border-top: 1px solid #393737;
|
|
3187 border-left: 1px solid #393737;
|
|
3188 }
|
|
3189 .classic #auth .del-sess:active {
|
|
3190 border-bottom: 1px solid #393737;
|
|
3191 border-right: 1px solid #393737;
|
|
3192 border-top: 1px solid #0c0c0c;
|
|
3193 border-left: 1px solid #0c0c0c;
|
|
3194 background-position: center calc(50% + 1px);
|
|
3195 background-color: var(--bg-3);
|
|
3196 }
|
|
3197 .classic #auth .sess-table .date, .classic #auth .sess-table .ip {
|
|
3198 border-bottom: 1px solid #413e3e;
|
|
3199 border-right: 1px solid #413e3e;
|
|
3200 border-top: 1px solid #111;
|
|
3201 border-left: 1px solid #111;
|
|
3202 background-color: #292727;
|
|
3203 text-align: center;
|
|
3204 }
|
|
3205
|
|
3206
|
|
3207 /*#endregion Auth Classic*/
|
|
3208
|
|
3209
|
|
3210
|
|
3211
|
|
3212
|
|
3213
|
|
3214 /*#region SiteMap Classic*/
|
|
3215
|
|
3216 .classic #sitemap .sitemap,
|
|
3217 .classic #sitemap .xml-wrapper-hidden,
|
|
3218 .classic #sitemap .xml-wrapper-link,
|
|
3219 .classic #sitemap .xml-static-dynamic,
|
|
3220 .classic #sitemap .xml-static-cron,
|
|
3221 .classic #sitemap .sitemap-manual {
|
|
3222 border-radius: 0;
|
|
3223 border: 2px solid #393737;
|
|
3224 }
|
|
3225
|
|
3226 .classic #sitemap form div > input,
|
|
3227 .classic #sitemap .xml-static-cron input[type="text"],
|
|
3228 .classic #sitemap textarea {
|
|
3229 border-bottom: 2px solid #413e3e;
|
|
3230 border-right: 2px solid #413e3e;
|
|
3231 border-top: 2px solid #0c0c0c;
|
|
3232 border-left: 2px solid #0c0c0c;
|
|
3233 border-radius: 0;
|
|
3234 }
|
|
3235
|
|
3236 .classic #sitemap .select-dropdown ul.list-search {
|
|
3237 border-radius: 0;
|
|
3238 }
|
|
3239 .classic #sitemap .select-dropdown.open ul.list-search {
|
|
3240 border: 2px solid #5b5756;
|
|
3241 }
|
|
3242
|
|
3243 /*#endregion SiteMap Classic*/
|
|
3244
|
|
3245
|
|
3246
|
|
3247
|
|
3248
|
|
3249
|
|
3250 /*#region RSS Classic*/
|
|
3251
|
|
3252 .classic #rss .rss,
|
|
3253 .classic #rss .xml-wrapper-hidden,
|
|
3254 .classic #rss .xml-static-dynamic,
|
|
3255 .classic #rss .xml-static-cron {
|
|
3256 border-radius: 0;
|
|
3257 border: 2px solid #393737
|
|
3258 }
|
|
3259
|
|
3260 .classic #rss form div > input,
|
|
3261 .classic #rss textarea,
|
|
3262 .classic #rss .xml-static-cron input[type="text"],
|
|
3263 .classic #rss .xml-static-dynamic input[type="text"] {
|
|
3264 border-bottom: 2px solid #413e3e;
|
|
3265 border-right: 2px solid #413e3e;
|
|
3266 border-top: 2px solid #0c0c0c;
|
|
3267 border-left: 2px solid #0c0c0c;
|
|
3268 border-radius: 0;
|
|
3269 }
|
|
3270
|
|
3271 .classic #rss .select-dropdown.open ul.list-search {
|
|
3272 border-radius: 0;
|
|
3273 }
|
|
3274 .classic #rss .select-dropdown.open ul.list-search {
|
|
3275 border: 2px solid #5b5756;
|
|
3276 }
|
|
3277
|
|
3278 /*#endregion RSS Classic*/
|
|
3279
|
|
3280
|
|
3281
|
|
3282
|
|
3283
|
|
3284
|
|
3285 /*#region Template Classic*/
|
|
3286
|
|
3287 .classic #template .upload_dnd {
|
|
3288 border-radius: 0;
|
|
3289 }
|
|
3290
|
|
3291 .classic #template .template-install,
|
|
3292 .classic #template .upload_dnd,
|
|
3293 .classic #template .template,
|
|
3294 .classic #template .field-select,
|
|
3295 .classic #template .template-select-grid .field-options.open,
|
|
3296 .classic #template input[type="checkbox"],
|
|
3297 .classic #template .template-headers,
|
|
3298 .classic #template .template-manual,
|
|
3299 .classic #template .template-files,
|
|
3300 .classic #template .template-headers textarea {
|
|
3301 border-radius: 0;
|
|
3302 border: 2px solid #393737;
|
|
3303 }
|
|
3304
|
|
3305
|
|
3306 .classic #template .field-select {
|
|
3307 border-bottom: 2px solid #413e3e;
|
|
3308 border-right: 2px solid #413e3e;
|
|
3309 border-top: 2px solid #0c0c0c;
|
|
3310 border-left: 2px solid #0c0c0c;
|
|
3311 }
|
|
3312 .classic #template .field-select > .icon {
|
|
3313 border-bottom: 2px solid #0c0c0c;
|
|
3314 border-right: 2px solid #0c0c0c;
|
|
3315 border-top: 2px solid #5e5a5a;
|
|
3316 border-left: 2px solid #5e5a5a;
|
|
3317 background-color: #2a2828;
|
|
3318 margin: 1px;
|
|
3319 }
|
|
3320 .classic #template .field-select:active > .icon {
|
|
3321 border-bottom: 2px solid #413e3e;
|
|
3322 border-right: 2px solid #413e3e;
|
|
3323 border-top: 2px solid #0c0c0c;
|
|
3324 border-left: 2px solid #0c0c0c;
|
|
3325 background-position: center calc(50% + 1px);
|
|
3326 }
|
|
3327 .classic #template .template-select-grid.open .field-select > .icon {
|
|
3328 border-bottom: 2px solid #413e3e;
|
|
3329 border-right: 2px solid #413e3e;
|
|
3330 border-top: 2px solid #0c0c0c;
|
|
3331 border-left: 2px solid #0c0c0c;
|
|
3332 background-position: center calc(50% + 1px);
|
|
3333 }
|
|
3334 .classic #template .template-select-grid.open .field-options {
|
|
3335 border: 2px solid #5b5756;
|
|
3336 }
|
|
3337
|
|
3338
|
|
3339 .classic #template .template input[type="checkbox"] {
|
|
3340 border-bottom: 2px solid #413e3e;
|
|
3341 border-right: 2px solid #413e3e;
|
|
3342 border-top: 2px solid #0c0c0c;
|
|
3343 border-left: 2px solid #0c0c0c;
|
|
3344 }
|
|
3345 .classic #template .template input[type="checkbox"]:checked {
|
|
3346 border-bottom: 2px solid #bd3900;
|
|
3347 border-right: 2px solid #bd3900;
|
|
3348 border-top: 2px solid #762300;
|
|
3349 border-left: 2px solid #762300;
|
|
3350 }
|
|
3351 .classic #template .template-headers textarea {
|
|
3352 border-bottom: 2px solid #413e3e;
|
|
3353 border-right: 2px solid #413e3e;
|
|
3354 border-top: 2px solid #0c0c0c;
|
|
3355 border-left: 2px solid #0c0c0c;
|
|
3356 }
|
|
3357
|
|
3358
|
|
3359
|
|
3360 .classic #template .upload_dnd {
|
|
3361 border-bottom: 2px solid #0c0c0c;
|
|
3362 border-right: 2px solid #0c0c0c;
|
|
3363 border-top: 2px solid #4c4949;
|
|
3364 border-left: 2px solid #4c4949;
|
|
3365 padding: 6px 11px 5px 11px;
|
|
3366 height: 40px;
|
|
3367 background-color: #2a2828;
|
|
3368 }
|
|
3369 .classic #template .upload_dnd:active {
|
|
3370 border-bottom: 2px solid #4c4949;
|
|
3371 border-right: 2px solid #4c4949;
|
|
3372 border-top: 2px solid #0c0c0c;
|
|
3373 border-left: 2px solid #0c0c0c;
|
|
3374 padding: 7px 11px 5px 11px;
|
|
3375 background-color: #272423;
|
|
3376 }
|
|
3377
|
|
3378 @media (min-width: 1024px) {
|
|
3379 .classic #template .template-editor-grid {
|
|
3380 border-radius: 0;
|
|
3381 border: 2px solid #393737;
|
|
3382 }
|
|
3383 }
|
|
3384 @media (max-width: 1023px) {
|
|
3385 .classic #template .template-editor-grid {
|
|
3386 border-top: 2px solid #393737;
|
|
3387 border-bottom: 2px solid #393737;
|
|
3388 border-right: 0;
|
|
3389 border-left: 0;
|
|
3390 }
|
|
3391 }
|
|
3392
|
|
3393 .classic #template .close-template-button {
|
|
3394 border-bottom: 2px solid #0c0c0c;
|
|
3395 border-right: 2px solid #0c0c0c;
|
|
3396 border-top: 2px solid #393737;
|
|
3397 border-left: 2px solid #393737;
|
|
3398 border-radius: 0;
|
|
3399 }
|
|
3400 .classic #template .close-template-button:active {
|
|
3401 border-bottom: 2px solid #393737;
|
|
3402 border-right: 2px solid #393737;
|
|
3403 border-top: 2px solid #0c0c0c;
|
|
3404 border-left: 2px solid #0c0c0c;
|
|
3405 background-position: center calc(50% + 1px);
|
|
3406 }
|
|
3407 .classic #template .close-template-button:hover {
|
|
3408 background-color: unset;
|
|
3409 }
|
|
3410
|
|
3411
|
|
3412 .classic #template .save-template-button {
|
|
3413 border-bottom: 2px solid #0c0c0c;
|
|
3414 border-right: 2px solid #0c0c0c;
|
|
3415 border-top: 2px solid #393737;
|
|
3416 border-left: 2px solid #393737;
|
|
3417 border-radius: 0;
|
|
3418 }
|
|
3419 .classic #template .save-template-button:active {
|
|
3420 border-bottom: 2px solid #393737;
|
|
3421 border-right: 2px solid #393737;
|
|
3422 border-top: 2px solid #0c0c0c;
|
|
3423 border-left: 2px solid #0c0c0c;
|
|
3424 background-position: center calc(50% + 1px);
|
|
3425 }
|
|
3426 .classic #template .save-template-button:hover {
|
|
3427 background-color: unset;
|
|
3428 }
|
|
3429 .classic #template .save-template-button.saved {
|
|
3430 border-bottom: 2px solid #393737;
|
|
3431 border-right: 2px solid #393737;
|
|
3432 border-top: 2px solid #0c0c0c;
|
|
3433 border-left: 2px solid #0c0c0c;
|
|
3434 background-position: center calc(50% + 1px);
|
|
3435 background-color: var(--saved-bg);
|
|
3436 }
|
|
3437
|
|
3438 .classic #template .template-editor {
|
|
3439 border-bottom: 2px solid #413e3e;
|
|
3440 border-right: 2px solid #413e3e;
|
|
3441 border-top: 2px solid #0c0c0c;
|
|
3442 border-left: 2px solid #0c0c0c;
|
|
3443 margin: 0 5px 0 5px;
|
|
3444 }
|
|
3445
|
|
3446 .classic #template .snip-grid {
|
|
3447 background-color: #1e1d1d;
|
|
3448 margin: 2px 5px 0 0;
|
|
3449 }
|
|
3450 .classic #template .html, .classic #template .css, .classic #template .php {
|
|
3451 padding: 0;
|
|
3452 gap: 2px;
|
|
3453 }
|
|
3454 .classic #template .snip-grid > .html > div,
|
|
3455 .classic #template .snip-grid > .css > div,
|
|
3456 .classic #template .snip-grid > .php > div {
|
|
3457 height: 36px;
|
|
3458 border-bottom: 1px solid #0c0c0c;
|
|
3459 border-right: 1px solid #0c0c0c;
|
|
3460 border-top: 1px solid #393737;
|
|
3461 border-left: 1px solid #393737;
|
|
3462 background-color: #292727;
|
|
3463 user-select: none;
|
|
3464 }
|
|
3465 .classic #template .snip-grid > .html > div:active,
|
|
3466 .classic #template .snip-grid > .css > div:active,
|
|
3467 .classic #template .snip-grid > .php > div:active {
|
|
3468 padding-top: 8px;
|
|
3469 border-bottom: 1px solid #393737;
|
|
3470 border-right: 1px solid #393737;
|
|
3471 border-top: 1px solid #0c0c0c;
|
|
3472 border-left: 1px solid #0c0c0c;
|
|
3473 background-color: #292727;
|
|
3474 }
|
|
3475
|
|
3476
|
|
3477
|
|
3478
|
|
3479
|
|
3480
|
|
3481 /*#endregion Template Classic*/
|
|
3482
|
|
3483
|