From 4dab7b1ce41cc6099d897dffe8ea137c91a2a1db Mon Sep 17 00:00:00 2001 From: Evg Date: Wed, 2 Feb 2022 23:26:18 +0300 Subject: [PATCH] DEV: Catalog redesign (first part) --- modules/admin/view/default/footer.php | 2 +- modules/catalog/view/default/footer.php | 4 +- modules/catalog/view/default/header.php | 129 +++++------------- modules/catalog/view/default/home.php | 48 +++---- modules/catalog/view/default/site.php | 2 +- public/assets/css/style.css | 2 +- .../views/default/content/user/favorite.php | 2 +- .../views/default/content/user/subscribed.php | 2 +- resources/views/default/css/scss/basic.scss | 6 +- .../views/default/css/scss/components.scss | 27 +++- resources/views/default/css/scss/media.scss | 1 + resources/views/default/header.php | 2 +- 12 files changed, 94 insertions(+), 133 deletions(-) diff --git a/modules/admin/view/default/footer.php b/modules/admin/view/default/footer.php index 649bab47..dd5b68ba 100644 --- a/modules/admin/view/default/footer.php +++ b/modules/admin/view/default/footer.php @@ -4,5 +4,5 @@ © — - + 1]); ?> \ No newline at end of file diff --git a/modules/catalog/view/default/footer.php b/modules/catalog/view/default/footer.php index 39a598cc..2e5dbe7e 100644 --- a/modules/catalog/view/default/footer.php +++ b/modules/catalog/view/default/footer.php @@ -2,4 +2,6 @@ © — - $user['id']]); ?> \ No newline at end of file + + + \ No newline at end of file diff --git a/modules/catalog/view/default/header.php b/modules/catalog/view/default/header.php index baba63ec..a654f2ce 100644 --- a/modules/catalog/view/default/header.php +++ b/modules/catalog/view/default/header.php @@ -1,9 +1,6 @@ @@ -15,104 +12,52 @@ output(); ?> - + - - -
-
-
- -
- -
- - - -
- -
-
- - - -
-
-
- - +class="dark"> +
+
+ +
+
+ Каталог
-
+
- - - - - - - - -
- -
-
- - - - + + + + - -
- -
- - - - - - - - - - - - + + - - -
- -
- - - -
+ + + + + + + + + + + +
- +
+
+ + + +
-
\ No newline at end of file +
+
\ No newline at end of file diff --git a/modules/catalog/view/default/home.php b/modules/catalog/view/default/home.php index 97b5118b..25982acf 100644 --- a/modules/catalog/view/default/home.php +++ b/modules/catalog/view/default/home.php @@ -1,35 +1,27 @@ $data, 'user' => $user, 'meta' => $meta]); ?> - - -
- - +

+ +
+ +
+ + -

+ + + + + + + + +
...
+
- -
- -
- - - - - - - - - - - -
...
- -
- -
+
-
+

: @@ -52,7 +44,7 @@

