File manager - Edit - /home/kamsoftco/public_html/matysbrow.com/assets/css/themes/new.tar
Back
_testimonial-v1.scss 0000644 00000003305 15162017416 0010460 0 ustar 00 .testimonial-box-img { @media (min-width: $lg) { position: absolute; left: 0; top: 0; right: 0; z-index: 1; } .slick-arrow { --icon-size: 60px; left: auto; right: -1px; top: 0; transform: none; margin: 0; opacity: 1; visibility: visible; background-color: $white-color; color: $theme-color; &:hover { background-color: $theme-color; color: $white-color; } &.slick-next { top: var(--icon-size); right: calc(var(--icon-size) * -1); bottom: auto; left: auto; } } } .testimonial-box { background-color: $white-color; text-align: center; padding: 78px 40px 80px 40px; margin-top: 120px; z-index: 2; position: relative; .testi-title { font-size: 36px; margin-bottom: 10px; } .quote-icon { margin-bottom: 20px; } .vs-btn { margin-top: 20px; border: 2px solid #f4f3f2; i { margin-right: 10px; } } .testi-text { max-width: 500px; display: inline-block; } } .testi-text-shape { font-size: 200px; font-family: $title-font; font-weight: 300; color: #f5eee5; line-height: 1; position: absolute; left: 160px; bottom: 113px; } @include lg { .testimonial-box { margin-top: 0; padding: 48px 40px 50px 40px; .testi-text { max-width: 700px; } .testi-title { font-size: 30px; } } } @include sm { .testimonial-box { padding: 38px 20px 40px 20px; .testi-title { font-size: 26px; } .testi-text { max-width: 100%; margin-bottom: 5px; } } } _team-v1.scss 0000644 00000001750 15162017416 0007060 0 ustar 00 .vs-team-layout1 { a { color: inherit; } .vs-team-degi { display: block; margin-bottom: 10px; font-weight: 700; } .social-links { margin-bottom: 10px; transition: all ease 0.4s; position: relative; top: -50px; opacity: 0; visibility: hidden; margin: -20px 0 10px 0; padding: 0; list-style-type: none; li { display: inline-block; margin: 0 5px; } a { display: inline-block; @include equal-size(40px); background-color: $white-color; line-height: 40px; box-shadow: 0px 6px 12px 0px rgba(249, 163, 146, 0.2); border-radius: 50%; &:hover { background-color: $theme-color; color: $white-color; } } } .vs-team { text-align: center; margin-bottom: 20px; &:hover { .social-links { top: 0; opacity: 1; visibility: visible; } } } } _blog-v1.scss 0000644 00000001240 15162017416 0007047 0 ustar 00 .vs-blog-layout2 { .vs-blog { display: block; overflow: hidden; background-color: $white-color; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05); } .blog-content { padding: 25px 30px; padding-bottom: 15px; } .blog-meta { border-top: 1px solid $border-color; padding-top: 15px; margin-top: 20px; a { text-transform: capitalize; i { color: $theme-color; } } } } @include lg { .vs-blog-layout2 { .blog-content { padding: 15px; padding-bottom: 15px; } .blog-meta { a { font-size: 14px; } } } } _gallery-v2.scss 0000644 00000001766 15162017416 0007601 0 ustar 00 @media (min-width: $lg) { .instagram-align-style1 { >[class*=col-], .slick-slide { &:nth-child(even) { margin-top: 30px; } } } } .instagram-box { position: relative; overflow: hidden; .insta-btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: $white-color; font-family: $title-font; font-size: 18px; font-weight: 400; color: $theme-color; display: inline-block; width: 182px; height: 50px; text-align: center; line-height: 50px; transition: all ease 0.4s; opacity: 0; visibility: hidden; &:hover { background-color: $theme-color; color: $white-color; } i { margin-right: 10px; } } &:hover { .insta-btn { opacity: 1; visibility: visible; } } } @include sm { .instagram-box { .insta-btn { width: 130px; } } } _counter-v1.scss 0000644 00000000631 15162017416 0007606 0 ustar 00 .counter-inner1 { padding: 40px 0; } .counter-media { padding: 13px 40px; .sec-title { margin-bottom: 10px; } .counter-text { letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 0; font-weight: 300; } } @include lg { .counter-media { padding: 13px 10px; } } @include md { .counter-media { padding: 10px 20px; } } _feature-v1.scss 0000644 00000006344 15162017416 0007571 0 ustar 00 .vs-features-layout1 { .shape1 { bottom: 0; left: 48%; transform: translateX(-50%); width: 100%; max-width: 560px; } .shape2 { position: absolute; top: 0; left: -100px; right: -100px; height: 100%; z-index: -1; background-color: #fcf2ee; background-color: $secondary-color; } .shape3 { left: 0; bottom: 0; width: 100%; max-width: 100%; text-align: center; z-index: 2; } .shape5, .shape4 { @include equal-size(920px); margin-left: -460px; margin-top: -440px; display: inline-block; left: 50%; top: 0; border-radius: 50%; background: $white-color; z-index: 1; } .shape5 { transform: scale(0.96); background-color: transparent; border: 34px solid $theme-color; opacity: 0.5; } .inner-wrapper { position: relative; z-index: 5; padding: 120px 0; } .feature-text:last-child { margin-bottom: 0; } .media-icon { margin-top: 3px; margin-right: 25px; .icon-btn { &:hover { color: $theme-color !important; } } } .icon-btn { position: relative; --icon-size: 60px; border-radius: 50%; &.has-border { &:before { content: ''; position: absolute; top: -6px; right: -6px; bottom: -6px; left: -6px; border: 1px dashed $theme-color; border-radius: inherit; } } } .vs-feature { margin-bottom: 40px; display: flex; &:last-child { margin-bottom: 0; } } @media (min-width: $lg) { .row>div { &:nth-child(1) { padding-right: 50px; } &:nth-child(2) { padding-left: 50px; } &:nth-child(2n+1) { .vs-feature { flex-direction: row-reverse; text-align: right; } .media-icon { margin-right: 0; margin-left: 25px; } } } } .row.has-default-view>div { &:nth-child(1) { padding-right: 15px; } &:nth-child(2) { padding-left: 15px; } .vs-feature { flex-direction: row; text-align: left; &:last-child { margin-bottom: 40px; } .media-icon { margin-right: 25px; margin-left: 0; } } } } @include xl { .vs-features-layout1 { .shape2 { left: 0; right: 0; } } } @include lg { .vs-features-layout1 { .inner-wrapper { padding: 50px 0; } } } @include md { .vs-features-layout1 { .vs-feature { margin-bottom: 20px; } .inner-wrapper { &.pb-60 { padding-bottom: 0; } } } .vs-features-layout1 .row.has-default-view>div .vs-feature:last-child { margin-bottom: 30px; } } @include sm { .vs-features-layout1 { .vs-feature { display: block; text-align: center; } .row.has-default-view>div .vs-feature { text-align: center; } .media-icon { margin-right: 0; margin-bottom: 15px; } } } _price-v2.scss 0000644 00000004501 15162017416 0007232 0 ustar 00 .vs-pricing-layout2 { .vs-price { font-size: 80px; font-family: $title-font; line-height: 1; position: relative; bottom: -5px; sub { font-size: 24px; position: relative; bottom: 0; } } .vs-price-head { position: relative; border-bottom: 2px solid rgba(#9a563a, 0.3); padding-bottom: 30px; margin-bottom: 63px; } .vs-price-list { list-style: none; margin: 0; padding: 0; text-align: left; margin-bottom: 43px; li { display: block; clear: both; margin: 15px 0; padding-right: 40px; margin-bottom: 20px; position: relative; &:after { content: '\f00c'; font-family: $icon-font; position: absolute; right: 0; top: -6px; background-color: $white-color; text-align: center; @include equal-size(35px); line-height: 35px; color: $theme-color; z-index: 1; border-radius: 50%; transition: all ease 0.4s; } } } .vs-price-box { background-color: #ffffff; position: relative; z-index: 1; padding: 80px; padding-top: 74px; border-bottom: 10px solid transparent; transition: all ease 0.4s; &[data-overlay="theme"]:before { opacity: 0.5; z-index: -1; transition: all ease 0.4s; bottom: -10px; background-color: $secondary-color; } &:hover { border-color: $theme-color; .vs-price-list { li:after { background-color: $theme-color; color: $white-color; } } &::before { opacity: 0; visibility: hidden; } } } } @include lg { .vs-pricing-layout2 { .vs-price-box { padding: 40px; padding-top: 34px; } } } @include md { .vs-pricing-layout2 { .vs-price-box { padding: 40px 20px; } .vs-price { font-size: 42px; bottom: -2px; } .package-name { font-size: 18px; } .vs-price-head { padding-bottom: 15px; margin-bottom: 25px; } .vs-price-list { margin-bottom: 23px; } } .tabs-style1 a { padding: 12px 20px; } } _gallery-v1.scss 0000644 00000006650 15162017416 0007575 0 ustar 00 .vs-gallery-layout1 { .vs-gallery-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 0; z-index: 1; opacity: 0; visibility: hidden; transition: all ease 0.4s; background-color: rgba(#000, 0.6); } .vs-gallery-content { text-align: center; position: absolute; left: 0; top: 45%; width: 100%; z-index: 2; opacity: 0; visibility: hidden; transition: all ease 0.4s; transform: translateY(-50%); } .vs-gallery-btn { @include equal-size(80px); line-height: 78px; font-size: 22px; display: inline-block; border: 2px solid rgba($color: #ffffff, $alpha: 0.60); margin-bottom: 25px; color: $white-color; border-radius: 50%; &:hover { background-color: $theme-color; color: $white-color; border-color: transparent; } } .instagram-btn { position: absolute; left: 50%; top: 50%; @include equal-size(80px); line-height: 80px; margin: -40px 0 0 -40px; z-index: 3; opacity: 0; visibility: hidden; transition: all ease 0.4s; i { line-height: 78px; } } .vs-gallery { position: relative; &:hover { .vs-gallery-content, .vs-gallery-overlay, .instagram-btn { opacity: 1; visibility: visible; } .vs-gallery-content { top: 50%; transition-delay: 0.4s; } .vs-gallery-overlay { height: 100%; } } } } .gallery-box { position: relative; --shape-space: 45px; --btn-size: 50px; overflow: hidden; &.box-rounded { border-radius: 50%; } img { border-radius: inherit; transition: all ease 0.4s; } .gal-btn { background-color: transparent; display: inline-block; text-align: center; width: var(--btn-size); height: var(--btn-size); line-height: var(--btn-size); position: absolute; left: 50%; top: 50%; font-size: 26px; z-index: 3; color: $white-color; transform: translate(-50%, -50%); transition: all ease 0.4s; opacity: 0; visibility: hidden; &:hover { background-color: $white-color; color: $theme-color; } } &:before { content: ''; position: absolute; top: var(--shape-space); right: var(--shape-space); bottom: var(--shape-space); left: var(--shape-space); z-index: 2; opacity: 0; background-color: $theme-color; border-radius: inherit; transition: all ease 0.4s; transform: scale(0); } &:hover { .gal-btn { opacity: 1; visibility: visible; transition-delay: 0.2s; } &:before { opacity: 0.86; transform: scale(1); } img { transform: scale(1.2); } } } @include lg { .gallery-box { --shape-space: 20px; --btn-size: 30px; } .vs-gallery-layout1 { .instagram-btn { @include equal-size(60px); line-height: 60px; font-size: 14px; i { line-height: inherit; } } } } @include xs { .vs-gallery-layout1 { .vs-gallery-title { font-size: 18px; } .vs-gallery-btn { @include equal-size(60px); line-height: 60px; font-size: 18px; } } }
| ver. 1.4 |
Github
|
.
| PHP 8.2.30 | Generation time: 0.14 |
proxy
|
phpinfo
|
Settings