File manager - Edit - /home/kamsoftco/public_html/matysbrow.com/assets/css/themes/reset.tar
Back
_grid.scss 0000644 00000001146 15162017430 0006526 0 ustar 00 @media (min-width: $ml) { .row:not([class*="gx-"]) { --bs-gutter-x: 30px; } } .gy-gx { --bs-gutter-y: var(--bs-gutter-x); } .gy-30 { --bs-gutter-y: 30px; } .gx-2px { --bs-gutter-x: 2px; } @media (min-width: $ml) { .gx-20 { --bs-gutter-x: 20px; } .gx-10 { --bs-gutter-x: 10px; } .gx-25 { --bs-gutter-x: 25px; } .gx-50 { --bs-gutter-x: 50px; } .gx-55 { --bs-gutter-x: 55px; } .gx-60 { --bs-gutter-x: 60px; } .gx-70 { --bs-gutter-x: 70px; } .gx-80 { --bs-gutter-x: 80px; } } _input.scss 0000644 00000011156 15162017430 0006742 0 ustar 00 select, .form-control, .form-select, textarea, input { height: 60px; padding: 0 45px 0 30px; border: 1px solid $border-color; color: $body-color; background-color: $body-bg; border-radius: 9999px; border-radius: 0; font-size: 16px; width: 100%; &:focus { outline: 0; color: $body-color; box-shadow: none; background-color: $body-bg; border-color: $border-color; } @include inputPlaceholder { color: $body-color; } } .form-select, select { display: block; width: 100%; line-height: 1.5; vertical-align: middle; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E"); background-position: right 26px center; background-repeat: no-repeat; background-size: 16px 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } textarea.form-control, textarea { min-height: 150px; padding-top: 16px; padding-bottom: 17px; border-radius: 0; } input[type="checkbox"] { visibility: hidden; opacity: 0; display: inline-block; vertical-align: middle; width: 0; height: 0; display: none; &:checked { ~label { &:before { content: "\f00c"; color: $white-color; background-color: $theme-color; border-color: $theme-color; } } } ~label { position: relative; padding-left: 30px; cursor: pointer; display: block; &:before { content: ''; font-family: $icon-font; font-weight: 700; position: absolute; left: 0px; top: 3.5px; background-color: #f1f1f1; border: 1px solid rgba(#c4c6c8, 0.3); height: 20px; width: 20px; line-height: 20px; text-align: center; font-size: 12px; } } } input[type="radio"] { visibility: hidden; opacity: 0; display: inline-block; vertical-align: middle; width: 0; height: 0; display: none; ~label { position: relative; padding-left: 30px; cursor: pointer; line-height: 1; display: inline-block; font-weight: 600; margin-bottom: 0; &::before { content: '\f111'; position: absolute; font-family: $icon-font; left: 0; top: -2px; width: 20px; height: 20px; padding-left: 0.5px; font-size: 0.4em; line-height: 18.95px; text-align: center; border: 1px solid $theme-color; border-radius: 100%; font-weight: 700; background: $body-bg; color: transparent; transition: all 0.2s ease; } } &:checked { ~label { &::before { border-color: $theme-color; background-color: $theme-color; color: $white-color; } } } } label { margin-bottom: 0.5em; margin-top: -0.3em; display: block; color: $title-color; font-family: $body-font; font-size: 16px; } .form-group { margin-bottom: var(--bs-gutter-x); position: relative; >i { position: absolute; right: calc((var(--bs-gutter-x) / 2) + 30px); top: 21px; font-size: 16px; color: #A0ABB4; } &.has-label { >i { top: 50px; } } } textarea.is-invalid, select.is-invalid, input.is-invalid, .was-validated input:invalid { border: 1px solid $error-color !important; background-position: right calc(.375em + 0.8875rem) center; // background-image: none; &:focus { outline: 0; box-shadow: none; } } textarea.is-invalid { background-position: top calc(.375em + 0.5875rem) right calc(.375em + .8875rem); } .row.no-gutters>.form-group { margin-bottom: 0; } .form-messages { display: none; margin: 0; padding: 10px 15px; margin-top: 15px; border-radius: 4px; >pre { &:last-child { margin-bottom: 0; } &:first-of-type { margin-top: 0; } } &.success { background-color: $success-color; color: $white-color; display: block; } &.error { background-color: $error-color; color: $white-color; display: block; } pre { padding: 0; background-color: transparent; color: inherit; } } _slick-slider.scss 0000644 00000007723 15162017430 0010175 0 ustar 00 .row>.slick-list { padding-left: 0; padding-right: 0; } .slick-track>[class*=col] { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x)/ 2); padding-left: calc(var(--bs-gutter-x)/ 2); margin-top: var(--bs-gutter-y); } .slick-track { min-width: 100%; } .slick-slide img { display: inline-block; } .slick-dots { list-style-type: none; padding: 0; margin: 10px 0 30px 0; line-height: 0; text-align: center; height: max-content; line-height: 0; li { display: inline-block; margin-right: 7px; &:last-child { margin-right: 0; } } button { font-size: 0; padding: 0; background-color: transparent; width: 60px; height: 15px; line-height: 0; border: 3px solid $title-color; background-color: var(--dots-bg, transparent); transition: all ease 0.4s; position: relative; } button:hover, .slick-active button { background-color: $theme-color; border-color: $theme-color; } } .slick-arrow { display: inline-block; padding: 0; position: absolute; background-color: $secondary-color; color: $theme-color; top: 50%; border: none; left: var(--pos-x, -40px); width: var(--icon-size, 50px); height: var(--icon-size, 50px); font-size: var(--icon-font-size, 16px); margin-top: calc(var(--icon-size, 50px) / -2); z-index: 2; border-radius: 0; transition: all ease 0.4s; &.default { position: relative; --pos-x: 0; margin-top: 0; } &.slick-next { right: var(--pos-x, -40px); left: auto; } &:hover { background-color: $theme-color; color: $white-color; border-color: transparent; } } .arrow-margin { .slick-arrow { top: calc(50% - 30px); } } .arrow-wrap { .slick-arrow { opacity: 0; visibility: hidden; } &:hover { .slick-arrow { --pos-x: -100px; opacity: 1; visibility: visible; } } } .has-slide-shadow { margin-top: -30px; margin-bottom: -30px; .slick-slide { margin-top: 30px; margin-bottom: 30px; } } .arrows-style1 { display: flex; justify-content: space-between; max-width: calc(100% - (var(--padding-x, 492.5px) * 2)); width: 100%; margin: 20px auto 28px auto; position: relative; z-index: 1; button { border: none; padding: 0; line-height: 1; background-color: transparent; color: $theme-color; text-transform: uppercase; font-size: 14px; font-weight: 500; letter-spacing: 0.22em; display: inline-flex; gap: 10px; .arrow { width: 15px; height: 15px; display: inline-block; background-color: currentColor; clip-path: var(--path); vertical-align: middle; } &:hover { color: $title-color; } } [data-slick-prev] { --path: polygon(100% 0, 60% 49%, 100% 100%, 0 50%); } [data-slick-next] { flex-direction: row-reverse; --path: polygon(0 0, 100% 50%, 0 100%, 40% 50%); } } .arrows-style2 { .slick-arrow { background-color: $white-color; color: $theme-color; &:hover { background-color: $theme-color; color: $white-color; } } } @include xl { .slick-arrow { --arrow-horizontal: -20px; } .arrows-style1 { --padding-x: 330px } } @include ml { .slick-arrow { --arrow-horizontal: 40px; } .arrows-style1 { --padding-x: 220px } } @include lg { .arrows-style1 { --padding-x: 170px } } @include md { .slick-arrow { --icon-size: 40px; margin-right: 40px; &.slick-next { margin-right: 0; margin-left: 40px; } } .arrows-style1 { --padding-x: 100px } .slick-dots { margin: 8px 0 38px 0; } } @include sm { .arrows-style1 { --padding-x: 10px; } } _vsmenu.scss 0000644 00000010750 15162017430 0007117 0 ustar 00 .vs-menu-wrapper { position: fixed; top: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.60); z-index: 999999; width: 0; width: 100%; height: 100%; transition: all ease 0.8s; opacity: 0; visibility: hidden; // Mobile Menu Logo .mobile-logo { padding-bottom: 30px; padding-top: 40px; display: block; text-align: center; background-color: rgba(#9a563a, 0.1); // background-color: $body-bg; img { max-width: 220px; } } // Menu Close Button .vs-menu-toggle { border: none; font-size: 22px; position: absolute; right: 10px; top: 10px; padding: 0; line-height: 1; width: 33px; height: 33px; line-height: 34px; font-size: 18px; z-index: 1; color: $white-color; background-color: $theme-color; border-radius: 50%; &:hover { background-color: $secondary-color; color: $white-color; } } .vs-menu-area { width: 100%; max-width: 310px; background-color: $body-bg; border-right: 3px solid $theme-color; height: 100%; position: relative; left: -110%; opacity: 0; visibility: hidden; transition: all ease 1s; z-index: 1; } &.vs-body-visible { opacity: 1; visibility: visible; .vs-menu-area { left: 0; opacity: 1; visibility: visible; } } } // Mobile Menu .vs-mobile-menu { overflow-y: scroll; max-height: calc(100vh - 175px); padding-bottom: 40px; margin-top: 33px; text-align: left; &::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(#9a563a, 0.2); background-color: #000; } &::-webkit-scrollbar { width: 6px; background-color: #000; } &::-webkit-scrollbar-thumb { background-color: $theme-color; } ul { margin: 0; padding: 0 0; li { border-bottom: 1px solid $border-color; list-style-type: none; li:first-child { border-top: 1px solid $border-color; } a { display: block; position: relative; padding: 12px 0; line-height: 1; font-size: 16px; text-transform: capitalize; color: $title-color; font-weight: 500; &:before { content: '\f105'; font-family: $icon-font; position: relative; left: 0; top: 0; margin-right: 10px; display: inline-block; } } &.vs-active { >a { color: $theme-color; &:before { transform: rotate(90deg); } } } ul { li { padding-left: 20px; &:last-child { border-bottom: none; } } } } .vs-item-has-children { >a { .vs-mean-expand { position: absolute; right: 0; top: 50%; font-weight: 400; font-size: 12px; width: 25px; height: 25px; line-height: 25px; margin-top: -12.5px; display: inline-block; text-align: center; background-color: $smoke-color; color: $title-color; box-shadow: 0 0 20px -8px rgba(#9a563a, 0.5); border-radius: 50%; &:before { content: '\f067'; font-family: $icon-font; } } } &.vs-active { >a { .vs-mean-expand:before { content: '\f068'; } } } } } >ul { padding: 0 40px; >li { &:last-child { border-bottom: none; } } } } .vs-menu-toggle { width: 50px; height: 50px; padding: 0; font-size: 24px; border: none; background-color: $theme-color; color: $white-color; display: inline-block; border-radius: 0; @include sm { width: 45px; height: 45px; } &.style-text, &.style-text-white { width: auto; height: auto; background-color: transparent; color: $title-color; font-size: 20px; i { margin-right: 10px; } } &.style-text-white { color: $white-color; } } @media (max-width: 400px) { .vs-menu-wrapper .vs-menu-area { width: 100%; max-width: 270px; } .vs-mobile-menu>ul { padding: 0 20px; } } _container.scss 0000644 00000002527 15162017430 0007567 0 ustar 00 @media only screen and (min-width: 1300px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: calc(var(--main-container) + var(--container-gutters)); padding-left: calc(var(--container-gutters) / 2); padding-right: calc(var(--container-gutters) / 2); } .container-fluid { padding-left: calc(var(--container-gutters) / 2); padding-right: calc(var(--container-gutters) / 2); } } @media only screen and (max-width: 1600px) { .container-fluid.px-0 { padding-left: 15px !important; padding-right: 15px !important; >.row { margin-left: -12px !important; margin-right: -12px !important; } } } .outer-wrap2, .outer-wrap1 { max-width: 1880px; width: 100%; margin-left: auto; margin-right: auto; } .outer-wrap3 { max-width: 1445px; background-color: $white-color; margin-left: auto; margin-right: auto; padding-top: $space; padding-bottom: $space-extra; } @include hd { .hd-container1 { max-width: 2000px; } } @include xl { .outer-wrap3 { max-width: 1350px; } } @include ml { .outer-wrap3 { max-width: 1140px; } } @include md { .outer-wrap3 { padding-top: $space-mobile; padding-bottom: $space-mobile-extra; } } _datepicker.scss 0000644 00000001433 15162017430 0007713 0 ustar 00 .xdsoft_datetimepicker { z-index: 1080; .xdsoft_datepicker { width: 300px; } } // @include xs { // .xdsoft_datetimepicker { // transform: scale(0.7); // transform-origin: top center; // } // } .xdsoft_datetimepicker .xdsoft_current { color: $theme-color; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current { background-color: $theme-color; border-color: $theme-color; color: $white-color; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover { background-color: $title-color; color: $white-color; }
| ver. 1.4 |
Github
|
.
| PHP 8.2.30 | Generation time: 0.12 |
proxy
|
phpinfo
|
Settings