$user]); ?> \ No newline at end of file diff --git a/modules/catalog/view/default/site.php b/modules/catalog/view/default/site.php index 8d661d17..1638210d 100644 --- a/modules/catalog/view/default/site.php +++ b/modules/catalog/view/default/site.php @@ -18,7 +18,7 @@ - + GitHub diff --git a/public/assets/css/style.css b/public/assets/css/style.css index b3147f7e..eb4f6cae 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -1 +1 @@ -#contentWrapper{display:grid;gap:1rem;grid-template-columns:repeat(12, minmax(0, 1fr));max-width:1636px;padding-left:5px;padding-right:5px;margin:0 auto}h1,h2,h3,h4,h5{font-weight:500;margin:0}footer{background-color:var(--white);color:var(--gray-600);padding:15px;overflow:hidden;margin-top:15px}footer .icon{color:var(--gray-400);font-size:21px;margin-right:15px}footer ul{padding-left:60px;list-style:none;margin:0}footer ul li a{font-size:14px;color:var(--gray-600);margin-bottom:5px}footer ul li a:hover,footer .icon:hover{color:#111}code{color:#9b4f5e;background-color:#f5f2f0;padding:3px;border-radius:3px;font-size:14px}pre{white-space:pre-wrap}blockquote{margin-left:15px;background-color:#f3f3f6;padding:0.1rem 1rem;border-left:3px solid #d2d6dd;display:table}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;box-shadow:3px 3px 4px #eee}summary{background-color:#f5f5fa;color:#666;font-size:14px}details[open]>summary{padding:0 0 10px 0;color:#666}.logo{text-transform:uppercase;font-size:21px}.favicons{height:18px;width:18px}.ava-sm{height:21px;width:21px;border-radius:50%}.ava-base{height:40px;width:40px;border-radius:50%}.ava-lg{height:60px;width:60px;border-radius:50%}.ava-xl{height:160px;width:160px;border-radius:50%}.list-items{margin:0;min-width:426px;padding:0 30px 0 0;list-style:none}.list-items li{position:relative;display:table;box-sizing:border-box;width:100%;margin-bottom:28px}.list-items__thumb{width:200px;margin-right:20px}.list-items__description{display:table-cell;vertical-align:top}.list-items__thumb-image{box-sizing:border-box;width:200px;height:140px;box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.15)}.list-items__text{color:var(--gray-600)}.list-items__footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:0.875rem;margin-top:10px}.box{border-radius:5px;padding:15px;margin-bottom:15px}.box-white{border-radius:5px;padding:15px;margin-bottom:15px;border:1px solid var(--br-box-gray);background-color:var(--white)}.box-flex-white{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-radius:5px;padding:15px;margin-bottom:15px;border:1px solid var(--br-box-gray);background-color:var(--white)}.uppercase-box{color:var(--gray-600);font-size:0.875rem;text-transform:uppercase;font-weight:400;margin-bottom:10px}.page{margin-left:auto;margin-right:auto;color:#111;max-width:65ch;font-size:1.25rem;padding:0 10px}.page p img{max-width:100%}a:hover>img{opacity:0.8}.underline-hover:hover{text-decoration:underline}.answ-telo p:first-child{margin-top:5px}.shown_post img{width:100%}.post-body.full img:hover{box-shadow:0 1px 8px 0 rgba(0, 0, 0, 0.2)}.post-body .post-img img{margin-top:5px}.post-body.full img{max-width:100%;display:block}.answ-telo p img{max-width:99%;max-height:500px;display:block}.comment_subtree:target,.comment_subtree.edit,.answers_subtree:target,.answers_subtree.edit{background-clip:content-box;background-color:lightyellow;margin-top:-70px;padding-top:70px}.video-object{width:640px;height:360px}.answ-telo .video-object{width:290px;height:160px}.home-img,.thumb{width:260px;height:130px;object-fit:cover}.preview .home-img{display:none}.up_down_btn{bottom:40px;right:10px;line-height:30px;cursor:pointer;background-color:#f3f4f6;text-align:center;position:fixed;z-index:50;height:30px;width:30px;color:#374151;border-radius:3px}.up_down_btn:hover{text-decoration:none;background-color:#e9ebec}.up_down_btn-disabled{cursor:default;opacity:0}.box-answer{line-height:1.3;padding:5px;height:48px;width:54px;text-align:center}.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px rgba(154, 161, 177, 0.15), 0 4px 80px -8px rgba(36, 40, 47, 0.25), 0 4px 4px -2px rgba(91, 94, 105, 0.15);background-color:#fff}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}html{height:100%;overflow-y:scroll}*,*::before,*::after{box-sizing:border-box}:active,:hover,:focus{outline:0;outline-offset:0}:root{--body-bg-color: #f3f4f6;--black: #030303;--white: #fff;--br-box-gray: #ededed;--gray-100: #f3f4f6;--gray-400: #9ca3af;--gray-600: #4b5563;--blue-100: #dbeafe;--blue-500: #3b82f6;--slate-100: #f1f5f9;--slate-300: #cbd5e1;--yellow-100: #fef9c3;--yellow-500: #eab308;--purple-100: #f3e8ff;--pink-800: #9d174d;--red-200: #fecaca;--sky-50: #f0f9ff;--sky-500: #0ea5e9;--green-600: #16a34a;--violet-50: #f3f1ed}body{line-height:1.5;font-family:Helvetica, Arial, sans-serif;padding:0;margin:0}.body-bg-fon{background-color:#f3f4f6}body.dark{filter:invert(100%) hue-rotate(180deg);background-color:#222}body.dark .bg-white{background-color:var(--br-box-gray)}body.dark img{filter:invert(100%)}a{color:#4183c4;cursor:pointer;text-decoration:none}a:hover,a:focus,a.active{color:#1e70bf}img{border-radius:3px;vertical-align:middle}.top0{top:0}.top-sm{top:65px}.top-xl{top:110px}.right0{right:0}.right5{right:5px}.bottom0{bottom:0}.bottom5{bottom:5px}.left0{left:0}.mr-auto{margin:0 auto}.-mr-1{margin-right:-0.5rem}.-mt20{margin-top:-20px}.-mt50{margin-top:-50px}.-mt80{margin-top:-80px}.m0{margin:0}.mt0{margin-top:0}.mr0{margin-right:0}.mb0{margin-bottom:0}.ml0{margin-left: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}.m20{margin:20px}.mt20{margin-top:20px}.mr20{margin-right:20px}.mb20{margin-bottom:20px}.ml20{margin-left:20px}.mt30{margin-top:30px}.mt60{margin-top:60px}.mr30{margin-right:30px}.mr60{margin-right:60px}.mb30{margin-bottom:30px}.ml30{margin-left:30px}.ml45{margin-left:45px}.ml60{margin-left:60px}.ml120{margin-left:120px}.p0{padding:0}.pt0{padding-top:0}.pr0{padding-right:0}.pb0{padding-bottom:0}.pl0{padding-left:0}.p5{padding:5px}.pt5{padding-top:5px}.pr5{padding-right:5px}.pb5{padding-bottom:5px}.pl5{padding-left:5px}.p10{padding:10px}.pt10{padding-top:10px}.pr10{padding-right:10px}.pb10{padding-bottom:10px}.pl10{padding-left:10px}.p15{padding:15px}.pt15{padding-top:15px}.pr15{padding-right:15px}.pb15{padding-bottom:15px}.pl15{padding-left:15px}.p20{padding:20px}.p60{padding:60px}.pt20{padding-top:20px}.pr20{padding-right:20px}.pb20{padding-bottom:20px}.pl20{padding-left:20px}.black{color:var(--black)}.white{color:var(--white)}.gray{color:var(--gray-700)}.green-600{color:var(--green-600)}.red-500{color:var(--red-500)}.gray-400{color:var(--gray-400)}.gray-600{color:var(--gray-600)}.sky-500{color:var(--sky-500)}.bg-black{background-color:var(--black)}.bg-white{background-color:var(--white)}.bg-green-600{background-color:var(--green-600)}.bg-gray-100{background-color:var(--gray-100)}.bg-violet-50{background-color:var(--violet-50)}.bg-yellow-100{background-color:var(--yellow-100)}.bg-purple-100{background-color:var(--purple-100)}.bg-blue-100{background-color:var(--blue-100)}.bg-blue-500{background-color:var(--blue-500)}.bg-sky-50{background-color:var(--sky-50)}.bg-red-200{background-color:var(--red-200)}.bg-pink-800{background-color:var(pink-800)}.box-shadow{box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.15)}.box-shadow-top{box-shadow:0 -5px 5px -5px rgba(0, 0, 0, 0.15)}.box-shadow-all{box-shadow:0 4px 14px rgba(0, 0, 0, 0.15)}.br-box-gray{border:1px solid var(--br-box-gray)}.br-top-dotted{border:1px dotted #ddd}.br-bottom{border-bottom:1px solid #ddd}.border-bottom:last-child{border:0}.br-rd3{border-radius:3px}.br-rd5{border-radius:5px}.br-rd20{border-radius:20px}.br-rd-42{border-radius:42%}.br-rd-50{border-radius:50%}.w-auto{width:auto}.w-50{width:50%}.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}.w110{width:110px}.w160{width:160px}.w200{width:200px}.w400{width:400px}.h20{height:20px}.h30{height:30px}.h40{height:40px}.h50{height:50px}.h60{height:60px}.h80{height:80px}.h110{height:110px}.h160{height:160px}.max-w-100{max-width:100%}.max-w200{max-width:200px}.max-w300{max-width:300px}.max-w460{max-width:460px}.max-w640{max-width:640px}.max-w780{max-width:780px}.max-w1240{max-width:1240px}.max-width{max-width:1636px}.min-h300{min-height:300px}.min-h100{min-height:100px}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.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}.text-9xl{font-size:8rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-5{grid-column:span 5 / span 5}.col-span-6{grid-column:span 6 / span 6}.col-span-7{grid-column:span 7 / span 7}.col-span-8{grid-column:span 8 / span 8}.col-span-9{grid-column:span 9 / span 9}.col-span-10{grid-column:span 10 / span 10}.col-span-12{grid-column:span 12 / span 12}.gap-2{gap:0.5rem}.gap-4{gap:1rem}.flex{display:flex}.fixed{position:fixed}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-grow-0{flex-grow:0}.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}.list-none{list-style:none;padding:0;margin:0}menu{padding:0px}nav>ul>li>a{color:var(--gray-400);padding:3px 10px;display:flex;flex-direction:row;align-items:center}ul>li>a span{color:var(--gray-600)}ul>li>a:hover>span,ul>li>a:hover>i,a.sky-500 span{color:#0ea5e9}textarea{width:100%;font-size:16px;padding:1px 6px;border:1px solid var(--slate-300)}input,select{border:1px solid var(--slate-300);font-size:16px}fieldset input:not([type=radio]):not([type=checkbox]):not([type=range]){width:100%;min-height:34px;font-size:16px;padding-left:5px}fieldset{margin:0;padding:0;border:0;position:relative}fieldset{margin-top:15px}select{background-color:var(--white)}input:focus,textarea:focus{border:1px solid #9ccdf8}label{display:block;margin-bottom:5px}::placeholder{color:#919191}table{margin-bottom:1.5rem;width:100%;border-collapse:collapse;border-spacing:0}table td,table th{font-size:14px}table tr:nth-of-type(2n){background-color:var(--slate-100)}table thead th{border-bottom:2px solid rgba(222, 226, 230, 0.5)}td,th{padding:5px}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;background-color:transparent;border:1px solid transparent;padding:0.25rem 0.5rem;font-size:0.875rem;line-height:1.5;border-radius:0.2rem}.btn-small{padding:0.15rem 0.35rem;font-size:0.775rem}.btn-primary{color:var(--white);background-color:#0085ee;border-color:#0379d7}.btn-outline-primary{color:#0085ee;background-color:var(--white);border-color:#0085ee}.btn-primary:hover,.btn-primary:focus{color:var(--white);opacity:0.8}.btn-outline-primary:hover,.btn-outline-primary:focus{color:var(--white);background-color:#0085ee;border-color:#0379d7}.fon-rgba{background-color:rgba(0, 0, 0, 0.3);padding:1px 6px}.focus-id{text-align:center;border-radius:20px;font-size:0.875rem;padding:5px 15px 5px 15px}.focus-id.yes{background-color:#f3f4f6;color:#9ca3af}.focus-id.no{background-color:#f0f9ff;color:#0ea5e9}.focus-id:hover{opacity:0.8}.tag{padding:0.15rem 0.35rem;font-size:0.775rem;color:#0ea5e9;background-color:#dbeafe;border-radius:5px;display:inline-block}.tag:hover{color:#fff;background-color:#5fb878}.tags-xs{margin-right:5px;padding:2px 6px 2px 6px;border-bottom:1px solid #bbbbbb;background-color:#ececec;color:#6b3e4a;border-radius:3px;font-size:0.75rem}.tags-xs:hover{color:#444;background-color:#fff}.tags-look .tagify__dropdown__item{display:inline-block;border-radius:3px;padding:0.3em 0.5em;border:1px solid #ccc;background-color:#f3f3f3;margin:0.2em;font-size:0.85em;color:black;transition:0s}.tags-look .tagify__dropdown__item--active{color:black}.tags-look .tagify__dropdown__item:hover{background-color:lightyellow;border-color:gold}@media (max-width:1150px){.home-img{width:100%;height:auto}.flex-auto{flex-wrap:wrap;flex:1 1 auto}}@media (max-width:910px){.mb-col-2{grid-column:span 2 / span 2}.mb-col-12{grid-column:span 12 / span 12}.mb-w-100{width:100px}.mb-h-100{height:100px}.mb-w100{width:100%}.mb-h100{height:100%}.mb-ml-10{margin-left:10px}.mb-ml-20{margin-left:20px}.mb-mt-5{margin-top:5px}.mb-mr-5{margin-right:5px}.mb-mb-5{margin-bottom:5px}.mb-ml-5{margin-left:5px}.mb-ml-0{margin-left:0}.mb-pl-0{padding-left:0}.mb-pr-0{padding-right:0}.mb-text-xl{font-size:1.25rem}.mb-inline{display:inline}.mb-gap-05{gap:0.5rem}.mb-none{display:none}.mb-block{display:block}.mb-absolute{position:absolute}.logo{font-size:18px}.mb-video-object{width:280px;height:155px}}@font-face{font-family:"bootstrap-icons";src:url("./fonts/bootstrap-icons.woff2?a74547b2f0863226942ff8ded57db345") format("woff2"), url("./fonts/bootstrap-icons.woff?a74547b2f0863226942ff8ded57db345") format("woff");font-display:swap}.bi::before,[class^="bi-"]::before,[class*=" bi-"]::before{display:inline-block;font-family:bootstrap-icons !important;font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-0.125em}.bi-house::before{content:""}.bi-sort-down::before{content:""}.bi-circle::before{content:""}.bi-columns-gap::before{content:""}.bi-journal-text::before{content:""}.bi-journals::before{content:""}.bi-journal-richtext::before{content:""}.bi-chat-left-text::before{content:""}.bi-chat-quote::before{content:""}.bi-receipt::before{content:""}.bi-people::before{content:""}.bi-person::before{content:""}.bi-person-plus::before{content:""}.bi-shield-x::before{content:""}.bi-person-x-fill::before{content:""}.bi-chat-dots::before{content:""}.bi-chat-text::before{content:""}.bi-link-45deg::before{content:""}.bi-slash-lg::before{content:""}.bi-arrow-up-right-square::before{content:""}.bi-heart::before{content:""}.bi-bookmark::before{content:""}.bi-bookmark-plus::before{content:""}.bi-bookmark-dash::before{content:""}.bi-app::before{content:""}.bi-bar-chart::before{content:""}.bi-plus-lg::before{content:""}.bi-intersect::before{content:""}.bi-menu-app::before{content:""}.bi-bell::before{content:""}.bi-bell-fill::before{content:""}.bi-brightness-high::before{content:""}.bi-gear::before{content:""}.bi-pencil-square::before{content:""}.bi-app-indicator::before{content:""}.bi-envelope::before{content:""}.bi-arrow-up::before{content:""}.bi-shield-exclamation::before{content:""}.bi-box-arrow-right::before{content:""}.bi-search::before{content:""}.bi-brush::before{content:""}.bi-exclamation-diamond::before{content:""}.bi-reply::before{content:""}.bi-tools::before{content:""}.bi-badge-ad::before{content:""}.bi-award::before{content:""}.bi-patch-question::before{content:""}.bi-bug::before{content:""}.bi-mic::before{content:""}.bi-pencil::before{content:""}.bi-plus::before{content:""}.bi-journal::before{content:""}.bi-flag::before{content:""}.bi-calendar-week::before{content:""}.bi-person-x::before{content:""}.bi-folder-symlink::before{content:""}.bi-lightning::before{content:""}.bi-hash::before{content:""}.bi-trash::before{content:""}.bi-sort-up::before{content:""}.bi-record-circle::before{content:""}.bi-x-circle::before{content:""}.bi-vinyl-fill::before{content:""}.bi-vinyl::before{content:""}.bi-check2-square::before{content:""}.bi-emoji-wink::before{content:""}.bi-list::before{content:""}.bi-info-square::before{content:""}.bi-chevron-double-right::before{content:""}.bi-emoji-smile::before{content:""}.bi-lock::before{content:""}.bi-pin-angle::before{content:""}.bi-eye::before{content:""}.bi-eye-slash::before{content:""}.bi-gift::before{content:""}.bi-x-octagon::before{content:""}.bi-magic::before{content:""}.bi-facebook::before{content:""}.bi-twitter::before{content:""}.bi-github::before{content:""}.bi-discord::before{content:""}.bi-info-lg::before{content:""} \ No newline at end of file +#contentWrapper{display:grid;gap:1rem;grid-template-columns:repeat(12, minmax(0, 1fr));max-width:1636px;padding-left:5px;padding-right:5px;margin:0 auto}h1,h2,h3,h4,h5{font-weight:500;margin:0}footer{background-color:var(--white);color:var(--gray-600);padding:15px;overflow:hidden;margin-top:15px}footer .icon{color:var(--gray-400);font-size:21px;margin-right:15px}footer ul{padding-left:60px;list-style:none;margin:0}footer ul li a{font-size:14px;color:var(--gray-600);margin-bottom:5px}footer ul li a:hover,footer .icon:hover{color:#111}code{color:#9b4f5e;background-color:#f5f2f0;padding:3px;border-radius:3px;font-size:14px}pre{white-space:pre-wrap}blockquote{margin-left:15px;background-color:#f3f3f6;padding:0.1rem 1rem;border-left:3px solid #d2d6dd;display:table}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;box-shadow:3px 3px 4px #eee}summary{background-color:#f5f5fa;color:#666;font-size:14px}details[open]>summary{padding:0 0 10px 0;color:#666}.logo{text-transform:uppercase;font-size:21px}.favicons{height:18px;width:18px}.ava-sm{height:21px;width:21px;border-radius:50%}.ava-base{height:40px;width:40px;border-radius:50%}.ava-lg{height:60px;width:60px;border-radius:50%}.ava-xl{height:160px;width:160px;border-radius:50%}.list-items{margin:0;max-width:726px;padding:0 30px 0 0;list-style:none}.list-items li{position:relative;display:table;box-sizing:border-box;width:100%;margin-bottom:28px}.list-items__thumb{width:200px;margin-right:20px}.list-items__description{display:table-cell;vertical-align:top}.list-items__thumb-image{box-sizing:border-box;width:200px;height:140px;box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.15)}.list-items__text{color:var(--gray-600)}.list-items__footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:0.875rem;margin-top:10px}.item-search{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:space-between;padding:40px 60px 30px 20px}.item-search__input{width:100%;border-radius:5px;height:50px;border:9px solid #eee;padding-left:15px;color:var(--gray-700)}.item-search__url{text-decoration:underline;font-size:1.25rem;margin-left:5px}.box{border-radius:5px;padding:15px;margin-bottom:15px}.box-white{border-radius:5px;padding:15px;margin-bottom:15px;border:1px solid var(--br-box-gray);background-color:var(--white)}.box-flex-white{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-radius:5px;padding:15px;margin-bottom:15px;border:1px solid var(--br-box-gray);background-color:var(--white)}.uppercase-box{color:var(--gray-600);font-size:0.875rem;text-transform:uppercase;font-weight:400;margin-bottom:10px}.page{margin-left:auto;margin-right:auto;color:#111;max-width:65ch;font-size:1.25rem;padding:0 10px}.page p img{max-width:100%}a:hover>img{opacity:0.8}.underline-hover:hover{text-decoration:underline}.answ-telo p:first-child{margin-top:5px}.shown_post img{width:100%}.post-body.full img:hover{box-shadow:0 1px 8px 0 rgba(0, 0, 0, 0.2)}.post-body .post-img img{margin-top:5px}.post-body.full img{max-width:100%;display:block}.answ-telo p img{max-width:99%;max-height:500px;display:block}.comment_subtree:target,.comment_subtree.edit,.answers_subtree:target,.answers_subtree.edit{background-clip:content-box;background-color:lightyellow;margin-top:-70px;padding-top:70px}.video-object{width:640px;height:360px}.answ-telo .video-object{width:290px;height:160px}.home-img,.thumb{width:260px;height:130px;object-fit:cover}.preview .home-img{display:none}.up_down_btn{bottom:40px;right:10px;line-height:30px;cursor:pointer;background-color:#f3f4f6;text-align:center;position:fixed;z-index:50;height:30px;width:30px;color:#374151;border-radius:3px}.up_down_btn:hover{text-decoration:none;background-color:#e9ebec}.up_down_btn-disabled{cursor:default;opacity:0}.box-answer{line-height:1.3;padding:5px;height:48px;width:54px;text-align:center}.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px rgba(154, 161, 177, 0.15), 0 4px 80px -8px rgba(36, 40, 47, 0.25), 0 4px 4px -2px rgba(91, 94, 105, 0.15);background-color:#fff}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}html{height:100%;overflow-y:scroll}*,*::before,*::after{box-sizing:border-box}:active,:hover,:focus{outline:0;outline-offset:0}:root{--body-bg-color: #f3f4f6;--black: #030303;--white: #fff;--br-box-gray: #ededed;--gray-100: #f3f4f6;--gray-400: #9ca3af;--gray-600: #4b5563;--blue-100: #dbeafe;--blue-500: #3b82f6;--slate-100: #f1f5f9;--slate-300: #cbd5e1;--yellow-100: #fef9c3;--yellow-500: #eab308;--purple-100: #f3e8ff;--pink-800: #9d174d;--red-200: #fecaca;--sky-50: #f0f9ff;--sky-500: #0ea5e9;--green-600: #16a34a;--violet-50: #f3f1ed}body{line-height:1.5;font-family:Helvetica, Arial, sans-serif;padding:0;margin:0}.body-bg-fon{background-color:#f3f4f6}body.dark{filter:invert(100%) hue-rotate(180deg);background-color:#222}body.dark .bg-white{background-color:var(--br-box-gray)}body.dark img{filter:invert(100%)}a{color:#4183c4;cursor:pointer;text-decoration:none}a:hover,a:focus,a.active{color:#1e70bf}img{border-radius:3px;vertical-align:middle}.top0{top:0}.top-sm{top:65px}.top-xl{top:110px}.right0{right:0}.right5{right:5px}.bottom0{bottom:0}.bottom5{bottom:5px}.left0{left:0}.mr-auto{margin:0 auto}.-mr-1{margin-right:-0.5rem}.-mt20{margin-top:-20px}.-mt50{margin-top:-50px}.-mt80{margin-top:-80px}.m0{margin:0}.mt0{margin-top:0}.mr0{margin-right:0}.mb0{margin-bottom:0}.ml0{margin-left: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}.m20{margin:20px}.mt20{margin-top:20px}.mr20{margin-right:20px}.mb20{margin-bottom:20px}.ml20{margin-left:20px}.mt30{margin-top:30px}.ml30{margin-left:30px}.ml45{margin-left:45px}.ml120{margin-left:120px}.mr60{margin-right:60px}.p0{padding:0}.pt0{padding-top:0}.pr0{padding-right:0}.pb0{padding-bottom:0}.pl0{padding-left:0}.p5{padding:5px}.pt5{padding-top:5px}.pr5{padding-right:5px}.pb5{padding-bottom:5px}.pl5{padding-left:5px}.p10{padding:10px}.pt10{padding-top:10px}.pr10{padding-right:10px}.pb10{padding-bottom:10px}.pl10{padding-left:10px}.p15{padding:15px}.pt15{padding-top:15px}.pr15{padding-right:15px}.pb15{padding-bottom:15px}.pl15{padding-left:15px}.p20{padding:20px}.p60{padding:60px}.pt20{padding-top:20px}.pr20{padding-right:20px}.pb20{padding-bottom:20px}.pl20{padding-left:20px}.black{color:var(--black)}.white{color:var(--white)}.gray{color:var(--gray-700)}.green-600{color:var(--green-600)}.red-500{color:var(--red-500)}.gray-400{color:var(--gray-400)}.gray-600{color:var(--gray-600)}.sky-500{color:var(--sky-500)}.bg-black{background-color:var(--black)}.bg-white{background-color:var(--white)}.bg-green-600{background-color:var(--green-600)}.bg-gray-100{background-color:var(--gray-100)}.bg-violet-50{background-color:var(--violet-50)}.bg-yellow-100{background-color:var(--yellow-100)}.bg-purple-100{background-color:var(--purple-100)}.bg-blue-100{background-color:var(--blue-100)}.bg-blue-500{background-color:var(--blue-500)}.bg-sky-50{background-color:var(--sky-50)}.bg-red-200{background-color:var(--red-200)}.bg-pink-800{background-color:var(pink-800)}.box-shadow{box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.15)}.box-shadow-top{box-shadow:0 -5px 5px -5px rgba(0, 0, 0, 0.15)}.box-shadow-all{box-shadow:0 4px 14px rgba(0, 0, 0, 0.15)}.br-box-gray{border:1px solid var(--br-box-gray)}.br-top-dotted{border:1px dotted #ddd}.br-bottom{border-bottom:1px solid #ddd}.border-bottom:last-child{border:0}.br-rd3{border-radius:3px}.br-rd5{border-radius:5px}.br-rd20{border-radius:20px}.br-rd-42{border-radius:42%}.br-rd-50{border-radius:50%}.w-auto{width:auto}.w-50{width:50%}.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}.w110{width:110px}.w160{width:160px}.w200{width:200px}.w400{width:400px}.h20{height:20px}.h30{height:30px}.h40{height:40px}.h50{height:50px}.h60{height:60px}.h80{height:80px}.h110{height:110px}.h160{height:160px}.max-w-100{max-width:100%}.max-w200{max-width:200px}.max-w300{max-width:300px}.max-w460{max-width:460px}.max-w640{max-width:640px}.max-w780{max-width:780px}.max-w1240{max-width:1240px}.max-width{max-width:1636px}.min-h300{min-height:300px}.min-h100{min-height:100px}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.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}.text-9xl{font-size:8rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-5{grid-column:span 5 / span 5}.col-span-6{grid-column:span 6 / span 6}.col-span-7{grid-column:span 7 / span 7}.col-span-8{grid-column:span 8 / span 8}.col-span-9{grid-column:span 9 / span 9}.col-span-10{grid-column:span 10 / span 10}.col-span-12{grid-column:span 12 / span 12}.gap-2{gap:0.5rem}.gap-4{gap:1rem}.flex{display:flex}.fixed{position:fixed}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-grow-0{flex-grow:0}.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}.list-none{list-style:none;padding:0;margin:0}menu{padding:0px}nav>ul>li>a{color:var(--gray-400);padding:3px 10px;display:flex;flex-direction:row;align-items:center}ul>li>a span{color:var(--gray-600)}ul>li>a:hover>span,ul>li>a:hover>i,a.sky-500 span{color:#0ea5e9}textarea{width:100%;font-size:16px;padding:1px 6px;border:1px solid var(--slate-300)}input,select{border:1px solid var(--slate-300);font-size:16px}fieldset input:not([type=radio]):not([type=checkbox]):not([type=range]){width:100%;min-height:34px;font-size:16px;padding-left:5px}fieldset{margin:0;padding:0;border:0;position:relative}fieldset{margin-top:15px}select{background-color:var(--white)}input:focus,textarea:focus{border:1px solid #9ccdf8}label{display:block;margin-bottom:5px}::placeholder{color:#919191}table{margin-bottom:1.5rem;width:100%;border-collapse:collapse;border-spacing:0}table td,table th{font-size:14px}table tr:nth-of-type(2n){background-color:var(--slate-100)}table thead th{border-bottom:2px solid rgba(222, 226, 230, 0.5)}td,th{padding:5px}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;background-color:transparent;border:1px solid transparent;padding:0.25rem 0.5rem;font-size:0.875rem;line-height:1.5;border-radius:0.2rem}.btn-small{padding:0.15rem 0.35rem;font-size:0.775rem}.btn-primary{color:var(--white);background-color:#0085ee;border-color:#0379d7}.btn-outline-primary{color:#0085ee;background-color:var(--white);border-color:#0085ee}.btn-primary:hover,.btn-primary:focus{color:var(--white);opacity:0.8}.btn-outline-primary:hover,.btn-outline-primary:focus{color:var(--white);background-color:#0085ee;border-color:#0379d7}.fon-rgba{background-color:rgba(0, 0, 0, 0.3);padding:1px 6px}.focus-id{text-align:center;border-radius:20px;font-size:0.875rem;padding:5px 15px 5px 15px}.focus-id.yes{background-color:#f3f4f6;color:#9ca3af}.focus-id.no{background-color:#f0f9ff;color:#0ea5e9}.focus-id:hover{opacity:0.8}.tag{padding:0.15rem 0.35rem;font-size:0.775rem;color:#0ea5e9;background-color:#dbeafe;border-radius:5px;display:inline-block}.tag:hover{color:#fff;background-color:#5fb878}.tags-xs{margin-right:5px;padding:2px 6px 2px 6px;border-bottom:1px solid #bbbbbb;background-color:#ececec;color:#6b3e4a;border-radius:3px;font-size:0.75rem}.tags-xs:hover{color:#444;background-color:#fff}.tags-look .tagify__dropdown__item{display:inline-block;border-radius:3px;padding:0.3em 0.5em;border:1px solid #ccc;background-color:#f3f3f3;margin:0.2em;font-size:0.85em;color:black;transition:0s}.tags-look .tagify__dropdown__item--active{color:black}.tags-look .tagify__dropdown__item:hover{background-color:lightyellow;border-color:gold}@media (max-width:1150px){.home-img{width:100%;height:auto}.flex-auto{flex-wrap:wrap;flex:1 1 auto}}@media (max-width:910px){.mb-col-2{grid-column:span 2 / span 2}.mb-col-12{grid-column:span 12 / span 12}.mb-w-100{width:100px}.mb-h-100{height:100px}.mb-w100{width:100%}.mb-h100{height:100%}.mb-ml-10{margin-left:10px}.mb-ml-20{margin-left:20px}.mb-mt-5{margin-top:5px}.mb-mr-5{margin-right:5px}.mb-mb-5{margin-bottom:5px}.mb-ml-5{margin-left:5px}.mb-ml-0{margin-left:0}.mb-pl-0{padding-left:0}.mb-pr-0{padding-right:0}.mb-p-10{padding:10px}.mb-text-xl{font-size:1.25rem}.mb-inline{display:inline}.mb-gap-05{gap:0.5rem}.mb-none{display:none}.mb-block{display:block}.mb-absolute{position:absolute}.logo{font-size:18px}.mb-video-object{width:280px;height:155px}}@font-face{font-family:"bootstrap-icons";src:url("./fonts/bootstrap-icons.woff2?a74547b2f0863226942ff8ded57db345") format("woff2"), url("./fonts/bootstrap-icons.woff?a74547b2f0863226942ff8ded57db345") format("woff");font-display:swap}.bi::before,[class^="bi-"]::before,[class*=" bi-"]::before{display:inline-block;font-family:bootstrap-icons !important;font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-0.125em}.bi-house::before{content:""}.bi-sort-down::before{content:""}.bi-circle::before{content:""}.bi-columns-gap::before{content:""}.bi-journal-text::before{content:""}.bi-journals::before{content:""}.bi-journal-richtext::before{content:""}.bi-chat-left-text::before{content:""}.bi-chat-quote::before{content:""}.bi-receipt::before{content:""}.bi-people::before{content:""}.bi-person::before{content:""}.bi-person-plus::before{content:""}.bi-shield-x::before{content:""}.bi-person-x-fill::before{content:""}.bi-chat-dots::before{content:""}.bi-chat-text::before{content:""}.bi-link-45deg::before{content:""}.bi-slash-lg::before{content:""}.bi-arrow-up-right-square::before{content:""}.bi-heart::before{content:""}.bi-bookmark::before{content:""}.bi-bookmark-plus::before{content:""}.bi-bookmark-dash::before{content:""}.bi-app::before{content:""}.bi-bar-chart::before{content:""}.bi-plus-lg::before{content:""}.bi-intersect::before{content:""}.bi-menu-app::before{content:""}.bi-bell::before{content:""}.bi-bell-fill::before{content:""}.bi-brightness-high::before{content:""}.bi-gear::before{content:""}.bi-pencil-square::before{content:""}.bi-app-indicator::before{content:""}.bi-envelope::before{content:""}.bi-arrow-up::before{content:""}.bi-shield-exclamation::before{content:""}.bi-box-arrow-right::before{content:""}.bi-search::before{content:""}.bi-brush::before{content:""}.bi-exclamation-diamond::before{content:""}.bi-reply::before{content:""}.bi-tools::before{content:""}.bi-badge-ad::before{content:""}.bi-award::before{content:""}.bi-patch-question::before{content:""}.bi-bug::before{content:""}.bi-mic::before{content:""}.bi-pencil::before{content:""}.bi-plus::before{content:""}.bi-journal::before{content:""}.bi-flag::before{content:""}.bi-calendar-week::before{content:""}.bi-person-x::before{content:""}.bi-folder-symlink::before{content:""}.bi-lightning::before{content:""}.bi-hash::before{content:""}.bi-trash::before{content:""}.bi-sort-up::before{content:""}.bi-record-circle::before{content:""}.bi-x-circle::before{content:""}.bi-vinyl-fill::before{content:""}.bi-vinyl::before{content:""}.bi-check2-square::before{content:""}.bi-emoji-wink::before{content:""}.bi-list::before{content:""}.bi-info-square::before{content:""}.bi-chevron-double-right::before{content:""}.bi-emoji-smile::before{content:""}.bi-lock::before{content:""}.bi-pin-angle::before{content:""}.bi-eye::before{content:""}.bi-eye-slash::before{content:""}.bi-gift::before{content:""}.bi-x-octagon::before{content:""}.bi-magic::before{content:""}.bi-facebook::before{content:""}.bi-twitter::before{content:""}.bi-github::before{content:""}.bi-discord::before{content:""}.bi-info-lg::before{content:""} \ No newline at end of file diff --git a/resources/views/default/content/user/favorite.php b/resources/views/default/content/user/favorite.php index 5ba7fa30..afd9f4ec 100644 --- a/resources/views/default/content/user/favorite.php +++ b/resources/views/default/content/user/favorite.php @@ -10,7 +10,7 @@
-
+

    diff --git a/resources/views/default/content/user/subscribed.php b/resources/views/default/content/user/subscribed.php index 6f5ac5da..25e4cd1a 100644 --- a/resources/views/default/content/user/subscribed.php +++ b/resources/views/default/content/user/subscribed.php @@ -10,7 +10,7 @@
