Mercurial
diff .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 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/.cms/css/admin.css Fri Oct 11 22:40:23 2024 +0000 @@ -0,0 +1,3483 @@ +:root { + --sans-serif: "Segoe UI", "Nunito", "Noto Sans", "Ubuntu", system-ui, sans-serif; + --monospace: "Consolas", "Hack", "Ubuntu Mono", monospace; +} +/* FreeBSD: pkg install google-fonts */ + + +/*#region Colors Dark*/ +html.dark { + color-scheme: dark; /*Scroll*/ + /*Colors*/ + /*Backgrounds Universal*/ + --bg-2: #111111; + --bg-3: #1e1d1d; + --bg-4: #383433; + --bg-5: #171717; + + /*Border Mediateka*/ + --w-1: #000000; + --br-3: #333333; + --br-active: #a79080; + --file-input: #1e1d1d; + --file-border: #383433; + --font-bg: #1e1d1d; + --ext: #ffe3cf; + /*End*/ + + /*Colors*/ + --white: #ffffff; + --black: #000000; + --orange: #ff4e00; + --green-3: #5d7d25; + --changes: #00ffff; + + --focus-orange: #ff4d0021; + --saved-bg: #405200; + /*End*/ + + --windows: #2e2b2b; + --windows-hover: #282525; + --windows-font: #d5bfae; + + --input-bg: var(--bg-3); + --input-border: var(--bg-4); + --input-font: var(--text); + --button-bg: var(--bg-3); + --button-border: var(--bg-3); + /*End*/ + + /*Modules Universal Properties*/ + --buttons-font: #a79080; + --buttons-hover: #e9c3a6; + --buttons-open: #e4845a; + + --link: #d09074; + --link-hover: #ffcab3; + --link-none: #d5bdac; + + --names: #b98675; + --text: #cccccc; + + --add-page-btn-br: #383433; + --add-page-btn-font: #9b8b84; + /*End*/ + + /*Admin-Header*/ + --header-menu-hover: #f0743f; + --menu-icon-span: #d09074; + + /*Admin-Info-Notice*/ + --info-success: #e9e0ddcc; + --info-error: #940002c4; + --info-fonts-success: #000000; + --info-fonts-error: #ffffff; + + /*Admin-Aside*/ + --aside-section-div: #8f786f; + --aside-section-a: #eabca9; + --aside-section-a-hover: #38343340; + --aside-section-a-active: #38343373; + --aside-section-a-red: #9f2624; + + /*Admin-Modul-Auth*/ + --setup-auth: #b5978e; + --sess-table-font: #b3aaa3; + --sess-table-current: #78ca78; + --auth-del-sess-hover: var(--bg-4); + + /*Milk*/ + --mobile-menu-open-milk: #18101071; + + /*Template*/ + --template-files-file: #a38174; + --template-files-file-hover: #c49b8c; + + /*Admin Menu*/ + + + /*PHP Info*/ + --phpinfo-font: #a38173; + --phpinfo-h-bg: #373434; + --phpinfo-v-i-font: #b39393; + --phpinfo-hr-bg: #615858; + + /*Pages*/ + --page-search: #1b1a1a; + + --add-page-btn-hover: var(--bg-4); + --add-page-btn-svg-b-plus: #9b8b84; + --saved: #87d94f; + --error: #a00000; + --hidden: #a71a1a; + + --del-pages-btn-svg: #9b8b84; + + --pages-grid-div-open: #181717; + --pages-grid-div-open-shadow: #b26044; + + --page-date: #9b8b84; + --page-date-planned: #ffe4c4; + + --main-footer-pager-div-hover: #d09074; + --main-footer-pager-div-active-font: #ffcab3; + --pages-main-footer-pager-div-bg-active: #e875432e; + + --lbox-window: #000000dd; + --shadows: 0 2px 2px 0 #00000033; + + /*Tags*/ + --tags-bg: #282525; + --tags-font: darkgray; + + /*Codemirror*/ + --codemirror-bg: #302c2c; + --codemirror-text: #d5d0cc; + --codemirror-numbeslines: #897067; + --codemirror-numbes-bg: #343232; + + /*Menu*/ + --open-menu: #191919; + --menu-menu-open-prop: var(--buttons-open); + --save-menu: #8bc34a; + + + --menu-input-bg: var(--bg-3); + --menu-input-border: var(--bg-4); + + --menu-item-bg-hover-open: var(--windows); + + --menu-item-a: var(--link); + --menu-item-a-hover: var(--link-hover); + --menu-item-a-none-link: var(--link-none); + + --menu-item-open-prop: var(--buttons-open); + + --menu-menu-buttons-div: var(--buttons-font); + --menu-menu-buttons-div-hover: var(--buttons-hover); + + --menu-input-select-font-disabled: #746c6a; + + --menu-item-select-dropdown-font: #d7c0b6; + --menu-item-field-search-input-bg: #101010; + --menu-item-field-search-input-focus: #786050; + --menu-item-list-search-li-hover-active: #101010; + + --sub-line: #00c0d8; + + + /*Modules*/ + --modules-grid-div-disabled: #2a2828; + --modules-grid-div-disabled-hover: #2a2828; + --disabled-module: #6c6565; + --enabled-module-description: #a08c81; + --disabled-module-sw-btn: #89d3be; + --shadow: #00000073; + --blur-bg: #1e1d1d73; + --blur-font: #d5bfae; + + /*Individual*/ + --category-parents: #726a6a; + + /*Icons*/ + --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"); + + --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"); + + --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"); + + --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"); + + --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"); + + --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"); + + --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"); + + + --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"); + + --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"); + + --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"); + + --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"); + + --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"); + + --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"); + + --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"); + + --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"); + + --noise: url(../img/noise-dark.png); +} +/*#endregion Color Dark*/ + +/*#region Colors Light*/ +html.light { + color-scheme: light; /*Scroll*/ + /*Colors*/ + /*Backgrounds Universal*/ + --bg-2: #f8f2f2; + --bg-3: #e9e0dd; + --bg-4: #fffbfb; + --bg-5: #e9e0dd; + + /*Border Mediateka*/ + --w-1: #ffffff; + --br-3: #fbf0ed; + --br-active: #a79080; + --file-input: #1e1d1d; + --file-border: #383433; + --font-bg: #e9e0dd; + --ext: #8f572f; + /*End*/ + + /*Colors*/ + --white: #ffffff; + --black: #000000; + --orange: #ff4e00; + --green-3: #71b300; + --changes: #ea8000; + + --focus-orange: #ff4d0021; + --saved-bg: #ddffab; + /*End*/ + + --windows: #f7efee; + --windows-hover: #fbf5f5; + --windows-font: #604c44; + + --input-bg: var(--bg-4); + --input-border: #c9bfbc; + --input-font: var(--text); + --button-bg: var(--bg-4); + --button-border: var(--bg-4); + /*End*/ + + /*Modules Universal Properties*/ + --buttons-font: #604c44; + --buttons-hover: #93614e; + --buttons-open: #c12a1b; + + --link: #764646; + --link-hover: #bb381a; + --link-none: #7a7a7a; + + --names: #4f3b58; + --text: #333333; + + --add-page-btn-br: #c9bfbc; + --add-page-btn-font: #534e4c; + /*End*/ + + /*Admin-Header*/ + --header-menu-hover: #9b2e00; + --menu-icon-span: #c33b00; + + /*Admin-Info-Notice*/ + --info-success: #4c3a36bf; + --info-error: #940002c4; + --info-fonts-success: #ffffff; + --info-fonts-error: #ffffff; + + /*Admin-Aside*/ + --aside-section-div: #8f786f; + --aside-section-a: #382218; + --aside-section-a-hover: #fffbfb4d; + --aside-section-a-active: #fffbfb91; + --aside-section-a-red: #ff8585; + + /*Admin-Modul-Auth*/ + --setup-auth: #b5978e; + --sess-table-font: #52473d; + --sess-table-current: #008917; + --auth-del-sess-hover: var(--bg-4); + + /*Milk*/ + --mobile-menu-open-milk: #18101071; + + /*Template*/ + --template-files-file: #563d40; + --template-files-file-hover: #9b4d4d; + + /*Admin Menu*/ + + + /*PHP Info*/ + --phpinfo-font: #563939; + --phpinfo-h-bg: #d7cac7; + --phpinfo-v-i-font: #b39393; + --phpinfo-hr-bg: #615858; + + /*Pages*/ + --page-search: #f7efee; + + --add-page-btn-hover: var(--bg-4); + --add-page-btn-svg-b-plus: #9b8b84; + --saved: #157800; + --error: #e20000; + --hidden: #dd10c7; + + --del-pages-btn-svg: #9b8b84; + + --pages-grid-div-open: #e9e0dd; + --pages-grid-div-open-shadow: #ff8562; + + --page-date: #8d5f4b; + --page-date-planned: #cf390c; + + --main-footer-pager-div-hover: #bb381a; + --main-footer-pager-div-active-font: #bb381a; + --pages-main-footer-pager-div-bg-active: #d5bfaeeb; + + --lbox-window: #000000dd; + --shadows:0 2px 2px 0 #00000012; + + /*Tags*/ + --tags-bg: #f9f4f4; + --tags-font: #958484; + + /*Codemirror*/ + --codemirror-bg: white; + --codemirror-text: #454545; + --codemirror-numbeslines: #897067; + --codemirror-numbes-bg: #343232; + + /*Menu*/ + --open-menu: #e1d6d2; + --menu-menu-open-prop: var(--buttons-open); + --save-menu: #008203; + + --menu-input-bg: var(--w-1); + --menu-input-border: var(--bg-3); + + --menu-item-bg-hover-open: var(--windows); + + --menu-item-a: var(--link); + --menu-item-a-hover: var(--link-hover); + --menu-item-a-none-link: var(--link-none); + + --menu-item-open-prop: var(--buttons-open); + + --menu-menu-buttons-div: var(--buttons-font); + --menu-menu-buttons-div-hover: var(--buttons-hover); + + --menu-input-select-font-disabled: #746c6a; + + --menu-item-select-dropdown-font: #333333; + --menu-item-field-search-input-bg: var(--bg-4); + --menu-item-field-search-input-focus: #786050; + --menu-item-list-search-li-hover-active: var(--bg-4); + + --sub-line: #0000ee; + + + /*Modules*/ + --modules-grid-div-disabled: #f3f3f3; + --modules-grid-div-disabled-hover: #f3f3f3; + --disabled-module: #a39595; + --disabled-module-description: #a39595; + --disabled-module-sw-btn: #009468; + --shadow: #00000030; + --blur-bg: #ffffff00; + --blur-font: #1c1313; + + /*Individual*/ + --category-parents: #918383; + + /*Icons*/ + --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"); + + --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"); + + --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"); + + --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"); + + --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"); + + --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"); + + --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"); + + --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"); + + --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"); + + --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"); + + --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"); + + --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"); + + --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"); + + --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"); + + --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"); + + --noise: url(../img/noise-light.png); +} +/*#endregion Colors Light*/ + + + +*, *::before, *::after { + box-sizing: border-box; + padding: 0; + margin: 0; +} + +@media (max-width: 1024px) { + .classic * { + -webkit-tap-highlight-color: transparent; + } +} + +input, textarea { + font-family: var(--sans-serif); +} +input[type="date"], input[type="time"] { + font-family: revert; +} + +:active, :hover, :focus { + outline: none; /* firefox fix */ +} + +html { + height: 100%; + overflow: hidden; /* disable swipe */ +} + +body { + display: grid; + height: 100%; + font-family: var(--sans-serif); + font-size: 1.04rem; + background-color: var(--bg-3); + background-image: var(--noise); +} +@media (max-width: 1023px) { + body { + grid-template-rows: 3rem 1fr; + grid-template-areas: + "header" + "main"; + } +} +@media (min-width: 1024px) { + body { + grid-template-rows: 1.9rem 1fr; + } + body.login { + grid-template-areas: + "header" + "main"; + } + body.logged { + grid-template-columns: 14rem 1fr; + grid-template-areas: + "aside header" + "aside main"; + } +} + +header { + grid-area: header; + display: grid; + z-index: 777; +} + +@media (max-width: 1023px) { + body.logged header { + grid-template-columns: 3rem 1fr; + gap: 0.3rem; + } + body.mobile-menu-open header { + background-color: var(--bg-3); + } +} + + +@media (max-width: 1023px) { + header .burger { + display: flex; + justify-content: center; + align-items: center; + position: relative; + } + + .menu-icon { + width: 1.7rem; + height: 0.75rem; + position: relative; + z-index:7; + } + .menu-icon span { + display: block; + position: absolute; + left: 0; + width: 100%; + height: 0.13rem; + transform: rotate(0); + transition: transform 0.1s ease; + background-color: var(--menu-icon-span); + } + .menu-icon span.line-1 { + top: 0; + } + .menu-icon span.line-2 { + bottom: 0; + } + .mobile-menu-open .menu-icon span.line-1 { + top: 5px; + transform: rotate(45deg); + } + .mobile-menu-open .menu-icon span.line-2 { + top: 5px; + transform: rotate(-45deg); + } +} +@media (min-width: 1024px) { + header .burger { + display: none; + } +} + +header .menu { + display: flex; + justify-content: right; +} + +header .menu > * { + display: flex; + align-items: center; + height: 100%; + cursor: pointer; + text-decoration: none; + user-select: none; + padding: 0 0.7rem 0 0.7rem; + color: var(--link); +} + +@media (max-width: 1023px) { + header .menu > *:active { + color: var(--header-menu-hover); + } +} +@media (min-width: 1024px) { + header .menu > *:hover { + color: var(--header-menu-hover); + } +} + +/* Auth. Start */ +.setup-auth { + text-align: center; + padding: 5px; + font-size: 1rem; +} +.setup-error { + display: flex; + align-items: center; + text-align: center; + padding: 5px; + font-size: 0.9rem; + min-height: 4rem; + color: red; +} + +.aside-main { + grid-area: main; + display: grid; + grid-template-areas: ". center-box ."; + grid-template-columns: 1fr minmax(auto,19rem) 1fr; + overflow-y: auto; +} +.center-box { + display: grid; + grid-template-rows:auto auto auto auto 1fr auto; + grid-area: center-box; + gap: 1rem; +} + +/* Select */ +.lang-selector { + padding: 0.5rem; + box-shadow: 0 2px 3px 0 #00000033; + border-radius: 0.3rem; + background-color: var(--bg-4); +} + +.login .lang-select-grid { + text-align: left; + position: relative; + user-select: none; + cursor: pointer; + -webkit-tap-highlight-color: transparent; /* Del blue click in Chrome Mobile */ +} +.login .field-select { + display: grid; + grid-template-columns: 1fr 26px; + background-color: var(--bg-3); + border-radius: 0.2rem; + line-height: 2; + height: 100%; +} +.login .field-select .value { + line-height: 2; + font-size: 0.875rem; + color: var(--windows-font); + padding: 0 0.54rem; +} +.login .field-select .icon { + background-repeat: no-repeat; + background-position: center; + background-size: 12px; + background-image: var(--select-icon); +} + + +.login .lang-select-grid .field-options { + display: grid; + position: absolute; + height: 0; + overflow: hidden; + width: 100%; + border-radius: 0.25rem; + box-shadow: 0 2px 3px 0 #00000033; + max-height: 17rem; + z-index: 777; +} +.login .lang-select-grid .field-options.open { + background-color: var(--bg-3); + border: 2px solid var(--bg-4); + color: var(--text); + overflow: auto; + height: auto; +} +.login .lang-select-grid .field-options .option { + padding: 0.4rem 0.44rem; + cursor: pointer; + font-size: 0.9rem; +} +.login .lang-select-grid .field-options .option:hover { + background-color: var(--bg-2); +} + + +.setup-auth { + display: flex; + justify-content: center; + font-size: 0.9rem; + color: var(--setup-auth); +} + +.login-and-password { + display: grid; + gap: 2px; + padding: 10px 10px 10px 10px; + background-color: var(--bg-4); + box-shadow: 0 2px 3px 0 #00000033; + border-radius: 0.25rem; +} +.login-and-password .login { + position: relative; +} +.login-and-password .password { + display: grid; + grid-template-columns: 1fr auto auto; + gap: 5px; + position: relative; +} +.login-and-password .login input, .login-and-password .password input { + width: 100%; + background-color: var(--bg-3); + border: none; + font-size: 1rem; + color: var(--windows-font); + font-family: var(--monospace); + line-height: 2; + min-height: 34px; + position: relative; +} + +.login-and-password .login input { + height: 34px; + border-radius: 0.25rem 0.25rem 0 0; + padding: 0 8px 0 8px; +} +.login-and-password .password input { + grid-row: 1/2; + grid-column: 1/-1; + height: 34px; + padding: 0 85px 0 8px; + border-radius: 0 0 0.25rem 0.25rem; +} +.login-and-password .login input:autofill, .login-and-password .password input:autofill { + background-image: none; +} + + +.login-and-password .password-eye { + grid-row: 1/2; + grid-column: 2/3; + height: 33px; + width: 33px; + cursor: pointer; + background-size: 20px; + background-position: center; + background-repeat: no-repeat; + background-image: var(--eye-off); + z-index: 1; +} +.login-and-password .password-eye.showed { + background-image: var(--eye-on); +} + +.login-and-password .password button { + grid-row: 1/2; + grid-column: 3/4; + cursor: pointer; + height: 33px; + width: 33px; + min-height: unset; + z-index: 7; + border: transparent; + background-color: transparent; + background-size: 22px; + background-position: center center; + background-repeat: no-repeat; + background-image: var(--inter-icon); +} + +.support-box { + display: flex; + justify-content: center; + padding-bottom: 2rem; +} +.support-box a { + font-size: 0.9rem; + padding: 0.2rem 0.8rem 0.3rem 0.8rem; + color: var(--windows-font); + text-decoration: none; +} +/* Auth. End */ + +aside { + overflow-y: auto; + scrollbar-width: none; /* FireFox */ +} +@media (max-width: 1023px) { + aside { + position: fixed; + width: 14rem; + min-height: 100%; + left: 0; + top: 0; + bottom: 0; + transform: translate3d(-270px, 0, 0); + transition: transform 0.25s ease; + z-index: 700; + padding: 3rem 0 3rem 0; + background-color: var(--bg-3); + background-image: var(--noise); + } + + .mobile-menu-open aside { + transform: translate3d(0, 0, 0); + } +} +@media (min-width: 1024px) { + aside { + grid-area: aside; + padding: 1.9rem 0 1.9rem 0; + } +} + +aside::-webkit-scrollbar { + width: 0; +} + + +aside section { + padding:9px 0 10px 0; +} +aside section div { + padding: 5px 5px 5px 20px; + font-size: 0.94rem; + color: var(--aside-section-div); +} +aside section a { + padding: 5px 5px 5px 36px; + text-decoration: none; + display: block; + font-size: 0.94rem; + color: var(--aside-section-a); +} +@media (min-width: 1024px) { + aside section a { + border-radius: 0 0.3rem 0.3rem 0; + } +} +aside section a:hover { + background-color: var(--aside-section-a-hover); +} +aside section a.active { + background-color: var(--aside-section-a-active); +} +aside section a.red { + background-color: var(--aside-section-a-red); + +} + +main { + grid-area: main; + overflow: hidden; +} + +body > main > section:not(:target) { + display: none !important; +} + +/* Start Secion */ +#start { + overflow-y: auto; + max-height: 100%; +} +@media (max-width: 1023px) { + #start { + padding: 1rem 0.4rem 1rem 0.4rem; + } +} +@media (min-width: 1024px) { + #start { + padding: 1rem; + } +} +#start > div { + display: grid; + gap: 1rem; + box-shadow: 0 2px 3px 0 #00000033; + border-radius: 0.3rem; + background-color: var(--windows); +} +@media (max-width: 1023px) { + #start > div { + padding: 1rem 0.7rem 1.4rem 0.7rem; + } +} +@media (min-width: 1024px) { + #start > div { + padding: 1rem; + } +} +#start div > div { + color: var(--windows-font); +} +#start div > p { + color: var(--text); +} +#start div > p a { + color: var(--link); +} +/* End */ + +/* Auth Start */ +#auth { + display: grid; + height: 100%; + overflow-y: auto; + row-gap: 1rem; + grid-auto-rows: max-content; +} +@media (max-width: 1023px) { + #auth { + padding: 1rem 0.4rem 1rem 0.4rem; + } +} +@media (min-width: 1024px) { + #auth { + padding: 1rem; + } +} +#auth form { + display: grid; + background-color: var(--windows); + background-image: var(--noise); + border-radius: 0.3rem; + box-shadow: var(--shadows); +} +@media (max-width: 1370px) { + #auth form { + row-gap: 10px; + padding: 1rem 0.7rem 1.4rem 0.7rem; + } +} +@media (min-width: 1371px) { + #auth form { + grid-auto-columns: max-content; + grid-auto-flow: column; + grid-column-gap: 1rem; + justify-content: center; + padding: 1rem; + } +} + +#auth form > div { + position: relative; +} +#auth form .password-widget { + display: grid; + grid-template-columns: 1fr auto; + gap: 5px; +} + +#auth form input { + border-radius: 4px; + font-size: 0.875rem; + font-family: var(--monospace); + padding: 0 0.54rem; + min-height: 35px; + width: 100%; + color: var(--input-font); + background-color: var(--input-bg); + border: 2px solid var(--input-border); +} +html:not(.classic) #auth form input[name="admin_password"] { + padding-right: 2.2rem; + grid-column: 1 / -1; + grid-row: 1 / 2; + } + +#auth input[type="submit"] { + cursor: pointer; +} + + +#auth form .admin-url, #auth form .login-title, #auth form .passwd-title { + color: var(--windows-font); +} +@media (min-width: 1024px) { + #auth form .admin-url, #auth form .login-title, #auth form .passwd-title { + display: grid; + align-items: center; + padding-bottom: 3px; + } +} + +#auth form .password-eye { + grid-column: 2 / 3; + grid-row: 1 / 2; + width: 34px; + height: 34px; + cursor: pointer; + background-size: 20px; + background-position: center; + background-repeat: no-repeat; + background-image: var(--eye-off); +} +#auth form .password-eye.showed { + background-image: var(--eye-on); +} +@media (max-width: 1023px) { + .current-sess { + padding: 1rem 0 1rem 0; + } + .history-sess { + padding: 1rem 0 1rem 0; + } +} +#auth .table-title { + padding: 0 0.5rem 0.5rem 0.7rem; + color: var(--windows-font); +} +.sess-table { + display: grid; + gap: 5px; +} +.sess-table > div { + color: var(--sess-table-font); + background-color: var(--windows); + background-image: var(--noise); + border-radius: 0.3rem; +} +@media (max-width: 1023px) { + .sess-table > div { + display: block; + padding: 0.4rem 0.3125rem 0.5rem 0.7rem; + } +} +@media (min-width: 1024px) { + .sess-table > div { + display: grid; + grid-auto-flow: column; + column-gap: 3px; + grid-template-columns: 2rem 10rem 8rem auto; + padding: 0.3125rem; + } +} +.sess-table .current { + color: var(--sess-table-current); +} +#auth .del-sess { + width: 1.6rem; + height: 1.6rem; + justify-self: center; + cursor: pointer; + border-radius: 4px; + float: right; + background-repeat: no-repeat; + background-position: center center; + background-size: 44%; + background-image: var(--icon-clear); +} +#auth .del-sess:hover { + background-color: var(--auth-del-sess-hover); +} +.sess-table > div > div { + padding: 2px; + font-size: 0.875rem; +} +/* End */ + +/* PHP Info Start */ +#phpinfo {color: var(--phpinfo-font); font-family: var(--sans-serif); overflow-y: scroll; height: 100%; padding: 1rem;} +@media (max-width: 1023px) { + #phpinfo {padding: 0 0.4rem 0.4rem 0.4rem;} + #phpinfo .e {word-break: break-word; min-width: 100px; max-width: 33%;} + #phpinfo .h {word-break: break-word;} + #phpinfo .v {word-break: break-word;} +} +@media (min-width: 1024px) { + #phpinfo .e {min-width: 200px;width: 33%;} + #phpinfo .v {word-break: break-word;} +} +#phpinfo td a img { display: none; } +#phpinfo pre {margin: 0; font-family: monospace;} +#phpinfo table {border-collapse: collapse; border: 0; width: 100%;} +#phpinfo .center {text-align: center;} +@media (min-width: 1024px) {#phpinfo .center table:first-child {margin-top: 0;}} +#phpinfo .center table {margin: 1rem auto; text-align: left;} +#phpinfo td, th {border: 1px solid var(--bg-4); font-size: 75%; vertical-align: baseline; padding: 4px 5px;} +#phpinfo th {position: sticky; top: 0; background-color: inherit;} +#phpinfo h1 {font-size: 150%;} +#phpinfo h2 {font-size: 125%;} +#phpinfo .p {text-align: left; margin: 0;} +#phpinfo .e {background-color: var(--bg-3); font-weight: bold; } +#phpinfo .h {background-color: var(--phpinfo-h-bg); font-weight: bold; } +#phpinfo .v {background-color: var(--bg-3); overflow-x: auto; } +#phpinfo .v i {color: var(--phpinfo-v-i-font);} +#phpinfo img {float: right; border: 0;} +#phpinfo hr {width: 100%; background-color: var(--phpinfo-hr-bg); border: 0; height: 1px;} +#phpinfo th { border-color: transparent;} +#phpinfo tr:hover td {background-color: var(--bg-2);} +/* End */ + + +/* Modules */ +#modules { + display: grid; + height: 100%; + overflow-y: auto; + grid-auto-rows: max-content; + row-gap: 1rem; +} + +@media (max-width: 1023px) { + #modules { + padding: 1rem 0.4rem 1rem 0.4rem; + display: flex; /*Samsung Browser - padding-bottom*/ + flex-direction: column; /*Samsung Browser - padding-bottom*/ + } + +} +@media (min-width: 1024px) { + #modules { + padding: 1rem; + } +} + +#modules > div { + display: grid; + row-gap: 0.5rem; +} + +#modules .upload_dnd { + height: 40px; + position: relative; + margin-top: 0.5rem; + padding: 9px 11px 5px 11px; + border-radius: 0.3rem; + color: var(--windows-font); + background-color: var(--bg-4); + white-space: nowrap; + width: max-content; + font-size: 0.9rem; + user-select: none; +} +#modules .upload_dnd #module-upload { + width: 100%; + height: 100%; + left: 0; + right: 0; + top: 0; + bottom: 0; + opacity: 0; + overflow: hidden; + position: absolute; + z-index: 7; + cursor: pointer; +} + +label[for=module-upload] { + display: block; + white-space: nowrap; + width: max-content; + font-size: 0.9rem; + user-select: none; +} + +input[type="file" i]::-webkit-file-upload-button { + cursor: pointer; +} + +#modules .modules-grid > div { + display: grid; + grid-template-areas: + "module-name module-version" + "module-description module-description" + "module-sw-btn module-del-btn"; + grid-template-columns: 1fr auto; + overflow: hidden; + border-radius: 0.3rem; + padding: 0.7rem; + column-gap: 0.7rem; + box-shadow: var(--shadows); + row-gap: 0.1rem; + background-image: var(--noise); +} + +#modules .modules-grid > div.enabled { + background-color: var(--windows); +} +@media (min-width: 1024px) { + #modules .modules-grid > div.enabled:hover { + background-color: var(--windows-hover); + } +} + +#modules .modules-grid > div.disabled { + background-color: var(--modules-grid-div-disabled); +} +@media (min-width: 1024px) { + #modules .modules-grid > div.disabled:hover { + background-color: var(--modules-grid-div-disabled-hover); + } +} + +#modules .module-name { + grid-area: module-name; + margin-top: -5px; + font-size: 1rem; + font-weight: 600; +} +#modules .enabled .module-name { + color: var(--windows-font); +} +#modules .disabled .module-name { + color: var(--disabled-module); +} + +#modules .module-version { + grid-area: module-version; + margin-top: -5px; + font-size: 1rem; + color: var(--text); +} +#modules .module-description { + grid-area: module-description; + font-size: 0.9rem; +} +#modules .enabled .module-description { + color: var(--enabled-module-description); +} +#modules .enabled .module-description a { + color: var(--link); + text-decoration: none; +} +#modules .disabled .module-description { + color: var(--disabled-module); +} + +#modules .module-del-btn { + grid-area: module-del-btn; + font-size: 0.9rem; + color: var(--link); + cursor: pointer; + text-align: right; + user-select: none; +} + +#modules .module-sw-btn { + grid-area: module-sw-btn; + width: max-content; + font-size: 0.9rem; + user-select: none; + cursor: pointer; +} +#modules .enabled .module-sw-btn { + color: var(--link); +} +#modules .disabled .module-sw-btn { + color: var(--disabled-module-sw-btn); +} +/* End */ + + + +/* Admin Menu */ +#admin_menu { + display: grid; + height: 100%; + overflow-y: auto; + grid-auto-rows: max-content; +} + +#admin_menu .main-main { + display: grid; + gap: 1rem; +} +@media (max-width: 1023px) { + #admin_menu .main-main { + padding: 1rem 0.7rem 0.3rem 0.7rem; + } +} +@media (min-width: 1024px) { + #admin_menu .main-main { + padding: 1rem 1rem 0.3rem 1rem; + } +} + + +@media (max-width: 1023px) { + #admin_menu .main-footer { + padding: 1rem 0.7rem 1rem 0.7rem; + } +} +@media (min-width: 1024px) { + #admin_menu .main-footer { + padding: 1rem; + } +} + + + +#admin_menu [data-am-type="section"] { + display: grid; + grid-template-areas: + "title sort" + "buttons buttons"; + grid-template-columns: 1fr auto; + column-gap: 1rem; + row-gap: 0.7rem; + background-color: var(--windows); + background-image: var(--noise); + border-radius: 0.3rem; + position: relative; + min-height: 4rem; + overflow: hidden; + padding: 0.7rem; +} + +#admin_menu [data-am-type="section"].hidden::before { + content: ""; + position: absolute; + right: 2px; + bottom: 2px; + z-index: 1; + width: 7px; + height: 7px; + border-radius: 50%; + background-color: var(--orange); +} + +#admin_menu .items-grid { + display: grid; + row-gap: 0.3rem; + padding: 0.8rem 0 0.5rem 0.5rem; + margin-top: -5px; + background-color: var(--windows); + border-radius: 0 0 0.3rem 0.3rem; +} + +#admin_menu [data-am-type="section"] input[name=title] { + grid-area: title; + width: 100%; + background-color: var(--menu-input-bg); + border: 2px solid var(--menu-input-border); +} + +#admin_menu [data-am-type="section"] input[name=sort] { + grid-area: sort; + width: 4rem; + justify-self: right; + text-align: center; + background-color: var(--menu-input-bg); + border: 2px solid var(--menu-input-border); +} +#admin_menu input { + border-radius: 4px; + min-height: 30px; + height: 100%; + background-color: var(--bg-4); + border: 1px solid var(--bg-4); + color: var(--text); +} +#admin_menu input { + padding: 0 0.54rem; + font-size: 0.94rem; +} + + +#admin_menu .section-select-grid { + grid-area: select; + position: relative; +} +#admin_menu .field-select { + display: grid; + grid-template-columns: 1fr 28px; + height: 100%; + min-height: 30px; + cursor: pointer; + background-color: var(--bg-4); + border: 1px solid var(--bg-4); + border-radius: 4px; + user-select: none; +} +#admin_menu .field-select > .value { + padding: 0 0.1rem 0 0.54rem; + white-space: nowrap; + overflow: hidden; + line-height: 26px; + font-size: 0.9rem; + color: var(--text); +} +#admin_menu .field-select > .icon { + background-image: var(--select-icon); + background-repeat: no-repeat; + background-position: center; + background-size: 12px; +} + +#admin_menu .field-options { + display: grid; + position: absolute; + height: 0; + overflow: hidden; + width: 100%; + border-radius: 0.25rem; + box-shadow: 0 2px 3px 0 #00000033; + max-height: 17rem; + z-index: 777; +} +#admin_menu .field-options.open { + background-color: var(--bg-3); + border: 2px solid var(--bg-4); + color: var(--text); + overflow: auto; + height: auto; + min-width: max-content; + margin-top: 2px; +} +#admin_menu .field-options .option { + padding: 0.4rem 0.44rem; + cursor: pointer; + font-size: 0.9rem; +} +#admin_menu .field-options .option:hover { + background-color: var(--bg-2); +} + + + + + +#admin_menu .am-grid { + display: grid; + row-gap: 1rem; +} + +#admin_menu .am-grid > div { + box-shadow: 0 0 3px 0 #00000096; + border-radius: 0.3rem; +} + +#admin_menu .main-footer { + grid-auto-flow: column; + display: grid; + justify-content: start; + grid-column-gap: 1rem; +} + +#admin_menu .add-section, #admin_menu .reset-all { + display: block; + width: max-content; + padding: 0.4rem 0.7rem 0.5rem 0.7rem; + background-color: var(--bg-4); + text-decoration: none; + font-size: 0.9rem; + color: var(--windows-font); + border-radius: 0.3rem; + user-select: none; + cursor: pointer; +} + + +#admin_menu [data-am-type="item"] { + display: grid; + grid-template-areas: + "item-name select sort" + "buttons buttons buttons"; + grid-template-columns: 1fr auto auto; + column-gap: 1rem; + row-gap: 0.7rem; + background-color: var(--bg-3); + background-image: var(--noise); + border-radius: 0.3rem 0 0 0.3rem; + position: relative; + min-height: 4rem; + padding: 0.7rem; +} +#admin_menu [data-am-type="item"]:hover { + background-color: var(--open-menu); +} +#admin_menu [data-am-type="item"].hidden::before { + content: ""; + position: absolute; + right: 2px; + bottom: 2px; + z-index: 1; + width: 7px; + height: 7px; + border-radius: 50%; + background-color: var(--orange); +} + +#admin_menu .item-name { + grid-area: item-name; + font-size: 1rem; + align-self: center; + margin-top: -5px; + color: var(--aside-section-a); + white-space: pre; + overflow: hidden; + text-overflow: ellipsis; +} +#admin_menu [data-am-type="item"].hidden .item-name { + opacity: 0.3; + user-select: none; +} + +#admin_menu select { + grid-area: select; +} +#admin_menu [data-am-type] .buttons { + grid-area: buttons; + display: grid; + grid-template-columns: auto auto auto; + justify-content: right; + column-gap: 1rem; + font-size: 0.9rem; +} +#admin_menu [data-am-type] .buttons > a { + cursor: pointer; + color: var(--buttons-font); + user-select: none; +} +#admin_menu [data-am-type] .buttons > a:hover { + color: var(--buttons-hover); +} + +#admin_menu input[name="sort"] { + width: 4rem; + text-align: center; +} +/* End */ + + + +@media (max-width: 1023px) { + .mobile-menu-open .milk { + display: block; + position: fixed; + left: 0; + right: 0; + top: 0; + bottom: 0; + opacity: 0.7; + z-index: 10; + background-color: var(--mobile-menu-open-milk); + } +} + +/* Service Messages */ +.log-info-box { + position: fixed; + z-index: 770; + display: inline-grid; +} +@media (max-width: 1023px) { + .log-info-box { + top: 3rem; + right: 0.3rem; + } +} +@media (min-width: 1024px) { + .log-info-box { + top: 2.5rem; + right: 0.3rem; + } +} + +.log-info-box > div { + padding: 15px; + font-size: 0.875rem; + margin-bottom: 10px; + border-radius: 5px; + justify-self: right; +} + +.info-success { + background-color: var(--info-success); + color: var(--info-fonts-success); + box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2); +} +.info-success a { + color: var(--info-fonts-success); +} + +.info-error { + background-color: var(--info-error); + color: var(--info-fonts-error); + box-shadow: 0 2px 3px 0 #00000033; +} +.info-error a { + color: var(--info-fonts-error); +} +.log-info-box > .timeout { + overflow: hidden; + height: 0 !important; + transition: height 0.5s, opacity 0.2s, padding 0.5s, margin 0.5s; + opacity: 0; + padding-top: 0; + padding-bottom: 0; + margin-bottom: 0; +} + + +/* Checks */ +input[type="checkbox"] { + width: 1.4rem; + height: 1.4rem; + border-radius: 0.25rem; + background-repeat: no-repeat; + background-position: center; + background-size: contain; + appearance: none; + border: 2px solid; + background-color: var(--bg-3); + border-color: var(--bg-4); + cursor: pointer; +} +input[type="checkbox"]:checked { + background-color: var(--orange); + border-color: var(--orange); + box-shadow: 0 0 0 0.25rem var(--focus-orange); + background-image: var(--check-icon); +} + +@-moz-document url-prefix() +{ + .enable-cache { + transform: translateY(-1px); + } +} + +/* Buttons */ +button { + display: flex; + justify-content: center; + min-height: 35px; + padding: 5px 12px 0 12px; + border-radius: 0.25rem; + background-color: var(--button-bg); + border: 1px solid var(--button-border); + color: var(--windows-font); + font-family: var(--sans-serif); + font-size: 1rem; + user-select: none; + cursor: pointer; +} + +.CodeMirror-dialog button { + display: grid; + min-height: auto; + margin: 4px 0; + padding: 2px 10px 3px 10px; +} +.CodeMirror-search-label { + align-self: center; +} +.CodeMirror-dialog-top { + display: grid; + grid-auto-flow: column; + justify-content: left; + gap: 7px; +} +.CodeMirror-dialog button { + display: grid; + background-color: var(--bg-3); +} + + +.CodeMirror-dialog button:active { + margin: 4px 0; + padding: 2px 10px 2px 10px; +} +.classic .CodeMirror-dialog button { + height: 24px; + padding: 2px 10px 0 10px; + margin: 2px 0; + border-bottom: 1px solid #0c0c0c; + border-right: 1px solid #0c0c0c; + border-top: 1px solid #4c4949; + border-left: 1px solid #4c4949; + outline: 1px solid #131313; + outline-offset: 0px; +} +.classic .CodeMirror-dialog button:active { + height: 24px; + padding: 4px 10px 0 10px; + margin: 2px 0; + border-bottom: 1px solid #393737; + border-right: 1px solid #393737; + border-top: 1px solid #0c0c0c; + border-left: 1px solid #0c0c0c; +} + + +/* Menu */ +.classic aside section a { + padding: 3px 5px 3px 36px; + border-color: transparent; + border-style: solid; + border-left-width: 0; + border-right-width: 2px; + border-top-width: 2px; + border-bottom-width: 2px; + border-radius: 0; +} +.classic aside section a:hover { + border-color: #393737; +} +.classic section a.active { + border-color: #393737; + background-color: var(--bg-2); +} +.classic section a.red { + border-color: red; +} +.classic section a.red:hover { + border-color: red; +} + +/* Messages Info */ +.classic .log-info-box > div { + border-width: 2px; + border-color: #999999; + border-style: solid; + border-radius: 0; +} +.classic .log-info-box .timeout { + border-width: 0; +} +.classic .info-success { + background-color: #292827ed; + color: #ffffff; + box-shadow: 4px 5px 0px 0 #00000077; +} +.classic .info-error { + box-shadow: 4px 5px 0px 0 #00000077; +} + +/* Update */ +#modules .dev-window.developers_only { + display: none; +} +#modules > div { + background-image: var(--noise); +} + + +#modules .update-window { + display: grid; + grid-auto-rows: max-content; + row-gap: 0.7rem; + box-shadow: var(--shadows); + border-radius: 0.3rem; + background-color: var(--windows); +} +#modules .update-window div p { + font-size: 1rem; + color: var(--text); +} +#modules .update-window div p:last-child { + margin-bottom: 0.5rem; +} +#modules .update-window > div:first-child, #modules .dev-window > div:first-child { + color: var(--windows-font); + font-size: 1rem; + font-weight: 600; +} +@media (max-width: 1023px) { + #modules .update-window { + padding: 1rem 0.7rem 1rem 0.7rem; + } +} +@media (min-width: 1024px) { + #modules .update-window { + padding: 1rem; + } +} + +#modules .dev-window { + display: grid; + grid-auto-rows: max-content; + row-gap: 1rem; + box-shadow: var(--shadows); + border-radius: 0.3rem; + background-color: var(--windows); +} +#modules > .dev-window > div { + color: var(--windows-font); +} +#modules .dev-window p { + font-size: 1rem; + color: var(--text); +} +#modules .dev-window p a { + color: var(--link); +} + +@media (max-width: 1023px) { + #modules .dev-window { + padding: 1rem 0.7rem 1rem 0.7rem; + } +} +@media (min-width: 1024px) { + #modules .dev-window { + padding: 1rem; + } +} + + +#modules .update-window .buttons, #modules .dev-window .buttons { + gap: 1rem; +} +#modules .update-window .buttons a { + width: fit-content; /* для моб */ + justify-self: center; /* для моб */ + color: var(--link); + text-decoration: none; + font-size: 0.9rem; +} +@media (max-width: 767px) { + #modules .update-window .buttons, #modules .dev-window .buttons { + display: grid; + } +} +@media (min-width: 768px) { + #modules .dev-window .buttons { + display: flex; + justify-content: start; + } + #modules .update-window .buttons { + display: grid; + grid-template-columns: auto auto 1fr [book] auto [dev] auto; + } + #modules .update-window .buttons a { + grid-column-start: book; + align-self: center; + } + #modules .update-window .buttons [data-show-dev] { + grid-column-start: dev; + } + /*#modules .update-window .buttons > button { + justify-self: right; + }*/ +} + + +#modules .update-window > div, #modules .dev-window > div { + display: grid; + row-gap: 0.5rem; +} + +#modules .changed-files { + display: grid; + grid-auto-rows: max-content; + row-gap: 1rem; + box-shadow: var(--shadows); + border-radius: 0.3rem; + background-color: var(--windows); + color: var(--template-files-file); + font-size: 13px; + font-family: var(--monospace); + padding: 10px; +} + + + +.classic #start > div { + border-radius: 0; + border: 2px solid #393737; +} + + +/*#region Page Classic*/ + +.classic .lang-selector, +.classic .login .field-select, +.classic .login .lang-select-grid .field-options, +.classic .login-and-password, +.classic .login-and-password .login input, +.classic .login-and-password .password input, +.classic .login-and-password .password button { + border-radius: 0; +} +.classic .login-and-password { + gap: 7px; +} + +.classic .login .field-select, +.classic .login-and-password .login input, +.classic .login-and-password .password input { + border-bottom: 2px solid #413e3e; + border-right: 2px solid #413e3e; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + background-color: #181616; +} + +.classic .login-and-password .password input { + grid-column: 1 / 2; +} + +.classic .login-and-password .password-eye { + border-bottom: 2px solid #0c0c0c; + border-right: 2px solid #0c0c0c; + border-top: 2px solid #5e5a5a; + border-left: 2px solid #5e5a5a; +} +.classic .login-and-password .password-eye:active { + border-bottom: 2px solid #5e5a5a; + border-right: 2px solid #5e5a5a; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + background-color: #312e2d; + background-size: 19px; +} +.classic .login-and-password .password-eye.showed { + border-bottom: 2px solid #5e5a5a; + border-right: 2px solid #5e5a5a; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + background-color: #312e2d; + background-size: 19px; +} +.classic .login-and-password .password button { + border-bottom: 2px solid #0c0c0c; + border-right: 2px solid #0c0c0c; + border-top: 2px solid #5e5a5a; + border-left: 2px solid #5e5a5a; +} +.classic .login-and-password .password button:active { + border-bottom: 2px solid #5e5a5a; + border-right: 2px solid #5e5a5a; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + background-color: #312e2d; + background-size: 21px; +} + +.classic .login .lang-select-grid .field-options.open { + border: 2px solid #5b5756; + box-shadow: 0 2px 3px 0 #000000cc; +} + + +@media (min-width: 1025px) { + .classic #pages .pages-grid { + row-gap: 3px; + } +} +.classic #pages .pages-grid > div { + border-radius: 0; + border-bottom: 1px solid #0c0c0c; + border-right: 1px solid #0c0c0c; + border-top: 1px solid #393737; + border-left: 1px solid #393737; + row-gap: 1px; +} +.classic #pages .pages-grid a.page-name { + margin-bottom: 3px; +} +.classic #pages .page-buttons { + column-gap: 0.3rem; +} + +.dark.classic #pages .page-date { + border-bottom: 1px solid #413e3e; + border-right: 1px solid #413e3e; + border-top: 1px solid #111; + border-left: 1px solid #111; + background-color: #292727; +} +.dark.classic #pages input[type="checkbox"] { + border-radius: 0; + border-bottom: 2px solid #413e3e; + border-right: 2px solid #413e3e; + border-top: 2px solid #111111; + border-left: 2px solid #111111; +} +.classic #pages input[type="checkbox"]:checked { + background-color: var(--orange); + border-bottom: 2px solid #bd3900; + border-right: 2px solid #bd3900; + border-top: 2px solid #762300; + border-left: 2px solid #762300; + box-shadow: 0 0 3px 0.5rem var(--focus-orange); +} + +.classic #pages .page-search { + border-radius: 0; + border-bottom: 2px solid #292727; + border-right: 2px solid #292727; + border-top: 2px solid #111111; + border-left: 2px solid #111111; +} + +.classic #pages .page-prop input, .classic .page-prop textarea, .classic #pages .page-properties input, .classic #pages .page-properties textarea { + border-radius: 0; + border-bottom: 2px solid #413e3e; + border-right: 2px solid #413e3e; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; +} +.classic #pages .page-prop .field-select, .classic #pages .page-properties .field-select { + border-radius: 0; + border-bottom: 2px solid #413e3e; + border-right: 2px solid #413e3e; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; +} + +.classic .login .field-select .icon, +.classic #pages .page-prop .field-select > .icon, +.classic #pages .page-properties .field-select > .icon { + border-bottom: 2px solid #0c0c0c; + border-right: 2px solid #0c0c0c; + border-top: 2px solid #5e5a5a; + border-left: 2px solid #5e5a5a; + background-color: #383433; + margin: 1px; +} + +.classic .login .field-select:active > .icon, +.classic #pages .page-prop .field-select:active > .icon, +.classic #pages .page-properties .field-select:active > .icon { + border-radius: 0; + border-bottom: 2px solid #413e3e; + border-right: 2px solid #413e3e; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + background-position: center calc(50% + 1px); +} +.classic .login .lang-select-grid.open .field-select > .icon, +.classic #pages .page-prop .template-select-grid.open .field-select > .icon, +.classic #pages .page-properties .template-select-grid.open .field-select > .icon { + border-radius: 0; + border-bottom: 2px solid #413e3e; + border-right: 2px solid #413e3e; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + background-position: center calc(50% + 1px); +} + + + + +.classic #pages .page-prop .field-select, .classic #pages .page-properties .field-select { + grid-template-columns: 1fr 26px; +} +.classic #pages .page-prop .template-select-grid .field-options.open, .classic #pages .page-properties .template-select-grid .field-options.open { + border-radius: 0; + margin-left: 1px; + width: calc(100% - 1px); + border: 2px solid #5b5756; + box-shadow: 0 2px 3px 0 #000000cc; +} + +.classic #pages .page-buttons .page-edit-btn { + margin-left: -5px; +} +.classic #pages .pages-grid > div.open { + background-color: #282525; +} + +.classic #pages .page-buttons div { + height: 24px; + border-bottom: 1px solid #0c0c0c; + border-right: 1px solid #0c0c0c; + border-top: 1px solid #393737; + border-left: 1px solid #393737; + padding: 0px 5px 2px 5px; + outline: 1px solid #1b1a1a; + outline-offset: 0px; +} +@media (max-width: 320px) { + .classic #pages .page-buttons div { + height: 20px; + } +} +.classic #pages .pages-grid > div.open .page-prop-btn { + padding-top: 1px; + border-bottom: 1px solid #393737; + border-right: 1px solid #393737; + border-top: 1px solid #0c0c0c; + border-left: 1px solid #0c0c0c; +} +.classic #pages .page-buttons div:active { + padding-top: 1px; + border-bottom: 1px solid #393737; + border-right: 1px solid #393737; + border-top: 1px solid #0c0c0c; + border-left: 1px solid #0c0c0c; +} + +.classic #pages .page-prop .title, .classic #pages .page-properties .title { + user-select: none; +} + +.classic .page-prop .url-input, .classic .page-properties .url-input { + gap: 5px; +} +.classic .page-prop .url-input > input, .classic #pages .page-properties .url-input > input { + grid-column: 1 / 2; + padding-right: 0; +} +.classic .page-prop .url-input .url-translit, .classic #pages .page-properties .url-input .url-translit { + border-bottom: 2px solid #0c0c0c; + border-right: 2px solid #0c0c0c; + border-top: 2px solid #393737; + border-left: 2px solid #393737; + background-size: 22px; + outline-offset: 0px; +} +.classic .page-prop .url-input .url-translit { + outline: 1px solid #1b1a1a; +} +.classic #pages .page-properties .url-input .url-translit { + outline: 1px solid #131313; +} + +.classic .page-prop .url-input .url-translit:active, .classic #pages .page-properties .url-input .url-translit:active { + border-bottom: 2px solid #393737; + border-right: 2px solid #393737; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + background-color: #1e1d1d; + background-size: 21px; +} + +.classic #pages .counters input { + border-radius: 0; + border-bottom: 2px solid #413e3e; + border-right: 2px solid #413e3e; + border-top: 2px solid #111111; + border-left: 2px solid #111111; +} + + + +.classic #pages .page-editor { + border-bottom: 2px solid #413e3e; + border-right: 2px solid #413e3e; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + margin: 0 5px 0 5px; +} +.classic #pages .page-editor-grid > .tags { + background-color: #1e1d1d; + margin: 2px 5px 0 0; +} +.classic #pages .tags-grid > div { + border-bottom: 1px solid #0c0c0c; + border-right: 1px solid #0c0c0c; + border-top: 1px solid #393737; + border-left: 1px solid #393737; + background-color: #292727; + user-select: none; +} +.classic #pages .tags-grid > div:active { + border-bottom: 1px solid #0c0c0c; + border-right: 2px solid #0c0c0c; + border-top: 1px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + background-color: #292727; +} +.classic #pages .tags-grid { + padding: 0; + gap: 2px; +} + + + +.classic #pages .search-wrapper { + gap: 7px; +} +.classic #pages .page-search { + grid-column: 1 / 3; +} + + +.classic #pages .reset { + border-radius: 0; + border-bottom: 1px solid #0c0c0c; + border-right: 1px solid #0c0c0c; + border-top: 1px solid #393737; + border-left: 1px solid #393737; +} +.classic #pages .reset:active { + border-bottom: 1px solid #393737; + border-right: 1px solid #393737; + border-top: 1px solid #0c0c0c; + border-left: 1px solid #0c0c0c; + background-position: center calc(50% + 1px); +} +.classic #pages .reset:hover { + background-color: transparent; +} + +.classic #pages .page-search-button { + border-bottom: 2px solid #0c0c0c; + border-right: 2px solid #0c0c0c; + border-top: 2px solid #393737; + border-left: 2px solid #393737; + border-radius: 0; +} +.classic #pages .page-search-button:active { + border-bottom: 2px solid #393737; + border-right: 2px solid #393737; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + background-position: center calc(50% + 1px); +} + + +.classic #pages .add-page-btn { + width: 35px; + border-bottom: 2px solid #0c0c0c; + border-right: 2px solid #0c0c0c; + border-top: 2px solid #393737; + border-left: 2px solid #393737; + border-radius: 0; +} +.classic #pages .add-page-btn:active { + border-bottom: 2px solid #393737; + border-right: 2px solid #393737; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; +} +.classic #pages .add-page-btn:active .x1 { + height: 14px; +} +.classic #pages .add-page-btn:active .x2 { + width: 14px; +} +.classic #pages .add-page-btn:hover { + background-color: unset; +} + +@media (max-width: 1023px) { + .classic #pages .add-page-btn .add-page-label { + display: none; + } +} +@media (min-width: 1024px) { + .classic #pages .add-page-btn { + width: auto; + border: 0; + border-radius: 0; + } + .classic #pages .add-page-btn:active { + border: 0; + } + .classic #pages .add-page-btn:hover { + border: 0; + } + .classic #pages .add-page-btn .add-page-label { + padding: 4px 10px 4px 10px; + border-radius: 0; + border-bottom: 2px solid #0c0c0c; + border-right: 2px solid #0c0c0c; + border-top: 2px solid #393737; + border-left: 2px solid #393737; + } + .classic #pages .add-page-btn .add-page-label:active { + padding-top: 5px; + border-bottom: 2px solid #393737; + border-right: 2px solid #393737; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + } + .classic #pages .add-page-btn .add-page-label:hover { + background-color: unset; + } + .classic #pages .add-page-btn .x1, .classic #pages .add-page-btn .x2 { + display: none; + } +} + + +.classic #pages .del-pages-btn { + border-bottom: 2px solid #0c0c0c; + border-right: 2px solid #0c0c0c; + border-top: 2px solid #393737; + border-left: 2px solid #393737; + border-radius: 0; +} + +.classic #pages .del-pages-btn:active { + border-bottom: 2px solid #393737; + border-right: 2px solid #393737; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + background-position: center calc(50% + 1px); +} +.classic #pages .del-pages-btn:hover { + background-color: unset; +} + + +.classic #pages .page-editor-grid { + border-radius: 0; + border: 2px solid #393737; +} +@media (max-width: 1023px) { + .classic #pages .page-editor-grid { + border-top: 2px solid #393737; + border-bottom: 2px solid #393737; + border-right: 0; + border-left: 0; + } +} + +.classic #pages .close-page-button { + border-bottom: 2px solid #0c0c0c; + border-right: 2px solid #0c0c0c; + border-top: 2px solid #393737; + border-left: 2px solid #393737; + border-radius: 0; +} +.classic #pages .close-page-button:active { + border-bottom: 2px solid #393737; + border-right: 2px solid #393737; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + background-position: center calc(50% + 1px); +} +.classic #pages .close-page-button:hover { + background-color: unset; +} + +.classic #pages .page-editor-buttons { + gap: 4px; +} +@media (min-width: 1024px) { + .classic #pages .page-editor-buttons { + padding: 10px 14px 10px 11px; + } +} + +.classic #pages .save-page-button, +.classic #pages .open-properties, +.classic #pages .classic .page-editor-grid.properties, +.classic #pages .open-mediateka { + height: 25px; + border-bottom: 1px solid #0c0c0c; + border-right: 1px solid #0c0c0c; + border-top: 1px solid #393737; + border-left: 1px solid #393737; + padding: 0px 5px 2px 5px; +} +.classic #pages .page-editor-buttons > div { + outline: 1px solid #131313; + outline-offset: 0px; +} +.classic #pages .save-page-button:active, +.classic #pages .open-properties:active, +.classic #pages .classic .page-editor-grid.properties:active, +.classic #pages .open-mediateka:active { + height: 25px; + border-bottom: 1px solid #393737; + border-right: 1px solid #393737; + border-top: 1px solid #0c0c0c; + border-left: 1px solid #0c0c0c; + padding: 1px 5px 2px 5px; +} + +.classic #pages .page-editor-buttons .save-page-button:active { + border-bottom: 1px solid #393737; + border-right: 1px solid #393737; + border-top: 1px solid #0c0c0c; + border-left: 1px solid #0c0c0c; + padding: 1px 5px 2px 5px; +} +.classic #pages .page-editor-grid .tags-helper { + height: 25px; + border-bottom: 1px solid #0c0c0c; + border-right: 1px solid #0c0c0c; + border-top: 1px solid #393737; + border-left: 1px solid #393737; + padding: 0px 5px 2px 5px; +} +.classic #pages .page-editor-grid.tags-opened .tags-helper { + border-bottom: 1px solid #393737; + border-right: 1px solid #393737; + border-top: 1px solid #0c0c0c; + border-left: 1px solid #0c0c0c; + padding: 1px 5px 2px 5px; +} +.classic #pages .page-editor-grid .tags-helper:active { + border-bottom: 1px solid #393737; + border-right: 1px solid #393737; + border-top: 1px solid #0c0c0c; + border-left: 1px solid #0c0c0c; + padding: 1px 5px 2px 5px; +} + +.classic #pages .page-editor-grid.properties .open-properties { + border-bottom: 1px solid #393737; + border-right: 1px solid #393737; + border-top: 1px solid #0c0c0c; + border-left: 1px solid #0c0c0c; + padding: 1px 5px 2px 5px; +} +.classic #pages .page-editor-grid.mediateka .open-mediateka { + border-bottom: 1px solid #393737; + border-right: 1px solid #393737; + border-top: 1px solid #0c0c0c; + border-left: 1px solid #0c0c0c; + padding: 1px 5px 2px 5px; +} + +.classic #pages .codemirror-replace { + height: 25px; + border-bottom: 1px solid #0c0c0c; + border-right: 1px solid #0c0c0c; + border-top: 1px solid #393737; + border-left: 1px solid #393737; + padding: 0px 5px 2px 5px; +} +.classic #pages .codemirror-replace:active { + border-bottom: 1px solid #393737; + border-right: 1px solid #393737; + border-top: 1px solid #0c0c0c; + border-left: 1px solid #0c0c0c; + padding: 1px 5px 2px 5px; +} + +.classic #pages .page-editor-buttons a, .classic #pages .page-editor-buttons a { + padding: 0px 5px 2px 5px; +} + + + + + + + + +.classic #pages .file-block { + border-radius: 0; + border: 2px solid var(--br-3); +} + + + + + +.classic #pages .upload-files { + border-bottom: 2px solid #0c0c0c; + border-right: 2px solid #0c0c0c; + border-top: 2px solid #393737; + border-left: 2px solid #393737; +} +.classic #pages .upload-files:active { + border-bottom: 2px solid #393737; + border-right: 2px solid #393737; + border-top: 2px solid #000000; + border-left: 2px solid #000000; +} +.classic #pages .mediateka-buttons .inputfile + label { + padding-top: 9px; +} +.classic #pages .upload-files:active label { + padding-top: 10px; +} + +.classic #pages .link-file { + border-bottom: 1px solid #413e3e; + border-right: 1px solid #413e3e; + border-top: 1px solid #000000; + border-left: 1px solid #000000; + border-radius: 0; +} +.classic #pages .link-file-copy-btn { + border-bottom: 1px solid #0c0c0c; + border-right: 1px solid #0c0c0c; + border-top: 1px solid #393737; + border-left: 1px solid #393737; + border-radius: 0; + height: 32px; + line-height: 28px; + align-items: unset; +} +.classic #pages .link-file-copy-btn:active { + border-bottom: 1px solid #393737; + border-right: 1px solid #393737; + border-top: 1px solid #0c0c0c; + border-left: 1px solid #0c0c0c; + border-radius: 0; + padding-top: 1px; +} + +.classic #pages .del-uploaded-files.disabled { + border-bottom: 1px solid #393737; + border-right: 1px solid #393737; + border-top: 1px solid #0c0c0c; + border-left: 1px solid #0c0c0c; + box-shadow: unset; + border-radius: 0; +} +.classic #pages .del-uploaded-files.disabled:active { + border-bottom: 1px solid #393737; + border-right: 1px solid #393737; + border-top: 1px solid #0c0c0c; + border-left: 1px solid #0c0c0c; + padding-top: 10px; +} + +.classic #pages .del-uploaded-files { + border-bottom: 1px solid #ff6b29; + border-right: 1px solid #ff6b29; + border-top: 1px solid #ff844d; + border-left: 1px solid #ff844d; + box-shadow: 0 0 3px 5px var(--focus-orange); + border-radius: 0; + height: 40px; + padding-top: 10px; + align-items: unset; + user-select: none; +} +.classic #pages .del-uploaded-files:hover { + box-shadow: 0 0 3px 5px var(--focus-orange); +} +.classic #pages .del-uploaded-files:active { + border-bottom: 1px solid #ff6b29; + border-right: 1px solid #ff6b29; + border-top: 1px solid #ffb492; + border-left: 1px solid #ffb492; + padding-top: 11px; +} + +/*#endregion Page Classic*/ + + + + + +/*#region Menu Classic*/ + + +.classic #menu .menu, +.classic #menu .item, +.classic #menu .items-grid, +.classic #menu input[type="text"], +.classic #menu .menu-prop .field-select-menu, +.classic #menu .menu-prop .area-select-grid .field-options.open, +.classic #menu .menu-prop .field-select, +.classic #menu .target-blank input[type="checkbox"], +.classic #menu .select-grid .select-dropdown, +.classic #menu .menu-prop .parent-select-grid .field-options, +.classic #menu .menu-grid > div > .items-grid { + border-radius: 0; +} + +.classic #menu .menu-grid > div { + border: 2px solid #393737; + border-radius: 0; +} + +.classic #menu .item { + border-bottom: 1px solid #0c0c0c; + border-right: 1px solid #0c0c0c; + border-top: 1px solid #393737; + border-left: 1px solid #393737; +} + +.classic #menu .menu .menu-buttons, .classic #menu .item .menu-buttons { + column-gap: 0.3rem; +} +.classic #menu .menu .menu-buttons > div { + outline: 1px solid #1b1a1a; + outline-offset: 0px; +} +.classic #menu .item .menu-buttons > div { + outline: 1px solid #111111; + outline-offset: 0px; +} +.classic #menu .will-be-deleted .item .menu-buttons .del { + outline: 1px dashed red; + outline-offset: 2px; +} + +.classic #menu .menu-buttons div { + height: 24px; + border-bottom: 1px solid #0c0c0c; + border-right: 1px solid #0c0c0c; + border-top: 1px solid #393737; + border-left: 1px solid #393737; + padding: 0px 5px 2px 5px; +} +.classic #menu .menu-buttons div:active { + border-bottom: 1px solid #393737; + border-right: 1px solid #393737; + border-top: 1px solid #0c0c0c; + border-left: 1px solid #0c0c0c; + padding: 1px 5px 2px 5px; +} +.classic #menu .menu-grid > div.will-be-deleted .del, .classic #menu .will-be-deleted .item .del { + border-radius: 0; +} + +.classic #menu .menu .save { + opacity: 0; + pointer-events: none; +} +.classic #menu .menu.changed .save { + opacity: 1; + color: var(--save-menu); + pointer-events: all; +} + +.classic #menu .item .save { + opacity: 0; + pointer-events: none; +} +.classic #menu .item.changed .save { + opacity: 1; + color: var(--save-menu); + pointer-events: all; +} + +.classic #menu .menu.open .prop { + border-bottom: 1px solid #393737; + border-right: 1px solid #393737; + border-top: 1px solid #0c0c0c; + border-left: 1px solid #0c0c0c; + padding: 1px 5px 2px 5px; +} + +.classic #menu .item.open .prop { + border-bottom: 1px solid #393737; + border-right: 1px solid #393737; + border-top: 1px solid #0c0c0c; + border-left: 1px solid #0c0c0c; + padding: 1px 5px 2px 5px; +} + + +.classic #menu .item.highlite-children::after { + margin-left: -16px; + width: 16px; +} +@media (max-width: 767px) { + .classic #menu .item.highlite-children::after { + margin-left: -8px; + width: 8px; + } +} + +.classic #menu .menu .area.title, .classic #menu .menu .classes.title, .classic #menu .item .menu-prop > .title { + user-select: none; +} +.classic #menu .menu input[name=title], +.classic #menu .menu input[name=classes], +.classic #menu .menu input[name=sort] { + border-bottom: 2px solid #413e3e; + border-right: 2px solid #413e3e; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; +} + +.classic #menu .menu-prop .field-select-menu { + border-bottom: 2px solid #413e3e; + border-right: 2px solid #413e3e; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; +} + +.classic #menu .menu-prop .field-select-menu > .icon, +.classic #menu .menu-prop .field-select > .icon { + border-bottom: 2px solid #0c0c0c; + border-right: 2px solid #0c0c0c; + border-top: 2px solid #5e5a5a; + border-left: 2px solid #5e5a5a; + background-color: #383433; +} + +.classic #menu .menu-prop .field-select-menu:active > .icon, .classic #menu .menu-prop .field-select:active > .icon { + border-bottom: 2px solid #413e3e; + border-right: 2px solid #413e3e; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + background-position: center calc(50% + 1px); +} +.classic #menu .menu-prop .area-select-grid.open .field-select-menu > .icon, +.classic #menu .menu-prop .select-grid.open .field-select > .icon, +.classic #menu .menu-prop .parent-select-grid.open .field-select > .icon { + border-bottom: 2px solid #413e3e; + border-right: 2px solid #413e3e; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + background-position: center calc(50% + 1px); +} + +.classic #menu .menu-prop .area-select-grid.open .field-options, +.classic #menu .menu-prop .select-grid.open .select-dropdown, +.classic #menu .menu-prop .parent-select-grid.open .field-options { + border: 2px solid #5b5756; +} + +.classic #menu .menu-prop .field-select, +.classic #menu .item input[name=title], +.classic #menu .item input[name=tag_title], +.classic #menu .item input[name=url], +.classic #menu .item input[name=classes], +.classic #menu .item input[name=sort] { + border-bottom: 2px solid #413e3e; + border-right: 2px solid #413e3e; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; +} +.classic #menu .target-blank input[type="checkbox"] { + margin-top: 2px; +} +.classic #menu .main-footer .create { + border-radius: 0; + border-bottom: 2px solid #0c0c0c; + border-right: 2px solid #0c0c0c; + border-top: 2px solid #4c4949; + border-left: 2px solid #4c4949; + padding: 4px 11px 5px 11px; + height: 35px; +} +.classic #menu .main-footer .create:active { + border-bottom: 2px solid #4c4949; + border-right: 2px solid #4c4949; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + padding: 5px 11px 5px 11px; +} + +/*#endregion Page Classic*/ + + + + + + +/*#region Base Classic*/ + +.classic #base .db-settings { + border-radius: 0; + border: 2px solid #393737; +} +.classic #base form input { + border-bottom: 2px solid #413e3e; + border-right: 2px solid #413e3e; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + border-radius: 0; +} + + +.classic #base form input[name="password"] { + grid-column: 1 / 2; + padding-right: 0.54rem; +} +.classic #base form .password-widget input { + grid-column: 1 / 2; +} +.classic #base .pro-btn { + height: 34px; + border-bottom: 1px solid #111111; + border-right: 1px solid #111111; + border-top: 1px solid #413e3e; + border-left: 1px solid #413e3e; + background-color: #292727; +} +.classic #base .pro-btn:active { + padding-top: 6px; + border-bottom: 1px solid #413e3e; + border-right: 1px solid #413e3e; + border-top: 1px solid #111111; + border-left: 1px solid #111111; +} +.classic #base form.show-pro .pro-btn { + padding-top: 6px; + border-bottom: 1px solid #413e3e; + border-right: 1px solid #413e3e; + border-top: 1px solid #111111; + border-left: 1px solid #111111; +} + +.classic #base form .password-eye { + border-bottom: 2px solid #0c0c0c; + border-right: 2px solid #0c0c0c; + border-top: 2px solid #5e5a5a; + border-left: 2px solid #5e5a5a; +} +.classic #base form .password-eye:active { + border-bottom: 2px solid #5e5a5a; + border-right: 2px solid #5e5a5a; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + background-color: #272423; + background-position: center calc(50% + 1px); +} +.classic #base form .password-eye.showed { + border-bottom: 2px solid #5e5a5a; + border-right: 2px solid #5e5a5a; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + background-color: #272423; + background-position: center calc(50% + 1px); +} +.classic button { + border-bottom: 2px solid #0c0c0c; + border-right: 2px solid #0c0c0c; + border-top: 2px solid #4c4949; + border-left: 2px solid #4c4949; + padding-top: 4px; + height: 35px; + border-radius: 0; + background-color: #2a2828; +} +.classic button:active { + border-bottom: 2px solid #4c4949; + border-right: 2px solid #4c4949; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + background-color: #1e1d1d; + padding-top: 5px; + background-color: #272423; +} +.classic #base form .pro-btn { + border-radius: 0; +} + + +/*#endregion Base Classic*/ + + + + + + +/*#region Modules Classic*/ + + +.classic #modules .update-window, .classic #modules .dev-window, .classic #modules .changed-files { + border: 2px solid #393737; + border-radius: 0; +} + +.classic #modules .upload_dnd { + border-bottom: 2px solid #0c0c0c; + border-right: 2px solid #0c0c0c; + border-top: 2px solid #4c4949; + border-left: 2px solid #4c4949; + padding: 6px 11px 5px 11px; + height: 40px; + border-radius: 0; +} +.classic #modules .upload_dnd:active { + border-bottom: 2px solid #4c4949; + border-right: 2px solid #4c4949; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + padding: 7px 11px 4px 11px; +} + +.classic #modules > div { + row-gap: 5px; +} +@media (min-width: 1025px) { + .classic #modules > .modules-grid { + row-gap: 3px; + } +} + +.classic #modules .module-description { + margin-bottom: 3px; +} + +.classic #modules .modules-grid > div { + border-radius: 0; + border-bottom: 1px solid #0c0c0c; + border-right: 1px solid #0c0c0c; + border-top: 1px solid #393737; + border-left: 1px solid #393737; +} + + +.classic #modules .module-sw-btn, .classic #modules .module-del-btn { + padding: 0px 5px 2px 5px; + outline: 1px solid #1b1a1a; + outline-offset: 0px; +} +.classic #modules .enabled .module-sw-btn { + height: 24px; + border-bottom: 1px solid #0c0c0c; + border-right: 1px solid #0c0c0c; + border-top: 1px solid #393737; + border-left: 1px solid #393737; +} +.classic #modules .enabled .module-sw-btn:active { + padding-top: 1px; + border-bottom: 1px solid #393737; + border-right: 1px solid #393737; + border-top: 1px solid #0c0c0c; + border-left: 1px solid #0c0c0c +} +.classic #modules .disabled .module-sw-btn, .classic #modules .enabled .module-sw-btn { + margin-left: -5px; +} +.classic #modules .disabled .module-sw-btn { + height: 24px; + border-bottom: 1px solid #0c0c0c; + border-right: 1px solid #0c0c0c; + border-top: 1px solid #393737; + border-left: 1px solid #393737; +} +.classic #modules .disabled .module-sw-btn:active { + padding-top: 1px; + border-bottom: 1px solid #393737; + border-right: 1px solid #393737; + border-top: 1px solid #0c0c0c; + border-left: 1px solid #0c0c0c +} + +.classic #modules .module-del-btn { + height: 24px; + border-bottom: 1px solid #0c0c0c; + border-right: 1px solid #0c0c0c; + border-top: 1px solid #393737; + border-left: 1px solid #393737; +} +.classic #modules .module-del-btn:active { + padding-top: 1px; + border-bottom: 1px solid #393737; + border-right: 1px solid #393737; + border-top: 1px solid #0c0c0c; + border-left: 1px solid #0c0c0c; +} +.classic #modules .module-version { + text-align: center; + padding: 0 5px 1px 5px; + border-bottom: 1px solid #413e3e; + border-right: 1px solid #413e3e; + border-top: 1px solid #111; + border-left: 1px solid #111; + background-color: #292727; +} + +/*#endregion Modules Classic*/ + + + + + + +/*#region Admin_Menu Classic*/ + +.classic #admin_menu .field-select { + grid-template-columns: 1fr 26px; +} + +.classic #admin_menu .am-grid > div, +.classic #admin_menu [data-am-type="section"], +.classic #admin_menu .items-grid, +.classic #admin_menu [data-am-type="item"], +.classic #admin_menu input, +.classic #admin_menu .field-select, +.classic #admin_menu .field-options, +.classic #admin_menu .add-section, +.classic #admin_menu .reset-all { + border-radius: 0; +} +.classic #admin_menu .am-grid > div { + border: 2px solid #393737; +} +.classic #admin_menu [data-am-type="item"] { + border-bottom: 1px solid #0c0c0c; + border-right: 1px solid #0c0c0c; + border-top: 1px solid #393737; + border-left: 1px solid #393737; +} + + +.classic #admin_menu .items-grid { + padding: 13px 3px 8px 8px; +} + + +.classic #admin_menu [data-am-type="section"] input[name=title], .classic #admin_menu [data-am-type="section"] input[name=sort] { + border-bottom: 2px solid #413e3e; + border-right: 2px solid #413e3e; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; +} + +.classic #admin_menu input { + border-bottom: 2px solid #413e3e; + border-right: 2px solid #413e3e; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; +} + + +.classic #admin_menu .field-select { + gap: 7px; + border-bottom: 2px solid #413e3e; + border-right: 2px solid #413e3e; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; +} +.classic #admin_menu .field-select > .icon { + border-bottom: 2px solid #0c0c0c; + border-right: 2px solid #0c0c0c; + border-top: 2px solid #5e5a5a; + border-left: 2px solid #5e5a5a; + background-color: #383433; + margin: 1px; +} +.classic #admin_menu .field-select:active > .icon { + border-bottom: 2px solid #5e5a5a; + border-right: 2px solid #5e5a5a; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + background-position: center calc(50% + 1px); +} +.classic #admin_menu .section-select-grid.open .field-select > .icon { + border-bottom: 2px solid #5e5a5a; + border-right: 2px solid #5e5a5a; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + background-position: center calc(50% + 1px); +} +.classic #admin_menu .section-select-grid.open .field-options { + border: 2px solid #5b5756; +} + +.classic #admin_menu [data-am-type] .buttons { + gap: 10px; +} + +.classic #admin_menu [data-am-type] .buttons > a { + height: 24px; + border-bottom: 1px solid #0c0c0c; + border-right: 1px solid #0c0c0c; + border-top: 1px solid #393737; + border-left: 1px solid #393737; + padding: 0px 5px 2px 5px; + outline: 1px solid #1b1a1a; + outline-offset: 0px; +} +.classic #admin_menu [data-am-type] .buttons > a:active { + border-bottom: 1px solid #393737; + border-right: 1px solid #393737; + border-top: 1px solid #0c0c0c; + border-left: 1px solid #0c0c0c; + padding: 1px 5px 2px 5px; +} +.classic #admin_menu .items-grid [data-am-type] .buttons > a { + outline: 1px solid #111111; +} + +.classic #admin_menu .add-section, .classic #admin_menu .reset-all { + border-bottom: 2px solid #0c0c0c; + border-right: 2px solid #0c0c0c; + border-top: 2px solid #4c4949; + border-left: 2px solid #4c4949; + padding: 4px 11px 5px 11px; + height: 35px; +} +.classic #admin_menu .add-section:active, .classic #admin_menu .reset-all:active { + border-bottom: 2px solid #4c4949; + border-right: 2px solid #4c4949; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + padding: 5px 11px 5px 11px; +} + + + +/*#endregion Admin_Menu Classic*/ + + + + + +/*#region Pages Classic*/ + +.classic #pages .main-footer .pager > div { + height: 22px; + border-bottom: 1px solid #0c0c0c; + border-right: 1px solid #0c0c0c; + border-top: 1px solid #393737; + border-left: 1px solid #393737; + outline: 1px solid #0b0b0b; + outline-offset: 0px; + border-radius: 0; + align-items: unset; +} +.classic #pages .main-footer .pager > div:active { + border-bottom: 1px solid #393737; + border-right: 1px solid #393737; + border-top: 1px solid #0c0c0c; + border-left: 1px solid #0c0c0c; + outline: 1px solid #0b0b0b; + outline-offset: 0px; + padding-top: 1px; +} + +.classic #pages .main-footer .pager > div.active { + border-bottom: 1px solid #393737; + border-right: 1px solid #393737; + border-top: 1px solid #0c0c0c; + border-left: 1px solid #0c0c0c; + padding-top: 1px; +} + +/*#endregion Pages Classic*/ + + + + + +/*#region Auth Classic*/ + +.classic #auth form { + border-radius: 0; + border: 2px solid #393737; +} + +.classic #auth form input { + border-bottom: 2px solid #413e3e; + border-right: 2px solid #413e3e; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + border-radius: 0; +} + +.classic #auth form input[name="admin_password"] { + grid-column: 1 / 2; +} +.classic #auth form .password-eye { + border-bottom: 2px solid #0c0c0c; + border-right: 2px solid #0c0c0c; + border-top: 2px solid #5e5a5a; + border-left: 2px solid #5e5a5a; + background-color: var(--windows); +} +.classic #auth form .password-eye:active { + border-bottom: 2px solid #5e5a5a; + border-right: 2px solid #5e5a5a; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + background-position: center calc(50% + 1px); +} +.classic #auth form .password-eye.showed { + border-bottom: 2px solid #5e5a5a; + border-right: 2px solid #5e5a5a; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + background-position: center calc(50% + 1px); +} +.classic #auth .sess-table > div { + padding: 5px 5px 5px 2px; +} +@media (min-width: 1025px) { + .classic #auth .sess-table { + row-gap: 0; + } +} +@media (max-width: 1024px) { + .classic #auth .sess-table > div { + display: grid; + grid-template-columns: 1fr auto; + gap: 5px; + } + .classic #auth .sess-table .date { + grid-column: 1/2; + grid-row: 1/2; + } + .classic #auth .sess-table .del-sess { + grid-column: 2/3; + grid-row: 1/2; + float: unset; + } + .classic #auth .sess-table .ip { + grid-column: 1/2; + } + .classic #auth .sess-table .agent { + grid-column: 1/-1; + } + .classic #auth .sess-table > div { + padding: 5px 5px 5px 5px; + } +} + +.classic #auth .sess-table > div, .classic #auth .del-sess { + border-radius: 0; + border-bottom: 1px solid #0c0c0c; + border-right: 1px solid #0c0c0c; + border-top: 1px solid #393737; + border-left: 1px solid #393737; + align-items: start; +} + + + +.classic #auth .del-sess { + width: 24px; + height: 24px; + border-bottom: 1px solid #0c0c0c; + border-right: 1px solid #0c0c0c; + border-top: 1px solid #393737; + border-left: 1px solid #393737; +} +.classic #auth .del-sess:active { + border-bottom: 1px solid #393737; + border-right: 1px solid #393737; + border-top: 1px solid #0c0c0c; + border-left: 1px solid #0c0c0c; + background-position: center calc(50% + 1px); + background-color: var(--bg-3); +} +.classic #auth .sess-table .date, .classic #auth .sess-table .ip { + border-bottom: 1px solid #413e3e; + border-right: 1px solid #413e3e; + border-top: 1px solid #111; + border-left: 1px solid #111; + background-color: #292727; + text-align: center; +} + + +/*#endregion Auth Classic*/ + + + + + + +/*#region SiteMap Classic*/ + +.classic #sitemap .sitemap, +.classic #sitemap .xml-wrapper-hidden, +.classic #sitemap .xml-wrapper-link, +.classic #sitemap .xml-static-dynamic, +.classic #sitemap .xml-static-cron, +.classic #sitemap .sitemap-manual { + border-radius: 0; + border: 2px solid #393737; +} + +.classic #sitemap form div > input, +.classic #sitemap .xml-static-cron input[type="text"], +.classic #sitemap textarea { + border-bottom: 2px solid #413e3e; + border-right: 2px solid #413e3e; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + border-radius: 0; +} + +.classic #sitemap .select-dropdown ul.list-search { + border-radius: 0; +} +.classic #sitemap .select-dropdown.open ul.list-search { + border: 2px solid #5b5756; +} + +/*#endregion SiteMap Classic*/ + + + + + + +/*#region RSS Classic*/ + +.classic #rss .rss, +.classic #rss .xml-wrapper-hidden, +.classic #rss .xml-static-dynamic, +.classic #rss .xml-static-cron { + border-radius: 0; + border: 2px solid #393737 +} + +.classic #rss form div > input, +.classic #rss textarea, +.classic #rss .xml-static-cron input[type="text"], +.classic #rss .xml-static-dynamic input[type="text"] { + border-bottom: 2px solid #413e3e; + border-right: 2px solid #413e3e; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + border-radius: 0; +} + +.classic #rss .select-dropdown.open ul.list-search { + border-radius: 0; +} +.classic #rss .select-dropdown.open ul.list-search { + border: 2px solid #5b5756; +} + +/*#endregion RSS Classic*/ + + + + + + +/*#region Template Classic*/ + +.classic #template .upload_dnd { + border-radius: 0; +} + +.classic #template .template-install, +.classic #template .upload_dnd, +.classic #template .template, +.classic #template .field-select, +.classic #template .template-select-grid .field-options.open, +.classic #template input[type="checkbox"], +.classic #template .template-headers, +.classic #template .template-manual, +.classic #template .template-files, +.classic #template .template-headers textarea { + border-radius: 0; + border: 2px solid #393737; +} + + +.classic #template .field-select { + border-bottom: 2px solid #413e3e; + border-right: 2px solid #413e3e; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; +} +.classic #template .field-select > .icon { + border-bottom: 2px solid #0c0c0c; + border-right: 2px solid #0c0c0c; + border-top: 2px solid #5e5a5a; + border-left: 2px solid #5e5a5a; + background-color: #2a2828; + margin: 1px; +} +.classic #template .field-select:active > .icon { + border-bottom: 2px solid #413e3e; + border-right: 2px solid #413e3e; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + background-position: center calc(50% + 1px); +} +.classic #template .template-select-grid.open .field-select > .icon { + border-bottom: 2px solid #413e3e; + border-right: 2px solid #413e3e; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + background-position: center calc(50% + 1px); +} +.classic #template .template-select-grid.open .field-options { + border: 2px solid #5b5756; +} + + +.classic #template .template input[type="checkbox"] { + border-bottom: 2px solid #413e3e; + border-right: 2px solid #413e3e; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; +} +.classic #template .template input[type="checkbox"]:checked { + border-bottom: 2px solid #bd3900; + border-right: 2px solid #bd3900; + border-top: 2px solid #762300; + border-left: 2px solid #762300; +} +.classic #template .template-headers textarea { + border-bottom: 2px solid #413e3e; + border-right: 2px solid #413e3e; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; +} + + + +.classic #template .upload_dnd { + border-bottom: 2px solid #0c0c0c; + border-right: 2px solid #0c0c0c; + border-top: 2px solid #4c4949; + border-left: 2px solid #4c4949; + padding: 6px 11px 5px 11px; + height: 40px; + background-color: #2a2828; +} +.classic #template .upload_dnd:active { + border-bottom: 2px solid #4c4949; + border-right: 2px solid #4c4949; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + padding: 7px 11px 5px 11px; + background-color: #272423; +} + +@media (min-width: 1024px) { + .classic #template .template-editor-grid { + border-radius: 0; + border: 2px solid #393737; + } +} +@media (max-width: 1023px) { + .classic #template .template-editor-grid { + border-top: 2px solid #393737; + border-bottom: 2px solid #393737; + border-right: 0; + border-left: 0; + } +} + +.classic #template .close-template-button { + border-bottom: 2px solid #0c0c0c; + border-right: 2px solid #0c0c0c; + border-top: 2px solid #393737; + border-left: 2px solid #393737; + border-radius: 0; +} +.classic #template .close-template-button:active { + border-bottom: 2px solid #393737; + border-right: 2px solid #393737; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + background-position: center calc(50% + 1px); +} +.classic #template .close-template-button:hover { + background-color: unset; +} + + +.classic #template .save-template-button { + border-bottom: 2px solid #0c0c0c; + border-right: 2px solid #0c0c0c; + border-top: 2px solid #393737; + border-left: 2px solid #393737; + border-radius: 0; +} +.classic #template .save-template-button:active { + border-bottom: 2px solid #393737; + border-right: 2px solid #393737; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + background-position: center calc(50% + 1px); +} +.classic #template .save-template-button:hover { + background-color: unset; +} +.classic #template .save-template-button.saved { + border-bottom: 2px solid #393737; + border-right: 2px solid #393737; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + background-position: center calc(50% + 1px); + background-color: var(--saved-bg); +} + +.classic #template .template-editor { + border-bottom: 2px solid #413e3e; + border-right: 2px solid #413e3e; + border-top: 2px solid #0c0c0c; + border-left: 2px solid #0c0c0c; + margin: 0 5px 0 5px; +} + +.classic #template .snip-grid { + background-color: #1e1d1d; + margin: 2px 5px 0 0; +} +.classic #template .html, .classic #template .css, .classic #template .php { + padding: 0; + gap: 2px; +} +.classic #template .snip-grid > .html > div, +.classic #template .snip-grid > .css > div, +.classic #template .snip-grid > .php > div { + height: 36px; + border-bottom: 1px solid #0c0c0c; + border-right: 1px solid #0c0c0c; + border-top: 1px solid #393737; + border-left: 1px solid #393737; + background-color: #292727; + user-select: none; +} +.classic #template .snip-grid > .html > div:active, +.classic #template .snip-grid > .css > div:active, +.classic #template .snip-grid > .php > div:active { + padding-top: 8px; + border-bottom: 1px solid #393737; + border-right: 1px solid #393737; + border-top: 1px solid #0c0c0c; + border-left: 1px solid #0c0c0c; + background-color: #292727; +} + + + + + + +/*#endregion Template Classic*/ + +