Mercurial
comparison .cms/css/admin.css @ 0:78edf6b517a0 draft
24.10
author | Coffee CMS <info@coffee-cms.ru> |
---|---|
date | Fri, 11 Oct 2024 22:40:23 +0000 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:78edf6b517a0 |
---|---|
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 |