-
+

    diff --git a/resources/views/default/css/scss/basic.scss b/resources/views/default/css/scss/basic.scss index e3c77bab..0c5565f1 100644 --- a/resources/views/default/css/scss/basic.scss +++ b/resources/views/default/css/scss/basic.scss @@ -123,14 +123,10 @@ img { .ml20 { margin-left: 20px; } .mt30 { margin-top: 30px; } -.mt60 { margin-top: 60px; } -.mr30 { margin-right: 30px; } -.mr60 { margin-right: 60px; } -.mb30 { margin-bottom: 30px; } .ml30 { margin-left: 30px; } .ml45 { margin-left: 45px; } -.ml60 { margin-left: 60px; } .ml120 { margin-left: 120px; } +.mr60 { margin-right: 60px; } .p0 { padding: 0; } .pt0 { padding-top: 0; } diff --git a/resources/views/default/css/scss/components.scss b/resources/views/default/css/scss/components.scss index 37bba5b1..813f1a8e 100644 --- a/resources/views/default/css/scss/components.scss +++ b/resources/views/default/css/scss/components.scss @@ -134,7 +134,7 @@ details[open] > summary { /* web catalog */ .list-items { margin: 0; - min-width: 426px; + max-width: 726px; padding: 0 30px 0 0; list-style: none; } @@ -176,6 +176,31 @@ details[open] > summary { font-size: 0.875rem; margin-top: 10px; } + +.item-search { + display: flex; + flex-direction: row; + width: 100%; + align-items: center; + justify-content: space-between; + padding: 40px 60px 30px 20px; +} + +.item-search__input { + width: 100%; + border-radius: 5px; + height: 50px; + border: 9px solid #eee; + padding-left: 15px; + color: var(--gray-700); +} + +.item-search__url{ + text-decoration: underline; + font-size: 1.25rem; + margin-left: 5px; +} + /* end catalog */ diff --git a/resources/views/default/css/scss/media.scss b/resources/views/default/css/scss/media.scss index 850c824d..d5db6e69 100644 --- a/resources/views/default/css/scss/media.scss +++ b/resources/views/default/css/scss/media.scss @@ -32,6 +32,7 @@ .mb-ml-0 { margin-left: 0; } .mb-pl-0 { padding-left: 0; } .mb-pr-0 { padding-right: 0; } + .mb-p-10 { padding: 10px; } .mb-text-xl { font-size: 1.25rem; } .mb-inline { display: inline; } .mb-gap-05 { gap: 0.5rem; } diff --git a/resources/views/default/header.php b/resources/views/default/header.php index a4c9593b..d89ca7e8 100644 --- a/resources/views/default/header.php +++ b/resources/views/default/header.php @@ -15,7 +15,7 @@ output(); ?> - +