From f09ce2e3f29bf443d0776aef40d690642f3f07d7 Mon Sep 17 00:00:00 2001 From: Evg Date: Tue, 14 Nov 2023 08:23:49 +0300 Subject: [PATCH] =?UTF-8?q?DEV:=20=D0=A4=D0=BE=D1=80=D0=BC=D0=B0=D1=82?= =?UTF-8?q?=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5=20css,=20js=20?= =?UTF-8?q?(=D0=BF=D0=BE=20Codacy)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/assets/css/style.css | 2 +- resources/views/default/css/catalog.css | 22 +- resources/views/default/css/custom.css | 3 +- resources/views/default/css/parts/_basic.css | 591 ++++++++++++++---- resources/views/default/css/parts/_button.css | 6 +- resources/views/default/css/parts/_code.css | 191 +++++- .../views/default/css/parts/_components.css | 116 +++- resources/views/default/css/parts/_footer.css | 4 +- resources/views/default/css/parts/_images.css | 59 +- resources/views/default/css/parts/_inputs.css | 16 +- resources/views/default/css/parts/_media.css | 129 +++- resources/views/default/css/parts/_menu.css | 78 ++- resources/views/default/css/parts/_modal.css | 9 +- .../default/css/parts/_notifications.css | 9 + resources/views/default/css/parts/_poll.css | 16 +- resources/views/default/css/parts/_table.css | 4 +- resources/views/default/css/parts/_tags.css | 2 +- resources/views/default/css/rtl.css | 19 +- .../default/css/theme/_variables-dark.css | 33 +- .../default/css/theme/_variables-light.css | 19 +- .../views/default/global/item-header.php | 6 +- .../views/default/global/search-header.php | 108 ++-- resources/views/default/js/app.js | 21 +- resources/views/default/js/catalog.js | 6 +- resources/views/default/js/common.js | 158 ++--- resources/views/default/js/la.js | 4 +- resources/views/default/scripts.php | 6 +- 27 files changed, 1201 insertions(+), 436 deletions(-) diff --git a/public/assets/css/style.css b/public/assets/css/style.css index ff314955..c3d4f9d1 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -1 +1 @@ -:root{--font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif;--line-height:1.5;--font-size:1rem;--bg-color:#fff;--text-color:#030303;--link-color:#118bee;--link-color-hover:#ef4444;--nav-bg-active:#fcebd9;--nav-color-active:#332f2f;--dropdown-bg:#fff;--dropdown-box-shadow:0 6px 18px 0 rgba(14,21,47,.13),0 -2px 6px rgba(14,21,47,.03);--border-radius:3px;--form-color-active:#3595f6;--form-bg-color:#fff;--form-border-color:#ddd;--form-text-color:#111;--button-text-color:#fff;--button-bg-color:#0085ee;--button-border-color:#0379d7;--button-border-color-hover:#fff;--button-outline-text-color:#0085ee;--button-outline-bg-color:#fff;--button-outline-border-color:#0379d7;--button-outline-text-color-hover:#fff;--button-outline-bg-color-hover:#0085ee;--button-outline-border-color-hover:#0379d7;--header-bg:#fff;--header-box-shadow:0 1px 2px -1px rgb(0 0 0 / 25%);--header-text-color:#9ca3af;--header-logo-color:#111;--header-form-bg-color:#f3f4f6;--header-form-text-color:#333;--footer-bg:#fff;--footer-box-shadow:0 -5px 5px -5px rgb(0 0 0 / 15%);--footer-text-color:#9ca3af;--footer-color-active:#332f2f;--black:#030303;--white:#fff;--yellow:#f7f7eb;--brown:#bb6619;--green:#16a34a;--sky:#0ea5e9;--violet:#f3f1ed;--red:#ef4444;--red-200:#fecaca;--gray:#4b5563;--gray-100:#f3f4f6;--gray-600:#9ca3af;--blue:#3b82f6;--slate:#cbd5e1;--beige:#fff4e8}body.dark{--bg-color:#202b38;--text-color:#fff;--link-color:#118bee;--link-color-hover:#ef4444;--nav-bg-active:#161f27;--nav-color-active:#fff;--dropdown-bg:#202b38;--dropdown-box-shadow:0 6px 18px 0 rgba(14,21,47,.13),0 -2px 6px rgba(14,21,47,.03);--form-color-active:#1e2830;--form-bg-color:#283541;--form-border-color:#252830;--form-text-color:#fff;--border-radius:3px;--button-text-color:#fff;--button-bg-color:#0085ee;--button-border-color:#0379d7;--button-border-color-hover:#fff;--button-outline-text-color:#0085ee;--button-outline-bg-color:#fff;--button-outline-border-color:#0379d7;--button-outline-text-color-hover:#fff;--button-outline-bg-color-hover:#0085ee;--button-outline-border-color-hover:#0379d7;--header-bg:#040a0f;--header-box-shadow:0 1px 2px -1px rgb(0 0 0 / 25%);--header-text-color:#fff;--header-logo-color:#fff;--header-form-bg-color:#161f27;--header-form-text-color:#fff;--footer-bg:#040a0f;--footer-box-shadow:0 -5px 5px -5px rgb(0 0 0 / 15%);--footer-text-color:#eee;--footer-color-active:#ccc;--black:#fff;--white:#161f27;--gray:#a7a7a7;--gray-100:#161f27;--violet:#161f27;--slate-100:#161f27}body.dark .EasyMDEContainer .CodeMirror{background-color:var(--form-bg-color);color:var(--form-text-color)}body.dark .box{background-color:var(--gray-100)}body.dark .tagify{background-color:var(--form-bg-color)}body.dark .bg-lightyellow,body.dark .menu__left.menu__active .menu li{background-color:var(--form-bg-color)}body.dark .content_tree:target,body.dark .content_tree.edit{background-color:var(--form-bg-color)}body.dark blockquote{background-color:#5f5f67;border-left:3px solid #6d6e6f}#contentWrapper{display:flex;gap:1.25rem}h1,h2,h3,h4,h5{font-weight:600}.number-notif{display:none;font-size:.72rem;color:#fff;background-color:red;padding:1px 6px;border-radius:50%;position:absolute;top:-5px;right:-10px}.number-notif.show,.video-pl{display:block}.icons{width:21px;height:21px;fill:none;stroke:currentColor;vertical-align:middle}.icon-max{width:121px;height:121px}.icon-base{width:48px;height:48px}.icon-small{width:15px}.list-none{list-style:none;padding:0;margin:0}.d-header{top:0;z-index:6;position:sticky;background-color:var(--header-bg);color:var(--header-text-color);box-shadow:var(--header-box-shadow);backface-visibility:hidden;height:3.5em;margin-bottom:15px}.medium-zoom--opened .d-header{display:none}.banner{background-image:url(/assets/images/banner-fon.jpg);background-size:cover;filter:brightness(1.1);text-align:center;border-radius:5px;padding:1.25rem 0;margin-top:-1rem;margin-bottom:1.25rem;color:#333}.wrap{margin:0 auto;height:100%;max-width:1436px;padding-left:1rem;padding-right:1rem}.wrap.wrap-max{max-width:100%;padding-left:2rem;padding-right:2rem}.d-header_contents{display:flex;align-items:center;height:100%;position:relative;justify-content:space-between;margin:0 .5rem 0 .5rem}.search{width:100%;border-radius:5px;background-color:var(--header-form-bg-color);color:var(--header-form-text-color);padding:9px;border-color:transparent}.box-search{position:relative;width:63%;margin:10px 45px 10px 0}.box-results{position:absolute;border-radius:3px;box-shadow:0 2px 4px -1px rgba(0,0,0,.15);background-color:var(--white);padding:15px;z-index:2}.d-header.show .d-header-post.none,.d-header.show .d-header-facet.none{display:block;position:relative;width:100%;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v-line{border-left:1px solid var(--gray-600);height:20px;display:inline-block;margin:0 10px 0 15px;vertical-align:middle}.d-header.scroll-hide-search.show .box-search{display:none}.box-logo{width:209px;align-items:center;display:flex;gap:.5rem;color:var(--gray-600)}.cut-off{width:75%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}aside{width:340px}aside ul{list-style:none;padding:0;margin:0;font-size:.9375rem}aside ul a{color:var(--gray)}blockquote{margin-left:15px;background-color:#f3f3f6;padding:.1rem 1rem;border-left:3px solid #d2d6dd;display:table}.blockquote-profile{margin-bottom:20px;max-width:300px;word-wrap:break-word;padding:.1rem 1rem;border-left:3px solid #d2d6dd;font-size:.91rem}.blockquote-profile p{margin:2px}hr{border:none;clear:both;background-color:#ddd;height:1px}details{border-radius:0 0 3px 3px;background-color:#f5f5fa;padding:2px 6px;margin:0 0 15px 0}summary{background-color:#f5f5fa;color:#666;font-size:14px}details[open]>summary{padding:0 0 10px 0;color:#666}.title{margin:0;font-weight:500;font-size:1.3125rem}.txt-closed{padding:10px;background-color:lightyellow;margin-bottom:15px;display:inherit;color:var(--gray-600)}.box{border-radius:5px;padding:1.25rem;margin-bottom:1.25rem;overflow-wrap:break-word}.box-small{border-radius:3px;color:var(--white);text-align:center;padding:5px 10px}.box-flex{display:flex;border-radius:5px;position:relative;flex-direction:row;align-items:center;padding:1.25rem;margin-bottom:1.25rem}.box-center{position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%)}.search-input{width:300px;height:50px;padding-left:1.25rem;border-radius:3px}.search-button-icon{border:none;height:50px;width:50px;color:#4f5b66;font-size:18px;border-radius:3px}.list-post{display:flex;padding:.5rem 0}ul.last-content li{margin-bottom:15px}ul.last-content a.last-content_telo{display:block;word-wrap:break-word}.uppercase-box{font-size:.75rem;text-transform:uppercase;margin:0 0 10px 0;letter-spacing:1.5px;font-weight:500}a:hover>img,.trigger img{opacity:.8}.focus-id:hover{cursor:pointer}.underline-hover:hover{text-decoration:underline}.content-body{max-width:810px;overflow-wrap:break-word}.content_tree:target,.content_tree.edit{background-clip:content-box;background-color:lightyellow;margin-top:-70px;padding-top:70px}ol.bg-red-200{display:table;width:100%}.bg-red-200 .content_tree,.content_tree.bg-red-200{background-color:var(--red-200)}.ind-first-p p{margin:.5em 0;max-width:780px}article iframe{max-width:560px;max-height:320px}video{max-width:560px}.qa-comment{font-size:.875rem;padding:.24rem 0}.showPassword{position:absolute;color:var(--gray-600);right:5px;margin:5px}.scroll-menu{overflow-x:auto;scrollbar-width:none}.scroll-menu::-webkit-scrollbar{width:0;height:0}.scroll-wrapper{overflow:hidden;padding:0;position:relative}.scroll-wrapper.conversationMessages{height:calc(100% - 62px)}.delet-count{z-index:3;right:10px;font-size:.8em;color:#fff;background-color:rgba(0,0,0,.3);padding:1px 6px;position:absolute;display:flex;gap:1rem}.content_tree{word-wrap:break-word}.icon-share{color:#fff;height:28px;width:28px;margin:3px}.bg-vk{background-color:#07f}.bg-ok{background-color:#eb722e}.bg-tg{background-color:#64a9dc}.bg-fb{background-color:#3b5998}.bg-lj{background-color:#0d425a}.bg-tw{background-color:#00aced}.menu__left{width:210px;padding-right:20px}.menuno .menu__left{display:none}.dropdown,.menu,.breadcrumbs{list-style:none;margin:0;padding:0}.menu a i{font-size:1.25rem;margin:0 .5rem}.dropdown{display:none;position:absolute;right:0;background-color:var(--dropdown-bg);box-shadow:var(--dropdown-box-shadow);padding:.5rem;z-index:15;min-width:215px}.dropdown.user{top:0;padding:1rem 0 .7rem 0}.right-close{color:var(--gray-600);padding:3px 8px 0 0;margin-top:-20px;float:right;display:block}.user-box{padding:0 0 .7rem 1rem;display:flex;align-items:center;font-size:.975rem}.user-nav li a{margin-left:10px}.dropdown.left{left:0;width:150px}.menu a,.dropdown li>a,.dropdown li>div{color:var(--gray);padding:5px;display:flex;flex-direction:row;align-items:center;gap:.7rem;font-size:.875rem}.dropdown li:hover>a,.dropdown li>a.active,.dropdown li>div.active{color:var(--link-color-hover)}.menu__left:not(.menu__active) li{margin-bottom:3px}.menu li.active,.menu li:hover{background-color:var(--gray-100);border-radius:var(--border-radius)}.menu li:hover{transition-duration:.3s}.menu li:hover>a{color:var(--gray)}.breadcrumbs li{display:inline;color:var(--gray-600)}.breadcrumbs li:not(:last-child):after{content:" / "}ul.nav{list-style:none;align-items:center;display:flex;gap:.7rem;margin:0;padding:0}ul.nav>li{padding:6px 12px}ul.nav.small>li{padding:3px 6px}ul.nav>li>a{color:var(--gray-600)}ul.nav>li.active{background-color:var(--nav-bg-active);border-radius:var(--border-radius);color:var(--nav-color-active)}ul.nav>li.active>a{color:var(--nav-color-active)}ul.nav>li a:hover{color:var(--link-color-hover)}ul.nav>li.active a:hover{color:var(--nav-color-active)}.content-tabs{display:none}.content-tabs.tab_active{display:block;color:var(--nav-color-active)}html{height:100%;overflow-y:scroll}*,*::before,*::after{box-sizing:border-box}:active,:hover,:focus{outline:0;outline-offset:0}body{line-height:var(--line-height);font-family:var(--font-family);font-size:var(--font-size);background-color:var(--bg-color);color:var(--text-color);padding:0;margin:0}a{color:var(--link-color);cursor:pointer;text-decoration:none}a:hover,a:focus,a:active{color:var(--link-color-hover)}img{border-radius:var(--border-radius);vertical-align:middle}.top-sm{top:70px}.mr-auto{margin:0 auto}.m0{margin:0}.m5{margin:5px}.mt5{margin-top:5px}.mr5{margin-right:5px}.mb5{margin-bottom:5px}.ml5{margin-left:5px}.m10{margin:10px}.mt10{margin-top:10px}.mr10{margin-right:10px}.mb10{margin-bottom:10px}.ml10{margin-left:10px}.m15{margin:15px}.mt15{margin-top:15px}.mr15{margin-right:15px}.mb15{margin-bottom:15px}.ml15{margin-left:15px}.mt20{margin-top:20px}.mr20{margin-right:20px}.mb20{margin-bottom:20px}.ml20{margin-left:20px}.ml30{margin-left:30px}.p5{padding:5px}.p15{padding:15px}.p5-10{padding:5px 10px}.p10-5{padding:10px 5px}.indent-body{margin:0 8px}.black{color:var(--black)}.white{color:var(--white)}.yellow{color:var(--yellow)}.green{color:var(--green)}.gray{color:var(--gray)}.gray-600{color:var(--gray-600)}.sky{color:var(--sky)}.red{color:var(--red)}.brown{color:var(--brown)}.bg-black{background-color:var(--black)}.bg-white{background-color:var(--white)}.bg-green{background-color:var(--green)}.bg-yellow{background-color:var(--yellow)}.bg-lightyellow{background-color:lightyellow}.bg-lightgray{background-color:var(--gray-100)}.bg-violet{background-color:var(--violet)}.bg-blue{background-color:var(--blue)}.bg-red-200{background-color:var(--red-200)}.bg-beige{background-color:var(--beige)}.active{color:var(--red)}.shadow{box-shadow:0 4px 14px rgba(0,0,0,.15)}.shadow-bottom{box-shadow:0 10px 20px rgba(0,0,0,.1)}.br-gray{border:1px solid var(--gray-100)}.br-dotted{border:1px dotted var(--form-border-color)}.br-bottom{border-bottom:1px solid var(--form-border-color)}.br-lightgray{border:5px solid var(--gray-100)}li.br-top-zebra+li{border-top:1px solid var(--gray-100)}li.br-li-bottom-no:last-child{border-bottom:1px solid transparent}.w-auto{width:auto}.w-20{width:20%}.w-30{width:30%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-90{width:90%}.w-100{width:100%}.w20{width:20px}.w30{width:30px}.w40{width:40px}.w50{width:50px}.w60{width:60px}.w94{width:94px}.w160{width:160px}.w200{width:200px}.max-w-100{max-width:100%}.max-w780{max-width:780px}.max-w300{max-width:300px}.min-w75{min-width:75px}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}.text-7xl{font-size:4.5rem}.text-8xl{font-size:6rem}.grid{display:grid}.gap{gap:1rem}.gap-min{gap:.5rem}.gap-max{gap:2.5rem}.flex{display:flex}.fixed{position:fixed}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-auto{flex:1 1 0%}.clear{clear:both}.left{float:left}.right{float:right}.center{text-align:center}.align-right{text-align:right}.middle{vertical-align:middle}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.items-center{align-items:center}.italic{font-style:italic}.sticky{position:sticky}.absolute{position:absolute}.relative{position:relative}.hidden{overflow:hidden}.none{display:none}.block{display:block}.table{display:table}.inline{display:inline-block}.break-all{word-break:break-all}.pointer{cursor:pointer}.logo{color:var(--header-logo-color);font-size:21px}.favicons{height:18px;width:18px}.img-sm{width:24px;height:24px}.img-base{width:36px;height:36px}.img-lg{width:64px;height:64px}.img-xl{width:94px;height:94px}.img-2xl{width:160px;height:160px}.trigger img.img-base:hover{opacity:.7}.profile-ava{position:absolute;z-index:5;margin:60px 10px 0 15px;border-radius:var(--border-radius)}.box-cover-img{height:200px;width:100%}.profile-bg-img.bg-profile{height:90px}.medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;will-change:opacity}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,0,.2,1)}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}.img-preview{max-width:780px;position:relative}.img-preview img{max-width:100%;border:1px solid #f3f3f3}.img-preview img:hover{box-shadow:0 1px 8px 0 rgb(0 0 0 / 20%)}.cut-post img,.content-body img,.medium-zoom-image{max-width:100%}.CodeMirror-line{max-width:800px}img.emoji{max-width:20px;display:inline-block;border-color:transparent}input,select,textarea{background-color:var(--form-bg-color);border:1px solid var(--form-border-color);color:var(--form-text-color);font-size:16px}textarea{width:100%}fieldset input:not([type=radio]):not([type=checkbox]):not([type=range]),fieldset select{width:100%;min-height:34px;padding:5px}fieldset{padding:0;border:0;position:relative;margin:10px 0}fieldset.error input{border-color:var(--red)}.help{font-size:.875rem;color:var(--gray-600)}input:focus,textarea:focus{border:1px solid var(--form-color-active)}label{display:block;margin-bottom:4px;font-size:.875rem}::placeholder{color:var(--gray)}table{margin-bottom:1.5rem;width:100%;border-collapse:collapse;border-spacing:0}table td,table th{font-size:14px;padding:5px}table thead th{border-bottom:2px solid rgba(222,226,230,.5);text-align:left}table tr:nth-of-type(2n){background-color:var(--gray-100)}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;background-color:transparent;border:1px solid transparent;padding:.35rem 1rem;border-radius:.2rem}.btn-small{padding:.15rem .35rem;font-size:.775rem}.btn-primary{color:var(--button-text-color);background-color:var(--button-bg-color);border-color:var(--button-border-color)}.btn-outline-primary{color:var(--button-outline-text-color);background-color:var(--button-outline-bg-color);border-color:var(--button-outline-border-color)}.btn-primary:hover,.btn-primary:focus{color:var(--button-border-color-hover);opacity:.8}.btn-outline-primary:hover,.btn-outline-primary:focus{color:var(--button-outline-text-color-hover);background-color:var(--button-outline-bg-color-hover);border-color:var(--button-outline-border-color-hover)}.focus-id:hover{opacity:.8}.tag,.tag-grey,.tag-yellow,.tag-violet,.tag-clear{font-size:.9rem;border-radius:var(--border-radius);margin-left:.25em;padding:.08rem .35rem .15rem .35rem;text-transform:lowercase;text-decoration:none}.tag{background-color:#ddebf9;color:#4596de}.tag:hover{background-color:#5fb878;color:#fff}.tag-grey{background-color:#ececec;color:#6b3e4a}.tag-grey:hover{background-color:#fff;color:#444}.tag-yellow{background-color:#fffcd7;color:#7b5d5d}.tag-violet{background-color:var(--violet);color:#544e4e}.tag-clear{color:#707476;background-color:var(--white);border:1px solid #e8ebed}.tag-clear:hover{color:#707476;background-color:#f5f7f8}.label{font-style:italic;text-transform:lowercase;font-size:.875rem;padding:3px 10px;font-weight:400}.label-grey{background-color:var(--violet);color:var(--gray-600)}.label-orange{background-color:#f9ddde;color:var(--gray)}.label-green{background-color:#f0f6f3;color:var(--green)}.label-red{background-color:#fff4e8;color:var(--red)}.label-teal{background-color:var(--teal);color:var(--white)}.label-teal:hover{background-color:#339a9c;transition:background .2s ease-out}.tagify{width:100%;max-width:780px}.tagify--noTags[required]{--tags-border-color:var(--red)}.poll{padding:5px 10px;list-style:none;box-shadow:0 0 5px rgb(0 0 0 / 10%);border:1px solid #f3f4f6}.poll-count{float:left;padding-right:10px;width:48px;font-size:.8em;margin-top:1px;color:var(--gray-600)}.poll-result{padding-left:48px}.poll-label{font-size:.9em;color:var(--gray)}progress,progress[role]{appearance:none;-moz-appearance:none;-webkit-appearance:none;background-size:auto}progress{vertical-align:baseline;display:block;width:100%;border:0;margin-bottom:20px;background:#f8f8f8;height:7px;border-radius:500px;overflow:hidden}::-webkit-progress-bar{background:#f8f8f8}progress[value^="0"]::-moz-progress-bar,progress[value^="1"]::-moz-progress-bar,progress[value^="2"]::-moz-progress-bar,progress[value^="0"]::-webkit-progress-value,progress[value^="1"]::-webkit-progress-value,progress[value^="2"]::-webkit-progress-value{background-color:#0ea5e9}progress[value^="3"]::-moz-progress-bar,progress[value^="4"]::-moz-progress-bar,progress[value^="5"]::-moz-progress-bar,progress[value^="3"]::-webkit-progress-value,progress[value^="4"]::-webkit-progress-value,progress[value^="5"]::-webkit-progress-value{background-color:#0085ee}progress[value^="6"]::-moz-progress-bar,progress[value^="7"]::-moz-progress-bar,progress[value^="8"]::-moz-progress-bar,progress[value^="6"]::-webkit-progress-value,progress[value^="7"]::-webkit-progress-value,progress[value^="8"]::-webkit-progress-value{background-color:green}progress[value^="9"]::-moz-progress-bar,progress[value="100"]::-moz-progress-bar,progress[value^="9"]::-webkit-progress-value,progress[value="100"]::-webkit-progress-value{background-color:red}.modal{display:flex;align-items:center;justify-content:center;position:fixed;z-index:10;width:100%;height:100%}.model-inner{background-color:#fff;border-radius:var(--border-radius);max-width:600px;padding:2em;margin:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #000}.overlay{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;opacity:.75}.dialog-container{display:flex;position:fixed;top:0;left:0;bottom:0;right:0;z-index:6}.dialog-container[aria-hidden='true']{display:none}.dialog-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(43,46,56,.9);animation:fade-in 200ms both}.dialog-content{background-color:rgb(255,255,255);margin:auto;z-index:6;position:relative;animation:fade-in 400ms 200ms both,slide-up 400ms 200ms both;padding:1em;max-width:90%;width:600px;border-radius:var(--border-radius)}@media screen and (min-width:700px){.dialog-content{padding:2em}}.dialog-close{position:absolute;top:.5em;right:.5em;border:0;padding:0;background-color:transparent;font-size:2em;text-align:center;cursor:pointer;transition:0.15s;color:var(--gray-600)}@media screen and (min-width:700px){.dialog-close{top:5px}}footer{background-color:var(--footer-bg);color:var(--footer-text-color);padding:.5rem;overflow:hidden;margin-top:1rem;box-shadow:var(--footer-box-shadow)}footer.small-sidebar{background-color:transparent;color:var(--footer-text-color);font-size:.875rem;padding:0 .25rem;margin:0 .25rem}footer .icon{color:var(--footer-text-color);margin-right:1rem}footer ul{padding-left:60px;list-style:none;margin:0}footer ul li a{font-size:14px;color:var(--footer-text-color);margin-bottom:5px}footer ul li a:hover,footer .icon:hover{color:var(--footer-color-active)}.notice{animation-name:toastEffect;animation-timing-function:ease-in;background-color:var(--gray);border-radius:var(--border-radius);box-shadow:0 5px 15px 0 rgba(221,221,221,1);color:var(--white);display:inline-block;padding:2px 20px;position:fixed;text-align:center;text-decoration:none;z-index:2147483647}.notice-bottom{bottom:1rem}.notice-center{left:0;margin-left:auto;margin-right:auto;max-width:fit-content;right:0}.notice-left{left:1rem}.notice-right{right:1rem}.notice-top{top:1rem}@keyframes toastEffect{0%{opacity:0}100%{opacity:0}20%{opacity:1}80%{opacity:1}}main{width:calc(100% - 590px)}.admin main{width:calc(100% - 210px)}.menuno main{width:calc(100% - 340px)}.menuno main.w-100{width:100%}@media (max-width:1050px){.menu__left,#togglemenu{display:none}aside{min-width:240px}main{width:calc(100% - 250px)}.admin main{width:100%}.menu__button{transition:0.3s ease;display:block}.menu__left{opacity:0;visibility:hidden;transition-property:opacity,visibility;z-index:98;left:0;top:0;bottom:0;min-width:180px;background-color:var(--dropdown-bg);box-shadow:5px 0 5px -5px rgba(0,0,0,.25);overflow-x:hidden;position:absolute;padding-right:0}.menu__left.menu__active,.menu__left.menu-none.menu__active{opacity:1;visibility:visible;transition:0.25s;position:fixed;display:block}.menu__left.menu__active ul.top-sm{top:0}.menu__left.menu__active .menu li{background-color:#fff;padding-left:10px}}@media (max-width:780px){.mb-w80{width:80px}.mb-w150{width:150px}.mb-p10{padding:10px}.mb-mt5{margin-top:5px}.mb-mt25{margin-top:25px}.mb-ml10{margin-left:10px}.mb-text-xl{font-size:1.25rem}.logo{font-size:18px}.gap-max{gap:1.5rem}.footer ul{padding-left:0}.mb-img-2xl{height:65px;width:65px}.box-cover-img{height:75px}.title{font-size:1.2125rem}.mb-block,#contentWrapper{display:block}.mb-w-100,iframe,video{width:100%}.box{padding:1rem;border-radius:0}aside,.mb-none,ul.setting>li>a>i{display:none}main,.menuno main{width:100%}.wrap{padding-left:0;padding-right:0}}code{color:#9b4f5e;background-color:#f5f2f0;padding:3px;border-radius:var(--border-radius);font-size:14px}pre{white-space:pre-wrap;word-wrap:break-word;background:#f5f2f0;padding:.2em .5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}[class*=lang-] script[type='text/plain'],[class*=language-] script[type='text/plain'],script[type='text/plain'][class*=lang-],script[type='text/plain'][class*=language-]{display:block;font:100% Consolas,Monaco,monospace;white-space:pre;overflow:auto}.token.tag,.token.tag:hover{background-color:transparent} \ No newline at end of file +:root{--font-family:-apple-system, BlinkMacSystemFont, Arial, sans-serif;--line-height:1.5;--font-size:1rem;--bg-color:#fff;--text-color:#030303;--link-color:#118bee;--link-color-hover:#ef4444;--nav-bg-active:#fcebd9;--nav-color-active:#332f2f;--dropdown-bg:#fff;--dropdown-box-shadow:0 6px 18px 0 rgba(14, 21, 47, .13), 0 -2px 6px rgba(14, 21, 47, .03);--border-radius:3px;--form-color-active:#3595f6;--form-bg-color:#fff;--form-border-color:#ddd;--form-text-color:#111;--button-text-color:#fff;--button-bg-color:#0085ee;--button-border-color:#0379d7;--button-border-color-hover:#fff;--button-outline-text-color:#0085ee;--button-outline-bg-color:#fff;--button-outline-border-color:#0379d7;--button-outline-text-color-hover:#fff;--button-outline-bg-color-hover:#0085ee;--button-outline-border-color-hover:#0379d7;--header-bg:#fff;--header-box-shadow:0 1px 2px -1px rgb(0 0 0 / 25%);--header-text-color:#9ca3af;--header-logo-color:#111;--header-form-bg-color:#f3f4f6;--header-form-text-color:#333;--footer-bg:#fff;--footer-box-shadow:0 -5px 5px -5px rgb(0 0 0 / 15%);--footer-text-color:#9ca3af;--footer-color-active:#332f2f;--black:#030303;--white:#fff;--yellow:#f7f7eb;--brown:#bb6619;--green:#16a34a;--sky:#0ea5e9;--violet:#f3f1ed;--red:#ef4444;--red-200:#fecaca;--gray:#4b5563;--gray-100:#f3f4f6;--gray-600:#9ca3af;--blue:#3b82f6;--slate:#cbd5e1;--beige:#fff4e8}body.dark{--bg-color:#202b38;--text-color:#fff;--link-color:#118bee;--link-color-hover:#ef4444;--nav-bg-active:#161f27;--nav-color-active:#fff;--dropdown-bg:#202b38;--dropdown-box-shadow:0 6px 18px 0 rgba(14, 21, 47, .13), 0 -2px 6px rgba(14, 21, 47, .03);--form-color-active:#1e2830;--form-bg-color:#283541;--form-border-color:#252830;--form-text-color:#fff;--border-radius:3px;--button-text-color:#fff;--button-bg-color:#0085ee;--button-border-color:#0379d7;--button-border-color-hover:#fff;--button-outline-text-color:#0085ee;--button-outline-bg-color:#fff;--button-outline-border-color:#0379d7;--button-outline-text-color-hover:#fff;--button-outline-bg-color-hover:#0085ee;--button-outline-border-color-hover:#0379d7;--header-bg:#040a0f;--header-box-shadow:0 1px 2px -1px rgb(0 0 0 / 25%);--header-text-color:#fff;--header-logo-color:#fff;--header-form-bg-color:#161f27;--header-form-text-color:#fff;--footer-bg:#040a0f;--footer-box-shadow:0 -5px 5px -5px rgb(0 0 0 / 15%);--footer-text-color:#eee;--footer-color-active:#ccc;--black:#fff;--white:#161f27;--gray:#a7a7a7;--gray-100:#161f27;--violet:#161f27;--slate-100:#161f27}body.dark .EasyMDEContainer .CodeMirror{background-color:var(--form-bg-color);color:var(--form-text-color)}body.dark .box{background-color:var(--gray-100)}body.dark .tagify{background-color:var(--form-bg-color)}body.dark .bg-lightyellow,body.dark .menu__left.menu__active .menu li{background-color:var(--form-bg-color)}body.dark .content_tree:target,body.dark .content_tree.edit{background-color:var(--form-bg-color)}body.dark blockquote{background-color:#5f5f67;border-left:3px solid #6d6e6f}#contentWrapper{display:flex;gap:1.25rem}h1,h2,h3,h4,h5{font-weight:600}.number-notif{display:none;font-size:.72rem;color:#fff;background-color:red;padding:1px 6px;border-radius:50%;position:absolute;top:-5px;right:-10px}.number-notif.show,.video-pl{display:block}.icons{width:21px;height:21px;fill:none;stroke:currentColor;vertical-align:middle}.icon-max{width:121px;height:121px}.icon-base{width:48px;height:48px}.icon-small{width:15px}.list-none{list-style:none;padding:0;margin:0}.d-header{top:0;z-index:6;position:sticky;background-color:var(--header-bg);color:var(--header-text-color);box-shadow:var(--header-box-shadow);backface-visibility:hidden;height:3.5em;margin-bottom:15px}.medium-zoom--opened .d-header{display:none}.banner{background-image:url(/assets/images/banner-fon.jpg);background-size:cover;filter:brightness(1.1);text-align:center;border-radius:5px;padding:1.25rem 0;margin-top:-1rem;margin-bottom:1.25rem;color:#333}.wrap{margin:0 auto;height:100%;max-width:1436px;padding-left:1rem;padding-right:1rem}.wrap.wrap-max{max-width:100%;padding-left:2rem;padding-right:2rem}.d-header_contents{display:flex;align-items:center;height:100%;position:relative;justify-content:space-between;margin:0 .5rem 0 .5rem}.search{width:100%;border-radius:5px;background-color:var(--header-form-bg-color);color:var(--header-form-text-color);padding:9px;border-color:transparent}.box-search{position:relative;width:63%;margin:10px 45px 10px 0}.box-results{position:absolute;border-radius:3px;box-shadow:0 2px 4px -1px rgba(0,0,0,.15);background-color:var(--white);padding:15px;z-index:2}.d-header.show .d-header-post.none,.d-header.show .d-header-facet.none{display:block;position:relative;width:100%;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v-line{border-left:1px solid var(--gray-600);height:20px;display:inline-block;margin:0 10px 0 15px;vertical-align:middle}.d-header.scroll-hide-search.show .box-search{display:none}.box-logo{width:209px;align-items:center;display:flex;gap:.5rem;color:var(--gray-600)}.cut-off{width:75%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}aside{width:340px}aside ul{list-style:none;padding:0;margin:0;font-size:.9375rem}aside ul a{color:var(--gray)}blockquote{margin-left:15px;background-color:#f3f3f6;padding:.1rem 1rem;border-left:3px solid #d2d6dd;display:table}.blockquote-profile{margin-bottom:20px;max-width:300px;word-wrap:break-word;padding:.1rem 1rem;border-left:3px solid #d2d6dd;font-size:.91rem}.blockquote-profile p{margin:2px}hr{border:none;clear:both;background-color:#ddd;height:1px}details{border-radius:0 0 3px 3px;background-color:#f5f5fa;padding:2px 6px;margin:0 0 15px 0}summary{background-color:#f5f5fa;color:#666;font-size:14px}details[open]>summary{padding:0 0 10px 0;color:#666}.title{margin:0;font-weight:500;font-size:1.3125rem}.txt-closed{padding:10px;background-color:lightyellow;margin-bottom:15px;display:inherit;color:var(--gray-600)}.box{border-radius:5px;padding:1.25rem;margin-bottom:1.25rem;overflow-wrap:break-word}.box-small{border-radius:3px;color:var(--white);text-align:center;padding:5px 10px}.box-flex{display:flex;border-radius:5px;position:relative;flex-direction:row;align-items:center;padding:1.25rem;margin-bottom:1.25rem}.box-center{position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%)}.search-input{width:300px;height:50px;padding-left:1.25rem;border-radius:3px}.search-button-icon{border:none;height:50px;width:50px;color:#4f5b66;font-size:18px;border-radius:3px}.list-post{display:flex;padding:.5rem 0}ul.last-content li{margin-bottom:15px}ul.last-content a.last-content_telo{display:block;word-wrap:break-word}.uppercase-box{font-size:.75rem;text-transform:uppercase;margin:0 0 10px 0;letter-spacing:1.5px;font-weight:500}a:hover>img,.trigger img{opacity:.8}.focus-id:hover{cursor:pointer}.underline-hover:hover{text-decoration:underline}.content-body{max-width:810px;overflow-wrap:break-word}.content_tree{word-wrap:break-word}.content_tree:target,.content_tree.edit{background-clip:content-box;background-color:lightyellow;margin-top:-70px;padding-top:70px}ol.bg-red-200{display:table;width:100%}.bg-red-200 .content_tree,.content_tree.bg-red-200{background-color:var(--red-200)}.ind-first-p p{margin:.5em 0;max-width:780px}article iframe{max-width:560px;max-height:320px}video{max-width:560px}.qa-comment{font-size:.875rem;padding:.24rem 0}.showPassword{position:absolute;color:var(--gray-600);right:5px;margin:5px}.scroll-menu{overflow-x:auto;scrollbar-width:none}.scroll-menu::-webkit-scrollbar{width:0;height:0}.scroll-wrapper{overflow:hidden;padding:0;position:relative}.scroll-wrapper.conversationMessages{height:calc(100% - 62px)}.delet-count{z-index:3;right:10px;font-size:.8em;color:#fff;background-color:rgba(0,0,0,.3);padding:1px 6px;position:absolute;display:flex;gap:1rem}.icon-share{color:#fff;height:28px;width:28px;margin:3px}.bg-vk{background-color:#07f}.bg-ok{background-color:#eb722e}.bg-tg{background-color:#64a9dc}.bg-fb{background-color:#3b5998}.bg-lj{background-color:#0d425a}.bg-tw{background-color:#00aced}.menu__left{width:210px;padding-right:20px}.menuno .menu__left{display:none}.dropdown,.menu,.breadcrumbs{list-style:none;margin:0;padding:0}.menu a i{font-size:1.25rem;margin:0 .5rem}.dropdown{display:none;position:absolute;right:0;background-color:var(--dropdown-bg);box-shadow:var(--dropdown-box-shadow);padding:.5rem;z-index:15;min-width:215px}.dropdown.user{top:0;padding:1rem 0 .7rem 0}.right-close{color:var(--gray-600);padding:3px 8px 0 0;margin-top:-20px;float:right;display:block}.user-box{padding:0 0 .7rem 1rem;display:flex;align-items:center;font-size:.975rem}.user-nav li a{margin-left:10px}.dropdown.left{left:0;width:150px}.menu a,.dropdown li>a,.dropdown li>div{color:var(--gray);padding:5px;display:flex;flex-direction:row;align-items:center;gap:.7rem}.dropdown li:hover>a,.dropdown li>a.active,.dropdown li>div.active{color:var(--link-color-hover)}.menu__left:not(.menu__active) li{margin-bottom:3px}.menu li.active,.menu li:hover{background-color:var(--gray-100);border-radius:var(--border-radius)}.menu li:hover{transition-duration:.3s}.menu li:hover>a{color:var(--gray)}.breadcrumbs li{display:inline;color:var(--gray-600)}.breadcrumbs li:not(:last-child):after{content:" / "}ul.nav{list-style:none;align-items:center;display:flex;gap:.7rem;margin:0;padding:0}ul.nav>li{padding:6px 12px}ul.nav.small>li{padding:3px 6px}ul.nav>li>a{color:var(--gray-600)}ul.nav>li.active{background-color:var(--nav-bg-active);border-radius:var(--border-radius);color:var(--nav-color-active)}ul.nav>li.active>a{color:var(--nav-color-active)}ul.nav>li a:hover{color:var(--link-color-hover)}ul.nav>li.active a:hover{color:var(--nav-color-active)}.content-tabs{display:none}.content-tabs.tab_active{display:block;color:var(--nav-color-active)}html{height:100%;overflow-y:scroll}*,*::before,*::after{box-sizing:border-box}:active,:hover,:focus{outline:0;outline-offset:0}body{line-height:var(--line-height);font-family:var(--font-family);font-size:var(--font-size);background-color:var(--bg-color);color:var(--text-color);padding:0;margin:0}a{color:var(--link-color);cursor:pointer;text-decoration:none}a:hover,a:focus,a:active{color:var(--link-color-hover)}img{border-radius:var(--border-radius);vertical-align:middle}.top-sm{top:70px}.mr-auto{margin:0 auto}.m0{margin:0}.m5{margin:5px}.mt5{margin-top:5px}.mr5{margin-right:5px}.mb5{margin-bottom:5px}.ml5{margin-left:5px}.m10{margin:10px}.mt10{margin-top:10px}.mr10{margin-right:10px}.mb10{margin-bottom:10px}.ml10{margin-left:10px}.m15{margin:15px}.mt15{margin-top:15px}.mr15{margin-right:15px}.mb15{margin-bottom:15px}.ml15{margin-left:15px}.mt20{margin-top:20px}.mr20{margin-right:20px}.mb20{margin-bottom:20px}.ml20{margin-left:20px}.ml30{margin-left:30px}.p5{padding:5px}.p15{padding:15px}.p5-10{padding:5px 10px}.p10-5{padding:10px 5px}.indent-body{margin:0 8px}.black{color:var(--black)}.white{color:var(--white)}.yellow{color:var(--yellow)}.green{color:var(--green)}.gray{color:var(--gray)}.gray-600{color:var(--gray-600)}.sky{color:var(--sky)}.red{color:var(--red)}.brown{color:var(--brown)}.bg-black{background-color:var(--black)}.bg-white{background-color:var(--white)}.bg-green{background-color:var(--green)}.bg-yellow{background-color:var(--yellow)}.bg-lightyellow{background-color:lightyellow}.bg-lightgray{background-color:var(--gray-100)}.bg-violet{background-color:var(--violet)}.bg-blue{background-color:var(--blue)}.bg-red-200{background-color:var(--red-200)}.bg-beige{background-color:var(--beige)}.active{color:var(--red)}.shadow{box-shadow:0 4px 14px rgba(0,0,0,.15)}.shadow-bottom{box-shadow:0 10px 20px rgba(0,0,0,.1)}.br-gray{border:1px solid var(--gray-100)}.br-dotted{border:1px dotted var(--form-border-color)}.br-bottom{border-bottom:1px solid var(--form-border-color)}.br-lightgray{border:5px solid var(--gray-100)}li.br-top-zebra+li{border-top:1px solid var(--gray-100)}li.br-li-bottom-no:last-child{border-bottom:1px solid transparent}.w-auto{width:auto}.w-20{width:20%}.w-30{width:30%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-90{width:90%}.w-100{width:100%}.w20{width:20px}.w30{width:30px}.w40{width:40px}.w50{width:50px}.w60{width:60px}.w94{width:94px}.w160{width:160px}.w200{width:200px}.max-w-100{max-width:100%}.max-w780{max-width:780px}.max-w300{max-width:300px}.min-w75{min-width:75px}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}.text-7xl{font-size:4.5rem}.text-8xl{font-size:6rem}.grid{display:grid}.gap{gap:1rem}.gap-min{gap:.5rem}.gap-max{gap:2.5rem}.flex{display:flex}.fixed{position:fixed}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-auto{flex:1 1 0%}.clear{clear:both}.left{float:left}.right{float:right}.center{text-align:center}.align-right{text-align:right}.middle{vertical-align:middle}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.items-center{align-items:center}.italic{font-style:italic}.sticky{position:sticky}.absolute{position:absolute}.relative{position:relative}.hidden{overflow:hidden}.none{display:none}.block{display:block}.table{display:table}.inline{display:inline-block}.break-all{word-break:break-all}.pointer{cursor:pointer}.logo{color:var(--header-logo-color);font-size:21px}.favicons{height:18px;width:18px}.img-sm{width:24px;height:24px}.img-base{width:36px;height:36px}.img-lg{width:64px;height:64px}.img-xl{width:94px;height:94px}.img-2xl{width:160px;height:160px}.trigger img.img-base:hover{opacity:.7}.profile-ava{position:absolute;z-index:5;margin:60px 10px 0 15px;border-radius:var(--border-radius)}.box-cover-img{height:200px;width:100%}.profile-bg-img.bg-profile{height:90px}.medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;will-change:opacity}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,0,.2,1)}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}.img-preview{max-width:780px;position:relative}.img-preview img{max-width:100%;border:1px solid #f3f3f3}.cut-post img,.content-body img,.medium-zoom-image{max-width:100%}.img-preview img:hover{box-shadow:0 1px 8px 0 rgb(0 0 0 / 20%)}.CodeMirror-line{max-width:800px}img.emoji{max-width:20px;display:inline-block;border-color:transparent}input,select,textarea{background-color:var(--form-bg-color);border:1px solid var(--form-border-color);color:var(--form-text-color);font-size:16px}textarea{width:100%}fieldset input:not([type=radio]):not([type=checkbox]):not([type=range]),fieldset select{width:100%;min-height:34px;padding:5px}fieldset{padding:0;border:0;position:relative;margin:10px 0}fieldset.error input{border-color:var(--red)}.help{font-size:.875rem;color:var(--gray-600)}input:focus,textarea:focus{border:1px solid var(--form-color-active)}label{display:block;margin-bottom:4px;font-size:.875rem}::placeholder{color:var(--gray)}table{margin-bottom:1.5rem;width:100%;border-collapse:collapse;border-spacing:0}table td,table th{font-size:14px;padding:5px}table thead th{border-bottom:2px solid rgba(222,226,230,.5);text-align:left}table tr:nth-of-type(2n){background-color:var(--gray-100)}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;background-color:transparent;border:1px solid transparent;padding:.35rem 1rem;border-radius:.2rem}.btn-small{padding:.15rem .35rem;font-size:.775rem}.btn-primary{color:var(--button-text-color);background-color:var(--button-bg-color);border-color:var(--button-border-color)}.btn-outline-primary{color:var(--button-outline-text-color);background-color:var(--button-outline-bg-color);border-color:var(--button-outline-border-color)}.btn-primary:hover,.btn-primary:focus{color:var(--button-border-color-hover);opacity:.8}.btn-outline-primary:hover,.btn-outline-primary:focus{color:var(--button-outline-text-color-hover);background-color:var(--button-outline-bg-color-hover);border-color:var(--button-outline-border-color-hover)}.focus-id:hover{opacity:.8}.tag,.tag-grey,.tag-yellow,.tag-violet,.tag-clear{font-size:.9rem;border-radius:var(--border-radius);margin-left:.25em;padding:.08rem .35rem .15rem .35rem;text-transform:lowercase;text-decoration:none}.tag{background-color:#ddebf9;color:#4596de}.tag:hover{background-color:#5fb878;color:#fff}.tag-grey{background-color:#ececec;color:#6b3e4a}.tag-grey:hover{background-color:#fff;color:#444}.tag-yellow{background-color:#fffcd7;color:#7b5d5d}.tag-violet{background-color:var(--violet);color:#544e4e}.tag-clear{color:#707476;background-color:var(--white);border:1px solid #e8ebed}.tag-clear:hover{color:#707476;background-color:#f5f7f8}.label{font-style:italic;text-transform:lowercase;font-size:.875rem;padding:3px 10px;font-weight:400}.label-grey{background-color:var(--violet);color:var(--gray-600)}.label-orange{background-color:#f9ddde;color:var(--gray)}.label-green{background-color:#f0f6f3;color:var(--green)}.label-red{background-color:#fff4e8;color:var(--red)}.label-teal{background-color:var(--teal);color:var(--white)}.label-teal:hover{background-color:#339a9c;transition:background .2s ease-out}.tagify{width:100%;max-width:780px}.tagify--noTags[required]{--tags-border-color:var(--red)}.poll{padding:5px 10px;list-style:none;box-shadow:0 0 5px rgb(0 0 0 / 10%);border:1px solid #f3f4f6}.poll-count{float:left;padding-right:10px;width:48px;font-size:.8em;margin-top:1px;color:var(--gray-600)}.poll-result{padding-left:48px}.poll-label{font-size:.9em;color:var(--gray)}progress,progress[role]{appearance:none;-moz-appearance:none;-webkit-appearance:none;background-size:auto}progress{vertical-align:baseline;display:block;width:100%;border:0;margin-bottom:20px;background:#f8f8f8;height:7px;border-radius:500px;overflow:hidden}::-webkit-progress-bar{background:#f8f8f8}progress[value^="0"]::-moz-progress-bar,progress[value^="1"]::-moz-progress-bar,progress[value^="2"]::-moz-progress-bar,progress[value^="0"]::-webkit-progress-value,progress[value^="1"]::-webkit-progress-value,progress[value^="2"]::-webkit-progress-value{background-color:#0ea5e9}progress[value^="3"]::-moz-progress-bar,progress[value^="4"]::-moz-progress-bar,progress[value^="5"]::-moz-progress-bar,progress[value^="3"]::-webkit-progress-value,progress[value^="4"]::-webkit-progress-value,progress[value^="5"]::-webkit-progress-value{background-color:#0085ee}progress[value^="6"]::-moz-progress-bar,progress[value^="7"]::-moz-progress-bar,progress[value^="8"]::-moz-progress-bar,progress[value^="6"]::-webkit-progress-value,progress[value^="7"]::-webkit-progress-value,progress[value^="8"]::-webkit-progress-value{background-color:green}progress[value^="9"]::-moz-progress-bar,progress[value="100"]::-moz-progress-bar,progress[value^="9"]::-webkit-progress-value,progress[value="100"]::-webkit-progress-value{background-color:red}.modal{display:flex;align-items:center;justify-content:center;position:fixed;z-index:10;width:100%;height:100%}.model-inner{background-color:#fff;border-radius:var(--border-radius);max-width:600px;padding:2em;margin:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #000}.overlay{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;opacity:.75}.dialog-container{display:flex;position:fixed;top:0;left:0;bottom:0;right:0;z-index:6}.dialog-container[aria-hidden='true']{display:none}.dialog-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(43,46,56,.9);animation:fade-in 200ms both}.dialog-content{background-color:rgb(255,255,255);margin:auto;z-index:6;position:relative;animation:fade-in 400ms 200ms both,slide-up 400ms 200ms both;padding:1em;max-width:90%;width:600px;border-radius:var(--border-radius)}@media screen and (min-width:700px){.dialog-content{padding:2em}}.dialog-close{position:absolute;top:.5em;right:.5em;border:0;padding:0;background-color:transparent;font-size:2em;text-align:center;cursor:pointer;transition:0.15s;color:var(--gray-600)}@media screen and (min-width:700px){.dialog-close{top:5px}}footer{background-color:var(--footer-bg);color:var(--footer-text-color);padding:.5rem;overflow:hidden;margin-top:1rem;box-shadow:var(--footer-box-shadow)}footer.small-sidebar{background-color:transparent;color:var(--footer-text-color);font-size:.875rem;padding:0 .25rem;margin:0 .25rem}footer .icon{color:var(--footer-text-color);margin-right:1rem}footer ul{padding-left:60px;list-style:none;margin:0}footer ul li a{font-size:14px;color:var(--footer-text-color);margin-bottom:5px}footer ul li a:hover,footer .icon:hover{color:var(--footer-color-active)}.notice{animation-name:toastEffect;animation-timing-function:ease-in;background-color:var(--gray);border-radius:var(--border-radius);box-shadow:0 5px 15px 0 rgba(221,221,221,1);color:var(--white);display:inline-block;padding:2px 20px;position:fixed;text-align:center;text-decoration:none;z-index:2147483647}.notice-bottom{bottom:1rem}.notice-center{left:0;margin-left:auto;margin-right:auto;max-width:fit-content;right:0}.notice-left{left:1rem}.notice-right{right:1rem}.notice-top{top:1rem}@keyframes toastEffect{0%{opacity:0}100%{opacity:0}20%{opacity:1}80%{opacity:1}}main{width:calc(100% - 590px)}.admin main{width:calc(100% - 210px)}.menuno main{width:calc(100% - 340px)}.menuno main.w-100{width:100%}@media (max-width:1050px){.menu__left,#togglemenu{display:none}aside{min-width:240px}main{width:calc(100% - 250px)}.admin main{width:100%}.menu__button{transition:0.3s ease;display:block}.menu__left{opacity:0;visibility:hidden;transition-property:opacity,visibility;z-index:98;left:0;top:0;bottom:0;min-width:180px;background-color:var(--dropdown-bg);box-shadow:5px 0 5px -5px rgba(0,0,0,.25);overflow-x:hidden;position:absolute;padding-right:0}.menu__left.menu__active,.menu__left.menu-none.menu__active{opacity:1;visibility:visible;transition:0.25s;position:fixed;display:block}.menu__left.menu__active ul.top-sm{top:0}.menu__left.menu__active .menu li{background-color:#fff;padding-left:10px}}@media (max-width:780px){.mb-w80{width:80px}.mb-w150{width:150px}.mb-p10{padding:10px}.mb-mt5{margin-top:5px}.mb-mt25{margin-top:25px}.mb-ml10{margin-left:10px}.mb-text-xl{font-size:1.25rem}.logo{font-size:18px}.gap-max{gap:1.5rem}.footer ul{padding-left:0}.mb-img-2xl{height:65px;width:65px}.box-cover-img{height:75px}.title{font-size:1.2125rem}.mb-block,#contentWrapper{display:block}.mb-w-100,iframe,video{width:100%}.box{padding:1rem;border-radius:0}aside,.mb-none,ul.setting>li>a>i{display:none}main,.menuno main{width:100%}.wrap{padding-left:0;padding-right:0}}code{color:#9b4f5e;background-color:#f5f2f0;padding:3px;border-radius:var(--border-radius);font-size:14px}pre{white-space:pre-wrap;word-wrap:break-word;background:#f5f2f0;padding:.2em .5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}[class*=lang-] script[type='text/plain'],[class*=language-] script[type='text/plain'],script[type='text/plain'][class*=lang-],script[type='text/plain'][class*=language-]{display:block;font:100% Consolas,Monaco,monospace;white-space:pre;overflow:auto}.token.tag,.token.tag:hover{background-color:transparent} \ No newline at end of file diff --git a/resources/views/default/css/catalog.css b/resources/views/default/css/catalog.css index cf27e588..1adc0859 100644 --- a/resources/views/default/css/catalog.css +++ b/resources/views/default/css/catalog.css @@ -4,7 +4,9 @@ * Стили для каталога */ -.item-cat { padding: 0 30px 10px 30px; } +.item-cat { + padding: 0 30px 10px 30px; +} .list-items { margin: 0; @@ -48,7 +50,7 @@ } .categories-telo, -.item-categories > div { +.item-categories>div { width: 33%; margin-bottom: 10px; } @@ -59,18 +61,24 @@ body.item.dark .categories-telo a { color: #fff; } -body.item.dark .box { background-color: #222; } -body.item.dark .item-categories { background-color: #111; } +body.item.dark .box { + background-color: #222; +} + +body.item.dark .item-categories { + background-color: #111; +} @media (max-width: 890px) { + .item-categories, .item-cat { padding: 20px 20px 20px 15px; } .categories-telo, - .item-categories > div { + .item-categories>div { width: 99%; margin-bottom: 10px; } @@ -80,5 +88,7 @@ body.item.dark .item-categories { background-color: #111; } padding-right: .5rem; } - .list-items { padding: 0 5px 0 0; } + .list-items { + padding: 0 5px 0 0; + } } \ No newline at end of file diff --git a/resources/views/default/css/custom.css b/resources/views/default/css/custom.css index 2fa346e6..fb04f088 100644 --- a/resources/views/default/css/custom.css +++ b/resources/views/default/css/custom.css @@ -10,12 +10,11 @@ font-family: Roboto; src: url(/assets/fonts/Roboto-Regular.ttf); } - + body { font-family: Roboto, -apple-system,BlinkMacSystemFont,Arial,sans-serif; } */ - /* пример 2 (example 2) body { background-color: #f3f3f3; } diff --git a/resources/views/default/css/parts/_basic.css b/resources/views/default/css/parts/_basic.css index 2840cce7..3fa66b53 100644 --- a/resources/views/default/css/parts/_basic.css +++ b/resources/views/default/css/parts/_basic.css @@ -49,153 +49,500 @@ img { vertical-align: middle; } -.top-sm { top: 70px; } -.mr-auto { margin: 0 auto; } +.top-sm { + top: 70px; +} -.m0 { margin: 0; } -.m5 { margin: 5px; } -.mt5 { margin-top: 5px; } -.mr5 { margin-right: 5px; } -.mb5 { margin-bottom: 5px; } -.ml5 { margin-left: 5px; } +.mr-auto { + margin: 0 auto; +} -.m10 { margin: 10px; } -.mt10 { margin-top: 10px; } -.mr10 { margin-right: 10px; } -.mb10 { margin-bottom: 10px; } -.ml10 { margin-left: 10px; } +.m0 { + margin: 0; +} -.m15 { margin: 15px; } -.mt15 { margin-top: 15px; } -.mr15 { margin-right: 15px; } -.mb15 { margin-bottom: 15px; } -.ml15 { margin-left: 15px; } +.m5 { + margin: 5px; +} -.mt20 { margin-top: 20px; } -.mr20 { margin-right: 20px; } -.mb20 { margin-bottom: 20px; } -.ml20 { margin-left: 20px; } -.ml30 { margin-left: 30px; } +.mt5 { + margin-top: 5px; +} -.p5 { padding: 5px; } -.p15 { padding: 15px; } -.p5-10 { padding: 5px 10px; } -.p10-5 { padding: 10px 5px; } +.mr5 { + margin-right: 5px; +} -.indent-body { margin: 0 8px; } +.mb5 { + margin-bottom: 5px; +} + +.ml5 { + margin-left: 5px; +} + +.m10 { + margin: 10px; +} + +.mt10 { + margin-top: 10px; +} + +.mr10 { + margin-right: 10px; +} + +.mb10 { + margin-bottom: 10px; +} + +.ml10 { + margin-left: 10px; +} + +.m15 { + margin: 15px; +} + +.mt15 { + margin-top: 15px; +} + +.mr15 { + margin-right: 15px; +} + +.mb15 { + margin-bottom: 15px; +} + +.ml15 { + margin-left: 15px; +} + +.mt20 { + margin-top: 20px; +} + +.mr20 { + margin-right: 20px; +} + +.mb20 { + margin-bottom: 20px; +} + +.ml20 { + margin-left: 20px; +} + +.ml30 { + margin-left: 30px; +} + +.p5 { + padding: 5px; +} + +.p15 { + padding: 15px; +} + +.p5-10 { + padding: 5px 10px; +} + +.p10-5 { + padding: 10px 5px; +} + +.indent-body { + margin: 0 8px; +} /* * Used colors (and background) in LibArea project * * Используемые цвета (и фон) в проекте LibArea */ -.black { color: var(--black); } -.white { color: var(--white); } -.yellow { color: var(--yellow); } -.green { color: var(--green); } -.gray { color: var(--gray); } -.gray-600 { color: var(--gray-600); } -.sky { color: var(--sky); } -.red { color: var(--red); } -.brown { color: var(--brown ); } +.black { + color: var(--black); +} -.bg-black { background-color: var(--black); } -.bg-white { background-color: var(--white); } -.bg-green { background-color: var(--green); } -.bg-yellow { background-color: var(--yellow); } +.white { + color: var(--white); +} -.bg-lightyellow { background-color: lightyellow; } -.bg-lightgray { background-color: var(--gray-100); } -.bg-violet { background-color: var(--violet); } -.bg-blue { background-color: var(--blue); } -.bg-red-200 { background-color: var(--red-200); } -.bg-beige { background-color: var(--beige); } +.yellow { + color: var(--yellow); +} -.active { color: var(--red); } +.green { + color: var(--green); +} + +.gray { + color: var(--gray); +} + +.gray-600 { + color: var(--gray-600); +} + +.sky { + color: var(--sky); +} + +.red { + color: var(--red); +} + +.brown { + color: var(--brown); +} + +.bg-black { + background-color: var(--black); +} + +.bg-white { + background-color: var(--white); +} + +.bg-green { + background-color: var(--green); +} + +.bg-yellow { + background-color: var(--yellow); +} + +.bg-lightyellow { + background-color: lightyellow; +} + +.bg-lightgray { + background-color: var(--gray-100); +} + +.bg-violet { + background-color: var(--violet); +} + +.bg-blue { + background-color: var(--blue); +} + +.bg-red-200 { + background-color: var(--red-200); +} + +.bg-beige { + background-color: var(--beige); +} + +.active { + color: var(--red); +} /* * Other * * Другое */ -.shadow { box-shadow: 0 4px 14px rgba(0,0,0,0.15); } -.shadow-bottom { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } +.shadow { + box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15); +} -.br-gray { border: 1px solid var(--gray-100); } -.br-dotted { border: 1px dotted var(--form-border-color); } -.br-bottom { border-bottom: 1px solid var(--form-border-color); } -.br-lightgray { border: 5px solid var(--gray-100); } +.shadow-bottom { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); +} -li.br-top-zebra + li { border-top: 1px solid var(--gray-100); } -li.br-li-bottom-no:last-child { border-bottom: 1px solid transparent; } +.br-gray { + border: 1px solid var(--gray-100); +} -.w-auto { width: auto; } -.w-20 { width: 20%; } -.w-30 { width: 30%; } -.w-40 { width: 40%; } -.w-50 { width: 50%; } -.w-60 { width: 60%; } -.w-70 { width: 70%; } -.w-90 { width: 90% } -.w-100 { width: 100%; } -.w20 { width: 20px; } -.w30 { width: 30px; } -.w40 { width: 40px; } -.w50 { width: 50px; } -.w60 { width: 60px; } -.w94 { width: 94px; } -.w160 { width: 160px; } -.w200 { width: 200px; } +.br-dotted { + border: 1px dotted var(--form-border-color); +} -.max-w-100 { max-width: 100%; } -.max-w780 { max-width: 780px; } -.max-w300 { max-width: 300px; } -.min-w75 { min-width: 75px; } +.br-bottom { + border-bottom: 1px solid var(--form-border-color); +} -.text-xs { font-size: 0.75rem; } -.text-sm { font-size: 0.875rem; } -.text-base { font-size: 1rem; } -.text-lg { font-size: 1.125rem; } -.text-xl { font-size: 1.25rem; } -.text-2xl { font-size: 1.5rem; } -.text-3xl { font-size: 1.875rem; } -.text-4xl { font-size: 2.25rem; } -.text-5xl { font-size: 3rem; } -.text-6xl { font-size: 3.75rem; } -.text-7xl { font-size: 4.5rem; } -.text-8xl { font-size: 6rem; } +.br-lightgray { + border: 5px solid var(--gray-100); +} -.grid { display: grid; } -.gap { gap: 1rem; } -.gap-min { gap: 0.5rem; } -.gap-max { gap: 2.5rem; } -.flex { display: flex; } -.fixed { position: fixed; } -.flex-row { flex-direction: row; } -.flex-col { flex-direction: column; } -.flex-wrap { flex-wrap: wrap; } -.flex-nowrap { flex-wrap: nowrap } -.flex-auto { flex: 1 1 0%; } +li.br-top-zebra+li { + border-top: 1px solid var(--gray-100); +} -.clear { clear: both; } -.left { float: left; } -.right { float: right; } -.center { text-align: center; } -.align-right { text-align: right; } -.middle { vertical-align: middle; } -.lowercase { text-transform: lowercase; } -.uppercase { text-transform: uppercase; } -.justify-between { justify-content: space-between; } -.justify-center { justify-content: center; } -.items-center { align-items: center; } -.italic { font-style: italic; } -.sticky { position: sticky; } -.absolute { position: absolute; } -.relative { position: relative; } -.hidden { overflow: hidden; } -.none { display: none; } -.block { display: block; } -.table { display: table; } -.inline { display: inline-block; } -.break-all { word-break:break-all; } -.pointer { cursor: pointer; } \ No newline at end of file +li.br-li-bottom-no:last-child { + border-bottom: 1px solid transparent; +} + +.w-auto { + width: auto; +} + +.w-20 { + width: 20%; +} + +.w-30 { + width: 30%; +} + +.w-40 { + width: 40%; +} + +.w-50 { + width: 50%; +} + +.w-60 { + width: 60%; +} + +.w-70 { + width: 70%; +} + +.w-90 { + width: 90% +} + +.w-100 { + width: 100%; +} + +.w20 { + width: 20px; +} + +.w30 { + width: 30px; +} + +.w40 { + width: 40px; +} + +.w50 { + width: 50px; +} + +.w60 { + width: 60px; +} + +.w94 { + width: 94px; +} + +.w160 { + width: 160px; +} + +.w200 { + width: 200px; +} + +.max-w-100 { + max-width: 100%; +} + +.max-w780 { + max-width: 780px; +} + +.max-w300 { + max-width: 300px; +} + +.min-w75 { + min-width: 75px; +} + +.text-xs { + font-size: 0.75rem; +} + +.text-sm { + font-size: 0.875rem; +} + +.text-base { + font-size: 1rem; +} + +.text-lg { + font-size: 1.125rem; +} + +.text-xl { + font-size: 1.25rem; +} + +.text-2xl { + font-size: 1.5rem; +} + +.text-3xl { + font-size: 1.875rem; +} + +.text-4xl { + font-size: 2.25rem; +} + +.text-5xl { + font-size: 3rem; +} + +.text-6xl { + font-size: 3.75rem; +} + +.text-7xl { + font-size: 4.5rem; +} + +.text-8xl { + font-size: 6rem; +} + +.grid { + display: grid; +} + +.gap { + gap: 1rem; +} + +.gap-min { + gap: 0.5rem; +} + +.gap-max { + gap: 2.5rem; +} + +.flex { + display: flex; +} + +.fixed { + position: fixed; +} + +.flex-row { + flex-direction: row; +} + +.flex-col { + flex-direction: column; +} + +.flex-wrap { + flex-wrap: wrap; +} + +.flex-nowrap { + flex-wrap: nowrap +} + +.flex-auto { + flex: 1 1 0%; +} + +.clear { + clear: both; +} + +.left { + float: left; +} + +.right { + float: right; +} + +.center { + text-align: center; +} + +.align-right { + text-align: right; +} + +.middle { + vertical-align: middle; +} + +.lowercase { + text-transform: lowercase; +} + +.uppercase { + text-transform: uppercase; +} + +.justify-between { + justify-content: space-between; +} + +.justify-center { + justify-content: center; +} + +.items-center { + align-items: center; +} + +.italic { + font-style: italic; +} + +.sticky { + position: sticky; +} + +.absolute { + position: absolute; +} + +.relative { + position: relative; +} + +.hidden { + overflow: hidden; +} + +.none { + display: none; +} + +.block { + display: block; +} + +.table { + display: table; +} + +.inline { + display: inline-block; +} + +.break-all { + word-break: break-all; +} + +.pointer { + cursor: pointer; +} \ No newline at end of file diff --git a/resources/views/default/css/parts/_button.css b/resources/views/default/css/parts/_button.css index ce952365..87771140 100644 --- a/resources/views/default/css/parts/_button.css +++ b/resources/views/default/css/parts/_button.css @@ -3,8 +3,8 @@ * * Кнопки */ - - /* Buttons */ + +/* Buttons */ .btn { display: inline-block; font-weight: 400; @@ -47,6 +47,6 @@ border-color: var(--button-outline-border-color-hover); } -.focus-id:hover{ +.focus-id:hover { opacity: 0.8; } \ No newline at end of file diff --git a/resources/views/default/css/parts/_code.css b/resources/views/default/css/parts/_code.css index 194a6211..4b47a6ca 100644 --- a/resources/views/default/css/parts/_code.css +++ b/resources/views/default/css/parts/_code.css @@ -21,10 +21,193 @@ pre { /* PrismJS 1.25.0 https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+java+kotlin+markup-templating+php+sql&plugins=line-numbers+unescaped-markup+normalize-whitespace */ -code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;/*white-space:pre;*/word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help} -pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right} -[class*=lang-] script[type='text/plain'],[class*=language-] script[type='text/plain'],script[type='text/plain'][class*=lang-],script[type='text/plain'][class*=language-]{display:block;font:100% Consolas,Monaco,monospace;white-space:pre;overflow:auto} +code[class*=language-], +pre[class*=language-] { + color: #000; + background: 0 0; + text-shadow: 0 1px #fff; + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + font-size: 1em; + text-align: left; + /*white-space:pre;*/ + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none +} + +code[class*=language-] ::-moz-selection, +code[class*=language-]::-moz-selection, +pre[class*=language-] ::-moz-selection, +pre[class*=language-]::-moz-selection { + text-shadow: none; + background: #b3d4fc +} + +code[class*=language-] ::selection, +code[class*=language-]::selection, +pre[class*=language-] ::selection, +pre[class*=language-]::selection { + text-shadow: none; + background: #b3d4fc +} + +@media print { + + code[class*=language-], + pre[class*=language-] { + text-shadow: none + } +} + +pre[class*=language-] { + padding: 1em; + margin: .5em 0; + overflow: auto +} + +:not(pre)>code[class*=language-], +pre[class*=language-] { + background: #f5f2f0 +} + +:not(pre)>code[class*=language-] { + padding: .1em; + border-radius: .3em; + white-space: normal +} + +.token.cdata, +.token.comment, +.token.doctype, +.token.prolog { + color: #708090 +} + +.token.punctuation { + color: #999 +} + +.token.namespace { + opacity: .7 +} + +.token.boolean, +.token.constant, +.token.deleted, +.token.number, +.token.property, +.token.symbol, +.token.tag { + color: #905 +} + +.token.attr-name, +.token.builtin, +.token.char, +.token.inserted, +.token.selector, +.token.string { + color: #690 +} + +.language-css .token.string, +.style .token.string, +.token.entity, +.token.operator, +.token.url { + color: #9a6e3a; + background: hsla(0, 0%, 100%, .5) +} + +.token.atrule, +.token.attr-value, +.token.keyword { + color: #07a +} + +.token.class-name, +.token.function { + color: #dd4a68 +} + +.token.important, +.token.regex, +.token.variable { + color: #e90 +} + +.token.bold, +.token.important { + font-weight: 700 +} + +.token.italic { + font-style: italic +} + +.token.entity { + cursor: help +} + +pre[class*=language-].line-numbers { + position: relative; + padding-left: 3.8em; + counter-reset: linenumber +} + +pre[class*=language-].line-numbers>code { + position: relative; + white-space: inherit +} + +.line-numbers .line-numbers-rows { + position: absolute; + pointer-events: none; + top: 0; + font-size: 100%; + left: -3.8em; + width: 3em; + letter-spacing: -1px; + border-right: 1px solid #999; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} + +.line-numbers-rows>span { + display: block; + counter-increment: linenumber +} + +.line-numbers-rows>span:before { + content: counter(linenumber); + color: #999; + display: block; + padding-right: .8em; + text-align: right +} + +[class*=lang-] script[type='text/plain'], +[class*=language-] script[type='text/plain'], +script[type='text/plain'][class*=lang-], +script[type='text/plain'][class*=language-] { + display: block; + font: 100% Consolas, Monaco, monospace; + white-space: pre; + overflow: auto +} /* компенсируем tag*/ .token.tag, -.token.tag:hover { background-color: transparent; } +.token.tag:hover { + background-color: transparent; +} \ No newline at end of file diff --git a/resources/views/default/css/parts/_components.css b/resources/views/default/css/parts/_components.css index 72879c22..5d5e4020 100644 --- a/resources/views/default/css/parts/_components.css +++ b/resources/views/default/css/parts/_components.css @@ -18,7 +18,7 @@ h5 { } .number-notif { - display: none; + display: none; font-size: .72rem; color: #fff; background-color: red; @@ -30,7 +30,9 @@ h5 { } .number-notif.show, -.video-pl { display: block; } +.video-pl { + display: block; +} /* См. https://feathericons.com/ и https://tabler-icons.io/ */ .icons { @@ -51,7 +53,9 @@ h5 { height: 48px; } -.icon-small { width: 15px; } +.icon-small { + width: 15px; +} .list-none { list-style: none; @@ -71,7 +75,9 @@ h5 { margin-bottom: 15px; } -.medium-zoom--opened .d-header { display: none; } +.medium-zoom--opened .d-header { + display: none; +} .banner { background-image: url(/assets/images/banner-fon.jpg); @@ -127,7 +133,7 @@ h5 { .box-results { position: absolute; border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0,0,0,.15); + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .15); background-color: var(--white); padding: 15px; z-index: 2; @@ -139,9 +145,12 @@ h5 { position: relative; width: 100%; font-size: 18px; - white-space: nowrap; /* Запрещаем перенос строк */ - overflow: hidden; /* Обрезаем все, что не помещается в область */ - text-overflow: ellipsis; /* Добавляем многоточие */ + white-space: nowrap; + /* Запрещаем перенос строк */ + overflow: hidden; + /* Обрезаем все, что не помещается в область */ + text-overflow: ellipsis; + /* Добавляем многоточие */ } .v-line { @@ -152,8 +161,9 @@ h5 { vertical-align: middle; } -.d-header.scroll-hide-search.show .box-search { display: none; } -/* end */ +.d-header.scroll-hide-search.show .box-search { + display: none; +} .box-logo { width: 209px; @@ -170,7 +180,9 @@ h5 { text-overflow: ellipsis; } -aside { width: 340px; } +aside { + width: 340px; +} aside ul { list-style: none; @@ -179,7 +191,9 @@ aside ul { font-size: 0.9375rem; } -aside ul a { color: var(--gray); } +aside ul a { + color: var(--gray); +} blockquote { margin-left: 15px; @@ -195,10 +209,12 @@ blockquote { word-wrap: break-word; padding: 0.1rem 1rem; border-left: 3px solid #d2d6dd; - font-size:.91rem + font-size: .91rem } -.blockquote-profile p { margin: 2px; } +.blockquote-profile p { + margin: 2px; +} hr { border: none; @@ -220,7 +236,7 @@ summary { font-size: 14px; } -details[open] > summary { +details[open]>summary { padding: 0 0 10px 0; color: #666; } @@ -292,7 +308,9 @@ details[open] > summary { padding: 0.5rem 0; } -ul.last-content li { margin-bottom: 15px; } +ul.last-content li { + margin-bottom: 15px; +} ul.last-content a.last-content_telo { display: block; @@ -307,17 +325,28 @@ ul.last-content a.last-content_telo { font-weight: 500; } -a:hover > img, -.trigger img { opacity: 0.8; } +a:hover>img, +.trigger img { + opacity: 0.8; +} -.focus-id:hover { cursor: pointer } -.underline-hover:hover { text-decoration: underline; } +.focus-id:hover { + cursor: pointer +} + +.underline-hover:hover { + text-decoration: underline; +} .content-body { max-width: 810px; overflow-wrap: break-word; } +.content_tree { + word-wrap: break-word; +} + .content_tree:target, .content_tree.edit { background-clip: content-box; @@ -332,7 +361,9 @@ ol.bg-red-200 { } .bg-red-200 .content_tree, -.content_tree.bg-red-200 { background-color: var(--red-200); } +.content_tree.bg-red-200 { + background-color: var(--red-200); +} .ind-first-p p { margin: 0.5em 0; @@ -344,7 +375,9 @@ article iframe { max-height: 320px; } -video { max-width: 560px; } +video { + max-width: 560px; +} .qa-comment { font-size: 0.875rem; @@ -364,8 +397,8 @@ video { max-width: 560px; } } .scroll-menu::-webkit-scrollbar { - width:0; - height:0 + width: 0; + height: 0 } .scroll-wrapper { @@ -390,24 +423,39 @@ video { max-width: 560px; } gap: 1rem; } -.content_tree { word-wrap: break-word; } - /* * Share icons * * Иконки, поделиться */ - + .icon-share { color: #fff; height: 28px; width: 28px; margin: 3px; } - -.bg-vk { background-color: #07f; } -.bg-ok { background-color: #eb722e; } -.bg-tg { background-color: #64a9dc; } -.bg-fb { background-color: #3b5998; } -.bg-lj { background-color: #0d425a; } -.bg-tw { background-color: #00aced; } + +.bg-vk { + background-color: #07f; +} + +.bg-ok { + background-color: #eb722e; +} + +.bg-tg { + background-color: #64a9dc; +} + +.bg-fb { + background-color: #3b5998; +} + +.bg-lj { + background-color: #0d425a; +} + +.bg-tw { + background-color: #00aced; +} \ No newline at end of file diff --git a/resources/views/default/css/parts/_footer.css b/resources/views/default/css/parts/_footer.css index ed469535..5df757df 100644 --- a/resources/views/default/css/parts/_footer.css +++ b/resources/views/default/css/parts/_footer.css @@ -33,4 +33,6 @@ footer ul li a { } footer ul li a:hover, -footer .icon:hover { color: var(--footer-color-active); } \ No newline at end of file +footer .icon:hover { + color: var(--footer-color-active); +} \ No newline at end of file diff --git a/resources/views/default/css/parts/_images.css b/resources/views/default/css/parts/_images.css index 29af0243..60c8a88c 100644 --- a/resources/views/default/css/parts/_images.css +++ b/resources/views/default/css/parts/_images.css @@ -39,7 +39,9 @@ height: 160px; } -.trigger img.img-base:hover { opacity: 0.7; } +.trigger img.img-base:hover { + opacity: 0.7; +} .profile-ava { position: absolute; @@ -53,13 +55,43 @@ width: 100%; } -.profile-bg-img.bg-profile { height: 90px; } +.profile-bg-img.bg-profile { + height: 90px; +} -.medium-zoom-overlay {position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;will-change:opacity} -.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1} -.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,0,.2,1)} -.medium-zoom-image--hidden{visibility:hidden} -.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform} +.medium-zoom-overlay { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + opacity: 0; + transition: opacity .3s; + will-change: opacity +} + +.medium-zoom--opened .medium-zoom-overlay { + cursor: pointer; + cursor: zoom-out; + opacity: 1 +} + +.medium-zoom-image { + cursor: pointer; + cursor: zoom-in; + transition: transform .3s cubic-bezier(.2, 0, .2, 1) +} + +.medium-zoom-image--hidden { + visibility: hidden +} + +.medium-zoom-image--opened { + position: relative; + cursor: pointer; + cursor: zoom-out; + will-change: transform +} .img-preview { max-width: 780px; @@ -70,13 +102,20 @@ max-width: 100%; border: 1px solid #f3f3f3; } -.img-preview img:hover { box-shadow: 0 1px 8px 0 rgb(0 0 0 / 20%); } .cut-post img, .content-body img, -.medium-zoom-image { max-width: 100%; } +.medium-zoom-image { + max-width: 100%; +} -.CodeMirror-line { max-width: 800px; } +.img-preview img:hover { + box-shadow: 0 1px 8px 0 rgb(0 0 0 / 20%); +} + +.CodeMirror-line { + max-width: 800px; +} img.emoji { max-width: 20px; diff --git a/resources/views/default/css/parts/_inputs.css b/resources/views/default/css/parts/_inputs.css index 0032172b..89572954 100644 --- a/resources/views/default/css/parts/_inputs.css +++ b/resources/views/default/css/parts/_inputs.css @@ -4,14 +4,18 @@ * Стили для форм */ -input, select, textarea { +input, +select, +textarea { background-color: var(--form-bg-color); border: 1px solid var(--form-border-color); color: var(--form-text-color); font-size: 16px; } -textarea { width: 100%; } +textarea { + width: 100%; +} fieldset input:not([type=radio]):not([type=checkbox]):not([type=range]), fieldset select { @@ -37,7 +41,9 @@ fieldset.error input { } input:focus, -textarea:focus { border: 1px solid var(--form-color-active); } +textarea:focus { + border: 1px solid var(--form-color-active); +} label { display: block; @@ -45,4 +51,6 @@ label { font-size: 0.875rem; } -::placeholder { color: var(--gray); } \ No newline at end of file +::placeholder { + color: var(--gray); +} \ No newline at end of file diff --git a/resources/views/default/css/parts/_media.css b/resources/views/default/css/parts/_media.css index c07be251..b031e644 100644 --- a/resources/views/default/css/parts/_media.css +++ b/resources/views/default/css/parts/_media.css @@ -4,17 +4,40 @@ * Медиа-запросы */ -main { width: calc(100% - 590px); } -.admin main { width: calc(100% - 210px); } -.menuno main { width: calc(100% - 340px); } -.menuno main.w-100 { width: 100%; } +main { + width: calc(100% - 590px); +} + +.admin main { + width: calc(100% - 210px); +} + +.menuno main { + width: calc(100% - 340px); +} + +.menuno main.w-100 { + width: 100%; +} @media (max-width: 1050px) { - .menu__left, #togglemenu { display: none; } - aside { min-width: 240px; } - main { width: calc(100% - 250px); } - .admin main { width: 100%; } + .menu__left, + #togglemenu { + display: none; + } + + aside { + min-width: 240px; + } + + main { + width: calc(100% - 250px); + } + + .admin main { + width: 100%; + } .menu__button { transition: 0.3s ease; @@ -38,7 +61,7 @@ main { width: calc(100% - 590px); } } .menu__left.menu__active, - .menu__left.menu-none.menu__active { + .menu__left.menu-none.menu__active { opacity: 1; visibility: visible; transition: 0.25s; @@ -46,7 +69,9 @@ main { width: calc(100% - 590px); } display: block; } - .menu__left.menu__active ul.top-sm { top: 0; } + .menu__left.menu__active ul.top-sm { + top: 0; + } .menu__left.menu__active .menu li { background-color: #fff; @@ -55,31 +80,69 @@ main { width: calc(100% - 590px); } } @media (max-width: 780px) { - .mb-w80 { width: 80px; } - .mb-w150 { width: 150px; } - .mb-p10 { padding: 10px; } - .mb-mt5 { margin-top: 5px; } - .mb-mt25 { margin-top: 25px; } - .mb-ml10 { margin-left: 10px; } - .mb-text-xl { font-size: 1.25rem; } - .logo { font-size: 18px; } - .gap-max { gap: 1.5rem; } - .footer ul { padding-left: 0; } + .mb-w80 { + width: 80px; + } + + .mb-w150 { + width: 150px; + } + + .mb-p10 { + padding: 10px; + } + + .mb-mt5 { + margin-top: 5px; + } + + .mb-mt25 { + margin-top: 25px; + } + + .mb-ml10 { + margin-left: 10px; + } + + .mb-text-xl { + font-size: 1.25rem; + } + + .logo { + font-size: 18px; + } + + .gap-max { + gap: 1.5rem; + } + + .footer ul { + padding-left: 0; + } .mb-img-2xl { height: 65px; width: 65px; } - - .box-cover-img { height: 75px; } - .title { font-size: 1.2125rem; } + + .box-cover-img { + height: 75px; + } + + .title { + font-size: 1.2125rem; + } .mb-block, - #contentWrapper { display: block; } + #contentWrapper { + display: block; + } .mb-w-100, iframe, - video { width: 100%; } + video { + width: 100%; + } .box { padding: 1rem; @@ -88,14 +151,18 @@ main { width: calc(100% - 590px); } aside, .mb-none, - ul.setting > li > a > i { display: none; } - + ul.setting>li>a>i { + display: none; + } + main, - .menuno main { width: 100%; } - + .menuno main { + width: 100%; + } + .wrap { padding-left: 0; padding-right: 0; } - -} + +} \ No newline at end of file diff --git a/resources/views/default/css/parts/_menu.css b/resources/views/default/css/parts/_menu.css index cf309219..bcc246c0 100644 --- a/resources/views/default/css/parts/_menu.css +++ b/resources/views/default/css/parts/_menu.css @@ -9,7 +9,9 @@ padding-right: 20px; } -.menuno .menu__left { display: none; } +.menuno .menu__left { + display: none; +} .dropdown, .menu, @@ -56,9 +58,11 @@ font-size: 0.975rem; } -.user-nav li a { margin-left: 10px; } -/* end */ +.user-nav li a { + margin-left: 10px; +} +/* end */ .dropdown.left { left: 0; @@ -66,22 +70,25 @@ } .menu a, -.dropdown li > a, -.dropdown li > div { +.dropdown li>a, +.dropdown li>div { color: var(--gray); padding: 5px; display: flex; flex-direction: row; align-items: center; gap: .7rem; - font-size: 0.875rem; } -.dropdown li:hover > a, -.dropdown li > a.active, -.dropdown li > div.active { color: var(--link-color-hover); } +.dropdown li:hover>a, +.dropdown li>a.active, +.dropdown li>div.active { + color: var(--link-color-hover); +} -.menu__left:not(.menu__active) li { margin-bottom: 3px; } +.menu__left:not(.menu__active) li { + margin-bottom: 3px; +} .menu li.active, .menu li:hover { @@ -89,15 +96,22 @@ border-radius: var(--border-radius); } -.menu li:hover { transition-duration: .3s; } -.menu li:hover > a { color: var(--gray); } +.menu li:hover { + transition-duration: .3s; +} + +.menu li:hover>a { + color: var(--gray); +} .breadcrumbs li { display: inline; - color: var(--gray-600); + color: var(--gray-600); } -.breadcrumbs li:not(:last-child):after { content: " / "; } +.breadcrumbs li:not(:last-child):after { + content: " / "; +} /* Navigation */ ul.nav { @@ -109,24 +123,42 @@ ul.nav { padding: 0; } -ul.nav > li { padding: 6px 12px; } -ul.nav.small > li { padding: 3px 6px; } -ul.nav > li > a { color: var(--gray-600); } +ul.nav>li { + padding: 6px 12px; +} -ul.nav > li.active { +ul.nav.small>li { + padding: 3px 6px; +} + +ul.nav>li>a { + color: var(--gray-600); +} + +ul.nav>li.active { background-color: var(--nav-bg-active); border-radius: var(--border-radius); color: var(--nav-color-active); } -ul.nav > li.active > a { color: var(--nav-color-active); } -ul.nav > li a:hover { color: var(--link-color-hover); } -ul.nav > li.active a:hover { color: var(--nav-color-active); } +ul.nav>li.active>a { + color: var(--nav-color-active); +} + +ul.nav>li a:hover { + color: var(--link-color-hover); +} + +ul.nav>li.active a:hover { + color: var(--nav-color-active); +} /* If it's tabs */ -.content-tabs { display: none; } +.content-tabs { + display: none; +} .content-tabs.tab_active { display: block; color: var(--nav-color-active); -} +} \ No newline at end of file diff --git a/resources/views/default/css/parts/_modal.css b/resources/views/default/css/parts/_modal.css index 93b73146..960fe84e 100644 --- a/resources/views/default/css/parts/_modal.css +++ b/resources/views/default/css/parts/_modal.css @@ -13,6 +13,7 @@ width: 100%; height: 100%; } + .model-inner { background-color: white; border-radius: var(--border-radius); @@ -20,12 +21,14 @@ padding: 2em; margin: auto; } + .modal-header { display: flex; align-items: center; justify-content: space-between; border-bottom: 2px solid black; -} +} + .overlay { width: 100%; height: 100%; @@ -94,5 +97,7 @@ } @media screen and (min-width: 700px) { - .dialog-close { top: 5px; } + .dialog-close { + top: 5px; + } } \ No newline at end of file diff --git a/resources/views/default/css/parts/_notifications.css b/resources/views/default/css/parts/_notifications.css index 375465f2..425e621d 100644 --- a/resources/views/default/css/parts/_notifications.css +++ b/resources/views/default/css/parts/_notifications.css @@ -18,9 +18,11 @@ text-decoration: none; z-index: 2147483647; } + .notice-bottom { bottom: 1rem; } + .notice-center { left: 0; margin-left: auto; @@ -28,25 +30,32 @@ max-width: fit-content; right: 0; } + .notice-left { left: 1rem; } + .notice-right { right: 1rem; } + .notice-top { top: 1rem; } + @keyframes toastEffect { 0% { opacity: 0; } + 100% { opacity: 0; } + 20% { opacity: 1; } + 80% { opacity: 1; } diff --git a/resources/views/default/css/parts/_poll.css b/resources/views/default/css/parts/_poll.css index 035c9a1f..a8978fba 100644 --- a/resources/views/default/css/parts/_poll.css +++ b/resources/views/default/css/parts/_poll.css @@ -29,9 +29,8 @@ color: var(--gray); } -progress, /* Все браузеры с поддержкой HTML5. */ -progress[role] /* polyfill */ -{ +progress, +progress[role] { /* Отключает стилизацию — обычно не требуется, но полезно знать. */ appearance: none; -moz-appearance: none; @@ -53,7 +52,9 @@ progress { overflow: hidden; } -::-webkit-progress-bar { background: #f8f8f8; } +::-webkit-progress-bar { + background: #f8f8f8; +} /* См. https://libarea.ru/post/1384/dev-protestiruem-opros-prikreplennyy-k-postu progress::-webkit-progress-bar, @@ -63,12 +64,12 @@ progress::-moz-progress-bar { background: #0085ee; } */ progress[value^="0"]::-moz-progress-bar, progress[value^="1"]::-moz-progress-bar, -progress[value^="2"]::-moz-progress-bar, +progress[value^="2"]::-moz-progress-bar, progress[value^="0"]::-webkit-progress-value, progress[value^="1"]::-webkit-progress-value, progress[value^="2"]::-webkit-progress-value { background-color: #0ea5e9; -} +} @@ -96,5 +97,4 @@ progress[value="100"]::-moz-progress-bar, progress[value^="9"]::-webkit-progress-value, progress[value="100"]::-webkit-progress-value { background-color: red; -} - +} \ No newline at end of file diff --git a/resources/views/default/css/parts/_table.css b/resources/views/default/css/parts/_table.css index fb643dac..613d1def 100644 --- a/resources/views/default/css/parts/_table.css +++ b/resources/views/default/css/parts/_table.css @@ -22,4 +22,6 @@ table thead th { text-align: left; } -table tr:nth-of-type(2n) { background-color: var(--gray-100); } +table tr:nth-of-type(2n) { + background-color: var(--gray-100); +} \ No newline at end of file diff --git a/resources/views/default/css/parts/_tags.css b/resources/views/default/css/parts/_tags.css index d23865a8..d270dc5c 100644 --- a/resources/views/default/css/parts/_tags.css +++ b/resources/views/default/css/parts/_tags.css @@ -104,4 +104,4 @@ .tagify--noTags[required] { --tags-border-color: var(--red); -} +} \ No newline at end of file diff --git a/resources/views/default/css/rtl.css b/resources/views/default/css/rtl.css index 6c18bac4..8d79fcbb 100644 --- a/resources/views/default/css/rtl.css +++ b/resources/views/default/css/rtl.css @@ -29,7 +29,18 @@ right: auto; } -.dropdown.user { padding: 1rem .7rem .7rem 0; } -.d-header_contents .btn-outline-primary { width: 120px; } -.box-search { margin: 10px 0 10px 45px; } -.block-answer .right { float: left; } \ No newline at end of file +.dropdown.user { + padding: 1rem .7rem .7rem 0; +} + +.d-header_contents .btn-outline-primary { + width: 120px; +} + +.box-search { + margin: 10px 0 10px 45px; +} + +.block-answer .right { + float: left; +} \ No newline at end of file diff --git a/resources/views/default/css/theme/_variables-dark.css b/resources/views/default/css/theme/_variables-dark.css index 58f701f4..8fc66d59 100644 --- a/resources/views/default/css/theme/_variables-dark.css +++ b/resources/views/default/css/theme/_variables-dark.css @@ -14,16 +14,16 @@ body.dark { --nav-bg-active: #161f27; --nav-color-active: #fff; - + --dropdown-bg: #202b38; - --dropdown-box-shadow: 0 6px 18px 0 rgba(14,21,47,.13),0 -2px 6px rgba(14,21,47,.03); - + --dropdown-box-shadow: 0 6px 18px 0 rgba(14, 21, 47, .13), 0 -2px 6px rgba(14, 21, 47, .03); + --form-color-active: #1e2830; --form-bg-color: #283541; --form-border-color: #252830; --form-text-color: #fff; - - --border-radius: 3px; + + --border-radius: 3px; --button-text-color: #fff; --button-bg-color: #0085ee; @@ -43,13 +43,13 @@ body.dark { --header-logo-color: #fff; --header-form-bg-color: #161f27; --header-form-text-color: #fff; - + --footer-bg: #040a0f; --footer-box-shadow: 0 -5px 5px -5px rgb(0 0 0 / 15%); --footer-text-color: #eee; --footer-color-active: #ccc; - - /* Colors used */ + + /* Colors used */ --black: #fff; --white: #161f27; --gray: #a7a7a7; @@ -57,21 +57,26 @@ body.dark { --violet: #161f27; --slate-100: #161f27; } - + body.dark .EasyMDEContainer .CodeMirror { background-color: var(--form-bg-color); color: var(--form-text-color); -} +} -body.dark .box { background-color: var(--gray-100); } -body.dark .tagify { background-color: var(--form-bg-color); } +body.dark .box { + background-color: var(--gray-100); +} + +body.dark .tagify { + background-color: var(--form-bg-color); +} body.dark .bg-lightyellow, body.dark .menu__left.menu__active .menu li { background-color: var(--form-bg-color); } -body.dark .content_tree:target, +body.dark .content_tree:target, body.dark .content_tree.edit { background-color: var(--form-bg-color); } @@ -79,4 +84,4 @@ body.dark .content_tree.edit { body.dark blockquote { background-color: #5f5f67; border-left: 3px solid #6d6e6f; -} +} \ No newline at end of file diff --git a/resources/views/default/css/theme/_variables-light.css b/resources/views/default/css/theme/_variables-light.css index ad1071ff..3233790a 100644 --- a/resources/views/default/css/theme/_variables-light.css +++ b/resources/views/default/css/theme/_variables-light.css @@ -5,10 +5,10 @@ */ :root { - --font-family: -apple-system,BlinkMacSystemFont,Arial,sans-serif; + --font-family: -apple-system, BlinkMacSystemFont, Arial, sans-serif; --line-height: 1.5; --font-size: 1rem; - + /* Default (light) theme */ --bg-color: #fff; --text-color: #030303; @@ -18,12 +18,12 @@ --nav-bg-active: #fcebd9; --nav-color-active: #332f2f; - + --dropdown-bg: #fff; - --dropdown-box-shadow: 0 6px 18px 0 rgba(14,21,47,.13),0 -2px 6px rgba(14,21,47,.03); - - --border-radius: 3px; - + --dropdown-box-shadow: 0 6px 18px 0 rgba(14, 21, 47, .13), 0 -2px 6px rgba(14, 21, 47, .03); + + --border-radius: 3px; + --form-color-active: #3595f6; --form-bg-color: #fff; --form-border-color: #ddd; @@ -47,14 +47,13 @@ --header-logo-color: #111; --header-form-bg-color: #f3f4f6; --header-form-text-color: #333; - + --footer-bg: #fff; --footer-box-shadow: 0 -5px 5px -5px rgb(0 0 0 / 15%); --footer-text-color: #9ca3af; --footer-color-active: #332f2f; - - /* Colors used */ + /* Colors used */ --black: #030303; --white: #fff; --yellow: #f7f7eb; diff --git a/resources/views/default/global/item-header.php b/resources/views/default/global/item-header.php index 9b537f4e..8c33673e 100644 --- a/resources/views/default/global/item-header.php +++ b/resources/views/default/global/item-header.php @@ -1,9 +1,9 @@ addStyles('/assets/css/style.css?' . config('assembly-js-css.version')); -Request::getHead()->addStyles('/assets/css/catalog.css?' . config('assembly-js-css.version')); +Request::getHead()->addStyles('/assets/css/style.css?' . config('assembly-js-css.version')); +Request::getHead()->addStyles('/assets/css/catalog.css?' . config('assembly-js-css.version')); ?> diff --git a/resources/views/default/global/search-header.php b/resources/views/default/global/search-header.php index 22332a20..944b14ef 100644 --- a/resources/views/default/global/search-header.php +++ b/resources/views/default/global/search-header.php @@ -12,62 +12,62 @@ $q = $data['q']; class="dark" >
-
- - - -
-
- - - -
-
-
- - -
-
- - - -
- - - - - - - - -
- -
- - - - - - - - - - - -
-
- -
-
- -
-
-
- +
+ + +
+
+ + + +
+
+
+ + +
+
+ + + +
+ + + + + + + + +
+ +
+ + + + + + + + + + + +
+
+ +
+
+ +
+
+
+ + +