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 |